@charset "UTF-8";
#Wrap {width: 100%;}
#Contents-All .img-width {width: 100%;}
#Contents-All .img-height {height: 100%;}
#Contents-All a:hover {cursor: pointer; opacity: 0.5;}
#Contents-All {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;} 
#Contents-All p {font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}
#Contents-All img {display: block;}
#Contents-All ul li {list-style: none;}
#Contents-All .futura-font {font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;}
#Contents-All .relative-area {position: relative;}
#Contents-All .scroll-up{opacity: 0; transition: all 2s;}
#Contents-All .scroll-up.done, .scroll-fade.done{opacity : 1;}
#Contents-All .load-fade {opacity : 0; transition : all 2s;}
#Contents-All .load-fade.done{opacity : 1;}
.main-area {
    overflow-x: hidden;
}
.poppin-font {
    font-family: poppins, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
/*************************************SP****************************************/
@media screen and ( max-width:560px ) {
    /* #Contents-All {
        background-image: url(../img/sp.jpg);
        background-size: 100%;
        background-position-y: -111px;
    } */
    #Contents-All {width: calc(750*(100vw/750)); margin: 0 auto; overflow-x: hidden;}
    #Contents-All .pc-only {display: none;}
    #Contents-All .item-flex-sp {display: flex;flex-wrap: wrap;justify-content: center;}
    /*==========================
    共通項目
    ==========================*/
    #Contents-All .size500 {width: calc(500*(100vw/750));}
    #Contents-All .size585 {width: calc(585*(100vw/750));}
    #Contents-All .size690 {width: calc(690*(100vw/750));}
    #Contents-All .size750 {width: calc(750*(100vw/750));}
    #Contents-All .main-txt {
        font-size: calc(28*(100vw/750));
        line-height: 1.9;
        letter-spacing: 0.45px;
        margin-top: calc(108*(100vw/750));
        text-align: center;
    }
    #Contents-All .c-txt {
        font-size: calc(26*(100vw/750));
        line-height: 2;
        letter-spacing: 1.3px;
        margin-top: calc(24*(100vw/750));
        text-align: center;
    }
    #Contents-All .credit {
        font-size: calc(22*(100vw/750));
        line-height: 2.3;
        letter-spacing: 0.4px;
        margin-top: calc(36*(100vw/750));
        text-align: center;
    }
    #Contents-All .staff-txt-main li {
        font-size: calc(22*(100vw/750));
        line-height: 2.2;
        letter-spacing: 0.07em;
        text-align: center;
        color: #597066;
    }
    #Contents-All .main-no-txt {
        margin-top: calc(74*(100vw/750));
        text-align: center;
    }
    #Contents-All .main-no-txt1 {
        font-size: calc(40*(100vw/750));
        letter-spacing: 1.2px;
        margin: 0 calc(6*(100vw/750)) 0 calc(-4*(100vw/750));
    }
    #Contents-All .main-no-txt2 {
        font-size: calc(88*(100vw/750));
        letter-spacing: 1.3px;
    }
    #Contents-All .main-tittle-txt {
        font-size: calc(36*(100vw/750));
        font-family: toppan-bunkyu-mincho-pr6n, serif !important;
        font-weight: 400;
        font-style: normal;
        line-height: 1.85;
        letter-spacing: 1.6px;
        text-align: center;
        margin-top: calc(20*(100vw/750));
        color: #597066;
    }
    #Contents-All .cont-txt {
        font-size: calc(26*(100vw/750));
        line-height: 2;
        letter-spacing: 1.3px;
        margin-top: calc(76*(100vw/750));
        text-align: center;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All .c1-block1 {
        margin: calc(112*(100vw/750)) auto 0;
    }
    #Contents-All .uline-img1 {
        width: calc(266*(100vw/750));
        position: absolute;
        top: calc(110*(100vw/750));
        right: calc(68*(100vw/750));
        z-index: -999;
    }
    #Contents-All .c1-block3 {
        margin: calc(70*(100vw/750)) 0 0 calc(166*(100vw/750));
    }
    #Contents-All .c1-block4 {
        margin-top: calc(46*(100vw/750));
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All #bg-area::before {
        content: '';
        display: block;
        width: 100vw;
        height: calc(3984*(100vw/750));
        position: absolute;
        top: calc(114*(100vw/750));
        left: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    #Contents-All .c2-block1 {
        margin: calc(230*(100vw/750)) auto 0;
    }
    #Contents-All .uline-img2 {
        width: calc(176*(100vw/750));
        position: absolute;
        top: calc(110*(100vw/750));
        right: calc(144*(100vw/750));
        z-index: -888;
    }
    #Contents-All .c2-block4 {
        margin-top: calc(72*(100vw/750));
    }
    #Contents-All .c2-block3 {
        margin: calc(44*(100vw/750)) 0 0 calc(250*(100vw/750));
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All .c3-block1 {
        margin: calc(232*(100vw/750)) auto 0;
    }
    #Contents-All .uline-img3 {
        width: calc(260*(100vw/750));
        position: absolute;
        top: calc(108*(100vw/750));
        left: calc(134*(100vw/750));
        z-index: -999;
    }
    #Contents-All .c3-block3 {
        margin: calc(70*(100vw/750)) 0 0 calc(166*(100vw/750));
    }
    #Contents-All .c3-block4 {
        margin-top: calc(44*(100vw/750));
    }
    /*==========================
    Staff-area
    ==========================*/
    #Contents-All .staff-txt-main {
        margin-top: calc(100*(100vw/750));
    }
    /*==========================
    check-all-items
    ==========================*/
    #Contents-All .check-item-all {
        width: calc(355*(100vw/750));
        border: 1px solid #333333;
        text-align: center;
        margin: calc(111*(100vw/750)) auto 0;
    }
    #Contents-All .check-item-all a {
        display: block;
        font-size: calc(24*(100vw/750));
        font-weight: 400 !important;
        line-height: 2.3;
        letter-spacing: 0.3px;
        background-color: white;
    }
}
/**********************************タブレット*************************************/
@media only screen and (min-width: 561px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #Contents-All {width: calc(1400*(100vw/1400)); margin: calc(80*(100vw/1400)) auto 0; overflow-x: hidden;}
    #Contents-All .item-flex {display: flex;justify-content: center;}
    #Contents-All .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All .sp-only {display: none;}
    .main-area::after {
        margin: 0 auto !important;
    }
    .main-area {
        overflow-x: visible;
    }
    form#aspnetForm {
        overflow-x: hidden;
    }
    .Contents1,.Contents2,
    .Contents3,.contents-block,
    .cont-block-txt,
    .fixed-txt-area {
        width: calc(1400*(100vw/1400));
        margin: 0 auto;
    }
    /*==========================
    ipad size
    ==========================*/
    @media screen and (min-width: 561px) and (max-width: 768px) {
        #Contents-All .fixed-txt {font-size: calc(12*(100vw/1400)) !important;}
        #Contents-All .main-txt {font-size: calc(13*(100vw/1400)) !important;}
        #Contents-All .main-no-txt1 {font-size: calc(24*(100vw/1400)) !important;}
        #Contents-All .main-no-txt2 {font-size: calc(50*(100vw/1400)) !important;}
        #Contents-All .main-tittle-txt {font-size: calc(20*(100vw/1400)) !important;}
        #Contents-All .c-txt {font-size: calc(13*(100vw/1400)) !important;}
        #Contents-All .credit {font-size: calc(11*(100vw/1400)) !important;}
        #Contents-All .cont-txt {font-size: calc(13*(100vw/1400)) !important;}
        #Contents-All .staff-txt-main li {font-size: calc(11*(100vw/1400)) !important;}
        #Contents-All .check-item-all a {font-size: calc(15*(100vw/1400)) !important;}
        #Contents-All .uline-img1 {top: calc(63*(100vw/1400)) !important;right: calc(73*(100vw/1400)) !important;}
        #Contents-All .uline-img2 {top: calc(60*(100vw/1400)) !important;right: calc(217*(100vw/1400)) !important;}
        #Contents-All .uline-img3 {top: calc(60*(100vw/1400)) !important;}
        #Contents-All .fixed-txt {width: calc(248*(100vw/1400)) !important;top: 24% !important;margin-left: calc(-20*(100vw/1400)) !important;}
    }
    /*==========================
    共通項目
    ==========================*/
    #Contents-All .size360 {width: calc(360*(100vw/1400));}
    #Contents-All .size405 {width: calc(405*(100vw/1400));}
    #Contents-All .size420 {width: calc(420*(100vw/1400));}
    #Contents-All .size450000 {width: calc(450*(100vw/1400)) !important;}
    #Contents-All .size455000 {width: calc(455*(100vw/1400)) !important;}
    #Contents-All .size490000 {width: calc(490*(100vw/1400)) !important;}
    #Contents-All .size450 {width: calc(450*(100vw/1400));}
    /* #Contents-All .fixed-txt {
        width: 165px;
        font-size: 12px;
        letter-spacing: 0.7px;
        text-decoration: underline;
        position: -webkit-sticky;
        position: sticky;
        top: 50%;
        margin-top: calc(367*(100vw/1400));
        margin-left: calc(-45*(100vw/1400));
        z-index: 999;
    } */
    #Contents-All .fixed-txt {
        width: calc(15*(100vw/1400)) !important;
        letter-spacing: 0.7px;
        text-decoration: underline;
        margin: calc(40*(100vw/1400)) 0 0 calc(-56*(100vw/1400)) !important;
        z-index: 999;
    }
    #Contents-All .main-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.3px;
        margin-top: calc(75*(100vw/1400));
        text-align: center;
    }
    #Contents-All .main-no-txt {
        margin-top: calc(130*(100vw/1400));
    }
    #Contents-All .main-no-txt1 {
        font-size: 24px;
        letter-spacing: 1.3px;
    }
    #Contents-All .main-no-txt2 {
        font-size: 50px;
        letter-spacing: 1.3px;
        padding-left: calc(6*(100vw/1400));
    }
    #Contents-All .main-tittle-txt {
        font-size: 20px;
        font-family: toppan-bunkyu-mincho-pr6n, serif !important;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 2px;
        margin-top: calc(17*(100vw/1400));
        color: #597066;
    }
    #Contents-All .c-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.4px;
        margin-top: calc(17*(100vw/1400));
    }
    #Contents-All .credit {
        font-size: 11px;
        line-height: 1.85;
        letter-spacing: 0.3px;
        margin-top: calc(20*(100vw/1400));
    }
    #Contents-All .cont-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.4px;
    }
    #Contents-All .staff-txt-main li {
        font-size: 11px;
        line-height: 2.2;
        letter-spacing: 0.7px;
        text-align: center;
        color: #597066;
    }
    /*==========================
    main-visual
    ==========================*/
    #Contents-All .main-visual {
        width: calc(1400*(100vw/1400));
        margin: 0 auto;
    }
    #Contents-All .main-visual::before {
        content: '';
        display: block;
        width: 100vw;
        height: calc(600*(100vw/1400));
        position: absolute;
        top: 0;
        left: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All .uline-img1 {
        width: calc(138*(100vw/1400));
        position: absolute;
        top: calc(83*(100vw/1400));
        right: calc(-17*(100vw/1400));
        z-index: -999;
    }
    .c1-flex-area1 {
        margin-top: calc(74*(100vw/1400));
    }
    #Contents-All .c1-block1 {
        margin-left: calc(60*(100vw/1400));
    }
    #Contents-All .c1-flex-area2 {
        margin-top: calc(80*(100vw/1400));
    }
    #Contents-All .c1-block4 {
        margin: calc(160*(100vw/1400)) 0 0 calc(80*(100vw/1400));
    }
    #Contents-All .c1-txt2 {
        width: calc(405*(100vw/1400));
        margin-top: calc(25*(100vw/1400));
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All #bg-area::before {
        content: '';
        display: block;
        width: 100vw;
        height: calc(1576*(100vw/1400));
        position: absolute;
        top: calc(-99*(100vw/1400));
        left: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    #Contents-All #bg-area::after {
        content: '';
        display: block;
        width: 100vw;
        height: calc(1576*(100vw/1400));
        position: absolute;
        top: calc(-99*(100vw/1400));
        right: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    #Contents-All .uline-img2 {
        width: calc(120*(100vw/1400));
        position: absolute;
        top: calc(80*(100vw/1400));
        right: calc(157*(100vw/1400));
        z-index: -888;
    }
    #Contents-All .c2-flex-area1 {
        margin-top: calc(197*(100vw/1400));
    }
    #Contents-All .c2-block1 {
        margin-right: calc(60*(100vw/1400));
    }
    #Contents-All .c2-no-txt {
        margin-top: calc(116*(100vw/1400)) !important;
    }
    #Contents-All .c2-flex-area2 {
        margin-top: calc(81*(100vw/1400));
    }
    #Contents-All .c2-block3 {
        margin: calc(114*(100vw/1400)) calc(80*(100vw/1400)) 0 0;
    }
    #Contents-All .c2-txt2 {
        margin-bottom: calc(24*(100vw/1400));
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All .uline-img3 {
        width: calc(190*(100vw/1400));
        position: absolute;
        top: calc(83*(100vw/1400));
        left: 0;
        z-index: -999;
    }
    #Contents-All .c3-flex-area1 {
        margin-top: calc(200*(100vw/1400));
    }
    #Contents-All .c3-block1 {
        margin-left: calc(60*(100vw/1400));
    }
    #Contents-All .c3-flex-area2 {
        margin-top: calc(80*(100vw/1400));
    }
    #Contents-All .c3-block4 {
        margin: calc(161*(100vw/1400)) 0 0 calc(80*(100vw/1400));
    }
    #Contents-All .c3-txt2 {
        width: calc(405*(100vw/1400));
        margin-top: calc(25*(100vw/1400));
    }
    /*==========================
    Staff-area
    ==========================*/
    #Contents-All .staff-txt-main {
        margin: calc((44 / 900) * 100%) auto;
        text-align: center;
    }
    /*==========================
    check-all-items
    ==========================*/
    #Contents-All .check-item-all {
        width: calc(218*(100vw/1400));
        border: 1px solid #333333;
        text-align: center;
        margin: calc(77*(100vw/1400)) auto calc(89*(100vw/1400));
    }
    #Contents-All .check-item-all a {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        line-height: 2.3;
        letter-spacing: 0.35px;
        font-weight: 400 !important;
        background-color: white;
    }
}
/*************************************PC****************************************/
@media screen and ( min-width:1025px ) {
    /* #Contents-All {
        background-image: url(../img/pc.jpg);
        background-size: 1400px;
        background-position-x: 217px;
        background-position-y: -178px;
        background-repeat: no-repeat;
    } */
    #Contents-All {margin: 80px auto 0; overflow-x: hidden;}
    #Contents-All .item-flex {display: flex;justify-content: center;}
    #Contents-All .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All .sp-only {display: none;}
    .main-area {
        overflow-x: visible;
    }
    .main-area::after {
        margin: 0px auto!important;
        height: 0px !important;
    }
    .Contents1,.Contents2,
    .Contents3,.contents-block,
    .cont-block-txt,
    .fixed-txt-area {
        width: 1400px;
        margin: 0 auto;
    }
    /*==========================
    共通項目
    ==========================*/
    #Contents-All .size360 {width: 360px;}
    #Contents-All .size405 {width: 405px;}
    #Contents-All .size420 {width: 420px;}
    #Contents-All .size450 {width: 450px;}
    #Contents-All .size1400 {width: 1000px;}
    #Contents-All .fixed-txt {
        width: 15px !important;
        letter-spacing: 0.7px;
        text-decoration: underline;
        margin: 40px 0 0 -56px !important;
        z-index: 999;
    }
    #Contents-All .main-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.3px;
        margin-top: 75px;
        text-align: center;
    }
    #Contents-All .main-no-txt {
        margin-top: 130px;
    }
    #Contents-All .main-no-txt1 {
        font-size: 24px;
        letter-spacing: 1.3px;
    }
    #Contents-All .main-no-txt2 {
        font-size: 50px;
        letter-spacing: 1.3px;
        padding-left: 6px;
    }
    #Contents-All .main-tittle-txt {
        font-size: 20px;
        font-family: toppan-bunkyu-mincho-pr6n, serif !important;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 2px;
        margin-top: 17px;
        color: #597066;
    }
    #Contents-All .c-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.4px;
        margin-top: 17px;
    }
    #Contents-All .credit {
        font-size: 11px;
        line-height: 1.85;
        letter-spacing: 0.3px;
        margin-top: 20px;
    }
    #Contents-All .cont-txt {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0.4px;
    }
    #Contents-All .staff-txt-main li {
        font-size: 11px;
        line-height: 2.2;
        letter-spacing: 0.7px;
        text-align: center;
        color: #597066;
    }
    /*==========================
    main-visual
    ==========================*/
    #Contents-All .main-visual {
        width: 1400px;
        margin: 0 auto;
    }
    #Contents-All .main-visual::before {
        content: '';
        display: block;
        width: 100vw;
        height: 600px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All .uline-img1 {
        width: 148px;
        position: absolute;
        top: 57px;
        right: 85px;
        z-index: -999;
    }
    _:-ms-lang(x)::-ms-backdrop,#Contents-All .uline-img1 {
        top: 48px !important;
    }
    .c1-flex-area1 {
        margin-top: 74px;
    }
    #Contents-All .c1-block1 {
        margin-left: 60px;
    }
    #Contents-All .c1-flex-area2 {
        margin-top: 80px;
    }
    #Contents-All .c1-block4 {
        margin: 160px 0 0 80px;
    }
    #Contents-All .c1-txt2 {
        width: 405px;
        margin-top: 25px;
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All #bg-area::before {
        content: '';
        display: block;
        width: 100vw;
        height: 1576px;
        position: absolute;
        top: -99px;
        left: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    #bg-area::after {
        content: '';
        display: block;
        width: 100vw;
        height: 1576px;
        position: absolute;
        top: -99px;
        right: 0;
        background-color: #faf7f3;
        z-index: -999;
    }
    #Contents-All .uline-img2 {
        width: 98px;
        position: absolute;
        top: 58px;
        right: 168px;
        z-index: -888;
    }
    _:-ms-lang(x)::-ms-backdrop,#Contents-All .uline-img2 {
        top: 49px !important;
    }
    #Contents-All .c2-flex-area1 {
        margin-top: 197px;
    }
    #Contents-All .c2-block1 {
        margin-right: 60px;
    }
    #Contents-All .c2-no-txt {
        margin-top: 116px !important;
    }
    #Contents-All .c2-flex-area2 {
        margin-top: 81px;
    }
    #Contents-All .c2-block3 {
        margin: 114px 80px 0 0;
    }
    #Contents-All .c2-txt2 {
        margin-bottom: 24px;
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All .uline-img3 {
        width: 147px;
        position: absolute;
        top: 58px;
        left: 0;
        z-index: -999;
    }
    _:-ms-lang(x)::-ms-backdrop,#Contents-All .uline-img3 {
        top: 49px !important;
    }
    #Contents-All .c3-flex-area1 {
        margin-top: 200px;
    }
    #Contents-All .c3-block1 {
        margin-left: 60px;
    }
    #Contents-All .c3-flex-area2 {
        margin-top: 80px;
    }
    #Contents-All .c3-block4 {
        margin: 161px 0 0 80px;
    }
    #Contents-All .c3-txt2 {
        width: 405px;
        margin-top: 25px;
    }
    /*==========================
    Staff-area
    ==========================*/
    #Contents-All .staff-txt-main {
        margin: calc((44 / 900) * 100%) auto;
        text-align: center;
    }
    /*==========================
    check-all-items
    ==========================*/
    #Contents-All .check-item-all {
        width: 218px;
        border: 1px solid #333333;
        text-align: center;
        margin: 77px auto 89px;
    }
    #Contents-All .check-item-all a {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        line-height: 2.3;
        letter-spacing: 0.35px;
        font-weight: 400 !important;
        background-color: white;
    }
}