@font-face {
    font-family: 'yumin';
    src: url("../font/yumin.woff");
    }
    
    @font-face {
    font-family: 'yuminl';
    src: url("../font/yuminl.woff");
    font-weight: bold;
    }
    @font-face {
        font-family: 'Hiragino Mincho ProN';
        src: url("../font/HiraKakuProN-W3-AlphaNum-01.woff");
    }
    @font-face {
        font-family: 'Noto Serif JP';
        font-weight: 400;
        src: url("../font/NotoSerifCJKjp-Regular.otf");
    }
    @font-face {
        font-family: 'Noto Serif JP';
        font-weight: 500;
        src: url("../font/NotoSerifCJKjp-Medium.otf");
    }
    
    .sp_only {
        display: none !important;
    }
    
    html{
        font-size: 62.5%;
        overflow-x: hidden;
    }
    
    .flexBox {
        display: flex;
        flex-wrap: wrap;
    }
    
    .lp211119_mitanireiko img,
    .lp211119_mitanireiko video {
        width: 100%;
    }
    
    .lp211119_mitanireiko {
        width: 100%;
        margin: 0 auto;
        color: #58595b;
        padding-top: 4.2rem;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
        font-feature-settings: 'palt';
        background-repeat: no-repeat;
        /* background-image: url(/Page/feature/211119_mitanireiko/img/pc.jpg); */
        background-position:center -11.9rem;
        overflow-x: hidden;
    }
    
     /*=============top============*/
     .lp211119_mitanireiko .main_top{
         width: 100%;
         text-align: center;
         font-family: "Noto Serif JP",serif;
         font-weight: 500;
         color: #000;
     }
     .lp211119_mitanireiko .main_top h2{
         font-size: 2.4rem;
         margin: 0 auto;
         font-weight: 500;
         letter-spacing: 0.12em;
     }
     .lp211119_mitanireiko .main_top h3 span{
         font-size: 3rem;
         font-weight: 500;
     } 
     .lp211119_mitanireiko .main_top h3{
         font-size: 3.4rem;
         font-weight: 500;
         letter-spacing: 0.12em;
         margin: 3rem 0 6.5rem;
     }
     .lp211119_mitanireiko .main_top .top_img{
         width: 66rem;
         margin: 0 auto;
     }
     .lp211119_mitanireiko .main_top .top_text{
         font-size: 1.2rem;
         letter-spacing: 0.12em;
         line-height: 2;
         margin: 5.8rem auto 9.5rem;
         color: #58595b;
         font-weight: 400;
     }
    /*=============common============*/
    .lp211119_mitanireiko .sec_{
        width: 140rem;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    .lp211119_mitanireiko .sec_text{
        font-size: 1.3rem;
        letter-spacing: 0.12em;
        line-height: 2;
        font-feature-settings: "palt";
    }
    .lp211119_mitanireiko .credit{
        font-family: "EB Garamond", serif;
        font-size: 1.4rem;
        letter-spacing: 0.07em;
        text-align: left;
        line-height: 1.5;
    }
    .lp211119_mitanireiko .credit span{
        font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
        font-size: 1.1rem;
        letter-spacing: 0.06em;
    }
    /* sec title */
    .lp211119_mitanireiko .sec_ttl h4{
        font-family: "Noto Serif JP",serif;
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 1.75;
        letter-spacing: 0.12em;
        color: #000;
        text-align: left;
        padding: 0 2.4rem 0 3rem;
        margin-top: -0.1rem;
    }
    .lp211119_mitanireiko .sec_ttl{
        display: block;
        border-left: 1px solid;
        border-right: 1px solid;
        z-index: 8;
    }
    .lp211119_mitanireiko .sec_ttl h4 span{
        vertical-align: -0.8rem;
    }
    .lp211119_mitanireiko .sec_01 .sec_ttl h4{
        line-height: 1.4;
        margin-top: 0.3rem;
    }
    /* bk */
    .lp211119_mitanireiko .list{
        position: relative;
    }
    .lp211119_mitanireiko .list::before{
        content: "";
        display: inline-block;
        position: absolute;
        background-size: 100%;
        z-index: -2;
    }
    .lp211119_mitanireiko .sec_01 .list::before{
        background: #C4BDB4;
    }
    .lp211119_mitanireiko .sec_02 .list::before{
        background: #E1CFAC;
    }
    .lp211119_mitanireiko .sec_04 .list::before{
        background: #D6E3E5;
    }
    .lp211119_mitanireiko .sec_03 .list::before{
     background: #d8cfca;
    }
    
    /*===========sec01==========*/
    .lp211119_mitanireiko .sec_01 .sec_ttl{
        height: 8rem;
        position: absolute;
        left: 16rem;
        top:14.1rem;
    } 
    .lp211119_mitanireiko .sec_01 .list_01{
        margin: 0 auto 7.6rem 35rem;
    }
    .lp211119_mitanireiko .sec_01 .list_01 img{
        width: 70rem;
    }
    .lp211119_mitanireiko .sec_01 .credit{
        margin: 97rem 0 0 2rem;
    }
    .lp211119_mitanireiko .sec_01 .list_01::before{
        width: 1300%;
        height: 20rem;
        top: 10rem;
        left: 86%;
    }
    .lp211119_mitanireiko .sec_01 .list_02{
        width: 90rem;
        margin: 0;
        z-index: 2;
    }
    .lp211119_mitanireiko .sec_01 .list_03{
        width: 50rem;
        margin: -15rem 0 0 75rem;
    }
    .lp211119_mitanireiko .sec_01 .list_03::before{
        width: 60rem;
        height: 60rem;
        top: -35rem;
        left: -35rem;
    }
    .lp211119_mitanireiko .sec_01 .list_04{
        width: 60rem;
        margin: 8rem 0 0 25rem;
    }
    .lp211119_mitanireiko .sec_01 .list_04::before{
        width: 1300%;
        height: 20rem;
        top: 60rem;
        left: 100%;
    }
    .lp211119_mitanireiko .sec_01 .sec_text{
        margin: -41.6rem 0 0 18.7rem;
    }
    .lp211119_mitanireiko .sec_01{
        margin-bottom: 16rem;
    }
    /*===========sec02==========*/
    .lp211119_mitanireiko .sec_02 .list_01{
        width: 97.5rem;
        margin: 0 0 8rem 42.5rem;
    }
    .lp211119_mitanireiko .sec_02 .list_01::before{
        width: 60rem;
        height: 60rem;
        top: 36rem;
        left: -42.5rem;
    }
    .lp211119_mitanireiko .sec_02 .sec_ttl{
        position: absolute;
        top: 43.9rem;
        left: 20.7rem;
        height: 8rem;
        padding-right: 0.4rem;
    }
    .lp211119_mitanireiko .sec_02 .list_02{
        margin: 0 auto 7.2rem 32.5rem;
    }
    .lp211119_mitanireiko .sec_02 .list_02 img{
        width: 75rem;
    }
    .lp211119_mitanireiko .sec_02 .list_02 .credit{
        margin: 104.4rem 0 0 2rem;
    }
    .lp211119_mitanireiko .sec_02 .sec_text{
        margin: 0 auto;
    }
    .lp211119_mitanireiko .sec_02{
        margin-bottom: 15.2rem;
    }
    /*===========sec03==========*/
    .lp211119_mitanireiko .sec_03 .sec_ttl{
        height: 8rem;
        margin: 0.1rem 0 6rem 48.6rem;
        padding: 0 0.5rem 0 0rem;
    }
    .lp211119_mitanireiko .sec_03 .sec_ttl h4{
        text-align: center;
        margin-top: -0.2rem;
    }
    .lp211119_mitanireiko .sec_03 .list_01{
        width: 50rem;
        margin: 0 0 7.5rem 20rem;
    }
    .lp211119_mitanireiko .sec_03 .list_02{
        width: 50rem;
        margin: 0%;
    }
    .lp211119_mitanireiko .sec_03 .list_02::before{
        width: 1300%;
        height: 20rem;
        top: 10rem;
        left: 100%;
    }
    .lp211119_mitanireiko .sec_03 .sec_text{
        margin: 0 auto 7.1rem;
    }
    .lp211119_mitanireiko .sec_03 .list_03{
        margin: 0 0 0 20.7rem;
    }
    .lp211119_mitanireiko .sec_03 .list_03 a{
        order: 2;
    }
    .lp211119_mitanireiko .sec_03 .list_03 img{
        width: 70rem;
    }
    .lp211119_mitanireiko .sec_03 .list_03::before{
        height: 20rem;
        width: 1300%;
        right: 83%;
        top: 40.1rem;
    }
    .lp211119_mitanireiko .sec_03 .credit{
        margin: 62rem 2rem 0 0;
        text-align: right;
        order: 1;
    }
    .lp211119_mitanireiko .sec_03{
        margin-bottom: 15.6rem;
    }
    /*===========sec04==========*/
    .lp211119_mitanireiko .sec_04 .list_wrap{
        width: 60rem;
        margin: 0 0 7.5rem 25rem;
        order: -1;
        z-index: 2;
    }
    .lp211119_mitanireiko .sec_04 .list_01{
        margin-bottom: 2rem;
    }
    .lp211119_mitanireiko .sec_04 .sec_ttl{
        margin: 9.1rem 0 0 -10rem;
        height: 8rem;
        padding-right:0.2rem;
    }
    .lp211119_mitanireiko .sec_04 .sec_ttl h4{
        text-align:right;
    }
    .lp211119_mitanireiko .sec_04 .sec_text{
        margin: 0 auto;
        z-index: 2;
    }
    .lp211119_mitanireiko .sec_04 .list_03{
        margin: 7.4rem 0 0 18.6rem;        
    }
    .lp211119_mitanireiko .sec_04 .list_03 a{
        order: 2;
    }
    .lp211119_mitanireiko .sec_04 .list_03 img{
        width: 75rem;
    }
    .lp211119_mitanireiko .sec_04 .list_03::before{
        width:60rem;
        height:60rem;
        left: 61.4rem;
        top: -46.5rem;
    }
    .lp211119_mitanireiko .sec_04 .credit{
        order: 1;
        margin: 104.5rem 2rem 0 0;
        text-align: right;
    }    
    /*===========staff========*/
    .staff {
        margin: 12.8rem auto 0;
        font-family: 'EB Garamond', serif;
        font-feature-settings: 'palt';
        text-align: center;
        line-height: 1.4;
        letter-spacing: 0.03em;
        color: #000;
        width: 110rem;
        border-bottom: 1px solid #acacad;
    }
    .staff a {
        display: inline-block;
        border-bottom: double 3px #cacaca;
        font-size: 2rem;
        letter-spacing: 0.02em;
        padding:0 0 0.3rem;
    }
    .staff p{
        font-size: 1.4rem;
        letter-spacing: 0.03em;
        line-height: 2.4rem;
        margin:13.5rem auto;
        color: #58595b;
    }
    /*==========tablet========*/
    @media only screen and (max-width: 1400px) and (min-width: 561px) {
        .main-area.archive_slider {
            min-width: inherit !important;
        }
        .lp211119_mitanireiko{
            width: 100%;
        }
        html {
            font-size: calc(10 * (100vw / 1400));
            }    
    }
    
    /*==========sp========*/
    @media only screen and (max-width: 560px) {
    
    html {
        font-size: calc(10 * (100vw / 750));
    }
    .pc_only {
        display: none !important;
    }
    .sp_only {
        display: block !important;
    }
    .cateList {
        display: flex;
        flex-wrap: wrap;
    }
    #breadcrumb .cateList {
        margin-top: 0!important;
    }
    .archive_slider {
        padding: 16rem 0 0 0!important;
    }
    
    .lp211119_mitanireiko {
        width: 75rem;
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
        /* background-image: url(/Page/feature/211119_mitanireiko/img/sp.jpg);  */
        background-position:center -9.5rem;
        background-size: 100%;
        padding-top: 11.4rem;
    }
     /*---top---*/
     .lp211119_mitanireiko .main_top h2{
         font-size: 3.2rem;
     }
     .lp211119_mitanireiko .main_top h3{
         font-size: 4.6rem;
         margin: 5rem auto 8.1rem;
     }
     .lp211119_mitanireiko .main_top h3 span{
         font-size: 4.2rem;
     }
     .lp211119_mitanireiko .main_top .top_img{
         width: 75rem;
     }
     .lp211119_mitanireiko .main_top .top_text{
         font-size: 2.4rem;
         margin: 8.7rem auto 12.8rem;
     }
    /* common */
    .lp211119_mitanireiko .sec_{
        width: 100%;
        text-align: center;
    }
    .lp211119_mitanireiko .sec_text{
        font-size: 2.6rem;
        width: 67.5rem;
        text-align: justify;
        margin: 0 auto;
    }
    .lp211119_mitanireiko .credit a{
        font-size: 2.4rem;
        line-height: 1.75;
        letter-spacing: 0.07em;
    }
    /* sec title */
    .lp211119_mitanireiko .sec_ttl h4{
        font-size: 3.6rem;
        text-align: center;
        padding: 0 2.7rem 0 4rem !important;
    }
    /* sec1 */
    .lp211119_mitanireiko .sec_01 .sec_ttl{
        height: 12rem;
        position: inherit;
        margin: 0 auto;
        left: 0;
        top: 0;
    }
    .lp211119_mitanireiko .sec_01 .list_01{
        margin: 6.2rem 0 0 3.5rem;
    }
    .lp211119_mitanireiko .sec_01 .list_01 img{
        width: 68rem;
    }
    .lp211119_mitanireiko .sec_01 .credit{
        margin: 3.4rem 0 0
    }
    .lp211119_mitanireiko .sec_01 .list_01::before{
        height: 20rem;
        width: 100rem;
        top: 10rem;
        left: 68rem;
    }
    .lp211119_mitanireiko .sec_01 .list_02{
        width: 60rem;
        margin: 9rem 0 8rem;
    }
    .lp211119_mitanireiko .sec_01 .list_03{
        width: 35rem;
        margin: 0 0 9rem 35rem;
    }
    .lp211119_mitanireiko .sec_01 .list_03::before{
        width: 50rem;
        height: 50rem;
        top: -29rem;
        left: -20rem;
    }
    .lp211119_mitanireiko .sec_01 .list_04{
        width: 54rem;
        order: 10;
        margin: 8.8rem 0 0 5rem;
    }
    .lp211119_mitanireiko .sec_01 .list_04::before{
        height: 20rem;
        width: 100rem;
        top: 51rem;
        left: 54rem;
    }
    .lp211119_mitanireiko .sec_01 .sec_text{
        margin: 0 auto;
    }
    .lp211119_mitanireiko .sec_01{
        margin-bottom: 17.5rem;
    }
    /* sec2 */
    .lp211119_mitanireiko .sec_02 .list_01{
        width: 66rem;
        margin: 6.4rem 0 8rem 9rem;
    }
    .lp211119_mitanireiko .sec_02 .list_01::before{
        width: 50rem;
        height: 50rem;
        left: -9rem;
        top: 23rem;
    }
    .lp211119_mitanireiko .sec_02 .sec_ttl{
        position: inherit;
        height: 12rem;
        top: 0;
        left: 0;
        margin: 0 auto;
    }
    .lp211119_mitanireiko .sec_02 .sec_ttl h4{
        padding:0 4.5rem !important;
    }
    .lp211119_mitanireiko .sec_02 .list_02{
        margin: 0 auto;
        width: 68rem;
    }
    .lp211119_mitanireiko .sec_02 .list_02 img{
        width: 68rem;
    }
    .lp211119_mitanireiko .sec_02 .list_02 .credit{
        margin: 3.2rem 0 0;
    }
    .lp211119_mitanireiko .sec_02 .sec_text{
        margin: 8.2rem auto 0;
    }
    .lp211119_mitanireiko .sec_02{
        margin-bottom: 16.6rem;
    }
    /* sec3 */
    .lp211119_mitanireiko .sec_03 .sec_ttl{
        height: 12rem;
        padding: 0;
        margin: 0 auto 6rem;
    }
    .lp211119_mitanireiko .sec_03 .sec_ttl h4{
        padding:0 4.5rem !important;
    }
    .lp211119_mitanireiko .sec_03 .list_01{
        width: 54rem;
        margin: 0 auto 3rem;
    }
    .lp211119_mitanireiko .sec_03 .list_02{
        width: 54rem;
        margin: 0 auto;
    }
    .lp211119_mitanireiko .sec_03 .list_02::before{
        width: 100rem;
        top: -74rem;
        left: 54rem;
    }
    .lp211119_mitanireiko .sec_03 .sec_text{
        margin: 9rem auto;
    }
    .lp211119_mitanireiko .sec_03 .list_03{
        margin: 0 auto;
        width: 68rem;
    }
    .list_03 .sec_03 .list_03 a{
        order: 0;
    }
    .lp211119_mitanireiko .sec_03 .list_03 img{
        width: 68rem;
    }
    .lp211119_mitanireiko .sec_03 .list_03::before{
        width: 100rem;
        top: 38rem;
        left: -100rem;
        right: auto;
    }
    .lp211119_mitanireiko .sec_03 .credit{
        margin: 2.9rem 0 0 0;
        order: 2;
    }
    .lp211119_mitanireiko .sec_03{
        margin-bottom: 17.2rem;
    }
    /* sec4 */
    .lp211119_mitanireiko .sec_04 .list_wrap{
        margin: 6rem 0 9rem;
        order: inherit;
    }
    .lp211119_mitanireiko .sec_04 .list_01{
        margin-bottom: 3rem;
    }
    .lp211119_mitanireiko .sec_04 .sec_ttl{
        margin: 0 auto;
        height: 12rem;
        padding: 0;
    }
    .lp211119_mitanireiko .sec_04 .sec_ttl h4{
        padding: 0 4.5rem !important;
    }
    .lp211119_mitanireiko .sec_04 .sec_ttl h4{
        text-align: center;
    }
    .lp211119_mitanireiko .sec_04 .list_03{
        width: 68rem;
        margin: 0 auto;
    }
    .lp211119_mitanireiko .sec_04 .list_03 a{
        order: 0;
    }
    .lp211119_mitanireiko .sec_04 .list_03 img{
        width: 68rem;
    }
    .lp211119_mitanireiko .sec_04 .list_03::before{
        width: 50rem;
        height: 50rem;
        left: 21.5rem;
        top: -26rem;
    }
    .lp211119_mitanireiko .sec_04 .sec_text{
        margin: 0 auto 8.5rem;
    }
    .lp211119_mitanireiko .sec_04 .credit{
        margin: 3.2rem 0 0;
    }
    /*staff*/
    .staff {
        margin: 14.4rem auto 14.5rem;
        width: 100%;
        border-bottom: none;
    }
    .staff a {
        letter-spacing: 0.03em;
        font-size: 3.6rem;
        padding-bottom: 1rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }
    .staff p{
        line-height: 2;
        font-size: 2.6rem;
    }
    /* fix */
    .lp211119_mitanireiko .sec_01 .sec_ttl h4{
        line-height: 1.45;
    }
    .lp211119_mitanireiko .sec_ttl h4 span{
        vertical-align: -0.9rem;
    }
}
/* hack */
.mac.gecko .lp211119_mitanireiko .sec_01 .list_01::before{
    left: 85.9%;
}
.mac.safari .lp211119_mitanireiko .sec_01 .list_01::before{
    left: 85.9%;
}
.win .lp211119_mitanireiko .sec_01 .list_01::before{
    left: 85.9%;
}
/* fade */
.fade_up{
	transform: translateY(50px);
    opacity: 0;
}
.fade_up.active{
    transition: transform 1.5s, opacity 1.5s;
    transform: translateY(0);
    opacity: 1;
}