@charset "UTF-8";
 .mod-intro{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/bg-separator.png) center 0 repeat-y;
}
.mod-intro-inner{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/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(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/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;
}
}