#body{padding:0;}
#body p {
    margin-bottom: 0;
}
#body .section{}
#body .section.section-item{
    margin-top: 100px;
}
#body .section.section-banner{
    margin-top: 60px;
}
#body .section.first{margin-top:0;}
#body .section h3{
    margin-top: 0;
    display: block;
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 28px;
    line-height: 1.1em;
}

.main-visual{
    background-color: rgba(220,220,220,0.2);
    height: 540px;
}
.main-visual .container{
    display: flex;
    align-items: center;
    height: 100%;
}
.main-visual .text{
    padding-left: 177px;
}
.main-visual .text strong{
    display: block;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.3em;
}
.main-visual .text strong br{
    display: none;
}
.main-visual .text strong span{
    color:#F13223;
}
.main-visual .text p{
    margin-top: 20px;
    color:#373737;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 0;
}
.main-visual .text p br{
    display: none;
}
.main-visual .text a{
    display: block;
    margin-top: 31px;
    width: 200px;
    line-height: 64px;
    border-radius: 32px;
    text-align: center;
    color:#fff;
    background-color: #F13223;
    font-size: 20px;
    font-weight: 700;
}

#body #section-notice{padding:10px 0;background-color:#f1f1f1;margin-top:0!important;}
#section-notice h4{margin:0 20px 0 0;font-size:1em;font-weight:700;float:left;height:40px;line-height:40px;}
#section-notice p{margin:0;height:40px;line-height:40px;}
#section-notice .title{float:left;}
#section-notice .date{float:right;opacity:0.6;}

.pop-notice{position:fixed;display:table;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:2000;}
.pop-notice>.wrap{display:table-cell;vertical-align:middle;}
.pop-notice>.wrap>.inner{width:600px;background-color:#fff;margin:0 auto;}
.pop-notice>.wrap>.inner .notice-head{position:relative;background-color:#222;padding:8px 10px;font-weight:700;font-size:1.2em;color:#eee;text-align:center;}
.pop-notice>.wrap>.inner .notice-head>.btn-close-notice{display:block;width:24px;height:24px;line-height:24px;text-align:center;position:absolute;right:10px;top:50%;margin-top:-12px;color:#eee;}
.pop-notice>.wrap>.inner .notice-body{padding:10px 10px;max-height:600px;overflow-y:scroll;}
.pop-notice>.wrap>.inner .notice-body h3.notice-title{margin:0 0 20px 0;font-weight:700;font-size:1.1em;}
.pop-notice>.wrap>.inner .notice-body img{max-width:100%;}
.pop-notice>.wrap>.inner .notice-foot{text-align:right;background-color:#222;border-top:1px solid #e1e1e1;}
.pop-notice>.wrap>.inner .notice-foot a{display:inline-block;padding:10px 0;margin-right:10px;color:#fff;}
.pop-notice>.wrap>.inner .notice-foot a.link-more{font-weight:700;}
.pop-notice>.wrap>.inner .notice-foot a.link-no-more{color:#777;}
.pop-notice>.wrap>.inner .notice-foot a.link-close{position:relative;}
.pop-notice>.wrap>.inner .notice-foot a.link-close:before{display:block;content:'';width:0;height:14px;position:absolute;left:-10px;top:50%;margin-top:-7px;border-left:1px solid #666;}
.pop-notice>.wrap>.inner .notice-foot .rachel{color:#fff;margin:0 15px 0 0;}
.pop-notice>.wrap>.inner .notice-foot .rachel.checked>span.far, .pop-notice>.wrap>.inner .notice-foot .rachel.checked>span.fas{color:#fff;}

#body #section-banner2-1{padding:40px 0;}
#section-banner2-1 a{display:block;}
#section-banner2-1 a>img{width:100%;}
.quick-menu{margin:90px 0;
overflow: hidden;}
.quick-slide{
    overflow: visible;
}
.quick-menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quick-menu ul::before,
.quick-menu ul::after{
    content:none;
}
.quick-menu ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.quick-menu ul li a .img{
    margin-bottom: 20px;
    display: flex;
    height: 112px;
    align-items: center;
    justify-content: center;
}
.quick-menu ul li a .img img{
    display: block;
}
.quick-menu ul li a p{
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.02em;
    color:#000;
}
.quick-menu ul li a p br{
    display: none;
}

#body .section-banner-2-2{padding:0;margin:40px auto;}
#body .section-banner-2-2 a{
    display: block;
}

#side-float{margin-top:0;}

.main-inquiry{
    background-color: #F0F0F0;
    padding:90px 0  70px;
}
.main-inquiry .container{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
}
.main-inquiry .container input{
    color:#000;
}
.main-inquiry .inquiry-left{
    margin-right: 193px;
}
.main-inquiry .inquiry-left .text strong{
    display: block;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.02em;
    line-height: 1.33em;
}
.main-inquiry .inquiry-left .text strong span{
    color:#F13223
}
.main-inquiry .inquiry-left .text p{
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.31em;
    margin-top: 19px;
    margin-bottom: 0;
}
.main-inquiry .inquiry-right{
    width: 464px;
}
.main-inquiry #form{}
.main-inquiry #form .row{
    margin:0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.main-inquiry #form .row+.row{
    margin-top: 30px;
}
.main-inquiry #form .row .th{
    width: 124px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3em;
    padding:10px 0;
}
.main-inquiry #form .row .td{
    width: calc(100% - 124px);
}
.main-inquiry #form .row .td input{
    height: 46px;
    width: 100%;
    display: block;
    background-color: #fff;
    border:0;
    padding:0 10px;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: -0.02em;
    color:#000;
    box-sizing: border-box;
}
.main-inquiry #form .row .td textarea{
    height: 200px;
    width: 100%;
    display: block;
    background-color: #fff;
    border:0;
    padding:10px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: -0.02em;
    color:#000;
}
.main-inquiry #form .agree{
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 48px;
}
.main-inquiry #form .agree label{
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color:#7b7b7b;
    letter-spacing: -0.02em;
    line-height: 1.3em;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.main-inquiry #form .agree label span{
    margin-right: 8px;
}
.main-inquiry #form .agree label span i{
    display: block;
    color:#fff;
}
.main-inquiry #form .agree input:checked+label span i{
    color: #F13223;
}
.main-inquiry #form .agree a{
    position: absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    font-size: 20px;
    color:#7b7b7b;
    text-decoration: underline;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}
.main-inquiry #form .btn-submit{
    display: block;
    margin:48px auto 0;
    width: 220px;
    line-height: 70px;
    border-radius: 35px;
    text-align: center;
    color:#fff;
    font-size: 24px;
    letter-spacing: -0.02em;
    background-color: #F13223;
    border:0;
    cursor: pointer;
}



@media screen and (max-width:1580px){
    #float-menu{
        width: 90px;
        right:15px;
        transform: translate(0,-50%);
        border-radius: 10px;
    }
    #float-menu ul li a{
        height: 91px;
    }
    #float-menu ul li:nth-child(1) img{
        width: 48.6%;
    }
    #float-menu ul li:nth-child(2) img{
        width: 48.6%;
    }
    #float-menu ul li:nth-child(3) img{
        width: 37.3%;
    }
    #float-menu ul li a span{
        font-size: 12px;
        margin-top: 8px;
    }
}
@media all and (max-width:1280px){
    .quick-menu .swiper-slide{
        width: 158px;
    }
}
@media all and (min-width:1200px){
    .product-list.col-4 .product-item:nth-child(n+5):nth-child(-n+6){
        display: none !important;
    }
}
@media all and (max-width:1199px){
    .main-visual .text{
        padding-left: 0;
    }
    .main-visual .text strong{
        font-size: 38px;
    }
    .main-visual .text p{
        margin-top: 1em;
        font-size: 18px;
    }
    .main-visual .text a{
        line-height: 55px;
        width: 190px;
        font-size: 16px;
    }
    #body .section.section-item{
        margin-top: 80px;
    }
    .quick-menu{
        margin:50px 0
    }
    .main-inquiry .inquiry-left{
        margin-right: 10%;
    }
    .main-inquiry .inquiry-left .text strong{
        font-size: 34px;
    }
    .main-inquiry .inquiry-left .text p{
        font-size: 18px;
        margin-top: 14px;
    }
    .main-inquiry #form .row .th{
        width: 100px;
        font-size: 16px;
    }
    .main-inquiry #form .agree label,
    .main-inquiry #form .agree a{
        font-size: 16px;
    }
    .main-inquiry #form .row .td input{
        height: 44px;
    }
    .main-inquiry #form .btn-submit{
        font-size: 18px;
        line-height: 60px;
    }
}

@media screen and (max-width:767px){
    #body #section-notice{padding:5px 0;}

    .section-banner>.container{padding:0 20px;}
    .section-banner>.container>.row{margin:0;}
    .section-banner>.container>.row>div{padding:0;margin:20px 0;}

    .main-visual{
        height: 100vw;
    }
    .main-visual .text{
        text-align: center;
    }
    .main-visual .text strong{
        font-size:calc((56 / 720) * 100vw);
        line-height:calc((74 / 720) * 100vw);
    }
    .main-visual .container{
        justify-content: center;
    }
    .main-visual .text p br,
    .main-visual .text strong br{
        display: block;
    }
    .main-visual .text p{
        font-size:calc((28 / 720) * 100vw);
        line-height:calc((37 / 720) * 100vw);
        margin-top:calc((23 / 720) * 100vw);
    }
    .main-visual .text a{
        width:calc((320 / 720) * 100vw);
        line-height:calc((90 / 720) * 100vw);
        font-size: calc((26 / 720) * 100vw);
        margin-top:calc((67 / 720) * 100vw);
    }
    #body .section h3{
        font-size:calc((40 / 720) * 100vw);
        line-height:calc((53 / 720) * 100vw);
        margin-bottom: calc((26 / 720) * 100vw);
    }
    #body .section.section-item{
        margin-top: calc((72 / 720) * 100vw);
    }
    #body .section.section-banner{
        margin-top: calc((60 / 720) * 100vw);
    }
    #body .section-banner-2-2{
        margin-bottom: calc((95 / 720) * 100vw);
    }

    .quick-menu{
        margin:calc((52 / 720) * 100vw) auto;
    }
    .quick-menu ul li a p br{
        display: block;
    }
    .quick-menu .swiper-slide{
        width: calc((159 / 720) * 100vw);
    }
    .quick-menu ul li a .img{
        height:calc((130 / 720) * 100vw);
        margin-bottom:calc((15 / 720) * 100vw);
    }
    .quick-menu ul li:nth-child(1) a .img img{
        height:75%;
    }
    .quick-menu ul li:nth-child(2) a .img img{
        height:75.89%;
    }
    .quick-menu ul li:nth-child(3) a .img img{
        height:100%;
    }
    .quick-menu ul li:nth-child(4) a .img img{
        height:75.89%;
    }
    .quick-menu ul li:nth-child(5) a .img img{
        height:77.6%;
    }
    .quick-menu ul li:nth-child(6) a .img img{
        height:75%;
    }
    .quick-menu ul li:nth-child(7) a .img img{
        height:78%;
    }
    .quick-menu ul li:nth-child(8) a .img img{
        height:62.5%;
    }
    .quick-menu ul li a p{
        font-size: calc((24 / 720) * 100vw);;
        line-height: calc((32 / 720) * 100vw);;
    }

    #section-notice>.container{display:table;width:100%;padding:0;table-layout:fixed;}
    #section-notice>.container:before,
    #section-notice>.container:after{display:none;content:'';}
    #section-notice>.container>h4{width:90px;display:table-cell;vertical-align:middle;margin:0;padding:0 5px;float:none;}
    #section-notice>.container>p{display:table-cell;vertical-align:middle;padding:0 5px;float:none;}
    #section-notice>.container>p.date{font-size:0.85em;width:85px;text-align:right;}
    #section-notice>.container>p.title>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


    .product-list.col-4 .product-item:nth-child(n+5):nth-child(-n+6){
        display: none !important;
    }

    .pop-notice>.wrap{padding:0 10px;}
    .pop-notice>.wrap>.inner{width:100%;}
    .pop-notice>.wrap>.inner .notice-body{max-height:300px;}

    .main-inquiry{
        padding:calc((85 / 720) * 100vw) 0;
    }
    .main-inquiry .container{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .main-inquiry .inquiry-left{
        margin-right: 0;
        margin-bottom: calc((74 / 720) * 100vw);
    }
    .main-inquiry .inquiry-left .text strong{
        font-size: calc((40 / 720) * 100vw);
        line-height: 1.31em;
    }
    .main-inquiry .inquiry-left .text strong span{
        display: block;
    }
    .main-inquiry .inquiry-left .text p{
        font-size: calc((22 / 720) * 100vw);
        margin-top: calc((20 / 720) * 100vw);
        line-height: 1.31em;
    }
    .main-inquiry .inquiry-right{
        width: calc((446 / 720) * 100vw);
        text-align: left;
    }
    .main-inquiry #form .row+.row{
        margin-top: calc((30 / 720) * 100vw);
    }
    .main-inquiry #form .row .th{
        width: 16vw;
        font-size: calc((20 / 720) * 100vw);
        text-align: left;
        padding:calc((10 / 720) * 100vw) 0;
    }
    .main-inquiry #form .row .td{
        width: calc(100% - 16vw);
    }
    .main-inquiry #form .row .td textarea{
        height: calc((200 / 720) * 100vw);
        font-size: calc((20 / 720) * 100vw);
        line-height: 1.3em;
        padding:calc((10 / 720) * 100vw);
        border-radius: calc((10 / 720) * 100vw);
    }
    .main-inquiry #form .row .td input{
        height: calc((46 / 720) * 100vw);
        border-radius: calc((10 / 720) * 100vw);
        font-size: calc((20 / 720) * 100vw);
        padding:0 calc((10 / 720) * 100vw)
    }
    .main-inquiry #form .agree{
        margin-top: calc((52 / 720) * 100vw);
    }
    .main-inquiry #form .agree label{
        font-size: calc((20 / 720) * 100vw);
    }
    .main-inquiry #form .agree label span{
        margin-right: calc((7 / 720) * 100vw);
    }
    .main-inquiry #form .agree a{
        font-size: calc((20 / 720) * 100vw);
    }
    .main-inquiry #form .btn-submit{
        margin-top: calc((48 / 720) * 100vw);
        font-size: calc((24 / 720) * 100vw);
        width: calc((211 / 720) * 100vw);
        line-height: calc((70 / 720) * 100vw);
    }

    #float-menu{
        width: calc((119 / 720) * 100vw);
        right:calc((25 / 720) * 100vw);
        border-radius: calc((20 / 720) * 100vw);
    }
    #float-menu ul li a{
        height: calc((121 / 720) * 100vw);
    }
    #float-menu ul li a span{
        font-size: calc((16 / 720) * 100vw);
        margin-top: calc((10 / 720) * 100vw);;
    }
}