@charset "utf-8";

/* =====================
common 
========================*/

html {
    font-size: 62.5%;
}

img {
    max-width: 100%;
    height: auto;
}


:root {
    /* よく使うものを先に登録するcolor */
    --primary-white: #FFF8F0;
    --primary-brown: #271602;
    --primary-green: #34672A;
    --primary-orange: #FC7F34;

}

body {
    font-family:
    "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    font-style: normal;
    /* 最初に登録したものの後ろに”万が一機能しない場合のための予防”を入力 */
    color: var(--primary-brown, #271602);
}

.lead {
    color: var(--primary-brown, #271602);
    text-align: center;
    text-shadow: 0px 1.3px 1.3px rgba(112, 95, 73, 0.60);
    font-family: "Zen Maru Gothic", serif;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom:7px;
}
.leadTxt {

}

.pcBr {
    display: none;
}

/* PC common */
@media screen and (min-width:769px){
    .lead {
        text-shadow: 0px 1.4px 1.4px rgba(112, 95, 73, 0.60);
        font-family: "Zen Maru Gothic", serif;
        font-size: 3rem;
        line-height: 1;
        letter-spacing: 0.1em;
        
    }

    .spBr {
        display: none;
    }
}

/* =====================
header
========================*/
.header {
    padding: 17px 4.8% 13px 4.2%;
    height: 60px;
    background: linear-gradient(180deg, rgba(147, 121, 88, 0.80) 0%, rgba(186, 172, 160, 0.80) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
}
h1 img {
    width: 26.89vw;
    max-width: 140px;
}

.header__topic a,
.nav__topic a {
    display: flex;
    align-items: center;
}

/* nav初期表示 以下ハンバーガー後ほど*/
.nav {
    background-color: rgba(79, 55, 31, 0.85);
    /* 画面いっぱいに広がって欲しい指示 */
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* 一番手前に来て欲しい設定 */
    z-index: 100;
    /* 普段はこの本体（100％）分左に隠れてて欲しい指示*/
    transform: translateX(-100%);
    /* 出てくる時にゆっくりして欲しい、ただしtransformにだけ効いてほしい */
    transition: transform 0.4s;
}

.nav__header {
    max-height: 60px;
    padding: 17px 4.8% 13px 4.2%;
    background: linear-gradient(180deg, rgba(147, 121, 88, 0.80) 0%, rgba(186, 172, 160, 0.80) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* text-align: center; */
}

.nav__topic {
    width: 26.89vw;
    max-width: 140px;
}

.nav__btn {
    width: 5.3vw;
    max-width: 40px;
}
.nav__list {
    padding: 24px 10.66vw 44px;
}

.nav__item {
    color:  #FEFAED;
    font-family: "Zen Maru Gothic", serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1; 
    margin-top: 37px;
}

.nav__item:first-of-type{
    margin-top: 0;
}

.nav__item:last-of-type{
    text-align: center;
}

.nav__item img {
    width: 70.613vw;
    max-width: 290px;
}

.header__btn {
    width: 7.145vw;
    max-width: 40px;
}
/* ハンバーガーここまで */

/* .で繋げて指示するとactiveの時はこうして欲しいという指示になる */
.nav.active{
    transform: translateX(0);
}

/* PC header */
@media screen and (min-width:1192px){

    .header {
        position:fixed;
        top:0px;
        padding: 10px 7vw 10px 7.5vw;
        width: 100%;
        height: 80px;
        margin: 0 auto;
        background: rgba(254, 250, 237, 0.50);
        backdrop-filter: blur(5px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    h1 img {
        width: 13.8vw;
        max-width: 200px;
    }

    .nav__header {
        display: none;
    }
    
    .nav {
        /* PC版に表示したくないものには０表記や当初設定を入力する */
        background: transparent;
        width: auto;
        height: auto;
        position:unset;
        padding: 0;
        transform: translate(0);
    }


    .nav__list {
        display: flex;
        align-items: center;
        margin-top: 0;
        padding: 0 0 0 22px;
    }

    .nav__item {
        color: var(--primary-brown);
        font-size: 1.6rem;
        margin: 0 1.45vw 0 0 ;
    }
    
    .nav__item:last-of-type{
        text-align: center;
        margin-right: 0;
    }
    
    .nav__item img {
        width: 18.3vw;
        max-width: 264.8px;
    }

    .header__btn {
        display: none;
    }
/*  */
}

/* =====================
article_header
========================*/
.article_header {
    position: relative;
}

.article_header img{
    width: 100%;
}

.mainTitle {
    position: absolute;
    left: 6.4%;
    top: 29.9%;

}

.imgPc.main {
    display: none;
}


/* PC article_header */
@media screen and (min-width:769px){
    .article_header {
        position:unset
    }

    .imgPc.main {
        display: block;
    }
    
    .imgSp.main ,.mainTitle{
        display: none;
    }
    
/*  */
}

/* =====================
about
========================*/

.section--about {
    background-color: #FFFBF0;
    padding: 79px 0 63px;
}

.mainCaption img {
    display: none;
}

.about_lead {
    margin: auto 7.6%;
    color: var(--primary-brown);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(112, 95, 73, 0.60);
    font-family: "Zen Maru Gothic", serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.09em;
}

.about_txt {
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
    padding: 7px 0;
}

.about_txt_orange{
    color: var(--primary-orange);
    font-size: 2.6rem;
}

.about_txt_green {
    color: var(--primary-green);
    font-size: 2.6rem;
}

.about_topic {
    margin: 28px 10vw 0;
    text-align: center;
}

.imgSp.subvisual {
    width: 80vw;
    max-width: 300px;
}

.imgPc.subvisual {
    display: none;
}

.about_description {
    margin-top: 21px;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-align: justify;
}

.about_sampleCheck {
    margin: 55px 6.1% 0;
    text-align: center;
}

.about_sampleCheck img {
    width: 88.2vw;
    max-width: 331px;
}

/* PC about */
@media screen and (min-width:769px){

    .section--about {
        background-color: #FFFBF0;
        padding: 127px 0 91.76px;
    }

    .mainCaption {
        display: flex;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
    }

    .mainCaption img {
        display: inline-block;
        width: 9.79vw;
        height: 100%;
    }
    
    .about_lead {
        margin: 0 0 0 2.3%;
        text-align: justify;
        text-shadow: 0px 1.5px 1.5px rgba(112, 95, 73, 0.60);
        font-family: "Zen Maru Gothic";
        font-size: 2.6rem;
    }
    
    .about_txt_orange, .about_txt_green{
        font-size: 3.2rem;
    }

    .imgSp.subvisual {
        display: none;
    }
    
    /* カルーセルにしたいので後で！ */
    .imgPc.subvisual {
        display: inline-block;
        width: 19vw;
        max-width: 300px;
    }

    .about_topic {
        margin: 118.25px 0 0;
        text-align: center;
    }

    .about_description {
        margin: 100px auto 0;
        width: 56.1vw;
        max-width: 860px;
        font-size: 2.2rem;
        text-align: center;

    }
        
        
    .about_sampleCheck {
        margin: 100px auto 0;
        /* text-align: center; */
    }
    
    .about_sampleCheck img {
        width: 39.8vw;
        max-width: 430px;
    }
    
    
    .pcBr {
        /* display: block; */
    }

    /*  */
}

/* =====================
reason
========================*/
.section__reason {
    background: linear-gradient(0deg, #FFF8F0 0.31%, #F6DAB7 11.22%);
    padding-bottom: 76px;
}

.lead--reason {
    padding: 50px 9.8vw 0;
}

.lead_reason_txt {
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
    padding-bottom: 7px;
    letter-spacing: 0;
}

.reason_txt_green {
    color: #0E970B;
    font-size: 3.1rem;
    position: relative;
}

.reason_txt_green::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: -3px;
    background: url(../img/standout_3_.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.reason_detail {
    margin: 49px 9.8vw 0;
}

.reasonNumber {
    font-family: "Shippori Mincho", serif;
    font-size: 6.4rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-right: 8px;
}
.no1 {
    position: relative;
}

.no1::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 57.6vw;
    height: 23vh;
    top: -27px;
    left: -94px;
    background: url(../img/potato.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.no2 {
    position: relative;
}

.no2::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 48vw;
    height: 27vh;
    top: -30px;
    left: -75px;
    background: url(../img/onion.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.no3 {
    position: relative;
}

.no3::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 62.6vw;
    height: 37vh;
    top: -36px;
    left: -120px;
    background: url(../img/carrot.webp);
    background-size: contain;
    background-repeat: no-repeat;
}


.reasonTopic {
    text-shadow: 0px 1px 1px rgba(112, 95, 73, 0.60);
    font-family: "Zen Maru Gothic", serif;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.37;
    letter-spacing: 0.1em;
}

.reason_txt_red {
    color: #F04441;
}

.reasonShape {
    display: flex;
    align-items:flex-end
}

.reasonImg {
    margin-top: 36px;
    text-align: center;
}

.reasonImg img {
    width: 80vw;
    max-width: 300px;
}

.reasonImg3 {
    margin-top: 36px;
    text-align: center;
}

.reasonImg3 img {
    width: 64vw;
    max-width: 250px;
}
.reasonText {
    margin-top: 25.8px;
    line-height: 1.41; 
    letter-spacing: 0.12em; 
}

.reason2 {
    margin-top: 82px;
}

.reasonShape2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

/* PC reason */
@media screen and (min-width:1020px){
    .section__reason {
        background:url(../img/reaon-background.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 185.06px;
    }
    .lead--reason {
        padding: 105.52px 0 0;
    }

    .lead_reason_txt {
    border-bottom: dashed 1.4px #6F3D04;
    }

    .reason_detail {
        /* margin: 65px 20.1vw 0; */
        margin: 65px auto 0;
        width: 59.7vw;
        max-width: 860px;
    }
    
    .reasonNumber {
        font-family: "Shippori Mincho", serif;
        font-size: 7.6rem;
        margin-right: 14px;
    }

    .reasonShape {
        display: flex;
        align-items:flex-end
    }

    .reasonShape2 {
        display: flex;
        align-items:flex-end
        
    }

    .reasonTopic {
        font-size: 2.4rem;
    }

    .reasonBox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: justify;
        margin-top: 26px;
    }
    
    .reasonBox2 {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        text-align: justify;
        margin-top: 26px;
    }

    .reasonText {
        margin-top: 0;
        font-size: 2.0rem;
        width: 30.2vw;
    }

    .reasonImg {
    margin-top: 26px;
    text-align: center;
    }

    .reasonImg img {
        width: 26.8vw;
        max-width: 387px;
    }
    
    .reasonImg3 {
        margin-top: 26px;
        margin-left: 3.47vw;
        text-align: center;
    }
    
    .reasonImg3 img {
        width: 19.9vw;
        max-width: 287px;
    }

    .no1 {
        position:static
    }

    .no1::after {
        display: none;
    }
    
    .no2 {
        position:static
    }

    .no2::after {
        display: none;
    }
    
    .no3 {
        position:static
    }
    
    .no3::after {
        display: none;
    }
}

    

/* product  ------
----------------*/

.section--product {
    padding: 74px 4.2vw 68px;
    text-align: center;
    background-color: #FFFBF5;
}

.product_text {
    color: var(--primary-brown);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(112, 95, 73, 0.60);
    font-family: "Zen Maru Gothic", serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.473em;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.product_text::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 21px;
    height: 28px;
    top: -14px;
    left: -13px;
    background: url(../img/standout_ji_.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.product_lead {
    /* margin-top: 8px; */
    color: var(--primary-orange);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(112, 95, 73, 0.60);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1em;
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
    padding: 14px 0 7px;
}

.txt_green {
    color: var(--primary-green);
}

.product_detail {
    margin-top: 39px;
}
.product_img img {
    width: min(400px, 100%);
}

.productSecond {
    margin-top: 74px;
}

.product_shop {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap:0 10px;
}

.shopName {
    text-align: center;
    font-size: 2.0rem;
    line-height: 1.473;
    letter-spacing: 0.12em;
}

.shopPlace {
    text-align: center;
}

.product_name {
    margin-top: 14px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1; 
}

.product_price {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 0px;
}

.price {
    color: var(--primary-orange);
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.47;
    letter-spacing: 0.06em;
}

.tax {
    font-weight: 300;
    line-height: 1;
}

.btnOrder {
    margin-top: 8px;
}

.btnOrder img {
    width: 88.2vw;
    max-width: 331px;
}

/* PC product */
/* 769バージョンだと文字崩れあり */
@media screen and (min-width:949px){
    .section--product {
        padding: 131.12px 9.72vw 200px;
    }

    .product_text {
        font-size: 2.2rem;
        font-weight: 500;
    }

    .product_lead {
        text-shadow: 0px 1.4px 1.4px rgba(112, 95, 73, 0.60);
        font-size: 3.6rem;
    }
    
    .product_detail {
        margin: 70px auto 0;
        display: flex;
        max-width: 964px;
        gap: 5.48vw;
    }

    .product_img img {
        width: min(442px, 100%);
    }
    
    .productSecond {
        margin-top: 0px;
    }

    .product_shop {
        margin-top: 31.2px;
        gap:0 13px;
    }
    
    .shopName {
        font-size: 2.6rem;
    }
    
    .shopPlace {
        font-size: 1.82rem;
    }
    
    .product_name {
        margin-top: 18.2px;
        font-size: 2.34rem;
    }
    
    .product_price {
        margin-top: 18.6px;
        gap: 0px;
    }
    
    .price {
        font-size: 4.16rem;
    }
    
    .tax {
        font-size: 1.82rem;
        line-height: 1.47;
    }

    .btnOrder {
        margin-top: 36.3px;
    }
    
    .btnOrder img {
        width: 29.8vw;
        max-width: 430px;
    }
/*  */

}

/* =====================
assurance
========================*/
.section--assurance {
    background-color: var(--primary-white);
    padding: 57px 0 62px;
    font-family: "Shippori Mincho";
    color: var(--primary-white);
    font-weight: 700;
    line-height: 1.473;
}

.assurance_radius {
    background-image: url(../img/hosyou-background.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px 0px;
    padding: 90px 10.1vw 84.5px;
    
}

.assurance_lead{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    border-bottom: solid 1px var(--primary-white);
}

.assurance_lead img {
    height: 40px;
}

.assurance_shape {
    margin-top: 26px;
}

.assurance_topic {
    margin: 0 4.6vw;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    text-align: center;
}

.assurance_txt {
    margin-top: 26px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-align: justify;
}

.pcBr {
    display: none;
}

.assurance_contact { 
    margin-top: 27px;
    padding-bottom: 37px;
    font-weight: 400;
    border-bottom: solid 1px var(--primary-white);
}

.contactHow {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.contactDetail {
    margin: 4px 0 10px 0 ;
}

.phone {
    font-size: 1.6rem;
    margin: 4px 0 0 12.5vw;
}

.phone::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 17px;
    background-image:url(../img/tel.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 13px;
}
.phoneFrom {
    font-size: 1.2rem;
    margin: 0 0 0 12.5vw;
}

.mail {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 4px 0 0 12.5vw;
}

.mail::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image:url(../img/mail.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 13px;

}

/* PC assurance */
@media screen and (min-width:769px){
    .section--assurance {
        padding: 0 0 167px;
        font-weight: 700;
        line-height: 1.473;
    }

    .assurance_radius {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 128px 0px;
        padding: 90px 20.1vw 84.5px;
        
    }

    .assurance_lead{
        font-size: 3.0rem;
        max-width: 860px;
        margin: 0 auto;
    }

    .assurance_lead img {
        height: 59px;
    }
    
    .assurance_shape {
        margin: 80.53px auto 0;
        width: 59.7vw;
        max-width: 860px;
    }
    
    .assurance_topic {
        margin: 0 0;
        font-size: 2.6rem;
    }
    
    .assurance_txt {
        margin: 59px auto 0;
        font-size: 2.2rem;
        max-width: 757px;

    }
    .pcBr {
        display: block;
    }
    
    .assurance_contact { 
        display: flex;
        flex-wrap: wrap;
        margin: 71px auto 0;
        padding-bottom: 80.68px;
        max-width: 757px;
        gap: 0 9.34vw;
    }
    
    .contactHow {
        font-size: 2.0rem;
    }

    .contactDetail {
        margin: 4px 0 10px 0 ;
    }

 

    .phone {
        font-size: 2.68rem;
        margin: 18px 0 0 0;
    }
    
    .phone::before{
        content: '';
        display: inline-block;
        width: 35.28px;
        height: 28.56px;
        background-image:url(../img/tel.png) ;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 21.84px;
    }
    .phoneFrom {
        font-size: 2.0rem;
        margin: 1.32px 0 0 0;
    }
    
    .mail {
        font-size: 2.68rem;
        margin: 18px 0 0 0;
    }
    
    .mail::before {
        content: '';
        display: inline-block;
        width: 35px;
        height: 26.83px;
        background-image:url(../img/mail.png) ;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 22px;
    
    }
}

/* PC assurance */
@media screen and (min-width:1256px){
    .assurance_contact { 
        display: flex;
        flex-wrap: nowrap;
        margin: 71px auto 0;
        padding-bottom: 80.68px;
        max-width: 757px;
        gap: 0 min(9.34vw,134px);
    }

    .contactDetail {
        margin: 0 0 0 0 ;
    }

/*  */
}


/* =====================
people
========================*/
.section--people {
    background-color: #F3E3CF;
    padding: 0 10.1vw 0;
    text-align: center;
}

.lead--people {
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
    /* line-height: 1; */
}


.txt_green {
    color: var(--primary-green);
}

.txt_orange {
    color: var(--primary-orange);
    position: relative;
}

.deli::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 21px;
    height: 28px;
    top: -9px;
    right: -11px;
    background: url(../img/standout_su_.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.peopleDetail {
    display: block;
    margin-top: 47px;
}

.wipe1, .wipe2 {
    position: relative;
    display: inline-block;
    margin: 16px 0;
    padding: 10px 11px;
    min-width: 120px;
    max-width: 100%;
    text-align: justify;
}
.wipe1 {
    background: #ECC1B6;
    fill: #ECC1B6;
    filter: drop-shadow(0px 7px 3px rgba(187, 172, 153, 0.32));
}

.wipe1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 80%;
    /* margin-left: -15px; */
    border: 10px solid transparent;
    border-top: 15px solid #ECC1B6;
    }
  
.wipe2 {
    background:#B8CB8B;
    fill: #B8CB8B;
    filter: drop-shadow(0px 7px 3px rgba(187, 172, 153, 0.32));
}
  .wipe2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 80%;
    /* margin-left: -15px; */
    border: 10px solid transparent;
    border-top: 15px solid #B8CB8B;
}
  
.wipeComent {
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
}

.personImg{
    width: min(400px, 100%);
    margin: 0 auto;
}

.personComent{
    width: 80vw;
    max-width: 615px;
}

.personName {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.08em; 
    text-align: justify;
    margin-top: 9.5px;
}

.personTxt {
    /* width: 300px;
    height: 74px; */
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.2em;
    text-align: justify;
    margin-top: 16px;
}

.person:nth-child(2){
    margin-top: 50px;
}

/* PC assurance */
@media screen and (min-width:1020px){
    .section--people {
        padding: 0 20.1vw;
        text-align: center;
        margin: 0 auto;
    }

    .lead--people {
        display: inline-block;
        border-bottom: dashed 1.4px #6F3D04;
    }
    
    .peopleDetail {
        margin-top: 90px;
    }
    
    .person {
        display: flex;
        margin: 0 auto;
        max-width: 860px;
        gap: 20px;
        
    }
    
    .personImg{
        width: min(420px, 100%);
    }

    .personComent{
        width: 29.1vw;
    }

    .wipeComent {
        font-size: 2rem;
        font-weight: 500;
        letter-spacing: 0.076em;

    }

    .wipe1, .wipe2 {
        padding: 16px 18px;
        margin: 0 0 16px 0;
        min-width: 120px;
        max-width: 100%;
        text-align: justify;
    }

    .wipe1:before {
        border: 13px solid transparent;
        border-top: 19px solid #ECC1B6;
        }

    .personName {   
        font-size: 2.0rem;
        text-align: justify;
    }

    .personTxt {
        font-size: 2.0rem;
        line-height: 1.4;
        text-align: justify;
    }

/*  */

}


/* waveContainer */
.waveContainer {
    position: relative;
    background: #F3E3CF;
    height: 10vh;
    overflow-x:clip;
  }
  
  .wave {
    position: absolute;
    height: 40%;
    width: 100%;
    background: #F3E3CF;
    /* topにかえた */
    top: 0;
  }
  
  .wave::before, .wave::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50% 100%;
  }
  
    .wave::after {
    width: 55%;
    height: 100%;
    background-color: #F3E3CF;
    left: -3.5%;
    top: -40%;
    }

.wave::before {
    width: 55%;
    height: 109%;
    background-color: var(--primary-white);
    right: -3.5%;
    top: -60%;
}

/* PC waveContainer */
@media screen and (min-width:769px){
    .wave {
        height: 63%;
    }

    .wave::after {
        top: -48%;
    }
    /*  */
}


/* containerBottom */
.containerBottom {
    position: relative;
    background: #F3E3CF;
    height: 10vh;
}
  
.waveBottom {
    position: absolute;
    height: 40%;
    width: 100%;
    background: #F3E3CF;
    bottom: 0;
}
  
.waveBottom::before, .waveBottom::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100% 50%;
}
  
.waveBottom::before {
    width: 55%;
    height: 109%;
    background-color: #F6DAB7;
    right: 1.5%;
    top: 60%;
}

.waveBottom::after {
    width: 55%;
    height: 100%;
    background-color: #F3E3CF;
    left: -1.5%;
    top: 40%;
}

/* PC containerBottom */
 @media screen and (min-width:769px){
    .waveBottom {
        height: 63%;
    }

    .waveBottom::before {
        top: 67%;
    }
    
    /*  */
}

/* =====================
review
========================*/
.section--review {
    background-color:#F6DAB7;
    padding: 71px 4.2%;
    text-align: center;
}

.lead--review {
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
}
.okage {
    position: relative;
}
.okage::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 26px;
    height: 28px;
    top: -13px;
    left: -11px;
    background: url(../img/standout_o_.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.review_insta {
    overflow-x: scroll;
    margin-top: 56px;
    /* padding: 0 10px; */
}

.instaList {
    list-style: none;
    display: flex;
    width: 900px;
    gap: 20px;
}

/* PC review */
@media screen and (min-width:1020px){
    .section--review {
        padding: 168.84px 4.2% 210px;
    }

    .lead--review {
        border-bottom: dashed 1.4px #6F3D04;
    }

    .review_insta {
        overflow-x: unset;
        /* display: flex;
        flex-wrap: wrap; */
        margin-top: 126.6px;
    }

    .instaList {
        margin: 0 auto;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        width: 59.7vw;
        max-width: 860px;
        gap: min(3.75vw, 54px);
        justify-content: center
    }
    
    .instaList img{
        width: 27.29vw;
        max-width: 393px;
    }


    /*  */
}


/* =====================
FAQ
========================*/

.section--FAQ {
    background-color: #F6DAB7;
    padding: 80px 4.2% 53px;
    text-align: center;

}

.lead--FAQ {
    display: inline-block;
    border-bottom: dashed 1px #6F3D04;
}

.faq_radius {
    background-color:#FFF3DC ;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 67px 0px;
    padding: 32px 5.8vw 84.5px;
    
}

.QandA {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-align: justify;
}

.question {
    width: 79.6vw;
    margin-top: 36px;
}


.ancer {
    width: 80.8vw;
    margin-top: 12px;
    padding-bottom: 20px;
    border-bottom:solid 1px var(--primary-brown);
    font-family: "Zen Kaku Gothic New";
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

.border_sendo {
    position: relative;   
}

.border_sendo::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 168px;
    height: 17px;
    top: 11px;
    right: 6px;
    background-image: url(../img/border_sendo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.border_nouyaku {
    position: relative;   
}

.border_nouyaku::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 168px;
    height: 17px;
    top: 11px;
    left: -44px;
    background-image: url(../img/border_nouyaku.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* PC FAQ */
@media screen and (min-width:1020px){

    .section--FAQ {
        padding: 0px 9.72vw 121px;
        text-align: center;
    }

    .faq_radius {
        border-radius: 90px 0px;
        padding: 59px 10.4vw 135px;
        
    }
    
    /* .questionDetail{
        width: 5.97vw;
        max-width: 860px;
    } */

    .QandA {
        font-size: 2.2rem;
    }
    
    .question {
        width: 59.7vw;
        max-width: 860px;
        margin: 54px auto 0;
    }

    .Q1 img,.Q2 img {
        width: 33px;
        height: 33px;
    }

    .ancer {
        width: 59.7vw;
        max-width: 860px;
        margin: 30px auto 0;
        padding-bottom: 30px;
        border-bottom:solid 2px var(--primary-brown);
        font-size: 2.0rem;

    }

    .border_sendo::after {
        position: absolute;
        content: "";
        width: 236px;
        height: 23.8px;
        top: 15px;
        right: 11px;

    }

    .border_nouyaku::after {
        position: absolute;
        content: "";
        width: 115px;
        height: 23.5px;
        top: 17px;
        left: -1px;
    }

/*  */
}

/* fade */
.fade {
    width: auto;
    height: 10vh;
    background: linear-gradient(180deg, #F8DCB9 0%, #FFF 100%);
}

/* =====================
Footer
========================*/

.footer {
    background: url(../img/footer.webp);
    background-repeat: no-repeat;
    background-size: cover;

}

.footerLogo {
    display: block;
    width: 46.1vw;
    max-width: 173px;
    margin: 0 0 0 10.1vw;
    padding-top:54px ;
    
}

.footerNav__list {
    display: flex;
    margin: 20px 0 0 10.1vw;
    width: 172px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;

}

.footerNav__item{
    color: #633A1D;
    font-family: "Zen Maru Gothic";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}


.copy {
    padding: 78px 0 45px;
    text-align: center;
    align-items: center;
}

/* PC FAQ */
@media screen and (min-width:1020px){
    .footerLogo {
        display: block;
        width: 20.8vw;
        max-width: 300px;
        margin: 0 auto;
        padding-top:57px ;
        
    }
    
    .footerNav__list {
        display: flex;
        flex-direction: row;
        width: 59.7vw;
        max-width: 860px;
        margin: 44.64px auto 0;
        padding: 0px 0px;
        justify-content: center;
        /* align-items: flex-end; */
        align-content: flex-end;
        gap: 20px;
        flex-wrap: nowrap;
    
    }

    .footerNav__item{
        font-size: 1.6rem;
    }
    
    .copy {
        padding: 69px 0 45px;

    }

/*  */
}