@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;
    }

    .lp201104_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;
    }

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

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

    /*box共通*/
    .lp201104_kamiyama section {
        width: calc(750* (100vw / 750));
        margin: 0 auto;
    }

    .lp201104_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;
    }

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

    .lp201104_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;
    }
    
    .lp201104_kamiyama section .main_text p{
        font-size: calc(26* (100vw / 750));
        line-height: 2;
        letter-spacing: 0.12em;
        text-align: justify;
    }
    
    .lp201104_kamiyama section .sub_text{
        width: calc(700* (100vw / 750));
        z-index: 1;
        position: relative;
        background-color: #ede9e9;
    }
    
    .lp201104_kamiyama section .sub_text hr{
        width: calc(245* (100vw / 750));
        /* position: absolute; */
        border-top: 1px solid #000;
    }
    
    .lp201104_kamiyama section .sub_text h3{
        font-family: capitolium-2, serif;
        color: #000;
        font-weight: 300;
        font-style: italic;
        font-size: calc(56* (100vw / 750));
        letter-spacing: 0.08em;
        padding-right: calc(50* (100vw / 750));
    }
    
    .lp201104_kamiyama section .sub_text p{
        font-size: calc(26* (100vw / 750));
        letter-spacing: 0.12em;
        line-height: 2;
    }
    
    /* sec1 */
    .lp201104_kamiyama .sec1 .sub_text {
        padding-top: calc(118* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
    }

    .lp201104_kamiyama .sec1 .sub_text .set{
        margin-left: calc(52* (100vw / 750));
        justify-content: space-between;
    }

    .lp201104_kamiyama .sec1 .sub_text hr{
        /* top: calc(126* (100vw / 750));
        left: calc(50* (100vw / 750)); */
        margin-top: calc(30* (100vw / 750));
        
    }
    
    .lp201104_kamiyama .sec1 .sub_text h3{
        text-align: right;
    }
    
    /* sec2 */
    .lp201104_kamiyama .sec2 .sub_text {
        padding-top: calc(117* (100vw / 750));
        padding-bottom: calc(70* (100vw / 750));
    }
    
    .lp201104_kamiyama .sec2 .sub_text .set{
        margin-left: calc(52* (100vw / 750));
        margin-right: calc(40* (100vw / 750));
        justify-content: space-between;
    }

    .lp201104_kamiyama .sec2 .sub_text hr{
        /* top: calc(125* (100vw / 750));
        left: calc(405* (100vw / 750)); */
        margin-top: calc(30* (100vw / 750));
    }
    
    .lp201104_kamiyama .sec2 .sub_text h3{
        /* margin-left: calc(50* (100vw / 750)); */
    }
    
    /* box1 */
    .lp201104_kamiyama_box1{
        padding-top: calc(120* (100vw / 750));
    }
    
    .lp201104_kamiyama_box1 ._2 {
        margin: 0 auto;
        padding-top: calc(50* (100vw / 750));
    }

    .lp201104_kamiyama_box1 ._2 figure{
        width: calc(600* (100vw / 750));
        margin: 0 auto;
    }

    .lp201104_kamiyama_box1 ._2 .credit{
        padding-left: calc(75* (100vw / 750));
    }

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

    .lp201104_kamiyama_box1 ._3{
        width: calc(525* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        position: relative;
        z-index: 2;
    }
    
    .lp201104_kamiyama_box1 ._4{
        margin-top: calc(-60* (100vw / 750));
        left: calc(50* (100vw / 750));
    }
    
    .lp201104_kamiyama_box1 ._4 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(45* (100vw / 750));
    }
    
    /* box2 */
    .lp201104_kamiyama_box2{
        padding-top: calc(150* (100vw / 750));
    }

    .lp201104_kamiyama_box2 ._1{
        margin: 0 auto;
    }

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

    .lp201104_kamiyama_box2 ._1 .credit{
        padding-left: calc(15* (100vw / 750));
    }

    .lp201104_kamiyama_box2 ._2{
        padding-top: calc(60* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(70* (100vw / 750));
    }
    
    .lp201104_kamiyama_box2 ._3{
        margin-top: calc(-60* (100vw / 750));
        order: 2;
    }
    
    .lp201104_kamiyama_box2 ._3 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(47* (100vw / 750));
    }
    
    .lp201104_kamiyama_box2 ._4{
        width: calc(600* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        margin-left: calc(150* (100vw / 750));
        z-index: 2;
    }
    
    /* box3 */
    .lp201104_kamiyama_box3{
        padding-top: calc(150* (100vw / 750));
    }
    
    .lp201104_kamiyama_box3 ._2 {
        margin: 0 auto;
        padding-top: calc(50* (100vw / 750));
    }

    .lp201104_kamiyama_box3 ._2 figure{
        width: calc(600* (100vw / 750));
        margin: 0 auto;
    }

    .lp201104_kamiyama_box3 ._2 .credit{
        padding-left: calc(75* (100vw / 750));
    }

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

    .lp201104_kamiyama_box3 ._3{
        width: calc(525* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        position: relative;
        z-index: 2;
    }
    
    .lp201104_kamiyama_box3 ._4{
        margin-top: calc(-60* (100vw / 750));
        left: calc(50* (100vw / 750));
        padding-top: calc(140* (100vw / 750)) !important;    
    }

    .lp201104_kamiyama_box3 .sub_text hr{
        top: calc(145* (100vw / 750)) !important; 
    }
    
    .lp201104_kamiyama_box3 ._4 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(45* (100vw / 750));
    }
    
    /* box4 */
    .lp201104_kamiyama_box4{
        padding-top: calc(150* (100vw / 750));
    }

    .lp201104_kamiyama_box4 ._1{
        margin: 0 auto;
    }

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

    .lp201104_kamiyama_box4 ._2{
        padding-top: calc(60* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(73* (100vw / 750));    
    }
    
    .lp201104_kamiyama_box4 ._3{
        margin-top: calc(-60* (100vw / 750));
        order: 2;
    }

    .lp201104_kamiyama_box4 ._3 hr{
        width: calc(295* (100vw / 750))!important;
        left: calc(355* (100vw / 750))!important;
    }
    
    .lp201104_kamiyama_box4 ._3 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(47* (100vw / 750));
    }
    
    .lp201104_kamiyama_box4 ._4{
        width: calc(525* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        margin-left: calc(225* (100vw / 750));
        z-index: 2;
    }
    
    /* box5 */
    .lp201104_kamiyama_box5{
        padding-top: calc(150* (100vw / 750));
    }

    .lp201104_kamiyama_box5 ._2 {
        margin: 0 auto;
        padding-top: calc(50* (100vw / 750));
    }

    .lp201104_kamiyama_box5 ._2 figure{
        width: calc(600* (100vw / 750));
        margin: 0 auto;
    }

    .lp201104_kamiyama_box5 ._2 .credit{
        padding-left: calc(75* (100vw / 750));
    }

    .lp201104_kamiyama_box5 ._2 .main_text p{
        padding-top: calc(65* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(75* (100vw / 750));    
    }

    .lp201104_kamiyama_box5 ._3{
        width: calc(525* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        position: relative;
        z-index: 2;
    }
    
    .lp201104_kamiyama_box5 ._4{
        margin-top: calc(-60* (100vw / 750));
        left: calc(50* (100vw / 750)); 
    }

    .lp201104_kamiyama_box5 .sub_text hr{
        left: calc(50* (100vw / 750));
        width: calc(295* (100vw / 750))!important;
    }
    
    .lp201104_kamiyama_box5 ._4 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(45* (100vw / 750));
    }
    
        /* box6 */
    .lp201104_kamiyama_box6{
        padding-top: calc(150* (100vw / 750));
    }

    .lp201104_kamiyama_box6 ._1{
        margin: 0 auto;
    }

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

    .lp201104_kamiyama_box6 ._2{
        padding-top: calc(60* (100vw / 750));
        padding-left: calc(75* (100vw / 750));
        padding-right: calc(73* (100vw / 750));    
    }
    
    .lp201104_kamiyama_box6 ._3{
        margin-top: calc(-60* (100vw / 750));
        order: 2;
    }

    .lp201104_kamiyama_box6 ._3 hr{
        width: calc(295* (100vw / 750))!important;
        left: calc(355* (100vw / 750))!important;
    }
    
    .lp201104_kamiyama_box6 ._3 p{
        padding-top: calc(40* (100vw / 750));
        margin-left: calc(50* (100vw / 750));
        margin-right: calc(47* (100vw / 750));
    }
    
    .lp201104_kamiyama_box6 ._4{
        width: calc(525* (100vw / 750));
        padding-top: calc(90* (100vw / 750));
        margin-left: calc(225* (100vw / 750));
        z-index: 2;
    }

    /* staff */
    .staff {
        text-align: center;
        margin: calc(158* (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));
    }