@font-face {
        font-family: 'Hiragino Mincho ProN';
        src: url("../font/HiraKakuProN-W3-AlphaNum-01.woff");
    }

    @font-face {
        font-family: 'yumin';
        src: url("../font/yumin.woff");
    }

    @font-face {
        font-family: 'yuminl';
        src: url("../font/yuminl.woff");
        font-weight: bold;
    }

    .lp201124_kamiyama img {
        width: 100%;
    }

    .cateList {
        display: flex;
        flex-wrap: wrap;
    }

    .cateList li {
        display: inline-block;
    }

    .pc_only {
        display: none !important;
    }

    
    .main-area .btn-pagetop {
        z-index: 99;
    }

    .fl {
        display: flex;
        flex-wrap: wrap;
    }

    .lp201124_kamiyama {
        width: 100%;
        margin: 0 auto calc(160* (100vw / 750));
        /* background-image: url(/Page/feature/201124_kamiyama/img/coat_sp_02.jpg); */
        background-size: 100%;
        background-position-y: -50px;
        background-position-y: 7281px;
        background-repeat: no-repeat;
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
        font-feature-settings: 'pkna';
        color: #58595b;
    }
    
    /*mv*/
    .lp201124_kamiyama_mv {
        width: calc(750* (100vw / 750));
    }

    .lp201124_kamiyama_mv p {
        padding-top: calc(70* (100vw / 750));
        font-size: calc(26* (100vw / 750));
        line-height: 2;
        letter-spacing: 0.12em;
        text-align: center;
    }

    /*box共通*/
    .lp201124_kamiyama section {
        width: calc(750* (100vw / 750));
    }

    .lp201124_kamiyama section .credit {
        font-size: calc(28* (100vw / 750));
        line-height: calc(46* (100vw / 750));
        padding-top: calc(30* (100vw / 750));
        letter-spacing: 0.07em;
        font-family: "EB Garamond", serif;
    }

    .lp201124_kamiyama section .main_text{
        width: 100%;
    }

    .lp201124_kamiyama section .main_text h2{
        font-family: 游明朝体, YuMincho, "游明朝 Medium", "Yu Mincho", "Hiragino Mincho ProN", HGS明朝E, yumin, メイリオ, serif;
        color: #000;
        font-weight: 600;
        font-size: calc(42* (100vw / 750));
        line-height: calc(60* (100vw / 750));
        letter-spacing: 0.1em;
        text-align: center;
    }
    
    .lp201124_kamiyama section .main_text p{
        font-size: calc(26* (100vw / 750));
        line-height: 2;
        letter-spacing: 0.12em;
        text-align: justify;
    }

    .lp201124_kamiyama section .sub_text .set{
        position: relative;
    }

    .lp201124_kamiyama section hr{
        border-top: 1px solid #000;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .lp201124_kamiyama section .sub_text h3{
        color: #000;
        font-family: orpheuspro, serif;
        font-weight: 400;
        font-style: italic;
        font-size: calc(56* (100vw / 750));
        letter-spacing: 0.04em;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .lp201124_kamiyama section .sub_text p{
        font-size: calc(26* (100vw / 750));
        letter-spacing: 0.12em;
        line-height: 2;
        padding-top: calc(88* (100vw / 750));
    }
    
    /* sec1 */
    .lp201124_kamiyama .sec1 .sub_text{
        background-color: #fff;
    }

    .lp201124_kamiyama .sec1 h3{
        background-color: #fff;
    } 

    /* sec2 */
    .lp201124_kamiyama .sec2 .sub_text{
        background-color: #f5f4f2;
    }

    .lp201124_kamiyama .sec2 h3{
        background-color: #f5f4f2;
    }
    
    /* box1 */
    .lp201124_kamiyama_box1{
        margin-top: calc(130* (100vw / 750));
        padding-top: calc(95* (100vw / 750));
        padding-bottom: calc(100* (100vw / 750));    
        background-color: #f5f4f2;
    }
    
    .lp201124_kamiyama_box1 ._2 {
        padding-top: calc(50* (100vw / 750));
        width: calc(600* (100vw / 750));
        margin: 0 auto;
    }

    .lp201124_kamiyama_box1 ._2 .main_text p{
        padding-top: calc(60* (100vw / 750));
    }

    .lp201124_kamiyama_box1 ._3{
        margin: calc(93* (100vw / 750)) auto 0;
        padding-top: calc(90* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        width: calc(680* (100vw / 750));
    }
    

    .lp201124_kamiyama_box1 ._3 hr{
        width: calc(250* (100vw / 750));
    }
    
    .lp201124_kamiyama_box1 ._3 h3{
        top: calc(-15* (100vw / 750));
        width: calc(225* (100vw / 750));
        background-color: #fff;
    }
    
    .lp201124_kamiyama_box1 ._3 p{
        margin-left: calc(40* (100vw / 750));
        margin-right: calc(35* (100vw / 750));
    }
    
    /* box2 */
    .lp201124_kamiyama_box2{
        padding-top: calc(95* (100vw / 750));
    }

    .lp201124_kamiyama_box2 ._1{
        margin: 0 auto;
    }

    .lp201124_kamiyama_box2 ._1 figure{
        width: calc(600* (100vw / 750));
        padding-top: calc(50* (100vw / 750));
        margin: 0 auto;
    }

    .lp201124_kamiyama_box2 ._2{
        padding-top: calc(60* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(70* (100vw / 750));
    }
    
    .lp201124_kamiyama_box2 ._3{
        margin-top: calc(-60* (100vw / 750));
        padding-top: calc(130* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        order: 2;
        width: calc(700* (100vw / 750));
    }
    
    .lp201124_kamiyama_box2 ._3 h3{
        top: calc(-12* (100vw / 750));
        width: calc(305* (100vw / 750));    
    }

    .lp201124_kamiyama_box2 ._3 hr{
        width: calc(330* (100vw / 750));
    }

    .lp201124_kamiyama_box2 ._3 p{
        padding-top: calc(40* (100vw / 750)) ;
        margin-left: calc(50* (100vw / 750)) ;
        margin-right: calc(47* (100vw / 750)) ;
    }
    
    .lp201124_kamiyama_box2 ._4{
        width: calc(525* (100vw / 750));
        padding-top: calc(94* (100vw / 750));
        z-index: 2;
    }
    
     /* box3 */
    .lp201124_kamiyama_box3{
        margin-top: calc(105* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        padding-bottom: calc(100* (100vw / 750));
        background-color: #f5f4f2;
    }

    .lp201124_kamiyama_box3 ._1{
        margin: 0 auto;
    }

    .lp201124_kamiyama_box3 ._2{
        padding-top: calc(50* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._2 figure{
        width: calc(600* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._2 figure , .lp201124_kamiyama_box3 ._2 .credit{
        margin-left: calc(75* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._2 .main_text p{
        padding-top: calc(60* (100vw / 750));
        margin-left: calc(75* (100vw / 750));
        margin-right: calc(75* (100vw / 750));
    }
    
    .lp201124_kamiyama_box3 ._3{
        padding-top: calc(95* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        margin-left: calc(225* (100vw / 750));
        width: calc(525* (100vw / 750));
        z-index: 3;
    }

    .lp201124_kamiyama_box3 ._4{
        z-index: 2;
        margin-top: calc(-135* (100vw / 750));
        padding-top: calc(135* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        order: 2;
        width: calc(700* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._4 h3{
        top: calc(-12* (100vw / 750));
        width: calc(355* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._4 hr{
        width: calc(380* (100vw / 750));
    }

    .lp201124_kamiyama_box3 ._4 p{
        padding-top: calc(40* (100vw / 750)) ;
        margin-left: calc(50* (100vw / 750)) ;
        margin-right: calc(47* (100vw / 750)) ;
    }

    /* box4 */
    .lp201124_kamiyama_box4{
        padding-top: calc(95* (100vw / 750));
    }

    .lp201124_kamiyama_box4 ._1{
        margin: 0 auto;
    }

    .lp201124_kamiyama_box4 ._1 figure{
        width: calc(600* (100vw / 750));
        padding-top: calc(50* (100vw / 750));
        margin: 0 auto;
    }

    .lp201124_kamiyama_box4 ._2{
        padding-top: calc(60* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(70* (100vw / 750));
    }

    .lp201124_kamiyama_box4 ._3{
        margin-top: calc(-60* (100vw / 750));
        padding-top: calc(130* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        order: 2;
        width: calc(700* (100vw / 750));
    }

    .lp201124_kamiyama_box4 ._3 h3{
        top: calc(-12* (100vw / 750));
        width: calc(305* (100vw / 750));    
    }
    
    .lp201124_kamiyama_box4 ._3 hr{
        width: calc(330* (100vw / 750));
    }
    
    .lp201124_kamiyama_box4 ._3 p{
        padding-top: calc(40* (100vw / 750)) ;
        margin-left: calc(50* (100vw / 750)) ;
        margin-right: calc(47* (100vw / 750)) ;
    }

    .lp201124_kamiyama_box4 ._4{
        width: calc(525* (100vw / 750));
        padding-top: calc(94* (100vw / 750));
        z-index: 2;
    }

     /* box5 */
    .lp201124_kamiyama_box5{
        margin-top: calc(95* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        padding-bottom: calc(100* (100vw / 750));
        background-color: #f5f4f2;
    }

    .lp201124_kamiyama_box5 ._1{
        margin: 0 auto;
    }

    .lp201124_kamiyama_box5 ._2{
        padding-top: calc(50* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._2 figure{
        width: calc(600* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._2 figure , .lp201124_kamiyama_box5 ._2 .credit{
        margin-left: calc(75* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._2 .main_text p{
        padding-top: calc(60* (100vw / 750));
        margin-left: calc(75* (100vw / 750));
        margin-right: calc(75* (100vw / 750));
    }
    
    .lp201124_kamiyama_box5 ._3{
        padding-top: calc(95* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        margin-left: calc(225* (100vw / 750));
        width: calc(525* (100vw / 750));
        z-index: 3;
    }

    .lp201124_kamiyama_box5 ._4{
        z-index: 2;
        margin-top: calc(-135* (100vw / 750));
        padding-top: calc(125* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
        order: 2;
        width: calc(700* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._4 h3{
        top: calc(-12* (100vw / 750));
        width: calc(355* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._4 hr{
        width: calc(380* (100vw / 750));
    }

    .lp201124_kamiyama_box5 ._4 p{
        padding-top: calc(40* (100vw / 750)) ;
        margin-left: calc(50* (100vw / 750)) ;
        margin-right: calc(47* (100vw / 750)) ;
    }

    /* staff */
    .staff {
        text-align: center;
        margin: calc(155* (100vw / 750)) auto calc(160 * (100vw / 750));
        width: 100%;
        border-bottom: 1px solid #fff;
        padding-bottom: 0;
        font-family: 'EB Garamond', serif;
        font-feature-settings: 'palt';
    }

    .staff a {
        letter-spacing: 0.03em;
        font-size: calc(40 * (100vw / 750));
        border-bottom: double 4px #c0c0c0;
        padding-bottom: calc(6 * (100vw / 750));
        color: #000;
    }

    .staff p {
        margin-top: calc(170 * (100vw / 750));
        line-height: 1.7;
        font-size: calc(28 * (100vw / 750));
    }