@charset "utf-8";
/*===========================
add
===========================*/


/*======================================
  Values
======================================*/

/*.values{
    padding:100px 0;
    background:#f7f8fa;
}

.section-title{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.section-title span{
    display:inline-block;
    color:#0a7f6f;
    font-weight:700;
    letter-spacing:.15em;
    margin-bottom:10px;
}

.section-title h2{
    font-size:40px;
    line-height:1.5;
    margin-bottom:25px;
}

.section-title p{
    color:#666;
    line-height:2;
}*/

.values-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.value-card{
    position: relative;
    background-color: #B5A9A2;
    border-radius: 18px;
    padding: 45px 35px;
    box-shadow: 0 15px 40px rgba(0,0,0,.07);
    transition: .3s;
}

/*.value-card:hover{
    transform:translateY(-8px);
}*/

.value-number{
    position:absolute;
    top:20px;
    right:25px;
    font-size:58px;
    font-weight:800;
    color:#eef3f4;
    line-height:1;
}

.value-icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #271C19;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
}

.value-card h3{
    font-size:1em;
    margin-bottom:25px;
    line-height:1.5;
}
.value-card h3:after {
  height: 0;
}
.value-card p{
    line-height:2;
    /*color:#555;*/
    margin-bottom:18px;
}

.value-card p:last-child{
    margin-bottom:0;
}

.value-card ul{
    margin:20px 0;
    padding:0;
    list-style:none;
}

.value-card li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    line-height:1.3;
}

.value-card li:before{
    content: "✓";
    position: absolute;
    left: 0;
    color: #271C19;
    font-weight: bold;
}

@media(max-width:900px){

.values{
    padding:70px 0;
}

.values-grid{
    grid-template-columns:1fr;
}

.section-title h2{
    font-size:30px;
}

.value-card{
    padding:35px 25px;
}

.value-number{
    font-size:44px;
}

}


/* =========================================================
   Service
========================================================= */

.serviceWrap{
    display:flex;
    align-items:center;
    gap:70px;
    margin-top:50px;
    margin-bottom:70px;
}

.serviceText{
    flex:1;
}

.serviceImage{
    flex:0 0 42%;
}

.serviceImage img{
    width:100%;
    display:block;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.price{
    display:inline-block;
    margin-bottom:35px;
    padding:14px 28px;
    background:#b8860b;
    color:#fff;
    border-radius:50px;
    font-size:1.2rem;
    font-weight:bold;
}

.price strong{
    font-size:1.5rem;
}

/*.serviceText h3{
    margin:40px 0 20px;
    padding-left:18px;
    border-left:5px solid #b8860b;
    font-size:1.8rem;
    line-height:1.5;
}

.serviceText p{
    margin-bottom:20px;
    line-height:2;
}*/


/* =========================================================
   Check List
========================================================= */

.checkList{
    margin-top:25px;
    padding:0;
    list-style:none;
}

.checkList li{
    position:relative;
    padding:14px 0 14px 40px;
    border-bottom:1px solid rgba(255,255,255,.1);
    line-height:1.8;
}

.checkList li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:15px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#b8860b;
    color:#fff;
    text-align:center;
    line-height:24px;
    font-size:.8rem;
}


/* =========================================================
   Biz
========================================================= */

.bizList{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-top:70px;
}

.bizItem{
    padding:35px;
    border-radius:18px;
    background-color: #B5A9A2;
    /*color:#333;*/
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/*.bizItem h3{
    margin-bottom:20px;
    color:#b8860b;
    font-size:1.6rem;
}

.bizItem p{
    margin-bottom:18px;
    line-height:1.9;
}*/

.bizItem .checkList li{
    border-bottom:1px solid #e8e8e8;
}


/* =========================================================
   Section
========================================================= */

/*section{
    padding:100px 0;
}

section h2{
    position:relative;
    margin-bottom:25px;
    padding-bottom:20px;
    text-align:center;
    font-size:2.8rem;
    font-weight:bold;
}

section h2::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    background:#b8860b;
}

.bgDark{
    background:#1f1f1f;
    color:#fff;
}

.bgDark .bizItem{
    background:#fff;
    color:#333;
}*/


/* =========================================================
   Responsive
========================================================= */

@media (max-width:900px){

    section{
        padding:70px 0;
    }

    section h2{
        font-size:1.5rem;
    }

    .serviceWrap{
        flex-direction:column-reverse;
        gap:40px;
        margin:40px 0;
    }

    .serviceImage{
        width:100%;
    }

    .serviceText h3{
        font-size:1.4rem;
    }

    .price{
        font-size:1rem;
    }

    .price strong{
        font-size:1.2rem;
    }

    .bizList{
        grid-template-columns:1fr;
        gap:25px;
        margin-top:40px;
    }

    .bizItem{
        padding:25px;
    }

}


/* ===========================================
停止パターン
=========================================== */

.stopGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-top:60px;
}


/* ===========================================
3つの整理
=========================================== */

.threeGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    margin-top:60px;
}

.threeGrid img{
    width:120px;
    display:block;
    margin:0 auto 25px;
}

/*.threeGrid .bizItem{
    text-align:center;
}*/


/* ===========================================
Responsive
=========================================== */

@media(max-width:900px){

    .stopGrid,
    .threeGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .threeGrid img{
        width:90px;
    }

}

.text-center-text-left__child {
  text-align: left;
  display: inline-block;
    list-style: none;
  padding: 0;
}