@charset "UTF-8";

h1 {
    width: calc(100% + 1px);
    max-width:none;
}

section#faq dl {
    margin:1rem 0 4rem;
}
section#faq dl dd {
    margin-bottom:2rem;
}
section#faq dl dt p ,
section#faq dl dd p {
    padding:0 0.5rem;
    color:#135315;
    font-size:1.1rem;
    line-height:1.5em;
}



section#kokogasugoi dl dt {
    text-align:center;
}

section#kokogasugoi dl dt img#kokogasugoi_1_title {
    width:60%;
    max-width:257px;
    height:auto;
}
section#kokogasugoi dl dt img#kokogasugoi_2_title {
    width:89%;
    max-width:382x;
    height:auto;
}
section#kokogasugoi dl dt img#kokogasugoi_3_title {
    width:59%;
    max-width:257px;
    height:auto;
}
section#kokogasugoi dl dt img#kokogasugoi_4_title {
    width:75.8%;
    max-width:326px;
    height:auto;
}

section#kokogasugoi dl dd {
    display: flex;
    width: 100%;
    margin:1.5rem 0 2rem;
}

.kokogasugoi_text {
    flex: 0 0 50%;
    background: #138D26;
    color: #fff;
    padding: 1rem;
    display:flex;
}
.kokogasugoi_text > div {
    margin:auto;
}
.kokogasugoi_text h3 {
    font-size:1rem;
    line-height:1.4em;
    text-align:left;
}
.kokogasugoi_text p {
    font-size:0.9rem;
    line-height:1.4em;
}

.kokogasugoi_img {
    flex: 0 0 50%;
    text-align:center;
    display:flex;
}

.kokogasugoi_img img {
    width: 100%;
    height: 100%;           /* ← 高さを親に合わせる */
    object-fit: cover;      /* ← 比率維持しつつトリミング */
}
#kokogasugoi_3_img {
    width:95%;
    height:auto;
    object-fit: initial;
    margin:auto;
}


section#banner ul li {
    margin-bottom:2rem;
}
section#banner ul li:last-child {
    margin-bottom:4rem;
}

section#company {
    background:#138D26;
    color:#fff;
    padding:2.5rem 0;
}
section#company h2 {
    text-align:center;
}
section#company dl {
    margin:2.5rem auto 0;
} 
section#company dl > div:first-child {
    border-top:1px solid #259837;
}
section#company dl > div {
    border-bottom:1px solid #259837;
    padding:1rem 0.5rem;
    font-size:1.1rem;
    line-height:1.5em;
}
section#company dl > div > dt {
    font-weight: 700;
}
section#company dl > div > dd > div {
    margin:1rem 0 0 0;
}
section#company dl > div > dd > div > span {
    background:#135315;
    padding:0rem 0.2rem;
}

section#contact {
    background:#fff;
    padding:2.5rem 0;
}
section#contact h2 {
    text-align:center;
}
section#contact .inner {
    border-bottom:1px solid #eee;
}