.main-ttl {
    background: url(/ieconnect/assets/img/bg005.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.section-ttl__sales {
    width: 560px;
    margin-left: 10px;
}
@media screen and (max-width: 767px){
    .section-ttl__sales {
        width: 90%;
    }
}
/*-------------------------------------------------
|- case-box
-------------------------------------------------*/
.case-box {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px 2%;
}
.case {
    padding: 15px;
    box-sizing: border-box;
    background: rgba(158,140,111,.2);
}
.case__num {
    margin: 15px 0;
    color: #648a52;
    font-family: 'Didact Gothic', sans-serif;
    font-family: 'Jost', sans-serif;
    font-size: var(--font-size26);
    font-weight: 500;
    text-align: center;
}
.case__num-img {
    width: 100px;
    margin-right: 10px;
}
.txt-box {
    padding: 5px 10px;
    box-sizing: border-box;
    background: #fff;
    display: grid;
    justify-content: center;
    align-items: center;
}
.case__txt {
    display: flex;
}
.case__txt-ttl {
    width: 55px;
}
.case__txt-txt {
    flex: 1;
}
.btn-viewmore {
    display: none;
    width: 290px;
    margin: 65px auto 0;
    cursor: pointer;
}
@media screen and (max-width: 767px){
    .case-box {
        width: 95%;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px 3%;
    }
    .case {
        padding: 0;
        background: #fff;
    }
    .case__num {
        margin: 5px 0;
        font-size: var(--font-size16);
    }
    .case__num-img {
        width: 30%;
        margin-right: 5px;
    }
    .txt-box {
        padding: 0;
        display: block;
    }
    .case__txt-ttl {
        width: 50px;
    }
    .case__txt-ttl,
    .case__txt-txt {
        font-size: var(--font-size13);
    }
    .btn-viewmore {
        width: 50%;
        margin: 40px auto 0;
    }
}
/*-------------------------------------------------
|- case-example
-------------------------------------------------*/
.case-example {
    width: 95%;
    max-width: 900px;
    margin: 0 auto;
}
.case-example__ttl {
    padding: 10px 0;
    color: #fff;
    font-size: var(--font-size16);
    text-align: center;
    background: #9d8b6e;
    border:2px solid #fff;
}
.w180 {
    width: 180px;
}
.case-example__txt {
    padding: 10px 0;
    text-align: center;
    background: rgba(158,140,111,.2);
    border:2px solid #fff;
}
@media screen and (max-width: 767px){
    .case-example__ttl {
        font-size: var(--font-size13);
        border: 0;
    }
    .w180 {
        width: 20%;
    }
    .case-example__txt {
        font-size: var(--font-size12);
        border: 0;
    }
}
/*-------------------------------------------------
|- detail-top
-------------------------------------------------*/
.detail-top {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail-top__img img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
}
.detail-box {
    max-width: none;
    margin: 0 0 0 8%;
}
.detail-txt {
    display: flex;
}
.detail-box .case__num {
    text-align: left;
}
.detail-txt__ttl {
    width: 100px;
    font-size: var(--font-size16);
}
.detail-txt__txt {
    font-size: var(--font-size16);
    flex: 1;
}
@media screen and (max-width: 767px){
    .detail-top__img {
        position: relative;
        width: 41%;
        padding-top: 41%
    }
    .detail-top__img img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .detail-box {
        margin: 0 0 0 4%;
        flex: 1;
    }
    .detail-box .case__num {
        margin: 0;
        font-size: var(--font-size14);
    }
    .detail-txt__ttl {
        width: 65px;
        margin-right: 10px;
        text-align: right;
    }
    .detail-txt__ttl,
    .detail-txt__txt {
        font-size: var(--font-size13);
    }
}
/*-------------------------------------------------
|- faq-box
-------------------------------------------------*/
.faq-box {
    width: 90%;
    max-width: 1050px;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.faq {
    width: 45%;
    margin-top: 90px;
}
.faq__ttl {
    margin-bottom: 10px;
    padding-left: 16px;
    color: #a38a77;
    font-size: var(--font-size16);
    font-weight: bold;
    text-indent: -1.14rem;
}
@media screen and (max-width: 767px){
    .faq-box {
        width: 100%;
        display: block;
    }
    .faq {
        width: 90%;
        margin: 40px auto 0;
    }
    .faq__ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 10px;
        padding-left: 14px;
        font-size: var(--font-size14);
        text-indent: -1rem;
    }
    .faq__txt {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        font-size: var(--font-size13);
    }
}
/*-------------------------------------------------
|- rep
-------------------------------------------------*/
.rep {
    width: 75%;
    max-width: 850px;
    margin: 90px auto 0;
    padding: 15px;
    box-sizing: border-box;
    background: rgba(213,209,196,.6);
    display: flex;
}
.rep__ttl {
    margin-bottom: 5px;
    font-size: var(--font-size16);
    font-weight: bold;
}
.rep-box {
    margin-left: 20px;
    flex: 1;
}
.rep__img {
    width: 25%;
}

@media screen and (max-width: 767px){
    .rep {
        width: 100%;
        margin-top: 40px;
        display: block;
    }
    .rep__ttl {
        font-size: var(--font-size14);
    }
    .rep__txt {
        font-size: var(--font-size13);
    }
    .rep-box {
        margin-left: 0;
    }
    .rep__img {
        width: 55%;
        max-width: 170px;
    }
}