/* List nav button */
#faq-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    padding: 1rem 0;
    margin-bottom: 6rem !important;
}

#faq-nav li {
    margin: 0 !important;
    padding: 0 !important;
}

.faq-inner{
    padding: 0 1.5rem;
}

.max-600{
    max-width: 600px;
    margin: 0 auto;
}

.policy-btn {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    background-color: #fff;
    border: 0.1rem solid #939393;
    border-radius: 10rem;
    color: #939393;
    text-decoration: none;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.policy-btn.is-long{
    font-size: 1.1rem;
}

.policy-btn.is-img{
    padding: 0.5rem 2.0rem 0.5rem 1.0rem;
}

.policy-btn-img {
    width: 1.2rem;
    height: auto;
    vertical-align: middle;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
}


.policy-btn:hover,
/* .policy-btn.active, */
.onpage a.policy-btn {
    background-color: #F5FAED;
    text-decoration: none;
    border-color: #6A9E19;
    color: #6A9E19;
}

/* FAQ list */
.faqlist {
    display: none;
}

/* Text link */
#contents .faqlist a {
    color: #6A9E19;
    text-decoration: underline;
}

#contents .faqlist a:hover {
    text-decoration: none;
}

/* Accordion ui */
.base-item-faq {
    background: #F5F5F5;
    padding: 2.2rem;
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.2);
    border-radius: 0.2rem;
    margin-bottom: 1.5rem !important
}
.base-box-white .sub-small-title-border {
    margin-bottom: 1rem;
}

#contents h2.toggleBtn {
    font-size: 1.2rem;
    letter-spacing: -0.05em;
    padding: 0 0 0 2.5rem;
    margin: 0;
    background: url(../../common/images/Q.svg) no-repeat 0 0.2rem;
    background-size: 1.9rem auto;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

#contents h2.toggleBtn::after {
    content: '';
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: block;
    background: url(../../common/images/plus-solid-full.svg) no-repeat 0 center;
    background-size: contain;
    top: 0;
    border: none;
}

#contents h2.toggleBtn.open::after {
    content: '';
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: block;
    background: url(../../common/images/dash-com.svg) no-repeat 0 center;
    background-size: contain;
    top: 0;
}

.toggleArea {
    padding: 2.5rem 0 0;
    display: none;
}

#contents .toggleArea {
    padding: 0 2rem 0 2.5rem;
    margin-top: 2.5rem;
    font-size: 1.2rem;
    background: url(../../common/images/A.svg) no-repeat 0 0.2rem;
    background-size: 1.9rem auto;
}

#contents .toggleArea p {
    font-size: 1.2rem;
}

#contents .toggleArea p.nmg {
    margin-bottom: 0 !important;
}

#contents .toggleArea p.indent {
    padding-left: 1em;
    text-indent: -1em;
}



#contents .toggleArea p.numchu {
    text-indent: inherit;
    padding-left: 2.5em;
    position: relative;
}

#contents .toggleArea p.numchu .num {
    position: absolute;
    left: 0;
}

#contents .toggleArea p {
    margin: 0 10px 10px;
    padding: 0;
}

#contents .base-item-faq .toggleArea p {
    margin: 0;
    padding: 0;
}

#contents .toggleArea p.chushaku {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
    margin: 5px 10px 20px;
}

#contents .toggleArea p.chushaku:nth-of-type(4) {
    margin-bottom: 0;
}

/* faqBox styles */
#contents #faqBox ul li {
    padding: 0;
}

#faqBox {
    padding: 1.5rem 1.5rem 6rem;
}

#contents #faqBox h4 {
    padding: 0 0.5rem 0.4rem;
    margin-top: 2rem;
    line-height: 1.4;
}

#faqBox .section {
    margin-bottom: 2rem;
}

#faqBox .table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#faqBox table {
    border-collapse: collapse;
    border-top: solid 1px #D8D8D8;
    border-left: solid 1px #D8D8D8;
    margin: 0 0 0.5rem;
}

#faqBox .base-table {
    border-top: solid 1px #D8D8D8;
    border-left: solid 1px #D8D8D8;
}

#faqBox .base-table th,
#faqBox .base-table td {
    background: #fff;
    color: #000;
    font-weight: normal;
    border-bottom: solid 1px #D8D8D8;
    border-right: solid 1px #D8D8D8;
    text-align: left;
}

.table-scroll table {
    min-width: 680px;
}

#faqBox table th,
#faqBox table td {
    font-size: 1.2rem;
    padding: 0.8rem;
    border-bottom: solid 1px #D8D8D8;
    border-right: solid 1px #D8D8D8;
}

#faqBox table th {
    color: #fff;
    background: #6A9E19;
    border-right: solid 1px #fff;
}

#faqBox table tr th:last-child {
    border-right: solid 1px #D8D8D8;
}

#faqBox .base-table tr th:last-child {
    border-right: solid 1px #D8D8D8;
}

#faqBox table td {
    background: #fff;
}

#faqBox table td.bgcolor {
    background: #FFF7E1;
}

.annai-accordion-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F5FAED;
    padding: 1.8rem 2.5rem;
}

.annai-accordion-header:hover{
    cursor: pointer;
}

.annai-accordion-header .accordion-circle{
    margin-bottom: 0;
}

.annai-accordion-header-textarea{
    max-width: 86%;
}

.annai-accordion-body{
    padding: 4rem 1.5rem;
    box-sizing: border-box;
    border: 1px solid #D8D8D8;
    border-top: none;
}

.annai-accordion-box{
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    padding: 2.5rem 1.5rem 3.5rem;
    border-radius: 0.2rem;
}

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

.annai-accordion-table.is-insurance{
	min-width: 33rem;
}

.annai-accordion-table-th{
    background: #6A9E19;
    color: #fff;
    font-size: 1.3rem;
    width: calc(100% / 3);
    font-weight: 500;
    padding: 0.4rem;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}

.annai-accordion-table-th:last-child{
    border-right: none;
}

.annai-accordion-table-td{
    background: #F5FAED;
    font-size: 1.2rem;
    padding: 0.4rem;
    text-align: center;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}

.annai-accordion-table-td.is-noborder{
    border-bottom: none;
}

.annai-accordion-item{
    margin-bottom: 2rem;
}

.annai-accordion-item-title{
    font-size: 1.2rem;
    font-weight: 600;
    text-indent: -1em;
    padding-left: 1em;
}

.annai-accordion-item-text{
    font-size: 1.2rem;
    text-indent: -1em;
    padding-left: 1em;
}

.annai-accordion-item-text2{
    font-size: 1.0rem;
    text-indent: -1em;
    padding-left: 1em;
    font-weight: bold;
}

.annai-accordion-greenbox{
    background: #F5FAED;
    padding: 1.1rem;
}

#contents .list-content li{
    font-size: 1.4rem;
}

.jouhou-subtitle{
    font-size: 1.4rem;
    font-weight: bold;
}

.footer-section p{
    font-size: 1.4rem;
}
.biz1img + .biz1img,
.biz2img {
	padding-bottom:1rem;
}

.biz1img .image + .image,
.biz2img .image + .image,
.biz2img .rightimg {
	margin-top: 3rem;
}

.biz1img .spflex .image + .image img {
	width:70%;
	margin:0 auto;
}

.biz2img p {
	text-align: center;
	margin:1rem 0 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.annai-howto #faq-nav.faqmenu, .yakkanPage #faq-nav.faqmenu {
    justify-content: center;
}

.insurance .rank{
    margin-left: 2rem;
    display: inline-block;
}

.font-img{
    max-width: 457px;
    margin-left: auto;
    margin-right: auto;
}

.bnr-img{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.annai-table{
    border-collapse: collapse;
    box-sizing: border-box;
    width: 100%;
}

.annai-table th{
    background-color: #6A9E19;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: 500;
}

.annai-table th.is-orange{
    background-color: #E57E22;
}

.annai-table td{
    background-color: #F5FAED;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #D8D8D8;
    width: 20%;
}

.annai-table td:last-child{
    border-right: none;
}

.annai-table td.is-orange{
    background-color: #FFF7E1;
}

.annai-table .is-border{
    border-bottom: 1px solid #D8D8D8;
}

.ryoukin-img{
    overflow-x: scroll;
}

.ryoukin-img img{
    min-width: 800px;
    white-space: nowrap;
}

.annaiPage #faq-nav {
    justify-content: center;
}

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

.annai-green-table th{
    background-color: #6A9E19;
    color: #FFFFFF;
    border-bottom: 1px solid #F5FAED;
    padding: 1rem;
    font-weight: 500;
}

.annai-green-table td{
    background-color: #F5FAED;
    border-bottom: 1px solid #fff;
    padding: 1rem;
}

.annai-green-table tr:last-child th,
.annai-green-table tr:last-child td{
    border-bottom: none;
}

.annai-step-area{
    padding-left: 2.6rem;
    box-sizing: border-box;
    position: relative;
}

.annai-step-area::before{
    content: "";
    width: 1px;
    height: calc(100% - 77rem);
    background-color: #6A9E19;
    position: absolute;
    top: 0.8rem;
    left: 0.8rem;
}

.annai-step-area-title{
    position: relative;

}
.annai-step-area-title::before{
    content: "";
    background-color: #6A9E19;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    left: -2.6rem;
    top: 50%;
    transform: translateY(-50%);
}

.annai-step-area-title span{
    color: #6A9E19;
}

.annai-step-area-box{
    border: 1px solid #6A9E19;
    border-radius: 1rem;
    margin-top: 1rem;
    margin-bottom: 7rem;
    padding: 1.5rem;
    box-sizing: border-box;
}

.annai-step-area-box:last-child{
    margin-bottom: 0;
}

.annai-step-area .bg-is-yellow2,
.annai-step-area .bg-is-gray3{
    border-radius: 0.2rem;
}

.annai .btn-outline-blue{
    font-size: 1.4rem;
}

.annai .box--light-blue{
    text-align: center;
    position: relative;
}

.annai .notices-img {
    width: 15.6rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
    flex-shrink: 0;
}

.annai .box-row-to-col{
    justify-content: center;
}

.annai .base-box{
    padding: 7rem 1.5rem 2.5rem;
}

.annai .checkin-img{
    position: absolute;
    top: -0.9rem;
    left: 0;
}

.quick-pd{
    padding: 2.5rem 1rem;
}

.quick-fnt-18{
    font-size: 1.4rem;
}

.quick-fnt-22{
    font-size: 1.7rem;
}

.jre-point-img{
    width: 21rem;
}

.jre-point-img img{
    width: 100%;
}


@media screen and (min-width: 780px) {
    #contents #faqBox h4 {
        padding: 0 10px 4px;
        margin-top: 25px;
    }

    #faqBox {
        padding-bottom: 120px;
    }

    .faq-inner{
        padding: 0;
    }

    .toggleArea {
        padding: 5px 0 1px;
    }

    .section:last-child .toggleArea {
        padding: 5px 0 0;
    }

    #contents .toggleArea p {
        margin: 0 10px 10px;
        padding: 0;
    }

    #contents .toggleArea .section {
        margin: 0 0 25px;
    }

    #contents .toggleArea .section:last-child {
        margin: 0;
    }
    #contents h2.toggleBtn {
        font-size: 14px;
    }
    #contents .toggleArea {
        font-size: 14px;
    }
    #contents .toggleArea p {
        font-size: 14px;
    }

    #faq-nav {
        gap: 10px;
    }

    .policy-btn {
        font-size: 14px;
        padding: 5px 15px;
    }

    .policy-btn.is-long{
        font-size: 14px;
        padding: 5px 15px;
    }

    .policy-btn.is-img{
        padding: 5px 15px;
    }

    .annai-accordion-body{
        padding: 4rem 5rem;
    }

    .annai-accordion-box{
        padding: 3.5rem 3.5rem 5rem;
    }

    .annai-accordion-item-title,
    .annai-accordion-item-text{
        font-size: 14px;
    }

    .annai-accordion-item-text2{
        font-size: 14px;
    }

    .annai-accordion-table-th,
    .annai-accordion-table-td{
        font-size: 13px;
        padding: 6px;
    }

    #contents .list-content li{
        font-size: 16px;
    }

    .jouhou-subtitle{
        font-size: 16px;
    }

    .biz1img .image img,
    .biz2img .image img {
        width:90%;
        margin:0 auto;
    }

    .biz1img .spflex .image + .image img {
        width:50%;
    }

    .biz1img,
    .biz2img {
        width:100%;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .biz1img .image {
        width:calc(39.1% - 10px);
        margin:0;
    }

    .biz1img .image + .image {
        width:calc(60.9% - 10px);
        margin:0;
    }

    .biz1img .spflex {
        display: flex;
        justify-content: space-between;
    }

    .biz1img .spflex .image {
        width:calc(65.8% - 10px);
    }

    .biz1img .spflex .image + .image {
        width:calc(34.2% - 10px);
    }

    .biz1img .image img,
    .biz2img .image img,
    .biz1img .spflex .image + .image img {
        width:100%;
    }

    .biz1img .image p,
    .biz2img .image p {
        font-size:14px;
    }

    .biz2img .leftimg {
        width:calc(54.2% - 10px);
    }

    .biz2img .rightimg {
        width:calc(45.8% - 10px);
        margin:0;
    }

    .biz2img .leftimg {
        width:calc(53.6% - 10px);
    }

    .biz2img .rightimg {
        width:calc(46.4% - 10px);
        margin:0;
    }

    .biz2img .leftimg {
        width:calc(54.7% - 10px);
    }

    .biz2img .rightimg {
        width:calc(45.3% - 10px);
        margin:0;
        margin-top: 0;
    }

    .biz2img .image + .image {
		margin-top: 50px;
	}

	#contents.kaisha_annai .biz2img .image p {
		font-size: 16px;
	}

    .insurance .rank{
        margin-left: 30px;
    }

    .insurance .box-card{
        padding: 20px 20px 30px;
    }

    .insurance .header-recommended{
        width: 200px;
        margin-left: 210px;
    }

    .annai-table td{
        padding: 20px;
    }

    .ryoukin-img{
        overflow-x: auto;
    }

    .annai-green-table th{
        width: 262px;
    }

    .annai .notices-img {
        width: 156px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .card-img{
        max-width: 692px;
        margin-left: auto;
        margin-right: auto;
    }

    .notices-testarea{
        width: 290px;
    }

    .annai .checkin-img {
        position: absolute;
        top: -9px;
        left: -6px;
    }

    .annai .base-box{
        padding: 25px 15px;
    }

    .annai-step-area::before{
        height: calc(100% - 645px);
    }

    .quick-pd{
        padding: 25px;
    }

    .quick-fnt-18{
        font-size: 18px;
    }

    .quick-fnt-22{
        font-size: 22px;
    }

    .jre-point-img{
        width: 300px;
    }
}

@media screen and (min-width: 980px) {
	.insurance .header-recommended {
		width: 248px;
        margin-left: 285px;
	}
}