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

body {
	font-family: 'Shuei MaruGo B';
	color:#345464;

}

#wrap{background: linear-gradient(110deg, rgba(91, 111, 114, .8), rgba(255, 255, 255, .8)),
  url(/n/s/wp-content/uploads/2021/06/back-2.jpg);}

article {
	max-width: 750px;
	padding: 0;
	box-shadow: 5px 15px 20px -15px;}

#yodogawa p {
    text-align: center; 
}
#talk_wrap h2, #index_nav .title {
    margin: 0 0 60px 0;
    text-align: center;
    font-size: 180%;
    width: 100%;
    line-height: 1.1em;
}

#index_nav .title {
    padding: unset;}

#talk_wrap h2 .s, #index_nav .title .s  {
    margin: 0 0 0px 0;
    font-size: 140%;
    display: block;
}

.content_wrap{background-color: #ffffff;}

img.talker_icon {
    margin-top: -15px;
    margin-right: -10px;
    margin-bottom: 10px;
}
img.talker_icon {
    width: 40%;
}

#talk_body dd, .info_taidan_txt dd {
    margin: 0 0 4em 0;
    width: 60%;
    line-height: 2.4em;
     white-space: nowrap; 
    text-align: left;
}

#information li .info_img img, #information_free li .info_img img {
    width: 40%;
    max-width: 540px;
}
    
#information li .info_desc, #information_free li .info_desc{
    max-width: fit-content;
}

.youtube_embed_container{margin-bottom:60px;}

@media screen and (max-width: 640px){
	article {
	max-width: 90%;}
  #yodogawa{
  	padding-top:10px;}
  #yodogawa .inner{max-width:90%;}   
  #yodogawa p {text-align:left;} 

  #talk_wrap h2 {
    padding: 0 0 40px 0;
    text-align: center;
    font-size: 140%;
    width:90%;
    margin:0 auto;
}

#talk_wrap h2 .s {
    margin: 0 0 20px 0;
    font-size: 110%;
    display: block;
}

#index_nav .title {
	margin: 0 0 20px 0;
    font-size: 110%;
    display: block;
}
  img.talker_icon {
    width: 20%;
    max-width: 80px;
  }
  #talk_body dl {
    margin: 0 1rem;
  }
  .only_tablet #talk_body dl {
    margin: 0 auto; 
  }

  #talk_body dd, .info_taidan_txt dd {
    width: 100%;
    line-height: 1.6em;
    white-space: unset; 
    text-align: left;
    letter-spacing: 0.1em;
     padding: 0 0;
}

  #information li .info_desc, #information_free li .info_desc {
    letter-spacing: 0.1em;
    text-align: justify;
  }

#information .info_title, #information_free{
    max-width: 90%;
    margin:0 auto;
}
#information li .info_img img, #information_free li .info_img img {
    width: 80%;
}
#home_menu {
    max-width: 86vw;
}
}