@charset "UTF-8";

/* sp------------------------------------------------------- */
@media screen and (max-width: 768px) {
    /* body{
        background-image: url(../img/sp_img/sp.jpg);
        background-repeat: no-repeat;
        position: relative;
        top: -244px;
        left: 0;
        background-size: 100%;
        opacity: .5;
    } */
    .ct01_tax_box{
        display: none;
    }
    
    .mdl-open {
        cursor: pointer;
    }

    .no_link {
        font-size: calc(20 * .13333vw);
        font-family: Pragmatica,"游ゴシック体","Yu Gothic",YuGothic,sans-serif;
    }

    /* key_visual---------------------------------------------- */
    .key_img{
        width: calc(750*(100vw/750));
        margin: auto;
    }
    .key_text{
        margin-top: calc(92 *(100vw/750));
        font-size: calc(24*(100vw/750));
        line-height: 2.33;
        letter-spacing:0em;
        font-weight: 500;
        text-align: center;
        font-family: YuGothic,'Yu Gothic', sans-serif;
    }
    /* key_visual---------------------------------------------- */
    
    /* content01---------------------------------------------- */
    .ct01{
        margin-top: calc(163*(100vw/750));
    }
    .ct_inner{
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ct1,
    .ct2,
    .ct3,
    .ct4,
    .ct6,
    .ct7,
    .ct8,
    .ct9,
    .ct11,
    .ct12,
    .ct13,
    .ct14,
    .ct15,
    .ct16,
    .ct17,
    .ct18,
    .ct20,
    .ct21,
    .ct22,
    .ct23,
    .ct25,
    .ct26,
    .ct27,
    .ct28,
    .ct30,
    .ct32,
    .ct33,
    .ct36,
    .ct37,
    .ct38,
    .ct39,
    .ct40,
    .ct41,
    .ct43,
    .ct44,
    .ct45,
    .ct47,
    .ct48,
    .ct49,
    .ct50,
    .ct51,
    .ct52,
    .ct54,
    .ct55,
    .ct56,
    .ct58,
    .ct59,
    .ct60,
    .ct61,
    .ct62
    {
        width: calc(246*(100vw/750));
        position: relative;
        overflow: hidden;
    }
    .ct5,
    .ct10,
    .ct19,
    .ct24,
    .ct29,
    .ct31,
    .ct35,
    .ct42,
    .ct46,
    .ct53,
    .ct57
    {
        width: calc(498*(100vw/750));
        position: relative;
        overflow: hidden;
    }
    .ct15,.ct16{
        margin-top: calc(20*(100vw/750)) !important;
    }
    .ct17{
        margin-top: calc(-108*(100vw/750)) !important;
    }
    .ct24{
        margin-right: calc(100*(100vw/750));
    }
    .ct43, .ct44{
        margin-top: calc(11*(100vw/750));
    }
    .ct45{
        margin-top: calc(-119*(100vw/750));
    }
    .mt{
        margin-top: calc(5*(100vw/750));
    }
    .ct48,
    .ct37
    {
        margin-top: calc(5*(100vw/750));
    }
    .ct30,
    .ct59,
    .ct6{
        margin-top: calc(5*(100vw/750));
    }
    .ct11{
        margin-top: calc(15*(100vw/750));
    }
    .left_up{
        margin-top: calc(5*(100vw/750));
    }
    .video01{
        width: calc(246*(100vw/750));
    }
    .video02{
        width: calc(750*(100vw/750));
    }
    .video03{
        max-width: calc(420*(100vw/750));
        margin: auto;
    }
    /* content01---------------------------------------------- */
    .ct01_head{
        font-weight: 500;
        text-align: center;
        margin-top: calc(12*(100vw/750));
        font-size: calc(52*(100vw/750));
    }
        .ct02_head {
            font-size: calc(46*(100vw/750));
            text-align: left;
            line-height: 1;
            margin-right: calc(50*(100vw/750));
            margin-top: calc(22*(100vw/750));
            margin-left: calc(8*(100vw/750));
    }
    .box{
        position: relative;
    }
    .ct03_head{
        position: absolute;
        z-index: 1;
        font-size: calc(70*(100vw/750));
        line-height: 1;
        top: calc(73*(100vw/750));
        right: calc(-138*(100vw/750));
        text-align: left;
    }
    .ct04_head{
        position: relative;
        top: calc(-28*(100vw/750));
        left: calc(5*(100vw/750));
        text-align: left;
        font-size: calc(50*(100vw/750));
        line-height: 1;
    }
    .ct06_head{
        position: relative;
        top: calc(-8*(100vw/750));
        left: calc(30*(100vw/750));
        text-align: right;
        font-size: calc(70*(100vw/750));
        line-height: 1 ;
        margin-right: calc(200*(100vw/750));
        margin-top: calc(-157*(100vw/750));
    }
    .ct07_head{
        position: relative;
        z-index: 1;
        top: calc(0*(100vw/750));
        margin-top: calc(19*(100vw/750));
        margin-left: calc(-20*(100vw/750));
        left: calc(26*(100vw/750));
        font-size: calc(50*(100vw/750));
        line-height: 1;
        text-align: left;
    }
    .ct01_tax_box_btm{
        margin-top: calc(32*(100vw/750));
        margin-left: calc(20*(100vw/750));
    }
    /* pop_up---------------------------------------------- */
    body.fixed {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
    }
    .js-modal{
        display: none;
        overflow-y: auto;
        height: 100vh;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 10;
    }
    .modal__bg{
        background: #fff;
        height: 100vh;
        position: absolute;
        width: 100%;
    }
    .modal__content{
        margin-top: calc(220*(100vw/750));
        position: absolute;
        height: 100vh;
        z-index: 10;
        width: 100%;
    }
    .slide_content{
        display: none;
    }
    .js-modal-close{
        font-size: calc(30*(100vw/750));
        letter-spacing: 0.025em;
        margin-right: calc(50*(100vw/750));
        margin-bottom: calc(50*(100vw/750));
        text-align: right;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
    }
    .pop_up_img{
        width: calc(600*(100vw/750));
        margin: auto;
    }
    .taxlist{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: calc(700*(100vw/750));
        margin: auto;
        margin-top: calc(175*(100vw/750));
    }
    .pop_up_tax{
        font-size: calc(20*(100vw/750));
        padding-right: calc(20*(100vw/750));
        letter-spacing: 0.025em;
        line-height: 2.2;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;

    }
    /* pop_up---------------------------------------------- */
    /* カルーセル矢印 */
    
    .slick-arrow:before{
        content:""!important;
        width: 100%!important;
        height: 100%!important;
        position: absolute;
        top: calc(190*(100vw/750));
        left: 0;
    }
    .slick-arrow.slick-prev {
        left: calc(20*(100vw/750)) !important;
    }
    .slick-arrow.slick-next{
        right: calc(20*(100vw/750)) !important;
    }
    .slick-next:before{
        background-image: url(../img/pop_up/right.svg)!important;
        background-repeat: no-repeat;
        background-size: contain!important;
        margin-top: calc(140*(100vw/750));
    }
    
    .slick-prev:before{
        background-image: url(../img/pop_up/left.svg)!important;
        background-repeat: no-repeat;
        background-size: contain!important;
        margin-top: calc(140*(100vw/750));
    }
    .slick-arrow{
        display: inline-block !important;
        z-index:2!important;
        width: calc(115*(100vw/750))!important;
        height: calc(16*(100vw/750)) !important;
    }
    
    .slick-next{
        right:-30px!important;
    }
    
    .slick-prev{
        left:-30px!important;
    }
    .slick-arrow::before, .slick-arrow::after{
        background-color: transparent;
        -webkit-transform: rotate(0deg) !important; 
        transform: rotate(0deg) !important;
    }
    /* カルーセル矢印 */
    
    /* sp------------------------------------------------------- */
    #modal05 .taxlist,
    #modal40 .taxlist
    {
        width: calc(590*(100vw/750));
    }
    #modal08 .taxlist,
    #modal33 .taxlist,
    #modal47 .taxlist,
    #modal57 .taxlist
    {
        width: calc(680*(100vw/750));
    }
    #modal22 .taxlist{
        width: calc(630*(100vw/750));
    }
    #modal36 .taxlist,
    #modal53 .taxlist{
        width: calc(620*(100vw/750));
    }
    #modal38 .taxlist{
        width: calc(650*(100vw/750));
    }
    #modal38 .taxlist{
        width: calc(600*(100vw/750));
    }
    #modal44 .taxlist{
        width: calc(600*(100vw/750));
    }
    #modal24 .pop_up_img{
        width: calc(650*(100vw/750));
        margin-top: calc(172*(100vw/750));
    }
    #modal24 .taxlist{
        margin-top: calc(225*(100vw/750));
    }

/* foot---------------------------------------------------------------------- */
.foot{
    margin-bottom: calc(155*(100vw/750));
}
    .foot_head{
        font-family: 'Oswald', sans-serif;
        
        font-size: calc(52*(100vw/750));
        text-align: center;
        margin-top: calc(154*(100vw/750));
    }
    .foot_nav{
        text-transform: uppercase;
    }
    .foot_top{
        margin-top: calc(52*(100vw/750));
        justify-content: center;
        display: flex;
    }
    .foot_top li{
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        position: relative;
        padding-right: calc(100*(100vw/750));
        font-size: calc(26*(100vw/750));
    }
    .foot_top li::before{
        content: "";
        position: absolute;
        top: 0;
        left: calc(115*(100vw/750));
        background-color: #000;
        width: calc(1*(100vw/750));
        height: calc(25*(100vw/750));
    }
    .foot_top li:nth-of-type(2)::before{
        left: calc(102*(100vw/750));

    }
    .foot_top li:nth-of-type(3)::before{
        left: calc(147*(100vw/750));

    }
    .foot_top li:last-of-type::before{
        content: "";
        display: none;
    }
    .foot_top li:last-of-type{
        padding-right: calc(0*(100vw/750));
    }
    .foot_btm{
        margin-top: calc(52*(100vw/750));
        justify-content: center;
        display: flex;
    }
    .foot_btm li{
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        position: relative;
        padding-right: calc(100*(100vw/750));
        font-size: calc(26*(100vw/750));
    }
    .foot_btm li::before{
        content: "";
        position: absolute;
        top: 0;
        left: calc(90*(100vw/750));
        background-color: #000;
        width: calc(1*(100vw/750));
        height: calc(25*(100vw/750));
    }
    .foot_btm li:nth-of-type(2)::before{
        left: calc(116*(100vw/750));
    }
    .foot_btm li:last-of-type::before{
        content: "";
        display: none;
    }
    .foot_btm li:last-of-type{
        padding-right: calc(0*(100vw/750));
}

    .all{
        display: block;
        border: #000 solid 1px;
        width: calc(450*(100vw/750));
        margin: auto;
        margin-top: calc(81*(100vw/750));
        font-size: calc(24*(100vw/750));
        line-height: calc(100*(100vw/750));
        height: calc(100*(100vw/750));
        letter-spacing:0.08em;
        font-weight: 500;
        text-align: center;
        font-family: YuGothic,'Yu Gothic', sans-serif;
    }
    .all:nth-of-type(2){
        margin-top: calc(30*(100vw/750));
    }
/* foot---------------------------------------------------------------------- */

}