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

body{color:#2C4E68;
font-family: Yu Gothic Pr6N D; }
article {
	max-width: 900px;
	padding: 0;
}
#kv{
	width: 100vw;
    background-color: #63AFC3;
    padding:20px;
}

#kv img{width:260px;}
#yodogawa{padding-top:0}
.bg_color{padding:0;}


#talk_wrap h2 {color:#2C4E68;font-family: Gothic MB101 Bold;font-size:2.4em;padding-top: 80px;}
#index_nav .title{color:#2C4E68;font-family: Gothic MB101 Bold;font-size:2.4em;}



#information .bd_b, #information_free .bd_b {
  border: none;
}
#information .bd_b, #information_free .bd_b {
  border: none;
}
.kokuchi{
  list-style: none;
  max-width:100%;
}



#information li .info_desc, #information_free li .info_desc {
	max-width:100%;}

 
.kokuchi li {
  width: 230px;
  text-align: center;
  display: inline-block;
}
.kokuchi2{padding-top:60px;margin:0 auto;width: 360px;}
.info_img{width:360px;}
.info_desc{text-align:center;}

#information li .info_desc, #information_free li .info_desc {
	max-width:100%;}
@media (min-width: 740px) {
  #kv {
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}
@media (max-width: 740px) {
  #kv {
    width: 100%;
    margin-left: 0px;
  }
@media (max-width: 640px) {
	.kokuchi li {
  width: 45%;
}
.kokuchi2{padding-top:60px;margin:0 auto; width: 60%;}
.info_img{width:100%;}
#kv img{width:50%;}
#kv{padding:5px;}
#talk_wrap h2 {font-size:1.8em;padding-top: 40px;}
#talk_wrap{max-width:94%;
margin:0 auto;}
#index_nav .title{font-size:1.8em;}
}