/* �곗뒪�ы깙 �묒� �댁긽�� */
@media screen and (max-width: 1249px){
    html, body{
        font-size: 14px;
    }
}

/* �곗뒪�ы깙 �묒� �댁긽�� */
@media screen and (max-width: 1149px){
    html, body{
        font-size: 12px;
    }
}

/* ��釉붾젢, 紐⑤컮�� */
@media screen and (max-width:1024px) {
    .only-pc{
        display: none;
    }
    
    .only-mb{
        display: block;
    }
    
    header{
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }

    header .header__inner{
        height: 7.5rem;
    }

    header .header__inner > .header__logo{
        width: 11.907rem;
        height: 1.875rem;
    }

    header .header__inner > .header__btn{
        display: block;
        width: 12.5rem;
        height: 3.75rem;
        border-radius: 1.875rem;
    }

    header .header__inner > .header__btns{
        display: none;
    }

    header .header__inner > .header__btn > span{
        background-size: 0.9rem auto;
        background-position: left bottom 4px;
        font-size: 1.5rem;
        line-height: 3.75rem;
    }

    [class*="text-wrapper-"], .inner{
        padding-left: 3.125rem;
        padding-right: 3.125rem;
        box-sizing: border-box;
    }

    section#type01 .main-btns{
        display: none;
    }

    section#type01 .text-wrapper-01 > .common-btn-01{
        display: inline-block;
    }

    .text-wrapper-02 > h3{
        font-size: 2.5rem;
        line-height: 3.75rem;
    }

    .text-wrapper-02 > h4{
        margin-top: 2.5rem;
    }

    .text-wrapper-02 > h4, .text-wrapper-02 > h4 > p{
        font-size: 3.625rem;
        line-height: 4.875rem;
    }

    .text-wrapper-02 > p{
        margin-top: 4.75rem;
    }

    .mask-image-wrapper > div{
        width: calc((100vw - 30rem) / 2);
    }

    section#type01{
        height: 100vh;
        padding-top: 36.813rem;
    }

    section#type01 .text-wrapper-01 dd{
        font-size: 1.875rem;
        line-height: 3.125rem;
    }

    section#type01 .text-wrapper-01 dt{
        margin-top: 1.938rem;
    }
    
    section#type01 .btn01{
        margin-top: 5.563rem;
        width: 17.5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.625rem;
    }

    section#type02{
        background-image: url(https://binishop.iwinv.net/sample/onepage/img/sec02_bg_m.jpg);
        height: 97.5rem;
        padding-top: 9.375rem;
        background-size: cover;
    }

    section#type02 .text-wrapper-02 > p{
        font-size: 1.875rem;
        line-height: 3.125rem;
    }

    section#type03 .text-wrapper-02 > p{
        margin-top: 4.375rem;
    }

    section#type03 .swiper-container{
        padding-bottom: calc(9.375rem + 10px);
    }

    section#type03 .swiper-container .swiper-pagination-bullet{
        width: 1.5rem;
        height: 1.5rem;
    }

    section#type03 .swiper-slide{
        width: 37.5rem;
        flex-wrap: wrap;
        flex-direction: column;
        margin-right: 3.125rem;
        align-items: start;
    }

    section#type03 .swiper-slide .slide__text{
        margin: 6.25rem 0 0 0;
        padding-left: 0;
    }

    section#type03 .swiper-slide .slide__text > dt{
        font-size: 3rem;
        line-height: 4.25rem;
        padding-top: 0;
        background-image: none !important;
    }

    section#type04{
        padding-top: 9.5rem;
        padding-bottom: 15.625rem;
    }

    section#type04 .info-wrapper{
        padding-top: 9.375rem;
    }

    section#type04 .info-wrapper > li{
        width: 100%;
    }

    section#type04 .info-wrapper .info__text{
        font-size: 3rem;
        line-height: 4.25rem;
    }

    section#type04 .info-wrapper .info__img{
        margin-top: 4.188rem;
    }

    section#type04 .info-wrapper > li:nth-child(2){
        margin-top: 9.375rem;
    }

    section#type04 .info-wrapper > li:nth-child(n+3):nth-child(odd){
        margin-top: 9.375rem;
    }

    section#type04 .info-wrapper > li > a > .info__text:after{
        width: 5rem;
        height: 5rem;
        background-size: 1.625rem auto;
    }

    section#type05{
        padding-top: 9.5rem;
    }

    section#type05 > .inner{
        width: 100%;
        padding-left: 3.125rem;
        box-sizing: border-box;
    }

    section#type05 .bg{
        height: 71.875rem;
    }

    section#type05 .title-wrapper{
        float: none;
        font-size: 2.5rem;
    }

    section#type05 .content-wrapper{
        float: none;
        margin-top: 3.313rem;
        width: 100%;
    }

    section#type05 .content-wrapper .content__text{
        padding-right: 3.125rem;
        float: right;
    }

    section#type05 .content-wrapper .content__text dt{
        font-size: 2.25rem;
        line-height: 3.5rem;
    }

    section#type05 .content-wrapper .content__text dd{
        font-size: 1.625rem;
        line-height: 2.875rem;
    }

    section#type05 .content-wrapper .content__text > li{
        width: auto;
    }

    section#type05 .content-wrapper .content__text > li:nth-child(even){
        padding-left: 5.5rem;
    }

    section#type05 .content-wrapper .content__text > li:nth-child(n+3){
        margin-top: 8.875rem;
    }

    section#type06{
        padding-top: 15.625rem;
    }

    section#type06 .text-wrapper-02 > p{
        margin-top: 7.873rem;
    }

    section#type06 .content-wrapper{
        margin-top: 9.366rem;
        display: block;
    }

    section#type06 .info-wrapper.pc{
        display: none;
    } 

    section#type06 .info-wrapper.mb{
        display: block;
        margin-top: 9.366rem;
    }   
    
    section#type06 .info-wrapper.mb .info__title{
        margin-top: 11.242rem;
        font-size: 2.5rem;
        line-height: 3.75rem;
    }

    section#type06 .info-wrapper.mb .info__image-01{
        width: 100%;
    }    

    section#type06 .info-wrapper.mb .info__image-01 img{
        width: 100%;
    }

    section#type06 .info-wrapper.mb .info__image-02{
        width: 25rem;
        margin-top: 5rem;
    }

    section#type06 .info-wrapper.mb .info__image-02 img{
        width: 100%;
    }

    section#type06 .info-wrapper.mb .info__list{
        position: relative;
        background: url(https://binishop.iwinv.net/sample/onepage/img/sec06_text.jpg) no-repeat left top;
        background-size: 6.063rem auto;
        padding-left: 16.875rem;
        margin-top: 9rem;
    }

    section#type06 .info-wrapper.mb .info__list:before{
        position: absolute;
        content: "";
        display: block;
        width: 0.125rem;
        height: 99%;
        background: #ccc;
        left: 2.675rem;
        top: 0;
        z-index: -1;
    }    

    section#type06 .info-wrapper.mb .info__list > li + li{
        margin-top: 9.367rem;
    }

    section#type06 .info-wrapper.mb .info__list dt{
        font-size: 2.5rem;
        line-height: 3.75rem;
        font-weight: 600;
        letter-spacing: -0.1rem;
    }

    section#type06 .info-wrapper.mb .info__list dd{
        margin-top: 3.75rem;
        font-size: 1.875rem;
        line-height: 3.125rem;
        letter-spacing: -0.075rem;
    }

    section#type07{
        padding-top: 17.063em;
        padding-bottom: 15.625rem;
    }

    section#type07 > .inner{
        padding-left: 0;
        padding-right: 0;
    }

    section#type07 .mask-image-wrapper{
        height: 31.25rem;
    }

    section#type07 .arrow-wrapper{
        margin-top: 9.375rem;
        margin-bottom: 10rem;
    }

    section#type07 .swiper-slide{
        flex-wrap: wrap;
        flex-direction: column;
    }

    section#type07 .swiper__text--fix{
        display: none;  
    }

    section#type07 .slide__text{
        width: 100%;
        padding-left: 3.125rem;
        padding-right: 3.125rem;
        box-sizing: border-box;
        order: 2;
        padding-bottom: 0;
    }

    section#type07 .slide__image{
        width: 100%;
        height: 53.188rem;
        order: 1;
    }

    section#type07 .slide__image .bg{
        left: -3.125rem;
        height: 31.25rem;
    }

    section#type07 .slide__text dt{
        font-size: 3rem;
        line-height: 4.25rem;
    }

    section#type07 .slide__text dt + dd{
        margin-top: 3.125rem;
    }

    section#type07 .swiper-button-next, 
    section#type07 .swiper-button-prev{
        width: 5rem;
        height: 5rem;
        background-size: 1.25rem auto;
        top: 56.813rem;
        bottom: auto;
    }

    section#type07 .swiper-button-prev{
        right: 9.375rem;
        left: auto;
    }

    section#type07 .swiper-button-next{
        left: auto;
        right: 3.125rem;   
    }

    section#type08{
        padding-top: 6.875rem;
        background-image: url(https://binishop.iwinv.net/sample/onepage/img/sec08_bg_m.png);
        background-size: cover;
        background-position: bottom center;
    }

    section#type08 .btn01{
        margin-top: 3.25rem;
        width: 17.5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.625rem;
    }

    section#type08 .main-btns{
        display: none;
    }

    section#type08 .inner > .common-btn-01{
        display: inline-block;
    }

    footer{
        flex-wrap: wrap;
        flex-direction: column;
        padding: 6.875rem 3.156rem 9.438rem 3.156rem;
    }

    footer .footer__info{
        padding-top: 14.313rem;
        background-position: left top 4.25rem;
        order: 2;
        padding-left: 0;
    }

    footer .footer__link{
        padding-bottom: 5rem;
        border-bottom: 1px solid #eee;
        order: 1;
    }

    footer .footer__family > dt{
        width: 100%;
    }

    footer .footer__site{
        justify-content: start;
        margin-top: 5rem;
    }

    footer .footer__site > li + li{
        margin-left: 1.25rem;
    }

    footer .footer__site > li > a{
        width: 6.25rem;
        height: 6.25rem;
    }

    footer .footer__site > li:nth-child(1) > a{
        background-size: 1.316rem auto;
    }
    
    footer .footer__site > li:nth-child(2) > a{
        background-size: 2.45rem auto;
    }
    
    footer .footer__site > li:nth-child(3) > a{
        background-size: 2.78rem auto;
    }
    
    footer .footer__site > li:nth-child(4) > a{
        background-size: 2.45rem auto;
    }    


}

@media screen and (max-width: 767px){
    html, body{
        font-size: 10px;
    }
}

@media screen and (max-width: 480px){
    html, body{
        font-size: 8px;
    }
}

@media screen and (max-width: 360px){
    html, body{
        font-size: 6px;
    }
}