@charset "UTF-8";
/* CSS Document */

body{
   font-family: "Jun 34", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color:#333333;
}


#kv, footer {background-color:#F9BE00;}
article {
    max-width: 800px;
    padding: 0px 0px;
    margin: 0 auto;
  filter: drop-shadow(0 0 0.5rem #c6c6c6);
}
.content_wrap {
    background-color: #A1D6D3;}

#information .info_title, #information_free .info_title {
    font-size:1.8em;
  line-height:1.4em;
}

#information li .info_desc, #information_free li .info_desc {
    max-width: 26em;
}

#yodogawa img{width:16em;}

#yodogawa .inner {
    text-align: center;
    display: inline-block;
}

.yodogawa_01 ul{
   display: flex;
   font-size: 16px;
   letter-spacing: .05em;
   line-height:1.8em;
   padding-bottom:3em;
   text-align:left;
}
  .yodogawa_02{margin-left:0em; margin-top:1em;}
.profile_inner .pic img, .modal_content_inner .pic img {
    width: 420px;
}
.profile_inner, .modal_content_inner {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    text-align: left;
}

@media (max-width: 640px) {
  #information .info_title, #information_free .info_title {
    font-size:1.6em;
  line-height:1.2em;
    padding-top:40px;
}
.content_wrap {
   background:rgba(161,214,211,0.7);
}
#yodogawa{background-color:#fff;}
 

.yodogawa_01 ul{display:initial;
position:initial;
font-size: 15px;
}
  
#yodogawa img{width:60%; margin-left:15%;}
  .yodogawa_02{width:100%;margin-left:7%; margin-top:1em;}
  .profile_inner .pic img, .modal_content_inner .pic img {
    width: 100%;
}
  .profile_inner, .modal_content_inner {
    max-width: 100%;
    margin: 5% auto;
    padding: 5%;
    background-color: #fff;
    text-align: left;
}
}