@charset "UTF-8";
/*! # kracie © 2023 amana*/
.mod-intro{
  background:url(../../img/common/bg-separator.png) center 0 repeat-y;
}
.mod-intro-inner{
  background:url(../../img/common/bg-intro.png) center 0 no-repeat;
}
.mod-intro .mod-intro-inner h1{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.mod-intro .mod-intro-inner .figure{position:absolute;top:-11px;right:160px}
.body-sec .sec-inner{width:950px;margin:0 auto}
.sec1{padding:40px 0 40px 40px;background:#f9f9f9}
.sec1:before,.sec1:after{content:"";display:table}
.sec1:after{clear:both}
.sec1 .figure-wrap{width:210px;float:left}
.sec1 .figure-wrap .caption{padding-top:1px;width:210px;height:140px;background:url(../../img/teach/detail-name-bg.png) no-repeat 0 0;text-align:center}
.sec1 .figure-wrap .caption .copy{margin-top:10px;font-size:1.14286em;font-weight:bold;line-height:1.2}
.sec1 .figure-wrap .caption .title{margin-top:10px;font-size:2em;font-weight:bold;line-height:1}
.sec1 .figure-wrap .caption .kana{margin-bottom:5px;font-size:0.85714em}
@media (max-width:769px) {
  .mod-intro-inner{
    width:100%!important;
    height:37.5vw!important;
    background-position:right -25vw center;
    background-size: auto 100%;
  }
  .sec-inner{
    padding-top:25px;
    clear:both;
  }
  .sec-inner img{
    width:100%;
    height: auto;
    vertical-align: top;
  }
  .sec-inner .caption{
    margin:0 auto;
    width:90%;
    float:none;
  }
  .body-sec .sec-inner{
    width:100%;
  }
  .sec-inner .icon_teach_iyaku{
    margin:0 5% 0 auto;
    width:75px;
  }
  .mod-intro .mod-intro-inner img{
    width:100%;
    height: auto;
    vertical-align: top;
  }
  .mod-intro .mod-intro-inner h1{
    width:60vw;
  }
  .mod-intro .mod-intro-inner .figure{
    top:auto;
    right:2vw;
    bottom:0;
    width:39vw;
  }
}

@media (max-width:769px){
  .itemlist-sec .inner{
    padding:8vw 0 0 0;
  }
  .itemlist_slider > div {
    width:90vw;
  }
  .itemlist-sec .item{
    margin:0 auto 8vw auto;
  }
}