@charset "UTF-8";
.sub-eyecatch {
    background: url(../img/qa/sub-eyecatch.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sub-eyecatch h2 {
    margin: 0;
}

.qa-hdlead {
    padding: 60px 0;
    background: url(../img/lead-img01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom: 60px;
}

.qa-hdlead .lead {
    font-size: 1.6rem;
    line-height: 2.0;
    text-align: justify;
}


.qa-hdlead {
    background-size: 50%
}

@media screen and (max-width:1200px) {
    .qa-hdlead {
        background-size: 45%
    }
}

@media screen and (max-width:991px) {
    .qa-hdlead {
        background: none;
    }
}


.qa-day {
    background: #231f1e url(../img/pattern-bg-2.png);
    padding: 60px 0;
}

.qa-day h3 {
    font-size: 25px;
    text-align: center;
    margin: 0 auto 80px;
    color: #fff;
}

.qa-day h3 img {
    display: inline-block;
}

.sub-eyecatch {
    background: url(../img/header.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 100px;
}

.sub-eyecatch h2 {
    margin: 0;
}


.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;
    /* font-size: 1.6rem; */
    color: #333;
}

.accbox a.btn,
a.btn2-cat {
    border: solid 1px #333;
    padding: 6px 12px;
    color: #333;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 1.6rem
}

.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 25px 30px 50px 30px;
    font-weight: bold;
    background: #00c2b9;
    border: 3px solid #00c2b9;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    margin-right: 10%;
    border-radius: 15px;
    color: #fff;
    font-size: 1.8rem;
}

.accbox label:before {
    content: url(../img/icon-q.png);
    position: absolute;
    top: -24px;
    left: -20px;
}

.accbox label:hover {
    background: #008583;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0px;
    background: #efefef;
    opacity: 0;
    position: relative;
    margin-left: 5%;
    margin-bottom: 60px;
    margin-top: -30px;
    transition: 1.0s;
}

.cssacc:checked + label + p + .accshow,
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 25px 30px;
    background: #ffffff;
    opacity: 1;
    border: solid 2px #5e5e5e;
    width: 90%;
    font-size: 1.6rem;
    max-width: 1300px;
}

.accshow:before {
    content: url(../img/icon-a.png);
    position: absolute;
    top: -20px;
    left: -37px;
}

.accbox .accshow p {
    margin: 15px 10px
}

.cssacc:checked + label:before {
    content: url(../img/icon-q.png);
    position: absolute;
    top: -24px;
    left: -20px;
}
.bnrbox{margin-bottom: 30px;margin-top:20px}
.bnrbox a img{margin:0 auto;margin-bottom:15px;}
.qa-box h4{
    width:100%;
    font-size:26px;
    margin:50px 0 44px 0;
    color:#3e3a39;
    border-top:1px dashed rgba(0,0,0,0.2);
    padding-top:26px;
}
.qa-box h4{display:inline-block;}
.qa-box h4{display:inline-block;}

.inpage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.inpage cnt{
    position: relative;
    padding: 10px;
    border: 1px solid #696969;
    margin: 7px;
    -webkit-transition: 0.3s all 0s ease;
    transition: 0.3s all 0s ease;
    cursor: pointer;
}


.inpage .btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1.5rem 2rem;
    text-decoration: none;
    color: #00c2b9;
    background: #ECECEC;
    transition: .4s;
    margin: 10px;
}

.inpage .btn:hover {
    background: #00c2b9;
    color: white;
}

@media screen and (max-width: 600px) {
    .accbox label{
        margin-right: 0;
    }
}

/* ボックス */

table.shiki{
    width: 100%;
    border-collapse: collapse;
}

table.shiki tr{
    border-bottom: solid 2px white;
}

table.shiki tr:last-child{
    border-bottom: none;
}

table.shiki th{
    position: relative;
    text-align: left;
    width: 10%;
    background-color: #52c2d0;
    color: white;
    text-align: center;
    padding: 10px 0;
}

table.shiki th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top:calc(50% - 10px);
    right:-10px;
    border-left: 10px solid #52c2d0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

table.shiki td{
    text-align: left;
    width: 40%;
    text-align: center;
    background-color: #eee;
    padding: 10px 0;
}
table.shiki td:last-child{
    width: 10%;
    border-left: 3px solid #fff;
}

table.if{
    width: 100%;
    border: 1px #ddd solid;
    margin: 2% 1%;
}

table.if th{
    position: relative;
    text-align: right;
    width: 50%;
}

table.if th:after{
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #333;
    position: absolute;
    top:
        calc(50% - 1px);
    right: -36px;
}

table.if td{
    text-align: right;
    padding:7px 0 7px 30px;
    width: 50%;
}

@media screen and (max-width: 600px) {
    table.shiki th{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    table.if th{
        width: 100%;
        display: block;
    }
    table.if td{
        display: block;
        width: 100%;
        padding: 7px 0 7px 0;
    }
    .accbox .accshow table.if th p{
        margin-bottom: 0px;
    }
    .accbox .accshow table.if td p{
        margin-top: 0px;
    }
    table.if th:after{
        display: none;
    }
}