@charset "UTF-8";
html {font-size: 62.5%;}
#Wrap {width: 100%;}
#contentsAll {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;} 
#contentsAll p {font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}
#contentsAll a:hover {cursor: pointer; opacity: .5;}
#contentsAll img {display: block;}
#contentsAll ul li {list-style: none;}
#contentsAll .imgMaxWidth {width: 100%;}
#contentsAll .relativeArea {position: relative;}
#contentsAll .futuraFont {font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;}
#contentsAll .scrollFade {opacity: 0; transition: all 2s;}
#contentsAll .scrollFade.done {opacity : 1;}
#contentsAll .loadFade {opacity : 0; transition : all 2s;}
#contentsAll .loadFade.done {opacity : 1;}
#contentsAll .slick-dots li.slick-active button:before {background-color: #B6CB98;content: "";border-radius: 5px;}
#contentsAll .slick-dots li button:before {background-color: #DAE5CB;content: "";border-radius: 5px;opacity: 1 !important;}
@font-face {
    font-family: 'crim';
    src: url(../font/CrimsonText-Regular.ttf );
}
/*************************************SP****************************************/
@media screen and ( max-width:560px ) {
    /* #contentsAll {background-position-y: -111px;background-image: url(../img/sp.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: -535px;background-image: url(../img/sp2.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: 1511px;background-image: url(../img/sp3.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: 4295px;background-image: url(../img/sp4.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: 4185px;background-image: url(../img/sp5.jpg);background-size: 100%;} */
    #contentsAll .slick-dots li.slick-active button:before {width: calc(12*(100vw/750));height: calc(12*(100vw/750));}
    #contentsAll .slick-dots li button:before {width: calc(12*(100vw/750));height: calc(12*(100vw/750));}
    #contentsAll .slick-dots {left: calc(0*(100vw/750)) !important;bottom: calc(-48*(100vw/750)) !important;}
    #contentsAll .slick-dots li {width: calc(12*(100vw/750)) !important;height: calc(12*(100vw/750)) !important;margin: 0 calc(9*(100vw/750)) !important;}
    #contentsAll .slick-dots li button {width: 0 !important;height: 0 !important;padding: 0 !important;}
    #contentsAll {width: calc(750*(100vw/750)); margin: 0 auto;}
    #contentsAll .pcOnly {display: none;}
    #contentsAll .flexItem_sp {display: flex;flex-wrap: wrap;justify-content: center;}
    #contentsAll .size {width: calc(0*(100vw/750));}
    .main-area::after {
        margin: 0;
    }
    .footer .footer-inner {
        margin: 0;
    }
    /*==========================
    フォント
    ==========================*/
    #contentsAll .contentsTxt {
        font-size: calc(28*(100vw/750));
        line-height: 2;
        letter-spacing: 1.3px;
    }
    #contentsAll .contentsCredit {
        font-size: calc(22*(100vw/750));
        line-height: 2.3;
        letter-spacing: 0.3px;
    }
    #contentsAll .staffTxtMain li {
        font-size: calc(22*(100vw/750));
        line-height: 2.2;
        letter-spacing: 0.07em;
        text-align: center;
        color: #7E9E50;
    }
    /*==========================
    メインビジュアル
    ==========================*/
    #contentsAll .mainVisualArea {
        margin: 0 auto;
    }
    /*==========================
    Contents1
    ==========================*/
    #contentsAll .c1_block1 {
        width: calc(640*(100vw/750));
        margin: calc(150*(100vw/750)) auto 0;
    }
    #contentsAll .c1_block2 {
        width: calc(500*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .c1_block3 {
        width: calc(580*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents1 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents2
    ==========================*/
    #contentsAll .c2_block {
        width: calc(580*(100vw/750));
        margin: calc(192*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents2 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(72*(100vw/750)) auto 0;
    }
    #contentsAll .contents2 .contentsCredit {
        margin: calc(108*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents3
    ==========================*/
    #contentsAll .c3_block {
        width: calc(500*(100vw/750));
        margin-top: calc(190*(100vw/750));
    }
    #contentsAll .contents3 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents3 .contentsCredit {
        margin: calc(108*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents4
    ==========================*/
    #contentsAll .c4_block1 {
        width: calc(500*(100vw/750));
        margin-top: calc(190*(100vw/750));
    }
    #contentsAll .c4_block2 {
        width: calc(580*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(136*(100vw/750));
    }
    #contentsAll .contents4 .contentsCredit {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents5
    ==========================*/
    #contentsAll .c5_block1 {
        width: calc(500*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .c5_block2 {
        width: calc(500*(100vw/750));
        margin-top: calc(74*(100vw/750));
    }
    #contentsAll .c5_block3 {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents5 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents6
    ==========================*/
    #contentsAll .c6_block1 {
        margin-top: calc(200*(100vw/750));
    }
    #contentsAll .c6_block2 {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .contents6 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) auto 0;
    }
    #contentsAll .contents6 .contentsCredit {
        margin: calc(106*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents7
    ==========================*/
    #contentsAll .c7_block1 {
        width: calc(580*(100vw/750));
        margin: calc(192*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .c7_block2 {
        width: calc(640*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .contents7 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents8
    ==========================*/
    #contentsAll .c8_block1 {
        width: calc(500*(100vw/750));
        margin: calc(190*(100vw/750)) 0 0 calc(56*(100vw/750));
    }
    #contentsAll .c8_block2 {
        width: calc(580*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .c8_block3 {
        width: calc(580*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .contents8 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents9
    ==========================*/
    #contentsAll .c9_block1 {
        width: calc(640*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .c9_block2 {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c9_block3 {
        width: calc(580*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .contents9 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents10
    ==========================*/
    #contentsAll .c10_block1 {
        width: calc(500*(100vw/750));
        margin: calc(190*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c10_block2 {
        width: calc(640*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .contents10 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents10 .contentsCredit {
        margin: calc(106*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents11
    ==========================*/
    #contentsAll .contents11 .slideArea {
        width: calc(580*(100vw/750));
        margin: calc(200*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .c11_block {
        width: calc(580*(100vw/750));
        margin-top: calc(120*(100vw/750));
    }
    #contentsAll .contents11 .contentsCredit {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents12
    ==========================*/
    #contentsAll .contents12 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .c12_block {
        width: calc(580*(100vw/750));
        margin: calc(122*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents12 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents13
    ==========================*/
    #contentsAll .c13_block1 {
        width: calc(500*(100vw/750));
        margin: calc(192*(100vw/750)) 0 0 calc(60*(100vw/750));
    }
    #contentsAll .c13_block2 {
        width: calc(640*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents13 .contentsCredit:first-of-type {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    #contentsAll .c13_block3 {
        width: calc(580*(100vw/750));
        margin-top: calc(190*(100vw/750));
    }
    #contentsAll .contents13 .slideArea {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(214*(100vw/750));
    }
    #contentsAll .contents13 .contentsCredit:nth-of-type(2) {
        margin: calc(108*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    #contentsAll .c13_block4 {
        width: calc(640*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .contents13 .contentsCredit:nth-of-type(3) {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents14
    ==========================*/
    #contentsAll .c14_block1 {
        width: calc(500*(100vw/750));
        margin-top: calc(192*(100vw/750));
    }
    #contentsAll .c14_block2 {
        width: calc(580*(100vw/750));
        margin: calc(72*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents14 .contentsCredit {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents15
    ==========================*/
    #contentsAll .c15_block1 {
        width: calc(580*(100vw/750));
        margin-top: calc(200*(100vw/750));
    }
    #contentsAll .c15_block2 {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c15_block3 {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) auto 0;
    }
    #contentsAll .contents15 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents16
    ==========================*/
    #contentsAll .c16_block1 {
        width: calc(580*(100vw/750));
        margin-top: calc(190*(100vw/750));
    }
    #contentsAll .c16_block2 {
        width: calc(580*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents16 .contentsCredit {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents17
    ==========================*/
    #contentsAll .c17_block1 {
        width: calc(500*(100vw/750));
        margin: calc(190*(100vw/750)) 0 0 calc(56*(100vw/750));
    }
    #contentsAll .c17_block2 {
        width: calc(500*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c17_block3 {
        width: calc(640*(100vw/750));
        margin: calc(74*(100vw/750)) auto 0;
    }
    #contentsAll .contents17 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents18
    ==========================*/
    #contentsAll .c18_block1 {
        width: calc(580*(100vw/750));
        margin-top: calc(192*(100vw/750));
    }
    #contentsAll .c18_block2 {
        width: calc(640*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents18 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents19
    ==========================*/
    #contentsAll .c19_block1 {
        width: calc(640*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .c19_block2 {
        width: calc(580*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents19 .contentsCredit {
        margin: calc(62*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents20
    ==========================*/
    #contentsAll .contents20 .slideArea {
        width: calc(640*(100vw/750));
        margin: calc(190*(100vw/750)) auto 0;
    }
    #contentsAll .c20_block {
        width: calc(500*(100vw/750));
        margin-top: calc(120*(100vw/750));
    }
    #contentsAll .contents20 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents21
    ==========================*/
    #contentsAll .c21_block1 {
        width: calc(580*(100vw/750));
        margin: calc(200*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .c21_block2 {
        width: calc(580*(100vw/750));
        margin-top: calc(76*(100vw/750));
    }
    #contentsAll .c21_block3 {
        width: calc(500*(100vw/750));
        margin: calc(190*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c21_block4 {
        width: calc(640*(100vw/750));
        margin-top: calc(80*(100vw/750));
    }
    #contentsAll .c21_block5 {
        width: calc(580*(100vw/750));
        margin: calc(72*(100vw/750)) 0 0 calc(170*(100vw/750));
    }
    #contentsAll .contents21 .contentsCredit {
        margin: calc(58*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents22
    ==========================*/
    #contentsAll .c22_block1 {
        width: calc(580*(100vw/750));
        margin-top: calc(192*(100vw/750));
    }
    #contentsAll .c22_block2 {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(110*(100vw/750));
    }
    #contentsAll .contents22 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 0 calc(54*(100vw/750));
    }
    /*==========================
    Contents23
    ==========================*/
    #contentsAll .c23_block1 {
        width: calc(500*(100vw/750));
        margin: calc(180*(100vw/750)) 0 0 calc(56*(100vw/750));
    }
    #contentsAll .c23_block2 {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c23_block3 {
        width: calc(580*(100vw/750));
        margin: calc(76*(100vw/750)) 0 0 calc(56*(100vw/750));
    }
    #contentsAll .c23_block4 {
        width: calc(500*(100vw/750));
        margin: calc(74*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    #contentsAll .c23_block5 {
        width: calc(640*(100vw/750));
        margin: calc(76*(100vw/750)) auto 0;
    }
    #contentsAll .contents23 .contentsCredit {
        margin: calc(60*(100vw/750)) 0 calc(180*(100vw/750)) calc(54*(100vw/750));
    }
    /*==========================
    Contents24
    ==========================*/
    #contentsAll .c24_block {
        margin: calc(156*(100vw/750)) auto;
    }
    /*==========================
    Staff-area
    ==========================*/
    #Contents-All .staffTxtMain {
        margin-top: calc(98*(100vw/750));
    }
    /*==========================
    nav-area
    ==========================*/
    #contentsAll .nav-tittle {
        position: relative;
        margin-top: calc(140*(100vw/750));
        font-family: 'crim';
        font-size: calc(40*(100vw/750));
        letter-spacing: 0.4px;
        text-align: center;
    }
    #contentsAll .nav-tittle::before {
        content: '';
        display: block;
        position: absolute;
        top: calc(21*(100vw/750));
        left: calc(65*(100vw/750));
        width: calc(619*(100vw/750));
        height: calc(20*(100vw/750));
        background-color: #DAE5CB;
        z-index: -1;
    }
    #contentsAll .nav-list {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #contentsAll .nav-list li {
        margin: 0 calc(20*(100vw/750));
        font-size: calc(24*(100vw/750));
        letter-spacing: 0.3px;
    }
}
/*************************************PC****************************************/
@media screen and (max-width: 1200px) and (min-width: 561px) {
    html {font-size: calc(10* (100vw / 1200)) !important;}
}
@media only screen and (min-width: 561px) {
    /*================▽iPad▽=================*/
    /* @media screen and (min-width: 561px) and (max-width: 768px) {} */
    /*================△iPad△=================*/
    /* #contentsAll {background-position-y: -178px;background-image: url(../img/pc.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: 222px;background-image: url(../img/pc2.jpg);background-size: 100%;} */
    /* #contentsAll {background-position-y: 5652px;background-image: url(../img/pc3.jpg);background-size: 100%;} */
    #contentsAll .slick-dots li.slick-active button:before {width: 1rem;height: 1rem;}
    #contentsAll .slick-dots li button:before {width: 1rem;height: 1rem;}
    #contentsAll .slick-dots li {width: 1rem !important;height: 1rem !important;margin: 0 .5rem !important;}
    #contentsAll .slick-dots {left: 0 !important;bottom: -3.1rem !important;}
    #contentsAll {width: 120rem;margin: 8rem auto 0;}
    #contentsAll .spOnly {display: none;}
    #contentsAll .flexItem_pc {display: flex;flex-wrap: wrap;justify-content: center;}
    #contentsAll .flexItemReverce_pc {flex-direction: row-reverse;}
    #contentsAll .size {width: 0;}
    /*==========================
    フォント
    ==========================*/
    #contentsAll .contentsTxt {
        font-size: 1.4rem;
        line-height: 2;
        letter-spacing: 1.3px;
    }
    #contentsAll .contentsCredit {
        font-size: 1.1rem;
        line-height: 2;
        letter-spacing: .3px;
    }
    #contentsAll .staffTxtMain li {
        font-size: 1.1rem;
        line-height: 2.2;
        letter-spacing: .8px;
        text-align: center;
        color: #7E9E50;
    }
    /*==========================
    メインビジュアル
    ==========================*/
    #contentsAll .mainVisualArea {
        width: 72rem;
        margin: 0 auto;
    }
    /*==========================
    Contents1
    ==========================*/
    #contentsAll .c1_block1 {
        width: 46rem;
        margin: 15rem auto 8rem;
    }
    #contentsAll .c1_block2 {
        width: 32rem;
    }
    #contentsAll .c1_block3 {
        width: 42rem;
        margin: 15rem 0 0 8rem;
    }
    #contentsAll .contents1 .contentsCredit {
        margin: -24rem 0 32.4rem 19rem;
    }
    /*==========================
    Contents2
    ==========================*/
    #contentsAll .c2_block {
        width: 38rem;
        height: 47.5rem;
    }
    #contentsAll .contents2 .slideArea {
        width: 46rem;
        margin: 10rem 6rem 0 0;
    }
    #contentsAll .contents2 .contentsCredit {
        margin: -16.5rem 0 30.1rem 67rem;
    }
    /*==========================
    Contents3
    ==========================*/
    #contentsAll .c3_block {
        width: 34rem;
        height: 42.5rem;
    }
    #contentsAll .contents3 .slideArea {
        width: 42rem;
        margin: 6rem 0 0 8rem;
    }
    #contentsAll .contents3 .contentsCredit {
        margin: -12.5rem 0 26.1rem 18rem;
    }
    /*==========================
    Contents4
    ==========================*/
    #contentsAll .c4_block1 {
        width: 40rem;
        height: 50rem;
    }
    #contentsAll .c4_block2 {
        width: 46rem;
        margin: 15rem 0 0 -4rem;
        mix-blend-mode: multiply;
    }
    #contentsAll .contents4 .contentsCredit {
        margin: -19rem 0 29.6rem 19rem;
    }
    /*==========================
    Contents5
    ==========================*/
    #contentsAll .c5_block1 {
        width: 42rem;
    }
    #contentsAll .c5_block2 {
        width: 42rem;
        margin: 10rem 0 0 6rem;
    }
    #contentsAll .c5_block3 {
        width: 45rem;
        margin: 6rem auto 0;
    }
    #contentsAll .contents5 .contentsCredit {
        margin: 3.5rem 0 0 37.5rem;
    }
    /*==========================
    Contents6
    ==========================*/
    #contentsAll .c6_block1 {
        width: 57.5rem;
        margin: 14.6rem 0 0 7rem;
    }
    #contentsAll .c6_block2 {
        width: 34rem;
        height: 42.5rem;
        margin: -15rem 0 0 72.5rem;
    }
    #contentsAll .contents6 .slideArea {
        width: 46rem;
        margin: -17.5rem 0 0 -23.5rem;
    }
    #contentsAll .contents6 .contentsCredit {
        margin: -36.5rem 0 50.1rem 79.3rem;
    }
    /*==========================
    Contents7
    ==========================*/
    #contentsAll .c7_block1 {
        width: 46rem;
    }
    #contentsAll .c7_block2 {
        width: 40rem;
        height: 50rem;
        margin: 15rem 4rem 0 0;
    }
    #contentsAll .contents7 .contentsCredit {
        margin: 3.5rem 0 0 15rem;
    }
    /*==========================
    Contents8
    ==========================*/
    #contentsAll .c8_block1 {
        width: 36rem;
        margin: 14.6rem 0 6rem 49.5rem;
    }
    #contentsAll .c8_block2 {
        width: 46rem;
        height: 57.5rem;
    }
    #contentsAll .c8_block3 {
        width: 40rem;
        margin: 21rem 0 0 10rem;
    }
    #contentsAll .contents8 .contentsCredit {
        margin: -10rem 0 20.6rem 12rem;
    }
    /*==========================
    Contents9
    ==========================*/
    #contentsAll .c9_block1 {
        width: 46rem;
    }
    #contentsAll .c9_block2 {
        width: 34rem;
        height: 42.5rem;
        margin: 30rem 0 0 15rem;
    }
    #contentsAll .c9_block3 {
        width: 40rem;
        margin: -9rem 0 0 27.5rem;
    }
    #contentsAll .contents9 .contentsCredit {
        margin: -37.5rem 0 48.1rem 73.6rem;
    }
    /*==========================
    Contents10
    ==========================*/
    #contentsAll .c10_block1 {
        width: 32rem;
        margin: 0 0 15rem 68rem;
    }
    #contentsAll .c10_block2 {
        width: 46rem;
        height: 57.5rem;
        margin: -40rem 4rem 0 0;
    }
    #contentsAll .contents10 .slideArea {
        width: 46rem;
    }
    #contentsAll .contents10 .contentsCredit {
        margin: -39.5rem 0 50.1rem 12rem;
    }
    /*==========================
    Contents11
    ==========================*/
    #contentsAll .c11_block {
        width: 40rem;
        margin: 30rem 0 0 10rem;
    }
    #contentsAll .contents11 .slideArea {
        width: 46rem;
        height: 57.5rem;
    }
    #contentsAll .contents11 .contentsCredit {
        margin: -16rem 0 26.6rem 12rem;
    }
    /*==========================
    Contents12
    ==========================*/
    #contentsAll .c12_block {
        width: 32rem;
        margin: 25rem 6rem 0 0;
    }
    #contentsAll .contents12 .slideArea {
        width: 42rem;
        height: 52.5rem;
    }
    #contentsAll .contents12 .contentsCredit {
        margin: 3.5rem 0 14.6rem 20.1rem;
    }
    /*==========================
    Contents13
    ==========================*/
    #contentsAll .c13_block1 {
        width: 40rem;
        height: 50rem;
    }
    #contentsAll .c13_block2 {
        width: 46rem;
        margin: 8rem 0 0 4rem;
    }
    #contentsAll .contents13 .contentsCredit:first-of-type {
        margin: -12rem 0 22.6rem 15rem;
    }
    #contentsAll .c13_block3 {
        width: 46rem;
    }
    #contentsAll .contents13 .slideArea {
        width: 32rem;
        height: 40rem;
        margin: 8.7rem 0 0 8rem;
    }
    #contentsAll .contents13 .contentsCredit:nth-of-type(2) {
        margin: 3.5rem 0 14.5rem 17rem;
    }
    #contentsAll .c13_block4 {
        width: 46rem;
        margin-left: 44.5rem;
    }
    #contentsAll .contents13 .contentsCredit:nth-of-type(3) {
        margin: 3.6rem 0 14.6rem 44.5rem;
    }
    /*==========================
    Contents14
    ==========================*/
    #contentsAll .c14_block1 {
        width: 40rem;
        height: 50rem;
    }
    #contentsAll .c14_block2 {
        width: 46rem;
        margin: 15rem 0 0 -4rem;
        mix-blend-mode: multiply;
    }
    #contentsAll .contents14 .contentsCredit {
        margin: -19rem 0 29.6rem 19rem;
    }
    /*==========================
    Contents15
    ==========================*/
    #contentsAll .c15_block1 {
        width: 42rem;
        margin: 0 0 6rem 31.5rem;
    }
    #contentsAll .c15_block2 {
        width: 36rem;
        height: 45rem;
    }
    #contentsAll .c15_block3 {
        width: 46rem;
        margin: 10rem 6rem 0 0;
    }
    #contentsAll .contents15 .contentsCredit {
        margin: -19rem 0 31.8rem 68rem;
    }
    /*==========================
    Contents16
    ==========================*/
    #contentsAll .c16_block1 {
        width: 42rem;
        height: 52.5rem;
    }
    #contentsAll .c16_block2 {
        width: 42rem;
        margin: 15rem 4rem 0 0;
    }
    #contentsAll .contents16 .contentsCredit {
        margin: -11.5rem 0 22rem 62rem;
    }
    /*==========================
    Contents17
    ==========================*/
    #contentsAll .c17_block1 {
        width: 34rem;
        margin: 0 0 10rem 56rem;
    }
    #contentsAll .c17_block2 {
        width: 38rem;
        height: 47.5rem;
        margin: -27.4rem 16rem 0 0;
    }
    #contentsAll .c17_block3 {
        width: 42rem;
    }
    #contentsAll .contents17 .contentsCredit {
        margin: -28.9rem 0 39.6rem 12rem;
    }
    /*==========================
    Contents18
    ==========================*/
    #contentsAll .c18_block1 {
        width: 42rem;
        height: 52.5rem;
    }
    #contentsAll .c18_block2 {
        width: 46rem;
        margin: 15rem 0 0 4rem;
    }
    #contentsAll .contents18 .contentsCredit {
        margin: -16.6rem 0 29.2rem 14rem;
    }
    /*==========================
    Contents19
    ==========================*/
    #contentsAll .c19_block1 {
        width: 46rem;
        height: 52.5rem;
    }
    #contentsAll .c19_block2 {
        width: 40rem;
        margin: 25rem 0 0 10rem;
    }
    #contentsAll .contents19 .contentsCredit {
        margin: -14rem 0 24.5rem 12rem;
    }
    /*==========================
    Contents20
    ==========================*/
    #contentsAll .contents20 .slideArea {
        width: 42rem;
        height: 52.5rem;
    }
    #contentsAll .c20_block {
        width: 34rem;
        margin: 15.1rem 0 0 6rem;
    }
    #contentsAll .contents20 .contentsCredit {
        margin: 3.5rem 0 14.6rem 67rem;
    }
    /*==========================
    Contents21
    ==========================*/
    #contentsAll .c21_block1 {
        width: 40rem;
    }
    #contentsAll .c21_block2 {
        width: 40rem;
        margin: 15rem 6rem 0 0;
    }
    #contentsAll .contents21 .contentsCredit:first-of-type {
        margin: 3.5rem 0 14.6rem 17rem;
    }
    #contentsAll .c21_block3 {
        width: 32rem;
        margin: 0 0 10rem 74.5rem;
    }
    #contentsAll .c21_block4 {
        width: 46rem;
        height: 57.5rem;
        margin: -35rem 4rem 0 -5rem;
    }
    #contentsAll .c21_block5 {
        width: 38rem;
    }
    #contentsAll .contents21 .contentsCredit:nth-of-type(2) {
        margin: -21.5rem 0 34.3rem 13.5rem;
    }
    /*==========================
    Contents21
    ==========================*/
    #contentsAll .c22_block1 {
        width: 40rem;
        height: 50rem;
    }
    #contentsAll .c22_block2 {
        width: 46rem;
        margin: 15rem 0 0 -4rem;
        mix-blend-mode: multiply;
    }
    #contentsAll .contents22 .contentsCredit {
        margin: -19rem 0 29.6rem 19rem;
    }
    /*==========================
    Contents23
    ==========================*/
    #contentsAll .c23_block1 {
        width: 32rem;
        height: 40rem;
    }
    #contentsAll .c23_block2 {
        width: 42rem;
        margin: 15rem -21rem 10rem 8rem;
    }
    #contentsAll .c23_block3 {
        width: 46rem;
        height: 57.5rem;
        margin: -25rem 10rem 0 -7rem;
    }
    #contentsAll .c23_block4 {
        width: 40rem;
    }
    #contentsAll .contents23 .contentsCredit {
        margin: -14rem 0 21.8rem 8.5rem;
    }
    #contentsAll .c23_block5 {
        width: 40rem;
        margin-left: 35rem;
    }
    /*==========================
    Contents24
    ==========================*/
    .c24_block {
        width: 56rem;
        margin: 12.3rem auto;
    }
    /*==========================
    Staff-area
    ==========================*/
    #contentsAll .staffTxtMain {
        margin: calc((108 / 900) * 100%) auto 0;
        text-align: center;
    }
    /*==========================
    nav-area
    ==========================*/
    #contentsAll .nav-tittle {
        position: relative;
        margin-top: 11.6rem;
        font-family: 'crim';
        font-size: 2rem;
        letter-spacing: .6px;
        text-align: center;
    }
    #contentsAll .nav-tittle::before {
        content: '';
        display: block;
        position: absolute;
        top: 1.2rem;
        left: 44.5rem;
        width: 31rem;
        height: .9rem;
        background-color: #DAE5CB;
        z-index: -1;
    }
    #contentsAll .nav-list {
        width: 60rem;
        margin: 4rem auto 0;
    }
    #contentsAll .nav-list li {
        margin: 0 1.6rem;
        font-size: 1.4rem;
        letter-spacing: 0.1px;
    }
}