@charset "utf-8";
/* ===================================================
	about CSS
====================================================== */

#contents_wrap { position: relative; font-size: 16px; line-height: 2;}
h2 { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 390px; color: #fff; font-size: 35px; font-family: 'Noto Serif JP', serif; text-align: center; line-height: 1.8; background: url(../../room/img/tit_bg.jpg)no-repeat center center; background-size: cover;}
h2 span { display: block; font-size: 11px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}
#lead_txt { text-align: center; letter-spacing: 3px;}
#lead_txt span { display: block; padding: 0 0 50px; line-height: 1.5; letter-spacing: 0; font-size: 35px; font-family: 'Noto Serif JP', serif;}
#lead_txt+p { display: table; margin: 0 auto; padding: 10px 0 10px 50px; text-align: center; color: #c91616; text-decoration: underline; background: url(../../room/img/icon.png)no-repeat left center;}

#lead_txt+p+ul { display: flex; width: 940px; margin: 90px auto 70px;}
#lead_txt+p+ul li { width: 29%; margin: 0 6.5% 0 0; text-align: center;}
#lead_txt+p+ul li:last-child { margin: 0;}
#lead_txt+p+ul li a { display: block; padding: 20px 0; background-color: #444; color: #fff; letter-spacing: 3px;}
#lead_txt+p+ul li a:hover { text-decoration: none; opacity: 0.7;}

#sec1 { width: 1100px; max-width: 96%; margin: 0 auto;}
#sec1 > div { display: flex; padding: 0 0 100px; align-items: center;}
#sec1 > div img { width: 63%;}
#sec1 > div div { padding: 0 0 0 4%; box-sizing: inherit; width: 36%; align-items: center;}
#sec1 > div div h3 { padding: 0 0 30px; font-size: 42px; text-align: center; font-family: 'Noto Serif JP', serif;}
#sec1 > div div h3 span { display: table; margin: 0 auto; padding: 0 10px; border-top: 1px solid #b2b2b2; letter-spacing: 2px; font-size: 16px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}
#sec1 > div div a { display: block; margin: 50px 0 0; padding: 10px 0; width: 340px; border: 1px solid #aaa; text-align: center; color: #414141; background: url(../../img/arrow_off.png)no-repeat right 10px center;}
#sec1 > div div a:hover { text-decoration: none; background: url(../../img/arrow_on.png)no-repeat right 10px center #000; color: #fff;}

#sec1+ul { width: 1100px; max-width: 96%; display: flex; max-width: 96%; justify-content: center; margin: 0 auto 100px; border: 1px solid #d9d8d7;}
#sec1+ul li { width: 25%; text-align: center; padding: 35px 0 20px; line-height: 1.5; font-size: 16px; border-right: 1px solid #d9d8d7;}
#sec1+ul li img { padding: 0 0 15px;}
#sec1+ul li:last-child { border-right: none;}

#detail_list { width: 1100px; max-width: 96%; display: flex; margin: 0 auto 100px; padding: 20px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; align-items:center;}
#detail_list >dt { width: 220px; text-align: center;}
#detail_list >dd { padding: 10px 0 10px 50px; border-left: 1px solid #ccc; width: 100%;}
#detail_list >dd dl { display: flex; margin: 0 0 30px; align-items: flex-start;}
#detail_list >dd dl:last-child { margin: 0;}
#detail_list >dd dl dt { width: 155px; text-align: center; border: 1px solid #ccc; border-radius: 20px;}
#detail_list >dd dl dd { width: 100%; padding: 0 0 0 50px;}
#detail_list >dd dl dd p:nth-of-type(2) { padding: 10px 0 0;}

@media screen and (max-width: 600px) {
  h2 { height: 300px;}
  #lead_txt { width: 96%; margin: 0 auto;}
  #lead_txt span { padding: 25px 0; font-size: 26px;}
  #lead_txt+p+ul { width: 96%; margin: 45px auto 35px;}
  #lead_txt+p+ul li { width: 32%; margin: 0 2% 0 0;}
  #sec1 > div { display: block; padding: 0 0 50px;}
  #sec1 > div img { width: 100%;}
  #sec1 > div div { padding: 0; width: 100%;}
  #sec1 > div div h3 { padding: 0 0 15px; font-size: 26px;}
  #sec1 > div div a { margin: 25px auto 0; width: 300px;}

  #sec1+ul { flex-wrap: wrap;}
  #sec1+ul li { width: 50%; box-sizing: border-box;}
  #sec1+ul li:nth-of-type(1),
  #sec1+ul li:nth-of-type(2) { border-bottom: 1px solid #d9d8d7;}
  #sec1+ul li:nth-of-type(2) { border-right: none;}

  #detail_list { display: block;}
  #detail_list >dt { width: 100%;}
  #detail_list >dd { padding: 10px 0; border-left: none;}
  #detail_list >dd dl { display: block;}
  #detail_list >dd dl dt { margin: 0 0 10px;}
  #detail_list >dd dl dd { padding: 0;}
  }
}

/* :after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;} */