/* products */
.products-links-list li{
    display: flex;
    margin-bottom: 160rem;
}
.products-links-list li picture{
    width: 50%;
}
.products-links-list li div{
    width: 380rem;
    margin-left: 145rem;
    margin-top: 125rem;
}
.products-links-list li div img{
    width: 380rem;
    height: 240rem;
    margin-bottom: 20rem;
}
.products-links-list li:nth-of-type(2n){
    flex-direction: row-reverse;
}
.products-links-list li:nth-of-type(2n) div{
    margin-left: 0;
    margin-right: 145rem;
}
.products-links-list li div h6{
    margin-bottom: 20rem;
}
.products-links-list li div .btn{
    margin-top: 50rem;
}
.products-make-list{
    width: 1050rem;
    justify-content: space-between;
    margin: 0 auto 160rem;
}
.products-make-list li{
    width: 470rem;
    position: relative;
}
.products-make-list img{
    margin-bottom: 35rem;
}
.products-make-list h6,
.products-make-list p{
    width: 380rem;
}
.products-make-list h6{
    margin: 0 auto 20rem;
}
.products-make-list p{
    margin: 0 auto 130rem;
}
.products-make-list .btn{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 商品紹介ページ */
.tabs{
    justify-content: center;
}
.tabs .tab-btn{
    display: block;
    width: 320rem;
    height: 80rem;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/32px var(--unnamed-font-family-ten-mincho-text);
    letter-spacing: var(--unnamed-character-spacing-0-8);
    color: var(--unnamed-color-333333);
    border: 1rem solid #333333;
    transition: all ease 1s;
}
.tabs .tab-btn:nth-of-type(n+2){
    border-left: none;
}
.tabs .tab-btn:hover{
    background-color: #fff;
    cursor: pointer;
}
.tab-btn.active{
    background-color: #fff;
}
.products-contents{
    width: 1050rem;
    margin: 0 auto;
}
.products-contents h2{
    margin-bottom: 100rem;
}
.product-sub-title,
.content-page-sub-title{
    padding-bottom: 15rem;
    border-bottom: 1rem solid #333;
    margin-bottom: 90rem;
}
.products-feat-top-content{
    width: 940rem;
    margin: 0 auto 70rem;
    align-items: center;
}
.products-feat-top-content img{
    width: 600rem;
    margin-right: 30rem;
}
.products-feat-top-content h6{
    margin-bottom: 10rem;
}
.products-list{
    flex-wrap: wrap;
}
.products-list li{
    width: 310rem;
    margin-right: 60rem;
}
.products-list li.products-list-sidetable {
    width: 100%;
    margin-right: 0;
    margin-bottom: 70rem;
}
.products-list li .products-list-sidetable-group picture {
    width: calc( 100% / 6 );
}
.products-list li .products-list-sidetable-group picture + picture {
    margin-left: 30rem;
}

.products-list .tance{
    width: 340rem;
    margin-right: calc((100% - 340rem*3) /2);
}
.products-list li h6{
    margin: 20rem 0 10rem;
}
.products-list li:nth-of-type(3n){
    margin-right: 0;
}
.products-list li:nth-of-type(n+4){
    margin-top: 50rem;
}
.products-detail{
    padding-top: 160rem;
}
.detail-top{
    width: 1000rem;
    margin: 0 auto;
    align-items: center;
}
.align-center{
    align-items: center;
}
.detail-top img{
    width: 520rem;
    margin-right: 120rem;
}
.detail-top div .price{
    margin: 15rem 0 30rem;
}
.detail-top div p{
    margin-bottom: 20rem;
}
.detail-top div p a{
    display: inline-block;
}
.detail-content{
    margin-top: 30rem;
}
.color li{
    width: 80rem;
}
.detail-content .color img{
    width: 60rem;
    height: 60rem;
}
.color p{
    font-size: 12rem;
}
.detail-content img{
    width: 260rem;
}
.detail-list{
    margin-top: 70rem;
    justify-content: space-between;
}
.detail-list li{
    display: flex;
    align-items: end;
}
.detail-list li img{
    width: 200rem;
    margin-right: 30rem;
}
.detail-list .price{
    margin: 15rem 0 30rem;
}
.detail-list p{
    margin-top: 15rem;
}
.cms-list{
    margin-bottom: 130rem;
}
.products-list.ware-list li{
    width: calc((100% - 180rem)/4);
    margin-top: 0;
    margin-right: 60rem;
}
.products-list.ware-list li:nth-of-type(4n){
    margin-right: 0;
}
.products-list.ware-list li:nth-of-type(n+5){
    margin-top: 50rem;
}
#ware .products-detail{
    padding-top: 100rem;
}
#ware .detail-top{
    width: 1045rem;
}
#ware .detail-top:nth-of-type(n+2){
    margin-top: 75rem;
}
#ware .sub-top-content .content-text-box{
    margin-bottom: 0;
}

/* よくある質問＆用語集 */
#faq h2,
.sub-content-title{
    width: 1050rem;
    margin: 160rem auto 60rem;

}
.faq-manu,
.sub-anchor-menu{
    justify-content: right;
    width: 1050rem;
    margin: 0 auto;
}
.faq-manu li,
.sub-anchor-menu li{
    margin-left: 35rem;
    padding-right: 25rem;
    position: relative;
}
.faq-manu li::after,
.sub-anchor-menu li::after{
    content: "";
    display: block;
    width: 12rem;
    height: 16rem;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url('/assets/img/slide-arrow.svg');
    transform: translateY(-50%) rotate(90deg);
}
.faq-manu li a,
.sub-anchor-menu li a{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/32rem var(--unnamed-font-family-ten-mincho-text);
    letter-spacing: var(--unnamed-character-spacing-0-8);
}
.faq-content{
    width: 1050rem;
    margin: 0 auto;
    align-items: flex-start; 
}
.faq-side-menu{
    width: 330rem;
    position: sticky;
    top: 130rem;
    left: 0;
}
.faq-side-menu li{
    margin-bottom: 20rem;
}
.faq-side-menu a{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/25rem var(--unnamed-font-family-ten-mincho-text);
    padding-left: 30rem;
    position: relative;
}
.faq-side-menu a::before{
    content: "";
    display: block;
    width: 15rem;
    height: 1rem;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-answer-content{
    width: calc(100% - 330rem);
}
.faq-ansewr-list-content:nth-of-type(n+2){
    margin-top: 100rem;
}
.faq-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-40) var(--unnamed-font-family-ten-mincho-text);
    letter-spacing: var(--unnamed-character-spacing-0-9);
    padding-right: 55rem;
    position: relative;
}
.faq-text::before{
    content: "";
    position: absolute;
    display: block;
    width: 20rem;
    height: 1rem;
    background-color: #333;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.faq-ansewr-list-content ul li:hover{
    cursor: pointer;
}
.faq-text::after{
    content: "";
    position: absolute;
    display: block;
    width: 1rem;
    height: 20rem;
    background-color: #333;
    top: 50%;
    right: 9.5rem;
    opacity: 0;
    transition: all ease .3s;
    transform: translateY(-50%);
}
.open .faq-text::after{
    opacity: 1;
}

.faq-ansewr-list-content ul li{
    padding: 30rem 0;
    border-bottom: 1rem solid #333;
}
.ansewr-text{
    margin-top: 25rem;
    line-height: 24rem;
    padding-right: 55rem;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s;
}
.ansewr-text a{
    display: inline;
    text-decoration: underline;
}
.open .ansewr-text{
    height: auto;
    opacity: 1;
    visibility: visible;
}
.content-page-sub-title{
    margin-bottom: 20rem;
}


/* スケジュール */
.schedule-title-text{
    width: 1050rem;
    margin: 0 auto 100rem;
}
.schedule-content{
    width: 1050rem;
    margin: 0 auto;
    justify-content: space-between;
}
.schedule-content img{
    width: 370rem;
    height: 385rem;
}
.schedule-content #calendar{
    width: 630rem;
}
.schedule-text{
    width: 1050rem;
    margin: 0 auto 100rem;
}


.display-content > img,
.display-content picture img{
    width: 680rem;
    height: 800rem;
}
.display-right{
    width: 380rem;
    margin-left: 145rem;
}
.display-right img{
    width: 380rem;
    height: 380rem;
    margin-bottom: 50rem;
}
.display-right h4{
    margin-bottom: 50rem;
}
.display-right p{
    margin-bottom: 50rem;
}
.customer-content{
    width: 1050rem;
    margin: 0 auto 100rem;
}
.customer-content p{
    margin-bottom: 50rem;
}
.customer-content .btn{
    margin-left: 0;
    margin-right: 0;
}
.customer-content .contact-link-box .btn{
    margin: 0 auto;
}
.customer-content .contact-link-box{
    width: 700rem;
    background: var(--unnamed-color-e4e4e4) 0% 0% no-repeat padding-box;
    margin-top: 50rem;
}
.customer-content .contact-link-box p{
    margin-bottom: 15rem;
}

.customer-content .contact-link-box .or{
    background: var(--unnamed-color-e4e4e4) 0% 0% no-repeat padding-box;


}
.customer-content .contact-link-box .or::after{
    background: var(--unnamed-color-e4e4e4) 0% 0% no-repeat padding-box;
}
.customer-content > p{
    font-size: var(--unnamed-font-size-15);
    line-height: 25rem;
}
.customer-content > p span{
    font-size: var(--unnamed-font-size-15);
    color: var(--unnamed-color-fc0000);
    line-height: 25rem; 
}
.bank-content{
    width: 455rem;
    height: 245rem;
    border: 3rem solid var(--unnamed-color-333333);
    text-align: center;
    padding-top: 50rem;
}
.bank-content h4{
    font-family: var(--unnamed-font-family-yu-gothic-pr6n);
    line-height: 35rem;
}
.bank-content h5{
    margin-top: 20rem;
    font-family: var(--unnamed-font-family-yu-gothic-pr6n);
    line-height: 20rem;
}
.price-list li{
    padding: 35rem 0;
    width: 380rem;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rem solid #333;
}
.price-list li:last-of-type{
    border: none;
}
.price-list li p{
    font-size: 18rem;
    font-family: var(--unnamed-font-family-ten-mincho-text);
    margin-bottom: 0;
}


/* 会社概要 */
.about-table{
    width: 1050rem;
    margin: 0 auto;
}
.about-table tr th,
.about-table tr td{
    font-size: var(--unnamed-font-size-18);
    height: 95rem;
    vertical-align: middle;
    border-bottom: 1rem solid #333;
    text-align: left;
}
.about-table tr th{
    width: 230rem;
}
.about-table tr:last-of-type th,
.about-table tr:last-of-type td{
    border: none;
}
.about-under-content{
    width: 1050rem;
    margin: 0 auto 130rem;
    justify-content: space-between;
}
.about-under-content img{
    width: 380rem;
    height: 275rem;
}
.about-under-content .about-right-cotent{
    width: 560rem;
}
.about-right-cotent h4{
    margin-bottom: 50rem;
    line-height: 40rem;
}
.about-right-cotent p{
    font-size: 15rem;
    line-height: 27rem;
}
.about-right-cotent .logo{
    width: 55rem;
    height: 50rem;
    margin-bottom: 30rem;
}
.sub-content-img-box{
    width: 1050rem;
    height: 545rem;
    margin: 0 auto 70rem;
    justify-content: space-between;
}
.sub-content-img-box > img{
    width: 665rem;
}
.about-img-right{
    width: 380rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sub-content-text-box{
    width: 1050rem;
    margin: 0 auto;
}
.sub-content-text-box h4{
    margin-bottom: 50rem;
}
.sub-content-text-box p{
    font-size: 15rem;
    line-height: 27rem;
    width: 740rem;
}
.access-content{
    margin: 0 auto;
    width: 1050rem;
    justify-content: space-between;
    align-items: center;
}
.access-content img{
    width: 555rem;
    height: 545rem;
}
.access-text-box{
    width: 380rem;
}
.access-content h2{
    margin-bottom: 50rem;
}
.access-text-box h4{
    margin: 0 0 50rem;
}
.access-text-box th,
.access-text-box td{
    font-size: 18rem;
    text-align: left;
    height: 95rem;
    vertical-align: middle;
}
.access-text-box th{
    width: 100rem;
}
.access-text-box tr{
    border-bottom: 1rem solid #333;
}
.access-text-box tr:last-of-type{
    border: none;
}

.about-right-cotent{
    flex-direction: column;
}
.about-right-cotent h4:nth-of-type(n+2){
    margin-top: 70rem;
}
.story-menu-box{
    width: 1050rem;
    margin: 0 auto 130rem;
}
.story-menu-list{
    margin-top: 60rem;
}
.story-menu-list li{
    font-size: 17rem;
    line-height: 25rem;
    padding-left: 30rem;
    margin-bottom: 20rem;
    position: relative;
}
.story-menu-list li:after{
    content: "";
    display: block;
    height: 1rem;
    width: 15rem;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.display-content:nth-of-type(n+2){
    margin-top: 80rem;
}

/* お問い合わせ */
.contact-top-text{
    padding-top: 0;
    width: 720rem;
    margin: 0 auto;
}
.contact-top-text .contact-link-box{
    background: var(--unnamed-color-e4e4e4) 0% 0% no-repeat padding-box;
    margin-top: 70rem;
}
#contact form{
    width: 1050rem;
    margin: 0 auto;
}
.form-box dl{
    display: flex;
    align-items: center;
    margin-top: 30rem;
}
.form-box dl dt label{
    width: 330rem;
    letter-spacing: var(--unnamed-character-spacing-1-8);
    color: var(--unnamed-color-333333);
    font-size: 18rem;
    line-height: 26rem;
}
.form-box dl input{
    width: 720rem;
    height: 65rem;
    border: 1rem solid #333333;
    font-size: 16rem;
    padding-left: 30rem;
}

.form-box dl textarea{
    width: 720rem;
    height: 175rem;
    color: var(--unnamed-color-333333);
    font-size: 16rem;
    line-height: 24rem;
    font-family: var(--unnamed-font-family-ten-mincho-text);
    padding: 20rem 30rem;
}

.input-checkbox{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 70rem auto 50rem;
}
.input-checkbox input{
    width: 20rem;
    height: 20rem;

}
.input-checkbox label{
    font-size: 16rem;
    font-family: var(--unnamed-font-family-ten-mincho-text);
    margin-left: 15rem;
}
.error{
    color: var(--unnamed-color-e50b18);
    font-size: 16rem;
    line-height: 24rem;
}
.contact-box{
    padding-top: 70rem;
}
.cp_sl08{
    position: relative;
}
.cp_sl08 > li p{
    width: 720rem;
    height: 65rem;
    border: 1rem solid #333333;
    padding: 20rem 25rem;
    position: relative;
}
.cp_sl08 > li p::after{
    content: "";
    width: 14rem;
    height: 14rem;
    display: block;
    background-image: url('/assets/img/slide-arrow.svg');
    position: absolute;
    top: 50%;
    right: 30rem;
    transform: translateY(-50%) rotate(90deg);
}
.cp_sl08.open > li p::after{
    transform: translateY(-50%) rotate(-90deg);
}
.cp_sl08_options{
    height: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    transition: all ease .3s;
    background-color: #fff;
}
.open .cp_sl08_options{
    height: 195rem;
    border: 1rem solid #333333;
}
.form-box dl input[type=radio]{
    width: 1rem;
    height: 1rem;
    transform: translate(-1rem);
    overflow: hidden;
    opacity: 0;
}
.cp_sl08_label{
    font-size: 16rem;
    padding: 20rem 25rem;
    height: 65rem;
    width: 100%;
    transition: all ease .3s;
}
.cp_sl08_label:hover{
    background-color: var(--unnamed-color-e0deda);
    cursor: pointer;
}
.block-contact-conf{
    width: 800rem;
    margin: 0 auto;
}
.block-contact-conf p{
    text-align: center;
    margin-bottom: 60rem;
}
.conf dl dd {
    font-size: 18rem;
    width: calc(100% - 330rem);
}

.btn-submit,
.btn-format{
    width: 300rem;
    height: 80rem;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1rem solid var(--unnamed-color-333333);
    color: var(--unnamed-color-333333);
    text-align: center;
    font-size: 16rem;
    line-height: 80rem;
}
.thanks .btn-format{
    margin: 80rem auto 0;
}
#contact .buttons{
    width: 300rem;
    margin: 0;
    margin-right: 30rem;
}
.btn-back{
    width: 300rem;
    height: 80rem;
    background: var(--unnamed-color-efeae1) 0% 0% no-repeat padding-box;
    border: 1rem solid var(--unnamed-color-333333);
    color: var(--unnamed-color-333333);
    text-align: center;
    font-size: 16rem;
}
.box-button{
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: 100rem;
}
.contact-top-container{
    text-align: center;
}
.contact-top-container .message{
    margin-top: 80rem;
}

/* Instagram */
.instagram__link a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.instagram__link span{
    font-size: 14rem;
    font-family:  Roboto;
    color: var(--unnamed-color-333333);
    text-align: center;
}
.instagram__link img{
    width: 20rem;
    height: 20rem;
    margin-right: 5rem;
}
.instagram__posts ul{
    display: flex;
    width: 840rem;
    margin: 35rem auto 0;
    justify-content: space-between;
}
.instagram__posts li,
.instagram__posts li a,
.instagram__posts li a img{
    width: 120rem;
    height: 120rem;
    display: block;
}
.modal-dialog{
    margin-top: 200rem;
}

.slide-img-list.slick-slide{
    margin: 0 15rem;
}

.slide-img-main .slick-dots {
    bottom: -35px;
}

.slide-img-main .slick-dots li {
    margin: 0;
}

.slide-img-main .slick-dots li button:before {
    font-size: 10px;
}

.top-about-content{
    width: 100%;
    overflow: hidden;
}
.slider.top-products {
    margin-bottom: 50px;
}

@media screen and (max-width:1150px){
    .slide-menu{
        padding: 145rem calc( 50vw/ ( 1150/ 100));
    }
    .menu-list-right{
        width: calc( 500vw/ ( 1150/ 100));
    }
}
@media screen and (max-width:900px){
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    html{
        font-size: calc( 1vw/ ( 390/ 100));
    }
    .slide-menu{
        flex-direction: column;
        height: calc(var(--vh, 1vh) * 100);
        overflow-y: scroll;
        padding: 80rem 30rem 50rem;
    }
    #top .hum,
    .hum{
        top: 22rem;
        left: 15rem;
    }
    #top .contact-mail,
    .contact-mail{
        top: 14rem;
        right: 15rem;
    }
    #top .top-logo{
        width: 120rem;
        height: auto;
    }
    #top header{
        height: 220rem;
    }
    header, .scroll-header{
        height: 60rem;
        padding-top: 15rem;
    }
    .sub-logo, .scroll-header-logo{
        width: 115rem;
        height: auto;
    }
    .contact-mail{
        width: 34rem;
        height: 34rem;
        z-index: 20;
    }
    .scroll .hum,
    #top.scroll .hum{
        top: 22rem;
    }
    .contact-mail, #scroll-header.scroll-header .contact-mail{
        top: 13rem;
    }
    .hum,
    #top .hum{
        width: 24rem;
        height: 17rem;
    }
    .hum span{
        width: 24rem;
    }
    .hum.open span:first-child{
    top: 8rem;
    left: 0;
    transform: rotate(20deg);
    }
    .hum.open span:last-child{
        bottom: 8rem;
        left: 0;
        transform: rotate(-20deg);
    }
    section{
        width: 330rem;
        margin: 0 auto;
        padding-top: 100rem;
    }
    .sub-top-content{
        padding-top: 35rem;
    }
    h2{
        font-size: 18rem;
        line-height: 32rem;
    }
    h3{
        font-size: 22rem;
        line-height: 33rem;
    }
    h4{
        font-size: 18rem;
        line-height: 30rem;
    }
    h5{
        font-size: 18rem;
        line-height: 26rem;
    }
    h6{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/25rem var(--unnamed-font-family-ten-mincho-text);
    }
    p{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/22rem var(--unnamed-font-family-yu-gothic-pr6n);
    }
    .f-17{
        font-size: 15rem;
        line-height: 26rem;
    }
    .top-text-container h2{
        margin-bottom: 30rem;
    }
    .top-text-container .f-17{
        text-align: left;
    }
    .top-text-container .text-container-img{
        width: 125rem;
        height: auto;
        margin: 50rem auto 70rem;
    }
    .img-icon-link{
        width: 330rem;
        flex-direction: column;
    }
    .img-icon-link a{
        width: 100%;
    }
    .img-icon-link a:first-of-type{
        margin-bottom: 30rem;
    }
    .top-calendar-content{
        padding-top: 100rem;
    }
    .top-calendar-content #calendar{
        width: 315rem;
        margin-bottom: 10rem;
    }
    #calendar.fc-theme-standard td{
        height: 50rem;
        width: 44.5rem;
        border: 0.25rem solid #333;
    }
    #calendar.fc .fc-view-harness{
        height: 321rem !important;
    }
    #calendar.fc .fc-scrollgrid-section-body table, #calendar.fc .fc-scrollgrid-section-footer table{
        max-height: 350rem !important;
        min-height: 300rem !important;
    }
    #calendar.fc .fc-scroller-liquid-absolute, #calendar.fc .fc-scroller{
        height: auto !important;
        width: 330rem !important;
    }
    .fc .fc-scroller-liquid-absolute,
    .fc .fc-scrollgrid-section-liquid > td{
        max-height: 350rem !important;
        min-height: 300rem !important;
    }
    .modal-header{
        font-size: 12rem;
    }
    .modal-body *{
    font-size: 14rem;
    font-family: var(--unnamed-font-family-yu-gothic-pr6n);
}
    .fc .fc-daygrid-body{
        width: 330rem !important;
    }
    #calendar.fc .fc-col-header-cell-cushion, #calendar.fc .fc-daygrid-day-number{
        font-size: 14rem;
        line-height: 16rem;
    }
    #calendar.fc-theme-standard th{
        width: 45rem;
    }
    #calendar .fc-daygrid-block-event .fc-event-time, #calendar .fc-daygrid-block-event .fc-event-title{
        line-height: 14rem;
    }
    #calendar .fc-daygrid-block-event .fc-event-title.fc-sticky{
        font-size: 10rem;
        line-height: 10rem;
    }
    .fc .fc-button{
        padding: 0rem;
    }
    #calendar.fc .fc-toolbar{
        width: 220rem;
    }
    #calendar.fc .fc-toolbar.fc-header-toolbar{
        margin-bottom: 20rem;
    }
    #calendar.fc .fc-toolbar-title{
        font-size: 21rem;
        line-height: 31rem;
    }
    .customer-content .btn{
    margin: 0 auto;
}
    .btn{
        width: 280rem;
        height: 60rem;
        line-height: 60rem;
        font-size: 14rem;
    }
    .content-bg-img{
        width: calc(100% + 60rem);
        margin-left: -30rem;
        height: 275rem;
        margin-bottom: 35rem;
        padding-top: 0;
    }
    .content-title span{
        font-size: 14rem;
        margin-top: 5rem;
    }
    .content-title{
        margin-bottom: 35rem;
    }
    .content-text-box{
        width: 100%;
        flex-direction: column;
    }
    .top-products-content .content-text-box{
        margin-bottom: 35rem;
    }
    .content-text-box p{
        width: 100%;
        margin-top: 30rem;
    }
    .top-products{
        width: 330rem;
    }
    .top-products-link,
    .top-products-content .img-icon-link a,
    .top-products-content .img-icon-link{
        width: 100%;
    }
    .top-products-link{
        margin-bottom: 35rem;
    }
    .img-icon-link .link-text{
        margin-top: 15rem;
    }
    .top-products-content .img-icon-link{
        margin-bottom: 70rem;
    }
    .link-banner{
        width: 330rem;
        margin-top: 70rem;
        height: 160rem;
    }
    .instagram{
        margin-top: 100rem;
    }
    .top-about-content .flex{
        margin: 35rem auto 70rem;
        flex-direction: column;
        width: 100%;
    }
    .top-about-content{
            padding: 100rem 30rem 0;
    }
    .top-about-content .flex a:last-of-type{
        margin-top: 15rem;
    }
    .slide-img-list{
        margin-bottom: 100rem;
        width: calc(100% + 60rem);
        margin-left: -30rem;
    }
    .slide-img-list li{
        width: 320rem;
    }
    footer{
        margin-top: 100rem;
    }
    .contact-footer-box{
        padding: 50rem 30rem;
    }
    .contact-footer-box p.f-17{
        text-align: left;
    }
    .contact-footer-box .flex{
        flex-direction: column;
        width: 100%;
        margin: 35rem 0;
    }
    .contact-footer-box .btn:last-of-type{
        margin-top: 15rem;
    }
    .contact-footer-box div{
        width: 100%;
        padding: 25rem 15rem;
    }
    .contact-link-box ul li.tel{
        font-size: 30rem;
    }
    .contact-link-box ul li.fax{
        font-size: 20rem;
        line-height: 26rem;
        margin-bottom: 10rem;
    }
    .contact-link-box ul li img{
        width: 43rem;
        height: 24rem;
    }
    .contact-link-box .or{
        margin: 20rem auto;
    }
    .footer-company-block{
        padding: 50rem 30rem;
        flex-direction: column;
        justify-content: left;
        align-items: start;
    }
    .footer-company-block ul li p{
        font-size: 14rem;
        line-height: 24rem;
    }
    .page-top{
        margin: 35rem auto 0;
    }
    .copy{
        font-size: 10rem;
        top: 50%;
        right: 7rem;
        transform: translateY(-50%);
        z-index: 10;
    }
    .header-menu-list > li > a{
        font-size: 21rem;
        line-height: 31rem;
    }
    .header-menu-list > li > a span{
        font-size: 12rem;
        margin-left: 20rem;
    }
    .header-menu-list .menu-has-child ul{
        flex-direction: column;
    }
    .header-menu-list .menu-has-child ul{
        width: 330rem;
    }
    .header-menu-list .menu-has-child ul a{
        width: 330rem;
        font-size: 17rem;
        margin-bottom: 20rem;
        padding-right: 0;
    }
    .header-menu-list .menu-has-child ul a::after{
        right: 0;
    }
    .header-menu-list .menu-has-child ul li:last-of-type a{
        margin-bottom: 0;
    }
    .header-menu-list > li{
        margin-bottom: 35rem;
    }
    .header-menu-list > li > a span::after{
        width: 12rem;
        height: 16rem;
        right: -27rem;
    }
    .header-menu-list{
        margin-bottom: 70rem;
    }
    .menu-list-right{
        width: 100%;
    }
    .menu-list-right-top{
        flex-direction: column;
        padding-bottom: 50rem;
    }
    .menu-list-right-top .slide-banner{
        display: none;
    }
    .menu-list-right-bottom{
        flex-direction: column;
        align-items: center;
    }
    .menu-list-right-bottom > ul{
        margin: 35rem auto 0;
    }
    .sub-title-content{
        padding: 35rem;
    }
    .sub-title-content .content-title{
        margin-bottom: 0;
        font-size: 18rem;
        line-height: 26rem;
        letter-spacing: var(--unnamed-character-spacing-1-8);
    }
    .content-title span{
        font-size: 14rem;
        line-height: 14rem;
        margin-top: 8rem;
    }
    .sub-top-content .content-text-box{
        margin-bottom: 50rem;
    }
    .banner-content-link{
        width: 100%;
        height: 150rem;
    }
    .banner-content-link img{
        width: 165rem;
    }
    .banner-content-link div{
        width: calc(330rem - 165rem);
        padding-top: 45rem;
    }
    .banner-content-link p{
        font-size: 15rem;
        line-height: 22rem;
    }
    .banner-content-link .btn{
        width: 120rem;
        height: 30rem;
        margin-top: 15rem;
        line-height: 30rem;
        font-size: 12rem;
    }
    .products-links-list li picture{
        display: none;
    }
    .products-links-list li div{
        margin-left: 0;
        width: 100%;
        margin-top: 0;
    }
    .products-links-list li div img{
        width: 100%;
        height: 190rem;
    }
    .products-links-list li div h6{
        margin-bottom: 15rem;
    }
    .products-links-list li div .btn{
        margin-top: 35rem;
    }
    .products-links-list li:nth-of-type(2n) div{
        margin-right: 0;
    }
    .products-links-list li{
        margin-bottom: 50rem;
    }
    .products-link-list{
        margin-top: 100rem;
    }
    .products-make-list{
        flex-direction: column;
        width: 100%;
        margin-bottom: 100rem;
    }
    .products-make-list li{
        width: 100%;
        margin-bottom: 50rem;
    }
    .products-make-list li:last-of-type{
        margin-bottom: 0;
    }
    .products-make-list img{
        margin-bottom: 15rem;
    }
    .products-make-list h6, .products-make-list p{
        width: 100%;
    }
    .products-make-list h6{
        margin-bottom: 15rem;
    }
    .products-make-list p{
        margin-bottom: 95rem;
    }
    .content-title.product span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 12rem/18rem var(--unnamed-font-family-ten-mincho-text);
    }
    .content-title a{
        font-size: 14rem;
        line-height: 14rem;
        margin-top: 8rem;
    }
    .sub-top-content .sp-left{
        align-items: start;
    }
    .sub-top-content .sp-left p{
        margin-top: 20rem;
    }
    .tabs-top{
        padding-top: 70rem;
        flex-wrap: wrap;
        justify-content: left;
    }
    .tabs .tab-btn:nth-of-type(n+3){
        border-top: 0;
        width: 100%;
        border-left: 1rem solid #333;
    }
    .tabs .tab-btn{
        width: 50%;
        height: 50rem;
        font-size: 14rem;
    }
    .products-contents{
        width: 100%;
        padding: 50rem 30rem;
    }
    .products-contents h2{
        margin-bottom: 50rem;
        text-align: center;
    }
    .products-feat-top-content{
        width: 100%;
        flex-direction: column;
    }
    .products-feat-top-content img{
        width: 100%;
        margin-right: 0;
    }
    .product-sub-title, .content-page-sub-title{
        padding-bottom: 10rem;
        margin-bottom: 50rem;
    }
    .products-feat-top-content div{
        margin-top: 20rem;
    }
    .products-list li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 70rem;
    }
    .products-list li:last-of-type{
        margin-bottom: 0;
    }
    .products-list li.products-list-sidetable {
        margin-bottom: 70rem;
    }
    .products-list li .products-list-sidetable-group {
        display: block;
    }
    .products-list li .products-list-sidetable-group picture {
       width: 100%;
    }

    .products-list li .products-list-sidetable-group picture + picture {
        margin: 10rem 0 0;
    }

    .products-list li h6{
        margin-bottom: 15rem;
    }
    .products-list li:nth-of-type(n+4){
        margin-top: 0;
    }
    .products-detail{
        padding-top: 70rem;
    }
    .detail-top img{
        margin-right: 0;
        width: 100%;
        margin-bottom: 30rem;
    }
    .detail-top{
        width: 100%;
        flex-direction: column;
    }
    .detail-top div .price{
        margin-bottom: 20rem;
    }
    .detail-top div p{
        line-height: 20rem;
    }
    .color li{
        width: 70rem;
    }
    .detail-content .color img{
        width: 50rem;
        height: 50rem;
        margin-bottom: 10rem;
    }
    .detail-top .color p{
        margin-bottom: 0;
        font-size: 12rem;
        line-height: 14rem;
    }
    .detail-list{
        margin-top: 20rem;
        flex-direction: column;
    }
    .detail-list li{
        flex-direction: column;
        align-items: center;
        margin-bottom: 50rem;
    }
    .detail-list li:last-of-type{
        margin-bottom: 0;
    }
    .detail-list li div{
        margin-top: 10rem;
        width: 100%;
    }
    .tabs-bottom{
        padding-top: 20rem;
        flex-wrap: wrap;
        justify-content: left;
    }
    .m-none{
        padding-top: 70rem;
    }
    .m-none .link-banner{
        width: 290rem;
        height: 110rem;
        margin: 0 auto;
    }
    .m-none .link-banner img{
        height: 110rem;
        width: 100%;
        margin: 0 auto;
    }
    #product .sub-title-content{
        padding: 35rem 0 60rem;
    }
    .bunner-none{
        padding-top: 0;
    }
    .detail-top div{
        width: 100%;
    }
    .detail-top div p:last-of-type{
        margin-bottom: 0;
    }
    .detail-top .detail-content{
        margin-top: 15rem;
    }
    .detail-top .detail-content p,
    .detail-top .detail-content p:last-of-type{
        margin-bottom: 15rem;
    }
    .detail-top .detail-content img{
        margin-bottom: 0rem;
    }
    .cms-list{
        margin-bottom: 70rem;
    }
    .products-detail.p-none{
        padding-top: 0;
    }
    .products-list.ware-list li{
        width: 100%;
        margin-right: 0;
    }
    .products-list.ware-list li:nth-of-type(n+5){
        margin-top: 0;
    }
    #ware .detail-top{
        width: 100%;
    }
    .m-b-none{
        padding-bottom: 0;
    }
    .faq-manu, .sub-anchor-menu{
        width: 100%;
        justify-content: center;
        flex-direction: column;
        padding: 0 30rem;
    }
    .faq-manu li, .sub-anchor-menu li{
        margin-left: 0;
        padding: 10rem 0 10rem;
    }
    .faq-manu li:nth-of-type(n+2),
    .sub-anchor-menu li:nth-of-type(n+2){
        border-top: 1rem solid #333;
    }
    .faq-manu li::after, .sub-anchor-menu li::after{
        right: 10rem;
    }
    #faq h2, .sub-content-title{
        width: 100%;
        text-align: center;
        margin: 100rem 0 60rem;
    }
    .faq-content{
        width: 100%;
        flex-direction: column;
        padding: 0 30rem;
    }
    .faq-side-menu{
        position: static;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 70rem;
    }
    .faq-side-menu li{
        width: 50%;
    }
    .faq-side-menu li:last-of-type{
        margin-bottom: 0;
    }
    .faq-side-menu a{
        font-size: 15rem;
        line-height: 22rem;
        padding-left: 20rem;
    }
    .faq-side-menu a::before{
        width: 10rem;
    }
    .faq-answer-content{
        width: 100%;
    }
    .faq-answer-content .content-page-sub-title{
        margin-bottom: 30rem;
    }
    .faq-ansewr-list-content ul li{
        padding-top: 0;
        padding-bottom: 20rem;
        margin-bottom: 20rem;
    }
    .faq-ansewr-list-content ul li:last-of-type{
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .faq-text{
        padding-right: 30rem;
        font-size: 15rem;
        line-height: 28rem;
    }
    .ansewr-text{
        margin-top: 10rem;
        padding-right: 40rem;
    }
    .term-list li{
        width: calc((100% - 120rem) / 4);
        margin-right: 40rem;
        margin-bottom: 0;
    }
    .term-list li:nth-of-type(4n){
        margin-right: 0;
        margin-bottom: 0;
    }
    .term-list li:nth-of-type(n+5){
        margin-top: 20rem;
    }
    .faq-ansewr-list-content:nth-of-type(n+2){
        margin-top: 70rem;
    }
    .schedule-text{
        width: 330rem;
        margin-bottom: 50rem;
    }
    .schedule-content{
        width: 330rem;
        flex-direction: column;
    }
    .schedule-content #calendar{
        width: 330rem;
        margin: 0 auto;
    }
    .schedule-content img{
        width: 270rem;
        height: 260rem;
        margin: 35rem auto 0;
    }
    .schedule-title-text{
        width: 330rem;
        margin-bottom: 70rem;
    }
    .display-content > img, .display-content picture img{
        width: 100%;
        height: 275rem;
        margin: 0;
        object-fit: cover;
    }
    .display-content:nth-of-type(n+2){
        flex-direction: column;
    }
    .display-right{
        width: 330rem;
        margin: 70rem auto 0;
    }
    .display-right h4{
        text-align: center;
        margin-bottom: 0;
    }
    .display-right p{
        margin-top: 30rem;
        margin-bottom: 30rem;
    }
    .display-right p:last-of-type{
        margin-bottom: 0;
    }
    .display-right img{
        width: 330rem;
        height: auto;
        margin-bottom: 35rem;
    }
    .customer-content{
        width: 330rem;
        margin-bottom: 70rem;
    }
    .customer-content .content-page-sub-title{
        margin-bottom: 35rem;
    }
    .customer-content p{
        margin-bottom: 35rem;
    }
    .customer-content .contact-link-box{
        width: 330rem;
        padding: 35rem 15rem;
    }
    .contact-link-box p{
        font-size: 15rem;
    }
    .contact-link-box p.or{
        font-size: 12rem;
    }
    .price-list li{
        width: 330rem;
    }
    .bank-content{
        width: 330rem;
        height: auto;
        padding-top: 35rem;
        padding-bottom: 35rem;
    }
    .bank-content h4{
        margin-bottom: 20rem;
        line-height: 25rem;
    }
    .bank-content h5{
        font-size: 14rem;
    }
    .t-center{
        text-align: center;
    }
    #about .sub-content-title{
        margin-bottom: 35rem;
    }
    .about-table{
        width: 330rem;
        margin-top: 30rem;

    }
    .about-table tr{
        display: flex;
        flex-direction: column;
    }
    .about-table tr th{
        border: none;
        margin-bottom: 12rem;
    }
    .about-table tr td{
        padding-bottom: 15rem;
        margin-bottom: 15rem;
    }
    .about-table tr th, .about-table tr td{
        height: auto;
        text-align: center;
        width: 100%;
        display: block;
        font-family: var(--unnamed-font-family-ten-mincho-text);
        line-height: 24rem;
    }
    .about-table tr:last-of-type td{
        padding: 0;
        margin-bottom: 0;
    }
    .about-under-content{
        flex-direction: column;
        width: 330rem;
    }
    .about-under-content .about-right-cotent{
        width: 100%;
        margin-top: 35rem;
    }
    .about-right-cotent h4{
        text-align: center;
        margin-bottom: 30rem;
    }
    .about-under-content{
        margin-bottom: 70rem;
    }
    .sub-content-img-box{
        width: 100%;
        height: 202rem;
    }
    .sub-content-img-box > img{
        width: 247rem;
        height: 100%;
    }
    .about-img-right{
        width: calc(100% - 249rem);
    }
    .about-img-right img{
        height: 100rem;
    }
    .sub-content-text-box,
    .sub-content-text-box p{
        width: 330rem;
    }
    .access-content{
        width: 330rem;
        flex-direction: column-reverse;
    }
    .access-content img{
        width: 100%;
        height: auto;
    }
    .access-content h2{
        margin-bottom: 35rem;
        text-align: center;
    }
    .access-text-box{
        width: 330rem;
        margin-top: 40rem;
    }
    .access-text-box h4{
        text-align: center;
        margin-bottom: 28rem;
    }
    .access-content table tr{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 15rem;
    }
    .access-content table tr:last-of-type{
        margin-bottom: 0;
    }
    .access-text-box table{
        width: 100%;
    }
    .access-text-box th,
    .access-text-box td{
        width: 100%;
        height: 22rem;
        display: block;
        height: auto;
        text-align: center;
        font-family: var(--unnamed-font-family-ten-mincho-text);
        padding-bottom: 14rem;
    }
    .access-text-box tr:last-of-type td{
        padding-bottom: 0;
    }
    body main .m-160{
        margin-top: 70rem;
    }
    #pride .sub-content-title{
        margin-bottom: 35rem;
    }
    .about-under-content img{
        width: 330rem;
        height: auto;
    }
    .about-right-cotent h4{
        line-height: 30rem;
    }
    #pride .sub-content-img-box{
        margin-bottom: 35rem;
    }
    #pride .sub-content-text-box h4{
        margin-bottom: 30rem;
    }
    .about-right-cotent .logo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20rem;
    }
    .sub-title-content{
        padding: 35rem 0;
    }
    .faq-manu li a, .sub-anchor-menu li a{
        font-size: 18rem;
        line-height: 26rem;
    }
    .story-menu-box{
        width: 330rem;
    }
    .story-menu-box h4{
        text-align: center;
    }
    .story-menu-list{
        margin-top: 50rem;
    }
    .story-menu-list li{
        font-size: 15rem;
        letter-spacing: 1.5rem;
        font-family: var(--unnamed-font-family-ten-mincho-text);
    }
    .display-content{
        flex-direction: column;
    }
    #story .display-right{
        margin-top: 35rem;
    }
    #story .display-right img{
        margin-bottom: 0;
    }
    #story .sub-content-img-box{
        margin-bottom: 35rem;
    }
    #story .sub-content-text-box h4{
        margin-bottom: 30rem;
        text-align: center;
    }
    #story .sub-content-title{
        margin-bottom: 35rem;
    }

    .instagram__link a{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .instagram__link span{
        font-size: 14rem;
        font-family:  Roboto;
        color: var(--unnamed-color-333333);
        text-align: center;
    }
    .instagram__link img{
        width: 20rem;
        height: 20rem;
        margin-right: 5rem;
    }
    .instagram__posts ul{
        display: flex;
        flex-wrap: wrap;
        width: 315rem;
        margin: 35rem auto 0;
        justify-content: space-between;
    }
    .instagram__posts li,
    .instagram__posts li a,
    .instagram__posts li a img{
        width: 95rem;
        height: 95rem;
        display: block;
    }
    .instagram__posts li:nth-of-type(n+4){
        margin-top: 15rem;
    }
    .slick-slide{
    margin: 0 10rem;
    }
    .contact-top-text{
        width: 330rem;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-top-text .contact-link-box{
        padding: 35rem 15rem;
        margin-top: 50rem;
    }
    #contact form{
        width: 330rem;
    }
    .form-box dl{
        flex-direction: column;
        align-items: start;

    }
    .form-box dl input{
        width: 330rem;
        height: 50rem;
        margin-top: 10rem;
    }
    .cp_sl08 > li p{
        width: 330rem;
    }
    .open .cp_sl08_options{
        overflow-y: scroll;
    }
    .form-box dl textarea{
        width: 330rem;
        margin-top: 10rem;
    }
    .input-checkbox input{
        width: 50rem;
    }
    .block-contact-conf{
        width: 330rem;
    }
    .conf dl dd{
        width: 100%;
    }
    .box-button{
        flex-direction: column;
        align-items: center;
    }
    #contact .buttons{
        margin-right: 0;
        margin-top: 15rem;
    }
}