@charset "utf-8";
.img-float-wrap .txt{width:35%}
.img-float-wrap .txt .title{position:relative; display:flex; align-items:center; padding-left:calc(58px + .5em); height:58px; font-size:1.875rem; font-weight:700}
.img-float-wrap .txt .title:before{content:''; position:absolute; left:0; top:0; botom:0; width:58px; height:58px; background:#f39423 url(/img/ico_slide_arrow_right.png) no-repeat center 45%; border-radius:50%}
.img-float-wrap .txt p{font-size:1.125rem; color:#666; line-height:1.7; word-break:keep-all}
.img-float-wrap .img{margin-left:2em; width:calc(65% - 2em)}

.sec:nth-child(1) .img-float-box{height:348px}
.sec:nth-child(2) .img-float-box{height:171px}
.sec:nth-child(3) .img-float-box{height:531px}
.sec:nth-child(3) .img-float-box.txt{display:block; padding-top:1.5em}
@media screen and (max-width:1000px){
    .img-float-box{width:100% !important}
    .img-float-wrap .txt{height:auto !important}
    .img-float-wrap .txt .title{height:45px; padding-left:55px}
    .img-float-wrap .txt .title:before{width:45px; height:45px; font-size:2.}
    .img-float-wrap .img{margin:10px 0 0}
}
@media screen and (max-width:559px){
    .img-float-wrap .img-float-box.img{background-size:contain; background-position:top; min-height:auto}
    .sec:nth-child(1) .img-float-box{height:280px}
    .sec:nth-child(2) .img-float-box{height:150px}
    .sec:nth-child(3) .img-float-box{height:421px}
}