@charset "UTF-8";

#contentsAll .slick-dots li.slick-active button:before {background-color: #7a4b35;content: "";border-radius: 5px;}
#contentsAll .slick-dots li button:before {background-color: #bca59a;content: "";border-radius: 5px;opacity: 1 !important;}

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

#contentsAll p{font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}

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

    #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(-42*(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 {background-position-y: -122px;background-image: url(../img/sp.jpg);background-size: 100%;max-width: 120rem;margin: 0 auto;}
    #contentsAll{opacity: .6;} */

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

    #contentsAll img{
        width: 100%;
    }

    .spOnly{
        display: block;
    }

    .pcOnly{
        display: none;
    }

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

    /* ================================mainArea================================== */

    #contentsAll section.mvcontents {
        text-align: center;
    }

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

    #contentsAll .main_text .cont1{
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        color: #666666;
    }

    #contentsAll .main_text .cont2{
        margin-top: calc(42 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        color: #666666;
    }

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

    #contentsAll .cont1_textArea{
        margin-top: calc(80 *(100vw /750));
        text-align: center;
    }

    #contentsAll .cont1_textArea h2.cont1_title{
        font-size: calc(36 *(100vw /750));
        letter-spacing: 0.05em;
        color: #7a4b35;
        font-family: dnp-shuei-mincho-pr6, sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    #contentsAll .cont1_textArea .cont1{
        margin-top: calc(51 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.92;    
        letter-spacing: 0.025em;
        color: #666666;
    }

    #contentsAll .cont1_imgitem .sliderArea .spOnly{
        display: flex;
    }
    
    #contentsAll .cont1_imgitem .sliderArea .spOnly img{
        width: calc(604 *(100vw /750));
    }

    #contentsAll .contents1 p.yuGothic.cont2 {
        margin-top: calc(122 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

    #contentsAll .contents1 ul.sliderArea.spOnly.slick-initialized.slick-slider {
        width: calc(599 *(100vw /750));
        margin: calc(83 *(100vw /750)) auto 0;
    }

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

    #contentsAll .contents2 .cont2_img1 {
        width: calc(660 *(100vw /750));
        margin: calc(83 *(100vw /750)) auto 0;
    }

    #contentsAll .contents2 p.yuGothic.cont1 {
        margin-top: calc(82 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }

    #contentsAll .contents2 .cont2_img2 {
        width: calc(539 *(100vw /750));
        margin: calc(88 *(100vw /750)) auto 0;
    }

    #contentsAll .contents2 p.yuGothic.cont2 {
        margin-top: calc(70 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

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

    #contentsAll .contents3 h2.cont1_title {
        font-size: calc(36 *(100vw /750));
        line-height: 1.833;
        letter-spacing: 0.05em;
        font-family: 'dnp-shuei-mincho-pr6n','sans-serif';
        font-weight: 600;
        font-style: normal;
        color: #7a4b35;
        text-align: center;
        margin-top: calc(128 *(100vw /750));
    }

    #contentsAll .contents3 p.yuGothic.cont1{
        margin-top: calc(37 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

    #contentsAll .contents3 p.yuGothic.cont2 {
        margin-top: calc(120 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.88;
        text-align: center;
    }

    #contentsAll .contents3 ul.sliderArea.spOnly.slick-initialized.slick-slider {
        width: calc(599 *(100vw /750));
        margin: calc(88 *(100vw /750)) auto 0;
    }

    /* ================================contents4================================== */
    
    #contentsAll .contents4 .cont4_img1 {
        width: calc(660 *(100vw /750));
        margin: calc(80 *(100vw /750)) auto 0;
    }

    #contentsAll .contents4 p.yuGothic.cont1 {
        margin-top: calc(76 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

    #contentsAll .contents4 .cont4_img2 {
        width: calc(541 *(100vw /750));
        margin: calc(90 *(100vw /750)) auto 0;
    }

    #contentsAll .contents4 p.yuGothic.cont2 {
        margin-top: calc(74 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

    #contentsAll .contents4 p.yuGothic.cont3 {
        margin-top: calc(50 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

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

    #contentsAll .contents5 h3.cont5_title {
        font-size: calc(36 *(100vw /750)) ;
        line-height: 1.833;
        margin-top: calc(120 *(100vw /750));
        letter-spacing: 0.05em;
        font-family: 'dnp-shuei-mincho-pr6n','sans-serif';
        font-weight: 600;
        font-style: normal;
        color: #7a4b35;
        text-align: center;
    }
    #contentsAll .contents5 p.yuGothic.cont1 {
        margin-top: calc(53 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }
    #contentsAll .contents5 p.yuGothic.cont2 {
        margin-top: calc(51 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.88;
        letter-spacing: 0.025em;
        text-align: center;
    }
    #contentsAll .contents5 p.yuGothic.cont3 {
        margin-top: calc(41 *(100vw /750));
        font-size: calc(28 *(100vw /750));
        line-height: 1.875;
        letter-spacing: 0.025em;
        text-align: center;
    }

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

    #contentsAll .contents6 .instaBlock a {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(44*(100vw/750));
    }

    #contentsAll .contents6 .instaIcon {
        width: calc(48*(100vw/750));
        margin-right: calc(22*(100vw/750));
    }

    #contentsAll .contents6 li.cont6_Area1 {
        margin-top: calc(82 *(100vw /750));
    }

    #contentsAll .contents6 li.cont6_Area2{
        margin-top: calc(-3 *(100vw /750));
    }

    #contentsAll .contents6 .instaBlock p {
        color: #666;
        font-size: calc(28*(100vw/750));
        font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
    }
    
}

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

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

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


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

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

    #contentsAll img{
        width: 100%;
    }

    .spOnly{
        display: none;
    }

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

    /* ================================mainArea================================== */

    #contentsAll section.mvcontents {
        text-align: center;
    }

    #contentsAll .mainArea .pcOnly{
        width: 82.5rem;
        margin-top: 8rem;
    }

    #contentsAll .main_text{
        margin-top: 6.2rem;
    }

    #contentsAll .main_text .cont1{
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        color: #666666;
    }

    #contentsAll .main_text .cont2{
        margin-top: 2.5rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        color: #666666;
    }

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

    #contentsAll .cont1_textArea{
        margin-top: 5.4rem;
        text-align: center;
    }

    #contentsAll .cont1_textArea h2.cont1_title{
        font-size: 2.2rem;
        letter-spacing: 0.05em;
        color: #7a4b35;
        font-family: dnp-shuei-mincho-pr6, sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    #contentsAll .cont1_textArea .cont1{
        margin-top: 2.6rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        color: #666666;
    }

    #contentsAll .contents1 ul.cont1_flexitem.pcOnly {
        display: flex;
        width: 98rem;
        margin: 5rem auto 0;
    }

    #contentsAll .contents1 li.cont1_img_1 {
        width: 91.9rem;
    }

    #contentsAll .contents1 li.cont1_img_2 {
        width: 91.9rem;
        margin-left: 2rem;
    }

    #contentsAll ul.sliderArea.spOnly.slick-initialized.slick-slider {
        display: none;
    }

    #contentsAll .contents1 p.yuGothic.cont2 {
        margin-top: 5.8rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }

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

    #contentsAll .cont2_img1 {
        width: 66.1rem;
        margin: 6.2rem auto 0;
    }

    #contentsAll .contents2 p.yuGothic.cont1 {
        margin-top: 4.2rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }

    #contentsAll .contents2 p.yuGothic.cont2 {
        margin-top: 4.8rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }

    #contentsAll .contents2 .cont2_img2 {
        width: 48rem;
        margin: 6.1rem auto 0;
    }

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

    #contentsAll .contents3 h2.cont1_title {
        font-size: 2.2rem;
        line-height: 1.72;
        letter-spacing: 0.05em;
        font-family: 'dnp-shuei-mincho-pr6n','sans-serif';
        font-weight: 600;
        font-style: normal;
        color: #7a4b35;
        text-align: center;
        margin-top: 10.8rem;
    }

    #contentsAll .contents3 p.yuGothic.cont1{
        margin-top: 1.8rem;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        color: #666;
    }

    #contentsAll .contents3 .cont1_flexitem.pcOnly {
        display: flex;
        width: 98rem;
        margin: 5.3rem auto 0;
    }

    #contentsAll .contents3 li.cont3_img_1 {
        width: 48rem;
    }

    #contentsAll .contents3 li.cont3_img_2 {
        width: 48rem;
        margin-left: 2rem;
    }

    #contentsAll .contents3 p.yuGothic.cont2 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.0025em;
        margin-top: 5.3rem;
        text-align: center;
        color: #666;
    }

    

    /* ================================contents4================================== */
    
    #contentsAll .contents4 .cont4_img1 {
        width: 66.1rem;
        margin: 5.4rem auto 0;
    }

    #contentsAll .contents4 p.yuGothic.cont1 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 5.4rem;
        color: #666;
    }

    #contentsAll .contents4 .cont4_img2 {
        width: 48.1rem;
        margin: 6.2rem auto 0;
    }

    #contentsAll .contents4 p.yuGothic.cont2 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 4.3rem;
        color: #666;
    }

    #contentsAll .contents4 p.yuGothic.cont3 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 1.9rem;
        color: #666;
    }


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

    #contentsAll .contents5 h3.cont5_title {
        font-size: 2.2rem;
        line-height: 1.72;
        letter-spacing: 0.05em;
        font-family: 'dnp-shuei-mincho-pr6n','sans-serif';
        font-weight: 600;
        font-style: normal;
        color: #7a4b35;
        text-align: center;
        margin-top: 10.8rem;
    }
    #contentsAll .contents5 p.yuGothic.cont1 {
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 2.5rem;
        color: #666;
    }
    #contentsAll .contents5 p.yuGothic.cont2 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 2.6rem;
        color: #666;
    }
    #contentsAll .contents5 p.yuGothic.cont3 {
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
        margin-top: 1.6rem;
        color: #666;
    }

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

    #contentsAll .contents6 .insta_Area{
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }

    #contentsAll .contents6 .instaIcon {
        width: 2.2rem;
        margin-right: 1rem;
    }

    #contentsAll .contents6 .instaBlock a {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2.4rem;
    }

    #contentsAll .contents6 .cont6_Area2{
        margin-left: 3.1rem;
    }

    #contentsAll .contents6 .instaBlock p {
        color: #666;
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
    }

}