@charset "UTF-8";

#contentsAll .scrollFade {opacity: 0; transition: all 2s;}
#contentsAll .scrollFade.done {opacity : 1;}
#contentsAll .loadFade {opacity : 0; transition : all 2s;}
#contentsAll .loadFade.done {opacity : 1;}


/* <------------slider----------> */
#contentsAll .slick-dots li.slick-active button:before {background-color: #6A867A;content: "";}
#contentsAll .slick-dots li button:before {background-color: #C3CFCA;content: "";opacity: 1 !important;}

/* <------------slider_2----------> */
#contentsAll .slider-sec li.slick-active button:before {background-color: #fff;border: 1px solid #BFBFBF;content: "";}
#contentsAll .slider-sec li.slick-active:nth-child(2) button:before {background-color: #666;border: 1px solid #BFBFBF;content: "";}
#contentsAll .slider-sec li button:before {background-color: #fff;border: 1px solid #fff; content: "";opacity: 1 !important;}
#contentsAll .slider-sec li:nth-child(2) button:before {background-color:#666;border: 1px solid #666;content: "";opacity: 1 !important;}

#contentsAll .yuGothic{
    font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
    font-weight: 400;
    font-style: normal;
}

#contentsAll .futuraFont{
    font-family: futura-pt,sans-serif;
    font-weight: 400;
    font-style: normal;
}




/*************************************SP****************************************/
@media screen and ( max-width:750px ){

    /* #contentsAll {background-position-y: -120px;background-image: url(../img/sp.jpg);background-size: 100%;max-width: 120rem;margin: 0 auto;}
    #contentsAll{opacity: .6;} */

    /* <------------slider----------> */

    #contentsAll .slick-dots li.slick-active button:before {width: calc(101 *(100vw /750));height: calc(11 *(100vw /750));}
    #contentsAll .slick-dots li button:before {width: calc(101 *(100vw /750));height: calc(11 *(100vw /750));}
    #contentsAll .slick-dots li {width: calc(101 *(100vw /750)) !important;height: calc(11 *(100vw /750)) !important;margin: calc(25 *(100vw /750)) calc(20 *(100vw /750)) 0 0 !important;}
    #contentsAll .slick-dots {left: 0 !important;bottom: calc(31 *(100vw /750)) !important;}


    /* <------------slider_2----------> */

    #contentsAll .slider-sec li.slick-active button:before {width: calc(16 *(100vw /750));height: calc(16 *(100vw /750));}
    #contentsAll .slider-sec li button:before {width: calc(16 *(100vw /750));height: calc(16 *(100vw /750));}
    #contentsAll .slider-sec .slick-dots li {width: calc(32 *(100vw /750)) !important;height: calc(11 *(100vw /750)) !important;margin: calc(20 *(100vw /750)) 0 0 0 !important;}
    #contentsAll .slick-dots-sec {left: 0 !important;bottom: calc(31 *(100vw /750)) !important;}


/* 
============================contentsAll================================ 
*/

#contentsAll{
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}
#contentsAll img{
    width: 100%;
}
#contentsAll .pcOnly{
    display: none;
}


/* 
============================mainvisual================================ 
*/

#contentsAll .mainArea{
    width: calc(750 *(100vw /750));
}

#contentsAll p.mian_text{
    text-align: center;
    font-size: calc(28 *(100vw /750));
    line-height: 1.857;
    letter-spacing: .001em;
    margin: calc(120 *(100vw /750)) 0 calc(70 *(100vw /750));
    color: #333;
}

/* 
============================itemArea================================ 
*/

#contentsAll .itemArea{
    position: relative;
}

#contentsAll .flex_item{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#contentsAll .itemArea .flex-item1,
#contentsAll .itemArea .flex-item2{
    width: calc(270 *(100vw /750));
    height: calc(360 *(100vw /750));
}

#contentsAll .itemArea .flex-item1 img,
#contentsAll .itemArea .flex-item2 img{
    display: inline-block;
    width: calc(270 *(100vw /750));
    height: calc(360 *(100vw /750));
    margin-top: calc(20 *(100vw /750));
}

#contentsAll .itemArea .flex-item3 img,
#contentsAll .itemArea .flex-item4 img{
    display: inline-block;
    width: calc(270 *(100vw /750));
    height: calc(360 *(100vw /750));
}

#contentsAll .flex-item3,
#contentsAll .flex-item4 {
    margin-top: calc(170 *(100vw /750));
}

#contentsAll .item_textArea{
    text-align: center;
    margin-top: calc(54 *(100vw /750));
    color: #333;

}

#contentsAll .item_text,
#contentsAll .item_text2{
    font-size: calc(28 *(100vw /750));
    letter-spacing: .001em;
    color: #333;
}

#contentsAll .arrows_text{
    margin-top: calc(40 *(100vw /750));
}

#contentsAll .item_text2{
    margin-top: calc(35 *(100vw /750));
    padding-bottom: calc(70 *(100vw /750));
}

#contentsAll .arrow_item{
    width: calc(60 *(100vw /750));
    height: calc(20 *(100vw /750));
    margin-right: 1rem;
    vertical-align: middle;
}

#contentsAll .arrow_tax{
    font-size: calc(32 *(100vw /750));
    font-weight: bold;
    letter-spacing: .001em;
    color: #B4272D;
}

#contentsAll span.arrow_tax{
	vertical-align: middle;
}

#contentsAll .item_bgImg::after{
    content: "";
    display: block;
    width: 100%;
    height: calc(1175 *(100vw /750));
    background: #F2F2F2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

#contentsAll .itemArea .icon_plus{
    position: relative;
}

#contentsAll .itemArea .icon__mark::before{
    content: '';
    display: inline-block;
    width: calc(50 *(100vw /750));
    height: calc(50 *(100vw /750));
    background-image: url(../img/plus_sp.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: calc(476 *(100vw /750));
    left: calc(350 *(100vw /750));
}


/* 
============================contents1================================ 
*/

#contentsAll .contents1{
    margin: 0 auto;
}

#contentsAll .c1ImgArea img {
    margin: calc(100 *(100vw /750)) auto 0;
    width: calc(620 *(100vw /750));
    height: calc(775 *(100vw /750));
}

#contentsAll .c1_taxArea{
    text-align: center;
    font-size: calc(22 *(100vw /750));
    letter-spacing: .025em;
    margin-top: calc(50 *(100vw /750));
    color: #333;
}


/* 
============================contents2================================ 
*/

#contentsAll .contents2{
    position: relative;
    height: calc(1527 *(100vw /750));
}

.c2_flexArea{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: calc(150 *(100vw /750));
}

#contentsAll .c2_box1{
    margin-top: 0;
}

#contentsAll .c2_text {
    font-size: calc(28 *(100vw /750));
    margin: calc(50 *(100vw /750)) 0;
    line-height: 1.857;
    letter-spacing: .001em;
    text-align: center;
    color: #333;
}

#contentsAll .c2_box1{
    order: 2;
}

#contentsAll .c2_box1 img{
    width: calc(520 *(100vw /750));
    height: calc(520 *(100vw /750));
    margin-bottom: calc(86 *(100vw /750));    
}

#contentsAll .c2_box2{
    order: 1;
}

#contentsAll .c2_box2 img{
    width: calc(560 *(100vw /750));
    height: calc(700 *(100vw /750));
    margin-left: calc(190 *(100vw /750));
}

#contentsAll .title1Img{
    width: calc(277.5 *(100vw /750));
    height: calc(72 *(100vw /750));
    position: absolute;
    top: calc(1466 *(100vw /750));
    bottom: 0;
    right: calc(60 *(100vw /750));
}

#contentsAll .c2_boder_Bg::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(150 *(100vw /750));
    left: calc(30 *(100vw /750));
    width: calc(690 *(100vw /750));
    height: calc(1353 *(100vw /750));
    border: 1px solid #6A867A;
    z-index: -999;
}

/* 
============================contents3================================ 
*/

#contentsAll .contents3{
    position: relative;
    height: calc(1162 *(100vw /750));
    margin-top: calc(180 *(100vw/750));
}

#contentsAll p.c3_textArea{
    font-size: calc(28 *(100vw /750));
    line-height: 1.857;
    letter-spacing: .001em;
    text-align: center;
    color: #333;
}

#contentsAll .c3_ImgArea{
    width: calc(720 *(100vw /750));
    height: calc(900 *(100vw /750));
    margin: calc(50 *(100vw /750)) auto 0;
}

#contentsAll .c3_boder_Bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc(55 *(100vw /750));
    width: calc(640 *(100vw /750));
    height: calc(1172 *(100vw /750));
    border: 1px solid #6A867A;
    z-index: -999;
}

#contentsAll .title2Img{
    width: calc(270 *(100vw /750));
    height: calc(72 *(100vw /750));
    position:initial;
    margin: 0 auto;
}

#contentsAll .title2Img img{
    margin-top: -1.5rem;
}

/* 
============================contents4================================ 
*/

#contentsAll .contents4{
    margin-top: calc(150 *(100vw /750));
}

#contentsAll .c4_flexArea{
    display: block;
    justify-content: center;
}

#contentsAll .c4_box1{
    width: calc(560 *(100vw /750));
    height: calc(700 *(100vw /750));
    margin: 0 auto;
}

#contentsAll .c4_box2 {
    width: calc(460 *(100vw /750));
    height: calc(575 *(100vw /750));
    margin: calc(30 *(100vw /750)) auto 0;
}

#contentsAll .c4_text{
    font-size: calc(28 *(100vw /750));
    line-height: 1.857;
    letter-spacing: .001em;
    text-align: center;
    margin-top: calc(50 *(100vw /750));
    color: #333;
}

/* 
============================contents5================================ 
*/

#contentsAll .contents5{
    margin-top: calc(150 *(100vw /750));
}

#contentsAll .c5_flexArea {
    display: flex;
    justify-content: center;
}

#contentsAll .c5_box1,
#contentsAll .c5_box2{
    width: calc(360 *(100vw /750));
    height: calc(504 *(100vw /750));
}

#contentsAll .c5_box1{
    margin-left: calc(14 *(100vw /750));
}

#contentsAll .c5_box2{
    margin-top: calc(144 *(100vw /750));
    margin-right: calc(14 *(100vw /750));
}


/* 
============================contents6================================ 
*/

#contentsAll .contents6 {
    width: calc(710 *(100vw /750));
    height: calc(900 *(100vw /750));
    margin: 0 auto;
    position: relative;
}

#contentsAll .countImg{
    width: calc(710 *(100vw /750));
    height: calc(900 *(100vw /750));
    margin: calc(150 *(100vw /750)) auto 0;
}

#contentsAll .countdown-timer{
    font-family: futura-pt,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 8rem;
    color: #A68500;
    position: absolute;
    top: 22rem;
    left: 57%;
}

#countdown{
    font-family: futura-pt,sans-serif;
    font-style: normal;
    font-size: calc(200 *(100vw /750));
    letter-spacing:  -0.056em;;
    color: #A68500;
    position: absolute;
    bottom: calc(348 *(100vw /750));
    right: calc(68 *(100vw /750));
}


/* ========================All_btn=============================== */

#contentsAll .checkItemAll a {
    display: block;
    width: calc(355*(100vw/750));
    margin: calc(142*(100vw/750)) auto 0;
    font-size: calc(24*(100vw/750));
    line-height: 2.45;
    letter-spacing: .025em;
    text-align: center;
    border: 1px solid #333;
    background-color: #fff;
}


/* 
============================staff================================ 
*/

h3.staff_text {
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-top: calc(70 *(100vw /750));
    font-size: calc(24 *(100vw /750));
    color: #6A867A;
}

#contentsAll .staffTxtMain {
    margin: calc(10*(100vw/750)) 0 calc(116*(100vw/750));
    color: #6A867A;
}

#contentsAll .staffTxtMain li {
    font-weight: 400;
    font-style: normal;
    font-size: calc(24*(100vw/750));
    line-height: 2;
    letter-spacing: .0025em;
    text-align: center;
    color: #6A867A;
}



}

/**********************************タブレット*************************************/
@media only screen and (min-width: 751px) and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {
    html {font-size: calc(10* (100vw / 1200)) !important;}
}

/*************************************PC****************************************/
@media screen and ( min-width:751px ) {

    /* #contentsAll {background-position-y: -178px;background-image: url(../img/pc.jpg);background-size: 100%;max-width: 120rem;margin: 0 auto;}
    #contentsAll{opacity: .6;} */


    /* <------------slider----------> */

    #contentsAll .slick-dots li.slick-active button:before {width: 5rem;height: .5rem;}
    #contentsAll .slick-dots li button:before {width: 5rem;height: .5rem;}
    #contentsAll .slick-dots li {width: 5rem;height: 0.5rem;}
    #contentsAll .slick-dots {margin-top: 2rem;}


    /* <------------slider_2----------> */

    #contentsAll .slider-sec li.slick-active button:before {width: .8rem;height: .8rem;}
    #contentsAll .slider-sec li button:before {width: .8rem;height: .8rem;}
    #contentsAll .slider-sec li {width: 1rem;}
    #contentsAll .slick-dots-sec {margin-top: .2rem;}

    
/* 
============================contentsAll================================ 
*/

#contentsAll{
    width: 100%;
    margin: 0 auto;
}
#contentsAll img{
    width: 100%;
}
#contentsAll .spOnly{
    display: none;
}


/* 
============================mainvisual================================ 
*/

#contentsAll .mainArea{
    width: 120rem;
    margin: 8.2rem auto 0;
}

#contentsAll p.mian_text{
    text-align: center;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: .001em;
    margin: 12rem 0 6rem;
    color: #333;
}

/* 
============================itemArea================================ 
*/

#contentsAll .item_bgImg::after{
    content: "";
    display: block;
    width: 100%;
    height: 45rem;
    background: #F2F2F2;
    top: 110rem;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -999;
}

#contentsAll .itemArea {
    width: 82rem;
    height: 45rem;
    margin: 0 auto;
}

#contentsAll .flex_item{
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
}

#contentsAll .itemArea .flex-item1,
#contentsAll .itemArea .flex-item4 {
    width: 18rem;
}

/* ==================plus==================== */

#contentsAll .itemArea .flex-item1{
    position: relative;
}

#contentsAll .itemArea .flex-item1::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../img/plus_sp.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 13rem;
    left: 17.8rem;
}

/* ====================================== */

#contentsAll .itemArea .flex-item2{
    width: 14rem;
    position: relative;
}

/* ==================plus==================== */

#contentsAll .itemArea .flex-item2::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../img/plus_sp.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 13rem;
    left: 14.3rem;
}

/* ====================================== */

#contentsAll .itemArea .flex-item3{
    width: 20rem;
    position: relative;
}


/* ==================plus==================== */

#contentsAll .itemArea .flex-item3::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../img/plus_sp.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 13rem;
    left: 20.2rem;
}

/* ====================================== */



#contentsAll .itemArea .flex-item1 img,
#contentsAll .itemArea .flex-item4 img{
    width: 18rem;
    height: 24rem;
}

#contentsAll .itemArea .flex-item2 img{
    width: 14rem;
    height: 24rem;
}

#contentsAll .itemArea .flex-item3 img{
    width: 20rem;
    height: 24rem;
}

#contentsAll .item_textArea{
    text-align: center;
    margin-top: 4rem;
    color: #333;
}

#contentsAll .item_text,
#contentsAll .item_text2{
    font-size: 1.5rem;
    letter-spacing: .001em;
    color: #333;
}

#contentsAll .item_text2{
    margin-top: 2rem;
}

#contentsAll .item_text:nth-of-type(2){
    margin-top: 2rem;
    padding-bottom: 4rem;
}

#contentsAll .arrows_text{
    margin-top: 2rem;
}

#contentsAll .arrow_item{
    width: 3rem;
    height: 1rem;
    margin-right: 1rem;
    vertical-align: middle;
}

#contentsAll .arrow_tax{
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #B4272D;
}

#contentsAll span.arrow_tax{
	vertical-align: middle;
}


/* 
============================contents1================================ 
*/

#contentsAll .contents1{
    width: 56rem;
    height: 76.8rem;
    margin: 8rem auto 0;
}

#contentsAll .c1ImgArea img {
    margin: 0 auto;
    width: 56rem;
    height: 70rem;
}

#contentsAll .c1_taxArea{
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: .025em;
    margin-top: 3rem;
    color: #333;
}


/* 
============================contents2================================ 
*/

#contentsAll .contents2{
    position: relative;
    width: 102rem;
    height: 80rem;
    margin: -1.5rem auto 0;
    
}

.c2_flexArea{
    display: flex;
    justify-content: center;
    margin-top: 14rem;
}

#contentsAll .c2_box1{
    margin-top: 22rem;
}

#contentsAll .c2_text {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: .001em;
    text-align: center;
    position: absolute;
    top: 21.6rem;
    left: 12rem;
    color: #333;
}

#contentsAll .c2_box1 img{
    width: 46rem;
    height: 46rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

#contentsAll .c2_box2 img{
    width: 50rem;
    height: 62.5rem;
    position: absolute;
    top: 0;
    right: 0;
}

#contentsAll .title1Img{
    width: 18.5rem;
    height: 4.8rem;
    position: absolute;
    bottom: 3.5rem;
    right: 9rem;
}

#contentsAll .c2_boder_Bg{
    width: 90rem;
    margin: 14rem auto 0;
    /* padding-bottom: 6.5rem; */
}

#contentsAll .c2_boder_Bg{
    margin: 0 auto;
}

#contentsAll .c2_boder_Bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 6rem;
    left: 6rem;
    width: 90rem;
    height: 68rem;
    border: 1px solid #6A867A;
    z-index: -999;
}

/* 
============================contents3================================ 
*/

#contentsAll .contents3{
    position: relative;
    width: 86rem;
    height: 95rem;
    margin: 16.4rem auto 0;
}

#contentsAll p.c3_textArea{
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: .01em;
    text-align: center;
    color: #333;
    position: absolute;
    top: 4rem;
    left: 7rem;
    color: #333;
}

#contentsAll .c3_ImgArea{
    width: 66rem;
    height: 82.5rem;
    position: absolute;
    top: 12.2rem;
    right: 0;
}

#contentsAll .c3_boder_Bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 79rem;
    height: 80.7rem;
    border: 1px solid #6A867A;
    z-index: -999;
}

#contentsAll .title2Img{
    width: 18rem;
    height: 4.8rem;
    position: absolute;
    top: -2.4rem;
    bottom: 0;
    left: 11rem;
}


/* 
============================contents4================================ 
*/

#contentsAll .contents4{
    margin-top: 14rem;
}

#contentsAll .c4_flexArea{
    display: flex;
    justify-content: center;
}

#contentsAll .c4_box1{
    width: 50rem;
    height: 62.5rem;
    margin-top: 14rem;
    margin-right: 2rem;
}

#contentsAll .c4_box2{
    width: 40rem;
    height: 50rem;
    margin-left: 2rem;
}

#contentsAll .c4_text{
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: .001em;
    text-align: center;
    margin-top: 5rem;
    color: #333;
}

/* 
============================contents5================================ 
*/

#contentsAll .contents5{
    height: 56rem;
    margin-top: 14rem;
}

#contentsAll .c5_flexArea {
    display: flex;
    justify-content: center;
}

#contentsAll .c5_box1{
    width: 30rem;
    height: 42rem;
    margin-right: 2rem;
}

#contentsAll .c5_box2{
    width: 30rem;
    height: 42rem;
    margin-top: 13.5rem;
    margin-left: 2rem;
}

/* 
============================contents6================================ 
*/

#contentsAll .contents6 {
    width: 60rem;
    height: 40rem;
    margin: 0 auto;
    position: relative;
}

#contentsAll .countImg{
    width: 60rem;
    height: 40rem;
    margin: 14rem auto 0;
}


#countdown{
    font-family: futura-pt,sans-serif;
    font-weight: 500;
    font-size: 12rem;
    letter-spacing: -0.06em;
    color: #A68500;
    position: absolute;
    bottom: 10.3rem;
    right: 5rem;
}

/* 
============================All_btn================================ 
*/

#contentsAll .checkItemAll a {
    display: block;
    width: 22.3rem;
    margin: 14rem auto 0;
    font-size: 1.5rem;
    line-height: 2.45;
    letter-spacing: .025em;
    text-align: center;
    border: 1px solid #333;
    background-color: #fff;
}


/* 
============================staff================================ 
*/

#contentsAll section.staffCreditArea {
    text-align: center;
    font-size: 1.2rem;
    margin: 4rem 0 14rem 0;
    color: #6A867A;
}



#contentsAll ul.staffTxtMain {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    letter-spacing: .025em;
}





}