/*-------------------------------------------------
|- main-ttl
-------------------------------------------------*/
.main-ttl {
    background: url(/ieconnect/assets/img/bg004.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
/*-------------------------------------------------
|- top-nav
-------------------------------------------------*/
.top-nav {
    width: 90%;
    max-width: 1285px;
    padding-top: 188px;
    margin: -103px auto 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #231815;
    display: flex;
    justify-content: center;
}
.top-nav > * + * {
    margin-left: 2%;
}
.top-nav__item {
    width: 200px;
}
.top-nav__link {
    padding: 10px 0;
    text-align: center;
    display: block;
    transition: .3s;
}
.top-nav__link:hover {
    background: rgba(214,211,197,.6);
}
.top-nav__link.active {
    background: rgba(214,211,197,.6);
}
.top-nav__guide {
    width: 77px;
}
.top-nav_txt {
    margin-top: 5px;
    font-size: var(--font-size15);
    font-weight: bold;
    display: block;
}
@media screen and (max-width: 767px){
    .top-nav {
        position: relative;
        width: 77%;
        margin: 25px auto 0;
        padding: 0;
        border: 0;
        flex-wrap: wrap;
    }
    .top-nav::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
    }
    .top-nav__item {
        width: 50%;
        margin: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #d5d1c4;
        box-sizing: border-box;
    }
    .top-nav__item:nth-child(odd){
        border-right: 1px solid #d5d1c4;
    }
    .top-nav__item:nth-child(n+3){
        padding: 10px 0 0;
        border-bottom: 0;
    }
    .top-nav__link {
        width: 86%;
        margin: 0 auto;
        padding: 5px 0;
    }
    .top-nav__guide {
        width: 55%;
    }
    .top-nav_txt {
        margin: 0;
        font-size: var(--font-size12);
        line-height: 1.5;
    }
}
/*-------------------------------------------------
|- footer-nav
-------------------------------------------------*/
.footer-nav {
    padding-top: 30px;
    padding-bottom: 0;
    margin: 85px auto 0;
    border-bottom: 0;
    border-top: 1px solid #2318;
}
@media screen and (max-width: 767px){
    .footer-nav {
        border: 0;
    }
}
/*-------------------------------------------------
|- mainVisualBlock
-------------------------------------------------*/
.section-ttl__guide {
    width: 146px;
    margin-left: 15px;
}
.guide-first-img {
    width: 92%;
    max-width: 720px;
    margin: 90px auto 0;
}
.guide-second-img {
    width: 73%;
    max-width: 365px;
    margin: 50px auto 0;
}
.box-txt.border {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%;
    min-width: 620px;
    margin: 0 auto 30px;
    padding: 10px 20px;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #a08e6f;
    box-sizing: border-box;
}
@media screen and (max-width: 767px){
    .section-ttl__guide {
        width: 27%;
        margin-left: 20px;
    }
    .guide-first-img {
        margin: 50px auto 0;
    }
    .box-txt.border {
        min-width: auto;
        padding: 10px 15px;
    }
}
/*-------------------------------------------------
|- check-box
-------------------------------------------------*/
.check-box {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%;
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.check-img {
    width: 69px;
    margin-right: 15px;
}
.check {
    padding: 10px 25px;
    box-sizing: border-box;
    background: rgba(160,142,111,.3);
}
.check__ttl {
    margin-bottom: 5px;
    color: #a08e6f;
    font-size: var(--font-size17);
    font-weight: bold;
    text-align: left;
}
.check__txt {
    font-size: var(--font-size15);
    text-align: left;
}
@media screen and (max-width: 767px){
    .check-box {
        margin: 30px auto 0;
        justify-content: center;
    }
    .check-img {
        width: 14%;
        margin-right: 3%;
    }
    .check__ttl {
        font-size: var(--font-size14);
    }
    .check__txt {
        width: 100%;
        margin-top: 10px;
        font-size: var(--font-size12);
        text-align: center;
        line-height: 2;
    }
}
/*-------------------------------------------------
|- table
-------------------------------------------------*/
.table-box {
    width: 95%;
    max-width: 1050px;
    margin: 0 auto;
}
.table {
    width: 100%;
}
.table__blank {
    width: 10%;
    background: #fff;
}
.table__ttl {
    width: 18%;
    padding: 5px 0;
    color: #fff;
    font-size: var(--font-size16);
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    background: #a08e6f;
}
.table__left {
    color: #fff;
    font-size: var(--font-size16);
    font-weight: bold;
    text-align: center;
    background: #a08e6f;
}
.table__icon {
    width: 20px;
    vertical-align: middle;
}
.table__item {
    padding: 10px 0;
    font-weight: bold;
    border: 1px solid #a08e6f;
}
.table__item span {
    font-weight: bold;
    vertical-align: middle;
}
.table__txt {
    margin-top: 10px;
    display: flex;
    justify-content: end;
    text-align: left;
}
@media screen and (max-width: 1030px){
    .table__ttl,
    .table__left {
        font-size: 1.6vw;
    }
    .table__item,
    .table__item span {
        font-size: 1.4vw;
    }
}
@media screen and (max-width: 767px){
}
/*-------------------------------------------------
|- step
-------------------------------------------------*/
.step {
    width: 95%;
    max-width: 960px;
    margin: 0 auto 45px;
    display: flex;
    align-items: flex-start;
}
.step:last-child {
    margin: 0 auto;
}
.step__ttl {
    position: relative;
    width: 220px;
    margin-right: 30px;
    padding-bottom: 55px;
    color: #fff;
    display: grid;
}
.step:last-child .step__ttl {
    padding: 0;
}
.step:last-child .step__ttl::before {
    display: none;
}
.step__img {
    width: 77px;
    margin: 0 0 -1px 15px;
}
.step__txt {
    width: 100%;
    padding: 11px 0;
    font-size: var(--font-size23);
    font-weight: bold;
    letter-spacing: .1rem;
    text-align: center;
    background: #a08e6f;
    display: block;
}
.step__item {
    margin-top: 20px;
    font-size: var(--font-size16);
    flex: 1;
}
.step__item .link-btn {
    margin: 15px 100px 0;
}
@media screen and (min-width: 768px){
    .step__ttl::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 33px;
        height: 17px;
        background: url(/ieconnect/assets/img/img_arrow_next.svg) no-repeat;
        background-size: 100%;
    }
}
@media screen and (max-width: 767px){
    .step {
        position: relative;
        margin: 0 auto 30px;
        padding-bottom: 30px;
        display: block;
    }
    .step:last-child {
        margin: 0 auto;
        padding: 0;
    }
    .step::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 25px;
        height: 13px;
        background: url(/ieconnect/assets/img/img_arrow_next.svg) no-repeat;
        background-size: 100%;
    }
    .step:last-child::before {
        display: none;
    }
    .step__ttl {
        width: 45%;
        margin: 0 auto;
        padding: 0;
    }
    .step__img {
        width: 34%;
        margin: 0 0 -1px 10px;
    }
    .step__txt {
        font-size: var(--font-size14);
    }
    .step__item {
        font-size: var(--font-size13);
        text-align: center;
    }
    .step__item .link-btn {
        margin: 20px auto 0;
    }
}
/*-------------------------------------------------
|- faq-wrap
-------------------------------------------------*/
.faq-wrap {
    width: 100%;
    margin-bottom: 30px;
}
.faq-wrap:last-child {
    margin-bottom: 0;
}
.faq-box {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.question01 {
    width: 40%;
}
.question02 {
    width: 25%;
    margin-right: 7%;
}
.question03 {
    width: 36%;
}
.question04 {
    width: 28%;
    margin-right: 11%;
}
.question05 {
    width: 50%;
}
.question06 {
    width: 34%;
}
.question07 {
    width: 27%;
    margin-left: 6%;
}
.question08 {
    width: 31%;
}
.question09 {
    width: 45%;
}
.question10 {
    width: 48%;
}

.answer {
    position: relative;
}

.answer-txt {
    margin-bottom: 20px;
    font-size: var(--font-size16);
}
.answer-txt:last-child {
    margin-bottom: 0;
}
.answer-txt__sub {
    font-size: var(--font-size12);
    font-weight: bold;
    text-align: right;
}
@media screen and (min-width: 1000px){
    .faq-wrap {
        padding: 40px 0;
        background: rgba(214,211,197,.6);
    }
    .faq-wrap:nth-child(even){
        background: rgba(214,211,197,.3);
    }
    .question__img {
        display: block;
    }
    .question__box {
        display: none;
    }
    .answer::before {
        content: '';
        position: absolute;
    }
    .answer01 {
        width: 55%;
        padding-top: 60px;
    }
    .answer01::before {
        top: -10px;
        right: 14%;
        width: 15%;
        height: 19%;
        background: url(/ieconnect/assets/img/txt_answer_top.svg) no-repeat;
        background-size: 100%;
    }
    .answer02 {
        width: 57%;
        padding: 100px 0 0 10%;
        box-sizing: border-box;
    }
    .answer02::before {
        top: 0;
        left: 0;
        width: 15%;
        height: 40%;
        background: url(/ieconnect/assets/img/txt_answer_left.svg) no-repeat;
        background-size: 100%;
    }
    .answer03 {
        width: 56%;
        padding: 100px 10px 0 0;
    }
    .answer03::before {
        top: 0;
        right: 14%;
        width: 15%;
        height: 38%;
        background: url(/ieconnect/assets/img/txt_answer_top.svg) no-repeat;
        background-size: 100%;
    }
    .answer04 {
        width: 49%;
        margin-left: 6%;
        padding: 120px 0 0 2%;
        box-sizing: border-box;
    }
    .answer04::before {
        top: 0;
        left: 0;
        width: 18%;
        height: 45%;
        background: url(/ieconnect/assets/img/txt_answer_left.svg) no-repeat;
        background-size: 100%;
    }
    .answer05 {
        width: 50%;
        padding-bottom: 110px;
    }
    .answer05::before {
        right: 2%;
        bottom: 0;
        width: 18%;
        height: 45%;
        background: url(/ieconnect/assets/img/txt_answer_btm.svg) no-repeat;
        background-size: 100%;
    }
    .answer06 {
        width: 62%;
        padding-top: 120px;
    }
    .answer06::before {
        top: 0;
        left: 0;
        width: 14%;
        height: 37%;
        background: url(/ieconnect/assets/img/txt_answer_left.svg) no-repeat;
        background-size: 100%;
    }
    .answer07 {
        width: 56%;
        padding: 120px 4% 0 0;
        box-sizing: border-box;
    }
    .answer07::before {
        top: 0;
        right: 1%;
        width: 15%;
        height: 39%;
        background: url(/ieconnect/assets/img/txt_answer_top.svg) no-repeat;
        background-size: 100%;
    }
    .answer08 {
        width: 63%;
        margin-left: 2%;
    }
    .answer08::before {
        top: 0;
        right: 20%;
        width: 14%;
        height: 33%;
        background: url(/ieconnect/assets/img/txt_answer_top.svg) no-repeat;
        background-size: 100%;
    }
    .answer09 {
        width: 55%;
        padding: 75px 0 0 11%;
        box-sizing: border-box;
    }
    .answer09::before {
        top: 0;
        left: 0;
        width: 16%;
        height: 37%;
        background: url(/ieconnect/assets/img/txt_answer_left.svg) no-repeat;
        background-size: 100%;
    }
    .answer10 {
        width: 50%;
        padding-top: 106px;
    }
    .answer10::before {
        top: 0;
        right: 10%;
        width: 17%;
        height: 33%;
        background: url(/ieconnect/assets/img/txt_answer_top.svg) no-repeat;
        background-size: 100%;
    }
    .answer10::after {
        content: '';
        position: absolute;
        top: 0;
        left: 40%;
        transform: translateX(-50%);
        width: 17%;
        height: 33%;
        background: url(/ieconnect/assets/img/img_faq010_top_pc.png) no-repeat;
        background-size: 100%;
    }

    .answer-txt__single {
        line-height: 2.3;
    }
    .answer_pc {
        display: block;
    }
    .answer_sp {
        display: none;
    }

    .answer .link-btn {
        margin: 0 0 20px 20px;
        display: block;
    }
    .answer .link-btn.sp {
        display: none;
    }
}
@media screen and (max-width: 1200px){
    .answer01::before,
    .answer08::before {
        right: 0;
    }
}
@media screen and (max-width: 999px){
    .faq-wrap {
        margin-bottom: 50px;
    }
    .faq-box {
        width: 100%;
        display: block;
    }
    .question {
        width: 100%;
        margin-bottom: 30px;
        padding: 10px;
        box-sizing: border-box;
        background: rgba(214,211,197,.6);
    }
    .question07 {
        margin-left: 0;
    }
    .question__img {
        display: none;
    }
    .question__box {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .question__icon-q {
        width: 53px;
        margin-right: 15px;
    }
    .question__txt {
        font-size: var(--font-size16);
        font-weight: bold;
    }
    .question__icon {
        width: 52px;
        margin-left: 15px;
    }
    .question__icon05 {
        width: 100px;
    }
    .answer {
        width: 90%;
        margin: 0 auto;
        padding-left: 60px;
        box-sizing: border-box;
    }
    .answer::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background: url(/ieconnect/assets/img/txt_answer_sp.svg) no-repeat;
        background-size: 100%;
    }
    .answer_pc {
        display: none;
    }
    .answer_sp {
        display: block;
    }

    .answer .link-btn {
        width: auto;
        max-width: none;
        display: none;
    }
    .answer .link-btn.block {
        margin: 20px auto 0;
        display: block;
    }
    .answer .link-btn.sp {
        margin: 20px auto 0;
        display: block;
    }
    .answer .link-btn__item {
        justify-content: center;
    }
    .answer-txt__sub {
        font-weight: normal;
    }
}
@media screen and (max-width: 767px){
    .question__icon-q {
        width: 10%;
        margin-right: 10px;
    }
    .question__txt {
        font-size: var(--font-size14);
        font-feature-settings: 'palt';
    }
    .question__icon {
        width: 10%;
        margin-left: 10px;
    }
    .question__icon05 {
        width: 15%;
        margin-left: 5px;
    }
    .answer {
        padding-left: 11%;
    }
    .answer::before {
        width: 10%;
    }
    .answer-txt {
        margin-bottom: 10px;
        font-size: var(--font-size13);
    }
    .answer .link-btn .link-btn__img {
        width: 15%;
        margin-right: 3%;
    }
}
/*-------------------------------------------------
|- btnArea
-------------------------------------------------*/
.btnArea {
    margin: 50px auto;
    width: 23%;
    max-width: 323px;
}
@media screen and (max-width: 767px){
    .btnArea {
        width: 81%;
        max-width: none;
        margin: 50px auto 0;
    }
}
/*-------------------------------------------------
|- cs-topLink
-------------------------------------------------*/
.cs-topLink {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-indent: 0.2em;
    letter-spacing: 0.2em;
    background-color: #2a2a2a;
    display: block;
    transition: all .2s;
}
.cs-topLink:hover {
    opacity: 0.8;
    transition: all .2s;
}