@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700&display=swap');
body {
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho" ,serif;
}

/* PC
---------------------------------------------------------------------- */
@media (min-width: 1001px) {
    
    .pc_none {
        display: none;
    }
    
    #pageheader ,
    #pageheader h1 ,
    #pageheader h1 img {
        width: 100%;
        height: 500px;
    }
    
    #pageheader h1 img {
        object-fit: cover;
    }
    
    #pagenav {
        margin: 45px auto 45px;
        padding-bottom: 30px;
    }
    
    #pagenav .nav1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 70px;
    }
    
    #pagenav .nav1 li {
        width: 183px;
        text-align: center;
    }
    
    #pagenav .nav1 li.current {
        background-color: #9d8068;
        color: #fff;
        padding: 0.8em 0;
    }
    
    #pagenav .nav1 li a {
        display: block;
        position: relative;
        padding: 0.8em 0;
        border-left: 1px solid #dcd7d6;
    }
    /*
    #pagenav .nav1 li a::after {
        content: '';
        border-top: solid 1px #998068;
        border-right: solid 1px #998068;
        transform: rotate( 45deg );
        width: 6px;
        height: 6px;
        position: absolute;
        top: calc(50% - 3px);
        right: 15px;
    }*/

    #about {
        margin-top: -150px;
        padding-top: 150px;
        padding-bottom: 70px;
    }
    
    #about h2 {
        width: 269px;
        margin: 0 auto 30px;
    }
    
    #about .lead {
        text-align: center;
        letter-spacing: 0.1em;
        margin-bottom: 30px;
    }
    
    #about .inner_aboutarea {
        margin-bottom: 90px;
    }
    #about .inner_aboutarea div{
        margin-bottom: 30px;
    }
    #about h3 {
        font-size: calc(26em / 16);
        line-height: 1.6;
        color: #9d8068;
        letter-spacing: 0.2em;
        text-align: center;
        padding: 20px 0 55px 0;
    }
    
    #about .inner_aboutarea .list{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #about .inner_aboutarea .list li{
        width: 32%;
    }
    
    #jizakelist {
        margin-top: -150px;
        padding-top: 150px;
    }

    #jizakelist .inner {
        position: relative;
        background: url("../../images/bg_cb2.jpg") 0 0;
        padding: 90px 0 120px 0;
    }
    
    #jizakelist .inner::before {
        content:  '';
        width: 220px;
        height: 100%;
        background: url("../../images/bg_obj3.svg") no-repeat 0 0;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
        top: -70px;
        right: calc(50% - 425px);
    }
    #jizakelist .lead{
        text-align: center;
        line-height: 2.4;
    }
    #jizakelist h2 {
        font-size: calc(26em / 16);
        color: #9d8068;
        letter-spacing: 0.2em;
        text-align: center;
        margin-bottom: 40px;
    }

    #jizakelist .amane {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start ;
        margin: 70px 0 130px;
    }
    
    #jizakelist .amane .image {
        width: calc(550 / 1100 * 100%);
        max-width: 550px;
    }
    
    #jizakelist .amane .text {
        width: calc(500 / 1100 * 100%);
        max-width: 500px;
        padding: 30px 0;
    }
    
    #jizakelist .amane .text h3 {
        font-size: calc(24em / 16);
        letter-spacing: 0.2em;
        color: #9d8068;
        margin-bottom: 25px;
    }
    #jizakelist .inner .text p:first-of-type{
        margin-bottom: 70px;
    }
    #jizakelist .inner .text p:last-of-type{
        margin-bottom: 30px;
    }
    #jizakelist .jizakelistBox{
        max-width: 905px;
        margin: 0 0 0 100px;
    }
    #jizakelist .jizakelistBox h4{
        font-size: 17px;
        letter-spacing: 0.2em;
        padding: 10px 15px;
    }
    #jizakelist .jizakelistBox h4::before{
        content: "●";
        font-size: 13px;
        color: #9A8068;
    }
    #jizakelist .jizakelistBox dl{
        margin: 0 auto 40px;
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #dcd7d6;
    }
    #jizakelist .jizakelistBox dt{
       border-bottom: 1px dashed #DAD5D4;
       padding: 10px 15px;
       width: 280px;
    }
    #jizakelist .jizakelistBox dt:last-of-type{
        border-bottom: 1px solid  #DAD5D4;
     }
    #jizakelist .jizakelistBox dt h5{
        display: inline-block;
        width: 52%;
    }
    #jizakelist .jizakelistBox dt .company{
        display: inline-block;
        line-height: 24px;
        color: #9A8068;
    }
    #jizakelist .jizakelistBox dd{
        border-bottom: 1px dashed #DAD5D4;
        padding: 10px 15px;
        width: calc(100% - 280px);
    }
    #jizakelist .jizakelistBox dd:last-of-type{
        border-bottom: 1px solid  #DAD5D4;
     }
     #jizakelist .jizakelistBox dl.nihon dt{
        border-bottom: 1px dashed #DAD5D4;
        padding: 10px 15px;
        width: 200px;
     }
     #jizakelist .jizakelistBox dl.nihon dd{
        border-bottom: 1px dashed #DAD5D4;
        padding: 10px 15px;
        width: calc(100% - 200px);
    }
    #jizakelist .jizakelistBox dl.nihon dt h5{
        width: 67%;
     }
     #jizakelist .jizakelistBox .note {
         margin-top: -10px;
         padding: 0 25px;
     }
}

/* SP
---------------------------------------------------------------------- */
@media (max-width: 1000px) {
    
    .sp_none {
        display: none;
    }
    
    #pageheader {
        width: 100%;
        height: calc(1000 / 1000 * 100vw);
    }
    
    #pageheader img {
        object-fit: cover;
        height: calc(1000 / 1000 * 100vw);
    }
    
    #pagenav {
        margin: calc(45 / 1000 * 100vw) auto calc(45 / 1000 * 100vw);
        padding-bottom: calc(30 / 1000 * 100vw);
    }
    
    #pagenav .nav1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom:  calc(70 / 1000 * 100vw);
    }
    
    #pagenav .nav1 li {
        width: calc(100% / 2);
        text-align: center;
    }
    
    #pagenav .nav1 li.current {
        background-color: #9d8068;
        color: #fff;
        padding: 0.8em 0;
    }
    
    #pagenav .nav1 li a {
        display: block;
        position: relative;
        padding: 0.8em 0;
        border-right: 1px solid #dcd7d6;
    }
    
    #pagenav .nav1 li a::after {
        content: '';
        border-top: solid 1px #998068;
        border-right: solid 1px #998068;
        transform: rotate( 45deg );
        width: 6px;
        height: 6px;
        position: absolute;
        top: calc(50% - 3px);
        right: 15px;
    }
    
    #about {
        padding-bottom: calc(70 / 1000 * 100vw);
    }
    
    #about h2 {
        width: calc(540 / 1000 * 100vw);
        max-width: 270px;
        margin: 0 auto calc(50 / 1000 * 100vw);
    }
    
    #about .lead {
        text-align: center;
        letter-spacing: 0.1em;
        margin-bottom: calc(50 / 1000 * 100vw);
    }
    
    #about .inner_aboutarea {
        margin-bottom: 90px;
    }

    #about .inner_aboutarea div{
        margin-bottom: calc(30 / 1000 * 100vw);
    }

    #about h3 {
        font-size: calc(22em / 16);
        line-height: 1.6;
        color: #9d8068;
        letter-spacing: 0.2em;
        text-align: center;
        padding: calc(20 / 1000 * 100vw) 0 calc(55 / 1000 * 100vw) 0;
    }
    #about .inner_aboutarea .list{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #about .inner_aboutarea .list li{
        width: 32%;
    }
    
    #jizakelist {
        position: relative;
        background: url("../../images/bg_cb2.jpg") 0 0;
        padding: calc(90 / 1000 * 100vw) 0 calc(120 / 1000 * 100vw) 0;
    }
    
    #jizakelist::before {
        content:  '';
        width: calc(320 / 1000 * 100vw);
        height: 100%;
        background: url("../../images/bg_obj3.svg") no-repeat 0 0;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
        top: calc(-120 / 1000 * 100vw);
        right: calc(20 / 1000 * 100vw);
    }
    #jizakelist .lead{
        text-align: center;
        line-height: 2.4;
    }
    #jizakelist h2 {
        font-size: calc(24em / 16);
        color: #9d8068;
        letter-spacing: 0.2em;
        text-align: center;
        margin-bottom: calc(120 / 1000 * 100vw);
    }

    #jizakelist .set {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: calc(15 / 1000 * 100vw);
    }
    
    #jizakelist .set li {
        width: calc(490 / 1100 * 100%);
        max-width: 490px;
    }
    
    #jizakelist .set li h3 {
        color: #9d8068;   
        margin-top: calc(10 / 1000 * 100vw);
        letter-spacing: 0.1em;
    }
    
    #jizakelist .price {
        display: flex;
        align-items: center;
        margin-top: calc(15 / 1000 * 100vw);
    }
    
    #jizakelist .price dt {
        margin-right: calc(25 / 1000 * 100vw);
    }
    
    #jizakelist .price dd span {
        color: #b7462c;
    }
    
    #jizakelist .price dd span strong {
        font-size: calc(22em / 16);
        font-weight: normal;
    }    
    
    #jizakelist .amane {
        margin: calc(70 / 1000 * 100vw) 0 calc(130 / 1000 * 100vw);
    }
    
    #jizakelist .amane .image {
        margin-bottom: calc(20 / 1000 * 100vw);
    }
    
    #jizakelist .amane .text h3 {
        font-size: calc(24em / 16);
        letter-spacing: 0.2em;
        color: #9d8068;
        margin-bottom: calc(25 / 1000 * 100vw);
    }
    #jizakelist .inner .text p:first-of-type{
        margin-bottom: calc(70 / 1000 * 100vw);
    }
    #jizakelist .inner .text p:last-of-type{
        margin-bottom: calc(30 / 1000 * 100vw);
    }
    #jizakelist .jizakelistBox h4{
        font-size: calc(17em / 16);
        letter-spacing: 0.2em;
        padding: calc(10 / 1000 * 100vw) calc(15 / 1000 * 100vw); 
    }
    #jizakelist .jizakelistBox h4::before{
        content: "●";
        font-size: calc(13em / 16);
        color: #9A8068;
    }
    #jizakelist .jizakelistBox dl{
        margin: 0 auto calc(80 / 1000 * 100vw);
        border-top: 1px solid #dcd7d6;
    }
    #jizakelist .jizakelistBox dt{
        padding: calc(40 / 1000 * 100vw) 0 calc(20 / 1000 * 100vw);
       width: 100%;
    }
    #jizakelist .jizakelistBox dt h5{
        display: inline-block;
    }
    #jizakelist .jizakelistBox dt .company{
        display: inline-block;
        line-height: 24px;
        color: #9A8068;
    }
    #jizakelist .jizakelistBox dd{
        border-bottom: 1px dashed #DAD5D4;
        padding: 0 0 calc(40 / 1000 * 100vw) ;
        width: 100%;
    }
    #jizakelist .jizakelistBox dd:last-of-type{
        border-bottom: 1px solid  #DAD5D4;
     }
}