@charset "UTF-8";

/* tab------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1400px){

    .no_link {
        display: block;
        font-size: calc(11*(100vw/1400));
        font-family: Pragmatica,"游ゴシック体","Yu Gothic",YuGothic,sans-serif;
    }
        /* body{
        background-image: url(../img/pc_img/pc.jpg);
        background-repeat: no-repeat;
        position: relative;
        top: -95px;
        left: 0;
        width: 1400px;
        height: 100%;
        opacity: .5;
    } */
    .popup_box{
        display: none;
    }
    .key_img{
        width: calc(580*(100vw/1400));

        margin: auto;
    }
    .key_text{
        margin-top: calc(72*(100vw/1400));
        font-size: calc(16*(100vw/1400));
        line-height: 2.875;
        font-weight: 500;
        text-align: center;
        font-family: YuGothic,'Yu Gothic', sans-serif;
    }


    /* key_visual---------------------------------------------- */

    /* content01---------------------------------------------- */
    .ct01{
        margin-top: calc(70*(100vw/1400));
    }
    .ct_box{
        width: calc(1012*(100vw/1400));
        margin: auto;
        margin-top: calc(67*(100vw/1400));
    }
    .ct_inner{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        
    }
    .mt{
        margin-top: calc(10*(100vw/1400));
    }
    .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(330*(100vw/1400));
        position: relative;
        overflow: hidden;
    }

    .ct5,
    .ct10,
    .ct19,
    .ct24,
    .ct29,
    .ct31,
    .ct35,
    .ct42,
    .ct46,
    .ct53,
    .ct57
    {
        width: calc(670*(100vw/1400));
        position: relative;
        overflow: hidden;
    }
    .ct24{
        width: calc(670*(100vw/1400));
        margin-right: calc(13*(100vw/1400));
    }
    .ct11{
        margin-top: calc(40*(100vw/1400));
    }
    .ct15,
    .ct16{
        margin-top: calc(27*(100vw/1400));
    }
    .ct17{
        margin-top: calc(-148*(100vw/1400));
    }
    .ct34{
        width: calc(1010*(100vw/1400));
        margin-top: calc(31*(100vw/1400));
    }
    .ct45{
        margin-top: calc(-352*(100vw/1400)) !important;
    }
    .ct59,
    .ct48,
    .ct37,
    .ct30,
    .ct6
    {
        margin-top: calc(10*(100vw/1400));
    }
    .ct01_tax_box{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    .ct01_head{
        font-weight: 500;
        text-align: center;
        margin-top: calc(22*(100vw/1400));
    }
    .ct02_head{
        font-size: calc(62*(100vw/1400));
        text-align: left;
        margin-right: calc(100*(100vw/1400));
        margin-top: calc(34*(100vw/1400));
    }
    .box{
        position: relative;
    }
    .ct03_head{
        position: absolute;
        top: calc(149*(100vw/1400));
        right: calc(-320*(100vw/1400));
        font-size: calc(85*(100vw/1400));
        text-align: left;
    }
    .ct04_head{
        position: relative;
        z-index: 1;
        font-size: calc(52*(100vw/1400));
        text-align: left;
        margin-left: calc(10*(100vw/1400));
        margin-top: calc(-32    *(100vw/1400));
    }
    .ct06_head{
        font-size: calc(85*(100vw/1400));
        position: relative;
        text-align: right;
        top: calc(-221*(100vw/1400));
        left: calc(71*(100vw/1400));
        margin-right: calc(255*(100vw/1400));
    }
    .ct07_head{
        text-align: left;
        font-size: calc(62*(100vw/1400));
        margin-top: calc(30*(100vw/1400));
    }

    .mt2{
        margin-top: calc(-157*(100vw/1400));
    }
    .ct43,.ct44{
        margin-top: calc(-178*(100vw/1400));
    }
    .ct:hover .ct01_tax_box{
        opacity: 1;
    }
    .left_up{
        margin-top: calc(10*(100vw/1400));
    }
    .video01{
        width: calc(330*(100vw/1400));
    }
    .video02{
        width: calc(1010*(100vw/1400));
    }
/* content01---------------------------------------------- */
.ct01_tax_box{
    position:absolute;
    z-index: 10;
    top:50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0;	
    -webkit-transition:	all 0.2s ease;
    transition:	all 0.2s ease;
}
.ct01_tax{
    position: relative;
    display: inline-block;
}
.ct:hover picture{
    opacity: 0.6;
}

    .tax_display{
        opacity: 1;
        z-index: 1;
        cursor: pointer;
    }
    .ct01_tax_box_btm{
        margin-top: calc(40*(100vw/1400));
    }
    .ct{
        cursor: pointer;
    }
    .ct01_tax{
        text-transform:uppercase;
    }
    .ct01_tax_box_btm .ct01_tax{
        text-align: left;
        display: block;
    }
    .js-modal{
        display: none;
    }
    /* foot------------------------------------------------ */
    .foot{
        margin-bottom: calc(100*(100vw/1400));
    }
    .foot_head{
        position: relative;
        width: calc(424*(100vw/1400));
        margin: auto;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        font-size: calc(34*(100vw/1400));
        text-align: center;
        margin-top: calc(157*(100vw/1400));
    }
    .foot_head::before{
        content: "";
        position: absolute;
        z-index: -1;
        top: calc(-2*(100vw/1400));
        left:0;
        width: calc(431*(100vw/1400));
        height: calc(41*(100vw/1400));
        background-color: #fff;
    }
    .bg{
        position: relative;
    }
    .bg::before{
        content: "";
        position: absolute;
        z-index: -10;
        top: calc(-14*(100vw/1400));
        left: calc(-90*(100vw/1400));
        height: calc(1*(100vw/1400));
        width: calc(1400*(100vw/1400));
        background-color: #000;
    }
    .foot_nav{
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        width: calc(490*(100vw/1400));
        margin: auto;
    }
    .foot_top{
        justify-content: center;
        display: flex;
        margin-top: calc(51*(100vw/1400));
    }   
    .foot_top li{
        position: relative;
        padding-right: calc(70*(100vw/1400)) ;
    }
    .foot_top li::before{
        content: "";
        position: absolute;
        top: calc(5*(100vw/1400));
        left: calc(80*(100vw/1400));
        background-color: #000;
        width: calc(1*(100vw/1400));
        height: calc(15*(100vw/1400));
    }
    .foot_top li:last-of-type::before{
        content: "";
        display: none;
    }
    .foot_top li:last-of-type{
        padding-right: 0;
    }
    .foot_btm{
        justify-content: center;
        display: flex;
        margin-top: -25px;
    }
    .foot_btm li{
        position: relative;
        margin-top: calc(55*(100vw/1400));
        padding-right: calc(70*(100vw/1400));
    }
    .foot_btm li::before{
        content: "";
        position: absolute;
        top: calc(5*(100vw/1400));
        left: calc(60*(100vw/1400));
        background-color: #000;
        width: calc(1*(100vw/1400));
        height: calc(15*(100vw/1400));
    }
    .foot_btm li:nth-of-type(2)::before{
        content: "";
        position: absolute;
        left: calc(80*(100vw/1400));
        background-color: #000;
        width: calc(1*(100vw/1400));
        height: calc(15*(100vw/1400));
    }
    .foot_top li:nth-of-type(2)::before{
        left: calc(70*(100vw/1400));

    }
    .foot_top li:nth-of-type(3)::before{
        content: "";
        position: absolute;
        top: 0;
        left: calc(98*(100vw/1400));
        background-color: #000;
        width: calc(1*(100vw/1400));
        height: calc(15*(100vw/1400));
    }
    .foot_btm li:last-of-type::before{
        content: "";
        display: none;
    }
    .foot_btm li:last-of-type{
        padding-right: 0;
}

    .all{
        display: block;     
        border: #000 solid 1px;
        width: calc(400*(100vw/1400));
        margin: auto;
        margin-top: calc(65*(100vw/1400));
        font-size: calc(18*(100vw/1400));
        line-height: calc(60*(100vw/1400));
        height: calc(60*(100vw/1400));
        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(20*(100vw/1400));
    }
    /* foot------------------------------------------------ */
}
/* tab------------------------------------------------------- */