@charset "UTF-8";

#html-body {
    background: transparent !important;
}

body {
    margin: auto;
}

a,
a:hover,
a:visited {
    /* color: white; */
    text-decoration: none;
}

p {
    margin-bottom: 0 !important;
}

ul>li,
ol>li {
    margin-bottom: 0;
}

.annotation ul>li {
    line-height: 2.15rem;
}

/* store-ページ遷移表示 */
.breadcrumbs {
    display: none;
}

.columns .column.main {
    padding-bottom: 0;
}

.page-header {
    margin-bottom: 0;
    background: #fff;
}

/* store */
/*position:stickey;を適用するために必須*/
.page-layout-1column,
.page-layout-2columns-left,
.page-layout-2columns-right,
.page-layout-1column-fullwidth {
    overflow-x: visible !important;
}

/* ＊＊＊ support/insurance ＊＊＊ */

/* === all === */

.insurance-feature__wrap {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background: #dae1e7;
    font-size: clamp(17px, 1.35vw, 20px);
    color: #454545;
    line-height: 3rem;
    letter-spacing: 1px;
    padding-bottom: 100px;
}

section,
section #menu01,
section #menu02,
section #menu03,
section #menu04,
section #menu05,
section #menu06 {
    max-width: 1000px;
    margin: 150px auto 100px;
    background: #fff;
    text-align: center;
    padding: 50px;
}

section #menu06 {
    margin-bottom: 0;
}

section p span {
    color: #2458a5;
    font-weight: bold;
}

section .menu_h1 {
    padding: 40px 0 25px;
}

section #menu01 .menu_h1 {
    padding: 50px 0;
}

section .menu_h1 img {
    width: 45%;
}

section .box-area {
    border: 3px solid #2458a5;
    margin: 25px auto auto;
}

section .box-area .ttl {
    color: #fff;
    font-weight: bold;
    background: #2458a5;
    padding: 10px 0;
}

section .box-area .detail {
    padding: 30px;
}

section .annotation {
    font-size: clamp(14px, 1.15vw, 15px);
    letter-spacing: 0;
}

section .annotation ul li {
    line-height: 2rem;
}

section .annotation li::before,
section .list-area .annotation li::before {
    content: "※";
    transform: translateY(50%);
    font-size: clamp(14px, 1.15vw, 15px);
    color: #454545;
}

section .annotation a {
    font-weight: bold;
}

section .annotation a,
section .annotation li a,
section .annotation li a:hover {
    color: #358cf0;
}

section .annotation a.tgbl:after,
section .annotation li a.tgbl:after,
section .qa-content .col-sm-11 p a.tgbl:after {
    margin: 0 5px 0 3px;
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
    color: gray;
}

section .annotation li span {
    color: #2458a5;
    font-weight: bold;
}

.bg_blue {
    background: #eaeef2;
    padding: 25px;
    margin: 25px auto;
    letter-spacing: 0;
    font-size: clamp(15px, 1.35vw, 18px);
}

#menu02 .bg_blue {
    margin: 25px auto 60px !important;
}

#menu03 .bg_blue {
    margin: 25px auto !important;
    text-align: left;
    width: 80%;
}

#menu04 .bg_blue {
    margin: 0 auto !important;
    padding: 0px 25px 15px;
}

.bg_blue .ttl {
    color: #02275e;
    font-weight: bold;
    font-size: clamp(18px, 1.75vw, 23px);
    padding-bottom: 10px;
}

.border_box {
    border: 4px solid #9aa8cd;
    padding: 25px;
    margin-top: 50px;
    font-size: clamp(15px, 1.35vw, 18px);
}

.border_box .ttl {
    max-width: 400px;
    margin: -50px auto auto;
    background: #fff;
    text-align: center;
}

#menu03 .border_box {
    padding: 25px 50px 50px;
}

#menu03 .border_box .ttl {
    max-width: 65%;
}

#menu03 .border_box .intro_txt {
    padding: 30px 0 20px;
    border-bottom: 3px dashed #9AA8CD;
}

#menu05 .intro_txt {
    padding: 30px 0 20px;
}

#menu03 .border_box .list-area {
    padding-top: 25px;
}

#menu03 .border_box .list-area ul {
    list-style: disc;
}

#menu05 .border_box {
    padding: 25px 25px 10px;
}

#menu05 .border_box .ttl {
    max-width: 80%;
}

.list-area {
    text-align: center;
}

.list-area>ul {
    text-align: left;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}


@media screen and (max-width:768px) {
    section .box-area .detail {
        padding: 30px 15px;
    }
}

@media screen and (max-width:767px) {
    .insurance-feature__wrap {
        line-height: 2.5rem;
        letter-spacing: 0;
        padding: 0 5px 50px;
    }

    section,
    section #menu01,
    section #menu02,
    section #menu03,
    section #menu04,
    section #menu05,
    section #menu06 {
        margin: 75px auto 50px;
        padding: 12px;
    }

    section .menu_h1 img {
        width: 100%;
    }

    section .annotation li::before,
    section .list-area .annotation li::before,
    section .bg_blue .list-area .annotation li::before {
        content: "※" !important;
        transform: translateY(50%);
        font-size: clamp(14px, 1.15vw, 15px);
        color: #454545;
        -webkit-appearance: none;
    }

    .bg_blue {
        padding: 15px;
    }

    #menu03 .bg_blue {
        margin: 25px auto !important;
        width: 100%;
    }

    #menu04 .bg_blue .list-area,
    #menu05 .list-area {
        padding: 15px 10px 0;
    }

    #menu03 .border_box {
        padding: 18px;
    }

    #menu05 .border_box {
        padding: 25px 25px 10px;
    }

    #menu03 .border_box .ttl,
    #menu05 .border_box .ttl {
        max-width: 100%;
        margin: -45px auto auto;
    }

    #menu02 .border_box .ttl img {
        width: 50%;
    }

    #menu03 .border_box .ttl img,
    #menu05 .border_box .ttl img {
        width: 80%;
    }

    #menu03 .border_box .list-area {
        padding: 25px 20px 0;
    }

}

/* === mv === */
.insurance-feature__wrap .mv--area {
    text-align: center;
    background: #fff;
}

/* === menu01 === */
.onayami_img-area {
    padding: 50px 0;
}

.onayami_img-area img {
    width: 85%;
}

#menu01 .txt01 {
    font-size: clamp(18px, 1.75vw, 23px);
    letter-spacing: 2px;
}

/* #menu01 .txt01 span {
    color: #2458a5;
    font-weight: bold;
} */

#menu01 .txt01 span.strong02 {
    font-size: clamp(18px, 2vw, 28px);
}

/* === menu02 === */
.feature_img-area {
    width: 75%;
    margin: auto !important;
    padding: 50px 0;
}

.kind_detail-area {
    padding: 25px 0px 0;
}

.kind_detail-area .col-sm-6 {
    padding: 20px 0 20px 20px;
}

.kind_detail-area .col-sm-6:nth-child(odd) {
    border-right: 3px dashed #9AA8CD;
    padding: 20px 20px 20px 0;
}

.kind_detail-area .name {
    color: #2458a5;
    font-weight: bold;
}

.kind_detail-area table {
    border: 2px solid #2458a5;
    font-weight: bold;
    color: #2458a5;
}

.kind_detail-area table>tbody>tr>th,
.kind_detail-area table>tbody>tr>td {
    padding: 5px;
    vertical-align: middle;
}

.kind_detail-area table tr th {
    background: #2458a5;
    color: #fff;
    text-align: center;
}

.kind_detail-area table tr th:nth-child(2n+1) {
    border-bottom: 2px dashed #fcfcfc;
}

.kind_detail-area table tr td:nth-child(2n) {
    border-bottom: 2px dashed #2458A5;
}

.kind_detail-area table tr td span {
    font-size: 15px;
    font-weight: 500;
}

.kind_detail-area table tr td span br.sp-visible {
    display: none;
}

@media screen and (max-width:768px) {

    .kind_detail-area table tr td span br.sp-visible {
        display: block !important;
    }

}

@media screen and (max-width:767px) {

    .insurance-feature__wrap .mv--area {
        margin: auto -5px;
    }

    .feature_img-area {
        width: 100%;
        padding: 30px 0;
    }

    .kind_detail-area .col-sm-6 {
        padding: 0;
    }

    .kind_detail-area .col-sm-6:nth-child(odd) {
        border-right: none;
        padding: 0;
    }

    .kind_detail-area .name {
        padding: 15px 0;
    }

    .kind_detail-area table tr th {
        width: 28%;
    }
}

/* === menu03 === */
.subject_detail-area {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 25px;
}

.subject_detail-area .icon-img {
    padding: 15px;
    width: calc(100% / 7);
}

@media screen and (max-width:767px) {

    .subject_detail-area .icon-img {
        padding: 5px;
        width: calc(100% / 4);
    }

}

/* === menu04 === */
.flow-bottom {
    margin: -5px auto 25px;
}

/* === menu05 === */
.inquiry_detail {
    padding-top: 25px;
}

.inquiry_detail .detail-ttl {
    background: #2458a5;
    color: #fff;
    font-weight: bold;
    margin: auto;
    max-width: 100%;
}

.inquiry_detail .row {
    text-align: left;
    font-weight: bold;
}

.inquiry_detail .row a,
.inquiry_detail .row a:hover {
    color: #454545;
}


/* === menu06 === */
.bg-qa {
    background: #eaeef2;
    margin: 25px;
    padding: 0 25px 25px;
}

.qa-check {
    display: none;
}

.qa-label {
    background: #eaeef2;
    display: block;
    padding: 15px;
    position: relative;
    margin-left: -5px;
    margin-bottom: -25px;
}

.qa-label .col-2 img {
    width: 75%;
}

.qa-label .col-sm-11,
.qa-content .col-sm-11 {
    margin: auto;
    text-align: left;
}

.qa-label .col-sm-11 p,
.qa-content .col-sm-11 p {
    font-size: clamp(16px, 1.45vw, 18px);
    margin-top: 5px;
}

.qa-label:after {
    background: #eaeef2;
    content: url(../../../img/support/insurance/QA_icon_plus.png);
    box-sizing: border-box;
    display: block;
    padding-top: 23px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.qa-content {
    background: #FFF;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.qa-content .col-sm-11 p a {
    text-decoration: underline;
    color: #358cf0;
}

.qa-check:checked+.qa-label {
    margin-bottom: 0;
}

.qa-check:checked+.qa-label:after {
    content: url(../../../img/support/insurance/QA_icon_minus.png);
}

.qa-check:checked+.qa-label+.qa-content {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    margin-bottom: -10px;
}

@media all and (max-width:768px) {

    .qa-label:after {
        background: #eaeef2;
        box-sizing: border-box;
        content: url(../../../img/support/insurance/QA_icon_plus.png);
        display: block;
        padding-top: 14px;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 8px;
    }

    .qa-label .col-2 img,
    .qa-content .col-2 img {
        width: 100%;
    }
}

@media all and (max-width:767px) {

    .bg-qa {
        margin: 25px auto;
        padding: 0 13px 15px;
    }

    .qa-label {
        background: #eaeef2;
        display: block;
        margin-bottom: 1px;
        padding: 10px;
        padding-right: 40px;
        position: relative;
    }

    .qa-label:after {
        background: #eaeef2;
        box-sizing: border-box;
        content: url(../../../img/support/insurance/QA_icon_plus.png);
        display: block;
        padding-top: 13px;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 8px;
    }

    .qa-label .col-2,
    .qa-content .col-2 {
        padding: 0;
    }

    .qa-label .col-10 p,
    .qa-content .col-10 p {
        margin-top: 15px;
    }

    .qa-label .col-2 img,
    .qa-content .col-2 img {
        margin-top: 8px;
    }

    .qa-label .col-2 img {
        width: 67%;
    }

    .qa-content .col-2 img {
        width: 57%;
    }
}