.wrap{margin-left:auto; margin-right:auto}

/* main */
#container_wr.main-container{width:100%}
#container_wr.main-container article + article{margin-top:6em}
.main__title{font-size:3rem}
@media screen and (max-width:1000px){
    #container_wr.main-container article + article{margin-top:3em}
    .main__title{font-size:2.143rem; text-align:center}
}

.main__slide{}
.main__slide-list .main__slide-item{display:flex; align-items:center; height:80vh; min-height:800px; background-repeat:no-repeat; background-position:center; background-size:cover}
.main__slide-item .text-wrap{margin:0 auto; width:100%; max-width:1200px}
.main__slide-item .text-wrap .title,
.main__slide-item .text-wrap .txt{margin-left:auto; width:50%; color:#fff}
.main__slide-item .text-wrap .title{font-size:4.5rem; font-weight:400; line-height:1.2; word-break:keep-all}
.main__slide-item .text-wrap .title strong{display:block}
.main__slide-item .text-wrap .txt{margin-top:1.5em; font-size:1.125rem; line-height:1.7; word-break:keep-all}
.main__slide-list .slick-dots{display:none !important}
.main__slide-controller-wrap{position:relative; margin:0 auto; width:100%; max-width:1200px}
.main__slide-controller{position:absolute; bottom:5em; right:0; display:flex}
@media screen and (max-width:1200px){
    .main__slide-item .text-wrap .title,
    .main__slide-item .text-wrap .txt{width:55%}
    .main__slide-controller{right:5%}
}
@media screen and (max-width:1000px){
    .main__slide-item .text-wrap .title,
    .main__slide-item .text-wrap .txt{margin-left:auto; margin-right:auto; width:90%}
    .main__slide-item .text-wrap .title{font-size:3rem}
    .main__slide-item .text-wrap .title strong{display:inline-block}
    .main__slide-controller{left:10%; right:inherit; width:80%;}
}

.main__slide-arrow{display:flex; align-items:center}
.main__slide-arrow > * + *{margin-left:1em}
.main__slide-arrow .arrow{display:block !important; width:58px; height:58px; border-radius:50%; background-position:50% 45%; background-repeat:no-repeat; background-color:#0197b0; text-indent:-999px; color:transparent}
.main__slide-arrow .prev{background-image:url('/img/ico_slide_arrow_left.png')}
.main__slide-arrow .next{background-image:url('/img/ico_slide_arrow_right.png')}
.main__slide-control{display:block; margin-left:1.5em; width:27px; height:27px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-repeat:no-repeat; text-indent:-999px; color:transparent}
.main__slide-control.pause{background-image:url('/img/ico_slide_stop.png')}
.main__slide-control.play{background-image:url('/img/ico_slide_play.png')}
.main__slide-pager{position:relative; margin-top:.5em; margin-left:1.5em; font-size:1.5rem; color:#fff;}
.main__slide-pager span{display:block}
.main__slide-pager .cnt{transform:translate(-2px,-7px)}
.main__slide-pager .our{transform:translateY(-7px)}
.main__slide-pager span + span{margin-left:1.25em}
.main__slide-pager:after{content:''; position:absolute; top:-5px; left:18px; transform:rotate(40deg); width:2px; height:51px; background:#fff}
.main__slide-item.item1{background-image:url('/img/main/img_visual1.jpg')}
.main__slide-item.item2{background-image:url('/img/main/img_visual1.jpg')}

.main__product__img-list{margin-left:-.75em; margin-right:-.75em}
.main__product__img-list:after{content:''; display:block; clear:both}
.main__product__img-item{display:block; float:left; padding-top:2em; margin:.75em; height:377px; width:calc((100% / 4) - 1.5em); background-color:#fafafa;  background-repeat:no-repeat; background-position:center; box-sizing:border-box; text-align:center; transition:background 300ms}
.main__product__img-item:hover{background-color:#f0f0f0}
.main__product__img-item .product__type{display:inline-block; margin-bottom:.75em; padding:.5em 1em; border:1px solid #aeaeae; color:#666; text-align:center; box-sizing:border-box}
.main__product__img-item .product__title{display:inline-block; padding:0 1em; width:100%; box-sizing:border-box; font-size:1.5rem; font-weight:700; word-break:keep-all}
.main__product__img-item .product__img img{max-width:230px; max-height:230px}
.main__product__img-item.item--main{display:flex; align-items:center; flex-direction:column; padding-bottom:7em; width:calc(50% - 1.5em); color:#fff}
.main__product__img-item.item--main .product__type{margin-top:auto; margin-left:auto; margin-right:auto; width:160px; border-color:#fff; color:#fff; font-size:1.25rem}
.main__product__img-item.item--main .product__title{margin-bottom:auto; font-size:1.875rem}
@media screen and (max-width:1200px){
    .main__product__img-item{width:calc((100% / 3) - 1.5em)}
    .main__product__img-item .product__img img{width:100%}
    .main__product__img-item.item--main{width:calc(((100% / 3) * 2) - 1.5em); background-size:cover}
}
@media screen and (max-width:1000px){
    .main__product__img-item{width:calc((100% / 2) - 1.5em)}
    .main__product__img-item .product__title{height:60px; overflow:hidden}
    .main__product__img-item .product__img img{width:100%}
    .main__product__img-item.item--main{padding:0; width:calc(((100% / 2) * 2) - 1.5em); height:300px; background-size:cover}
    .main__product__img-item.item--main .product__title{font-size:2.25rem}
}

.main__full-banner.img-float-wrap{background:#01a2bd; color:#fff}
.main__full-banner.img-float-wrap .img-float-box.img{transform:translateY(-1.5em)}
.main__full-banner.img-float-wrap .title{color:#fff}
.main__full-banner.img-float-wrap .img-float-box.txt{height:400px}
.main__full-banner.img-float-wrap .img-float-box.txt > *:last-child{margin-bottom:5.75em}

.main__banner.img-float-wrap .img-float-box.txt > .title{line-height:1.3}
.main__banner.img-float-wrap .img-float-box.txt > p{font-size:1.125rem}
.main__banner.img-float-wrap .img-float-box.txt > dl dt{font-size:1.5rem}
.main__banner.img-float-wrap .img-float-box.txt > dl dd{margin-top:10px; font-size:3rem}
.main__banner.img-float-wrap .img-float-box.txt > .btn{max-width:200px}
@media screen and (max-width:1000px){
    .main__full-banner.img-float-wrap .img-float-box.txt{height:auto}
    .main__full-banner.img-float-wrap .img-float-box.txt > *:last-child{padding-bottom:1em; margin-bottom:0}

    .main__banner.img-float-wrap .img-float-box.txt > .title{text-align:left; word-break:keep-all}
    .main__banner.img-float-wrap .img-float-box.txt > dl dt{font-size:1.429rem}
    .main__banner.img-float-wrap .img-float-box.txt > dl dd{font-size:1.714rem}
}