html{

}

body{
  background:#2D3467;
  color:#fff;
  font-family: "Noto Sans JP", Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic," sans-serif";
  margin:0;
  padding:0;
  text-align:center;
}
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote, figure{
margin:0;
padding:0;
text-align:left;
display:block;
  text-decoration: none;
  list-style: none;
  font-weight: normal;
}

a{
color: #fff;
text-decoration: none;
}
a[href^="tel:"] {
  pointer-events: none;
  
}



header{
  position: absolute;
  display: flex;
  width: 100%;
  z-index: 5;
}
header h1{
width: 280px;
  
margin: 56px 0 0px 56px;
}
header h1 a{


}

header h1 a img{
width: 100%;
  
}

header ul{display: flex;width: 435px;align-items: center;margin: 0 0 0 100px;justify-content: space-between;}

header ul li{
  position: relative;
}

header ul li a{
color: #2d3367;
  opacity: 0.7;
  display: block;
  width: 100%;
  position: relative;
}
header ul li a::before {
  background: #2d3367;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -4px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
header ul li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}





.show2 {
  position: fixed;
  display: block;
  }



#wrapper{
  overflow: hidden;
}



#key_visual{
  line-height: 0;
  overflow: hidden;
  position: relative;
  height: 86.6vh;
}
#key_visual img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
}


main{
position: relative;
}



.down_arrow{
  position: absolute;
  color: #2d3367;
  z-index: 4;
  width: 50px;
  padding: 10px;
  height: 50px;
  background: #fff;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 40px;
 }
  
 .down_arrow img{
  position: absolute;
  width: 16px;
  margin: 0 auto;
  left: 0;
  right: 0;
 }



section:nth-of-type(1){
  background: #fff;
  padding: 90px 0 90px;
  position: relative;
}

section:nth-of-type(1) .inner{
  display: flex;
  justify-content: center;
  max-width: 1220px;
  width: 95%;
  margin: 0 auto;
}

section:nth-of-type(1) .intro{
  
max-width: 500px;
  
margin: 0px 80px 0 0;
}

section:nth-of-type(1) .intro h2{
  max-width: 501px;
  width: 100%;
}

section:nth-of-type(1) .intro h2 img{
    max-width: 501px;
    width: 100%;
}

section:nth-of-type(1) .intro h2 img:nth-of-type(2){
    width: 90px;
    display: block;
    margin: 30px auto 0;
}

section:nth-of-type(1) .intro div{
  color: #2d3367;
  margin: 40px 0 0;
}

section:nth-of-type(1) .intro div p{
 line-height: 35px;
 font-size: 18px;
}
section:nth-of-type(1) .intro div p:nth-of-type(1){
  margin: 0px 0 15px;
}


.slick-dots{
  bottom: -30px!important;
}

.slick-dots li button:before{
font-size: 14px!important;
  
}
.slick-slide img {
  border-radius: 12px;
}



section:nth-of-type(1) ul{
  max-width: 580px;
  border-radius: 12px;
}
section:nth-of-type(1) ul li{
  
}
section:nth-of-type(1) ul li img{
  width: 100%;
}



section:nth-of-type(2){

padding: 0 0 100px;
}

section:nth-of-type(2) .inner{
  display: flex;
  justify-content: center;
  max-width: 1220px;
  width: 95%;
  margin: 0 auto;
  align-items: center;
  padding: 100px 0 0 0px;
}

section:nth-of-type(2) .inner figure{

}

section:nth-of-type(2) .inner figure img{
width: 100%;
max-width: 450px;
}


section:nth-of-type(2) .inner .concept{margin: 0 0 0 100px;}

section:nth-of-type(2) .inner .concept h2{

}
section:nth-of-type(2) .inner .concept h2 span{
  display: block;
}
section:nth-of-type(2) .inner .concept h2 span:nth-of-type(1){
  font-size: 18px;
  margin: 0 0 20px -7px;
  letter-spacing: 7px;
}
section:nth-of-type(2) .inner .concept h2 span:nth-of-type(2){
 font-size: 48px;
 letter-spacing: 10px;
 }
section:nth-of-type(2) .inner .concept h2 span:nth-of-type(3){
 font-size: 28px;
}
section:nth-of-type(2) .inner .concept div{margin: 40px 0 0 0;letter-spacing: 7px;}
section:nth-of-type(2) .inner .concept div p
{
  font-size: 24px;
line-height: 50px;
}


section:nth-of-type(3)
{

background: #fff;
}

section:nth-of-type(3) .inner
{max-width: 1220px; width: 95%;margin: 0px auto;padding: 70px 0 70px;}

section:nth-of-type(3) h2
{margin: 0 auto;max-width: 279px;}
section:nth-of-type(3) h2 img
{
max-width: 279px;
  width:100%;
}
section:nth-of-type(3) p
{
  text-align: center;
    color: #2d3367;
    margin: 20px 0 50px;
font-size: 18px;
}

section:nth-of-type(3) iframe
{
height: 740px!important;
}

.LW_box figcaption.lightwidget__caption {

}





section:nth-of-type(4)
{
 width: 100%;
 display: block;
 background: #fff;
 padding: 0 0 100px;
 }

section:nth-of-type(4) .inner
{
 width: 90%;
 max-width: 1300px;
 display: block;
 border: #995f29 2px solid;
 margin: 0 auto 0px;
 padding: 70px 20px 70px;
 border-radius: 12px;
}


section:nth-of-type(4) h2
{
  text-align: center;
  display: block;
  color: #995f29;
}

section:nth-of-type(4) h2 span:nth-of-type(1)
{
  text-align: center;
  display: block;
  color: #995f29;
  font-size: 36px;
}
section:nth-of-type(4) h2 span:nth-of-type(2)
{
  text-align: center;
  display: block;
  color: #995f29;
  font-size: 16px;
}










section:nth-of-type(4) .inner .recommended{

}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1){display: flex;margin: 50px auto 0;width: 90%;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) figure{width: 610px;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) figure img{
width: 100%;

}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl{margin: 0 0 0 50px;width: 560px;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt{
color: #995f29;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(1){
font-size: 16px;
display: block;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(2){
font-size: 25px;
display: block;
font-weight: 500;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd{color: #2d3367;line-height: 30px;margin: 20px 0 0 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd p:nth-of-type(1){
  margin: 0 0 10px 0;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd p:nth-of-type(2){
  margin: 0 0 10px 0;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd p:nth-of-type(3){
  

}




section:nth-of-type(4) .inner .recommended li:nth-of-type(2){display: flex;flex-direction: row-reverse;width: 90%;margin: 0 auto;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) figure{width: 610px;margin: 5px 0 0 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) figure img{
width: 100%;

}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl{margin: 50px 50px 0 0px;width: 560px;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt{
color: #995f29;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(1){font-size: 16px;display: block;margin: 0 0 5px 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(2){
font-size: 25px;
display: block;
font-weight: 500;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd{color: #2d3367;line-height: 30px;margin: 20px 0 0 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd p:nth-of-type(1){
  margin: 0 0 10px 0;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd p:nth-of-type(2){
  
  margin: 0 0 10px 0;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd p:nth-of-type(3){
  

}



section:nth-of-type(4) .inner .recommended li:nth-of-type(3){display: flex;width: 90%;margin: 0 auto;align-items: center;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) figure{width: 610px;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) figure img{
width: 100%;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl{margin: 0px 50px 0 0px;width: 536px;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt{
color: #995f29;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(1){font-size: 16px;display: block;margin: 0 0 5px 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(2){
font-size: 25px;
display: block;
font-weight: 500;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dd{color: #2d3367;line-height: 30px;margin: 20px 0 0 0;}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dd p:nth-of-type(1){
  margin: 0 0 10px 0;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dd p:nth-of-type(2){
  margin: 0 0 10px 0;

}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dd p:nth-of-type(3){
  

}





section:nth-of-type(4) .inner .recommended li:nth-of-type(3) article{
  color: #995f29;
  border: #995f29 1px solid;
  border-radius: 12px;
  width: 437px;
  padding: 20px 0 20px 0;
  margin: 0 auto;
}
section:nth-of-type(4) .inner .recommended li:nth-of-type(3) article p{
text-align: center;
}



















section:nth-of-type(5) {
  background: url(../img/bg_menu.webp);
  /* height: 1027px; */
  background-size: cover;
}
section:nth-of-type(5) .inner{
  padding: 80px 0;
  margin: 0 auto;
  max-width: 1100px;
  width: 98%;
}

section:nth-of-type(5) .inner h2{
  text-align: center;
margin: 0 0 32px;
}

section:nth-of-type(5) .inner h2 span:nth-of-type(1){
  font-size: 36px;
display: block;
font-weight: bold;
}

section:nth-of-type(5) .inner h2 span:nth-of-type(2){
  font-size: 16px;
display: block;
}


section:nth-of-type(5) .inner .normal_menu{
  display: flex;
  justify-content: space-between;
}

section:nth-of-type(5) .inner .normal_menu .left{
  max-width: 400px;
  width: 40%;
}
section:nth-of-type(5) .inner .normal_menu .left dl{
  margin: 0 0 30px;

}


section:nth-of-type(5) .inner .normal_menu .center{
  width: 32%;
}
section:nth-of-type(5) .inner .normal_menu .center dl{
  margin: 0 0 30px;

}


section:nth-of-type(5) .inner .normal_menu dl dt{
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
}
section:nth-of-type(5) .inner .normal_menu dl dd{
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  line-height: 30px;
}
section:nth-of-type(5) .inner .normal_menu dl dd .note {
    display: block;
    font-size: clamp(8px, 1.3vw, 14px);
    margin: 2px 0 0 16px;
    line-height: 20px;
}


section:nth-of-type(5) .inner .normal_menu dl dd .item {
  display: block;
    font-size: clamp(8px, 1.3vw, 16px);
}
section:nth-of-type(5) .inner .normal_menu dl dd .price {
  display: block;
  font-size: clamp(8px, 1.3vw, 16px);
}
section:nth-of-type(5) .inner .normal_menu .right{
  width: 230px;
}

section:nth-of-type(5) .inner .normal_menu .right li{
line-height: 0;
}


section:nth-of-type(5) .inner .normal_menu .right img{
  max-width: 230px;
  width: 100%;
}

section:nth-of-type(5) .inner .chui{
  margin: 20px 0 0;
  display: block;

}
section:nth-of-type(5) .inner .chui p{
  display: flex;
}

section:nth-of-type(5) .inner .chui span{
  display: inline-block;
}



.access{padding: 70px 0 30px;font-size: 36px;display: block;text-align:center;background: #fff;}

.access h2{margin: 0px auto 40px;font-size: 32px;display: block;text-align:center;font-weight: normal;color: #2d3367;}
.access h2 span:nth-of-type(2){
margin: 0px auto 0px;
font-size: 14px;
display: block;
text-align:center; 
}




.access .map {
  overflow: hidden;
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
}
.access .map iframe {
  width: 100%;
  height: 819px;
  margin-top: -70px;
  border: none;
  border-radius: 12px;
}


.access ul{display: block;margin: 40px auto;text-align: center;color: #2d3367;}

.access ul br{
display: none;
}
.access ul li a{
  color: #2d3367;
}


.access ul li:nth-of-type(1){font-size: 20px;margin: 20px auto;}
.access ul li:nth-of-type(2){font-size: 20px;margin: 20px auto;}

.access ul li:nth-of-type(3){font-size: 16px;margin: 20px auto 0;}
.access ul li:nth-of-type(4){
font-size: 16px;
margin: 10px auto 0;
}
.access ul li:nth-of-type(5){
font-size: 16px;
margin: 20px auto 0;
}
.access ul li:nth-of-type(6){
font-size: 16px;
margin: 10px auto 0;
}


footer{
display: flex;
padding: 40px 0;
justify-content: center; 
}


footer ul.left{
 list-style: none;


 width: 330px;
 margin: 0 70px 0 0;
}

footer ul.left li:nth-of-type(1){


margin: 0 0 30px 0;
}
footer ul.left li:nth-of-type(1) img{
width: 330px;

}

footer ul.left li:nth-of-type(2){
font-size: 16px;

margin: 0 0 8px 0;
}
footer ul.left li:nth-of-type(3){
font-size: 20px;

}

footer ul.right{
 list-style: none;
border-left: 1px solid rgba(255,255,255,0.5);;
padding-left: 70px;
}
footer ul.right li{
 

}

footer ul.right li:nth-of-type(1){
margin: 0 0 8px 0;

}
footer ul.right li:nth-of-type(2){
margin: 0 0 20px 0;

}

footer ul.right li:nth-of-type(3){
margin: 0 0 8px 0;

}
footer ul.right li:nth-of-type(4){

 margin: 0 0 8px 0;
}
footer ul.right li:nth-of-type(5){
 margin: 0 0 8px 0;

}

.copyright{
  text-align: center;
  font-size: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 20px 0px;
  width: 90%;
  margin: 0 auto;
}



   footer ul.right br{
    display: none;
      }


      .btn_to_top {
        position: fixed;
        right: 1%;
        transform: rotate(15deg);
        bottom: -10%;
        transition: 3s ease-in-out;
      }
      .btn_to_top a{
        display: block;
        z-index: 1;
        position: relative;
        overflow: hidden;
        }
  

      .btn_to_top a img{
      width: 95px;
      }

    
      .btn_to_top span{
        position: absolute;
        color: #ffffff;
        transform: rotate(-180deg);
        top: 16px;
        left: 0;
        right: 0px;
        margin: 0 auto;
        z-index: 9999999;
        width: 16px;
        height: auto;
        display: block;
        }




        .btn_to_top span img{width: 100%;height: 100%;display: block;}







        .show {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: block;
        transform: rotate(0deg);
        transition: 3s ease-in-out;
        }




        .steam1{
          position: absolute;
          animation: yugeUp1 5s ease-in-out infinite;
          opacity: 0;
          width: 100px;
          left: 20px;
          bottom: 20px;
        }
        @keyframes yugeUp1 {
          0% {
            opacity: 0;
            transform: translateY(50px);
          }
          50% {
            opacity: .1;
          }
          100% {
            opacity: 0;
            transform: translateY(-100px)rotate(-60deg);
          }
        }
        
        
        .steam2{
          position: absolute;
          animation: yugeUp2 12s ease-in-out infinite;
          opacity: 0;
          width: 100px;
          bottom: 80px;
          left: 0px;
        }
        @keyframes yugeUp2 {
          0% {
            opacity: 0;
            transform: translateY(50px);
          }
          50% {
            opacity: .3;
            
          }
          100% {
            opacity: 0;
            transform: translateY(-10px)rotate(60deg);
          }
        }













/* ノートPC等 */
@media screen and (max-width:1400px){

  header {
    position: absolute;
    display: flex;
    width: 98%;
    z-index: 5;
    top: 25px;
    left: 2%;
}
header h1 {
    width: 230px;
    margin: 0px 0 0px 0px;
}

header ul {
  display: flex;
  width: 435px;
  align-items: flex-start;
  margin: 0 0 0 100px;
  justify-content: space-between;
}


  section:nth-of-type(1) .intro div br{
    display: none;
  }


  section:nth-of-type(2) .inner figure img{
    width: 450px;
    max-width: 100%;
  }

  section:nth-of-type(2) .inner .concept div br {
    display: block;
}




section:nth-of-type(3) iframe {
  height: 690px !important;
  width: 930px !important;
  margin: 0 auto;
  display: block;
}




  section:nth-of-type(4) .inner .recommended li:nth-of-type(1) {
    display: flex;
    margin: 50px auto 50px;
    width: 90%;
  }

  section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd br{
    display: none;
  }


  section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl {
    margin: 0px 50px 0 0px;
    width: 560px;
  }

  section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd br{
    display: none;
    }


    section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl {
      margin: 40px 50px 0 0px;
      max-width: 630px;
      width: 48%;
      }


      section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(1) {
        font-size: 14px;
        display: block;
    }

      section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(2) {
        font-size: 20px;
        display: block;
        font-weight: 500;
    }


    section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(1) {
      font-size: 14px;
      display: block;
      margin: 0 0 5px 0;
  }

  section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(2) {
    font-size: 20px;
    display: block;
    font-weight: 500;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(1) {
  font-size: 14px;
  display: block;
  margin: 0 0 5px 0;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(2) {
  font-size: 20px;
  display: block;
  font-weight: 500;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl {
  margin: 0 0 0 50px;
  width: 630px;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl {
  margin: 0px 50px 0 0px;
  width: 630px;
}



}

/* ノートPC2 */
@media screen and (max-width:1400px){


  section:nth-of-type(2) .inner .concept {
    margin: 0 0 0 6%;
}

  section:nth-of-type(2) .inner {
    display: flex;
    justify-content: center;
    max-width: 1220px;
    width: 90%;
    margin: 0 auto;
    align-items: center;
    padding: 100px 0 0 0px;
}


}








/* スマホ */

@media screen and (max-width:950px) {


  #key_visual {
    height: 66.6vh;
}


  #key_visual img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

header {
  position: absolute;
  width: 90%;
  display: block;
  z-index: 5;
}

header h1 {
  width: 45%;
  margin: 0% 0 0px 0%;
}
header h1 a img {
  width: 100%;
  min-width: 150px;
}
  
header ul {
  display: none;
  width: 90%;
  align-items: center;
  margin: 0 auto 0%;
  justify-content: space-between;
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
}
header ul li a {
  color: #2d3367;
  opacity: 0.7;
  display: block;
  width: 100%;
  font-size: clamp(10px, 2vw, 18px);
}

section:nth-of-type(1) {
  padding: 90px 0 45px;
}

section:nth-of-type(1) .intro div p {
  line-height: 35px;
  font-size: 18px;
}
section:nth-of-type(1) .intro div p br{
display: none; 
}

section:nth-of-type(2) .inner .concept h2 span:nth-of-type(1) {
  font-size: 14px;
  margin: 0px 0 10px -7px;
  letter-spacing: 7px;
}

section:nth-of-type(1) .inner{
  display: block;
  justify-content: center;
  max-width: 1220px;
  width: 90%;
  margin: 0 auto;
}
section:nth-of-type(1) .intro {
  max-width: 100%;
  margin: 0px 0px 40px 0;
}


section:nth-of-type(2) {
  padding: 0 0 40px;
}

section:nth-of-type(2) .inner{
  display: block;
  justify-content: center;
  max-width: 1220px;
  width: 95%;
  margin: 0 auto;
  align-items: center;
  padding: 45px 0% 0 5%;
  position: relative;
}


section:nth-of-type(2) .inner figure {
  width: 50%;
  opacity: 0.3;
  position: absolute;
  right: 0%;
  top: 5%;
}
section:nth-of-type(2) .inner figure img{

  
}
section:nth-of-type(2) .inner .concept h2 span:nth-of-type(2) {
  font-size: clamp(12px, 6vw, 48px);
  letter-spacing: 10px;
}
section:nth-of-type(2) .inner .concept h2 span:nth-of-type(3) {
  font-size: clamp(12px, 5vw, 36px);
}

section:nth-of-type(2) .inner .concept div p {
  line-height: 35px;
  font-size: 15px;
}


section:nth-of-type(2) .inner .concept {
  margin: 0 0 0 0px;
}



section:nth-of-type(3) .inner {
  max-width: 1220px;
  margin: 0px auto;
  padding: 70px 0 70px;
  width: 90%;

}
section:nth-of-type(3) p {
  text-align: left;
  color: #2d3367;
  margin: 0px 0 50px;
}


section:nth-of-type(3) iframe {
  height: 65vh!important;
  width: 100%!important;
}


section:nth-of-type(4) .inner {
  width: 80%;
  max-width: 1300px;
  display: block;
  border: #995f29 2px solid;
  margin: 0 auto 0px;
  padding: 30px 20px 30px;
}

section:nth-of-type(4) h2 span:nth-of-type(1) {
  text-align: center;
  display: block;
  color: #995f29;
  font-size: clamp(12px, 6vw, 48px);
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) {
  display: block;
  margin: 20px auto 0;
  width: 90%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) figure {
  width: 100%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl {
  margin: 20px 0 0 0px;
  width: 100%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(1) {
  font-size: clamp(12px, 3vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dt span:nth-of-type(2) {
  font-size: clamp(12px, 6vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd {
  color: #2d3367;
    margin: 20px 0 0 0;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(1) dl dd br{
  display: none;
}



section:nth-of-type(4) .inner .recommended li:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 60px auto 20px;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) figure {
  width: 100%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl {
  margin: 20px 0px 0 0px;
  width: 100%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(1) {
  font-size: clamp(12px, 3vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dt span:nth-of-type(2) {
  font-size: clamp(12px, 6vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(2) dl dd br{
  display: none;
}

section:nth-of-type(4) {
  width: 100%;
  display: block;
  background: #fff;
  padding: 0 0 50px;
}






section:nth-of-type(4) .inner .recommended li:nth-of-type(3) {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 60px auto 20px;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) article {
  width: 100%;
  width: 90%;
        padding: 5%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) article p {
  text-align: left;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl {
  margin: 0px 0px 20px 0px;
  width: 100%;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(1) {
  font-size: clamp(12px, 3vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dt span:nth-of-type(2) {
  font-size: clamp(12px, 6vw, 48px);
  display: block;
}

section:nth-of-type(4) .inner .recommended li:nth-of-type(3) dl dd br{
  display: none;
}

























section:nth-of-type(5) {
  background: url(../img/bg_menu.webp);
  height: auto;
  background-size: cover;
}

section:nth-of-type(5) .inner {
  padding: 40px 0;
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
}

section:nth-of-type(5) .inner .normal_menu {
  display: block;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}



section:nth-of-type(5) .inner .normal_menu dl dt {

}
section:nth-of-type(5) .inner .normal_menu dl dd .item {
  display: block;
  /* font-size: 16px; */
  font-size: clamp(12px, 3.5vw, 16px);
}
section:nth-of-type(5) .inner .normal_menu dl dd .price {
  display: block;
  /* font-size: 16px; */
font-size: clamp(12px, 3.5vw, 16px);
}

section:nth-of-type(5) .inner .normal_menu dl dd .note {
    display: block;
  /* font-size: 14px; */
font-size: clamp(12px, 3.2vw, 14px);
    margin: 0 0 0 16px;
    line-height: 20px;
}


section:nth-of-type(5) .inner .normal_menu .left {
  width: 100%;
  margin: 0 0 40px;
  max-width: 100%;
}
section:nth-of-type(5) .inner .normal_menu .center {
  width: 100%;
}

section:nth-of-type(5) .inner .normal_menu .right {
  width: 100%;
  display: flex;
}

section:nth-of-type(5) .inner .normal_menu .right li{
  width: 50%;

}

section:nth-of-type(5) .inner .chui{
  display: block;
  width: 90%;
  margin: 20px auto 0;
  line-height: 20px;
}
section:nth-of-type(5) .inner .chui span{
  display: block;
    font-size: clamp(12px, 3.2vw, 14px);
}
section:nth-of-type(5) .inner .chui p{
    font-size: clamp(12px, 3.2vw, 14px);
}






.access {
  margin: 0px auto 30px;
}

.access h2{
  margin: 0px auto 20px;
  }



.access .map iframe {
  width: 100%;
  height: 400px;
  margin-top: -70px;
}


 .access ul{
  display: block;
  width: 90%;
list-style: none;
  }


 .access ul br{
  display: block;
  }



  .access ul li:nth-of-type(1) {
    margin: 20px auto;
    font-size: clamp(18px, 4vw, 36px);
  }
  .access ul li:nth-of-type(2) {
    font-size: clamp(18px, 4vw, 36px);
    margin: 20px auto;
  }


  .access ul li:nth-of-type(3) {
    margin: 20px auto 0;
    font-size: clamp(16px, 2vw, 36px);
  }

  .access ul li:nth-of-type(4) {
    font-size: clamp(16px, 2vw, 36px);
    margin: 10px auto 0;
  }
  .access ul li:nth-of-type(5) {
    font-size: clamp(16px, 2vw, 36px);
    margin: 20px auto 0;
  }

  .access ul li:nth-of-type(6) {
    font-size: clamp(16px, 2vw, 36px);
    margin: 10px auto 0;
  }


  footer {
    display: block;

  }

  footer ul.left {
    list-style: none;
    width: 90%;
    margin: 0 auto 0;
  }


  footer ul.left li:nth-of-type(1) img {
    width: 330px;
    margin: 0 auto;
  }

  footer ul.left li:nth-of-type(2) {
    font-size: clamp(16px, 3vw, 36px);
    margin: 0 0 8px 0;
  }

  footer ul.left li:nth-of-type(3) {
    font-size: clamp(18px, 4vw, 36px);

  }


  footer ul.right {
    list-style: none;
    border-left: none;
    padding-left: 0px;
    margin: 40px auto 0;
    width: 90%;
  }

  footer ul.right br{
display: block;
  }


  footer ul.right li:nth-of-type(1) {
    margin: 0 0 8px 0;
    font-size: clamp(16px, 3vw, 36px);
  }

  footer ul.right li:nth-of-type(2) {
    margin: 0 0 20px 0;
    font-size: clamp(16px, 3vw, 36px);
  }
  footer ul.right li:nth-of-type(3) {
    margin: 0 0 8px 0;
    font-size: clamp(16px, 3vw, 36px);
  }
  
  footer ul.right li:nth-of-type(4) a{
    font-size: clamp(16px, 3vw, 36px);
  }

  footer ul.right li:nth-of-type(5) a{
    font-size: clamp(16px, 3vw, 36px);
  }

  .copyright {
    text-align: center;
    font-size: clamp(12px, 2vw, 36px);
    margin: 0 auto 0;
    width: 95%;
  }





  .access ul li:nth-of-type(1) {
    font-size: 20px;
    margin: 20px auto;
    font-size: clamp(18px, 4vw, 36px);
  }

  .access ul li:nth-of-type(2) {
    margin: 20px auto;
    font-size: clamp(16px, 3vw, 36px);
  }

  .access ul li:nth-of-type(3) {
    margin: 20px auto 0;
    font-size: clamp(16px, 3vw, 36px);
  }

  .access ul li:nth-of-type(4) {
    margin: 10px auto 0;
    font-size: clamp(16px, 3vw, 36px);
  }

  .access ul li:nth-of-type(5) {
    margin: 20px auto 0;
    font-size: clamp(16px, 3vw, 36px);
    text-align: left;
  }

  .access ul li:nth-of-type(6) {
    margin: 10px auto 0;
    font-size: clamp(16px, 3vw, 36px);
    text-align: left;
  }



}