#pageHome{
    overflow-x: hidden!important;
}



@media only screen and (max-width: 768px) {
    .exampleBlock{
        background-size: 100%;
    }
    .spview img{
    margin: 10px 0!important;
    }
}

.productTable{
    max-width: 1000px;
}

.modal-box{
    padding-bottom: 0;
}

.modal-box h4{
    margin-bottom: 0;
    border: 2px solid #d3d8db;
}

.boxInner .viewport .inner{
    padding-bottom: 20px;
}

.boxInner .viewport .inner p{
    font-weight: normal!important;
}



.scrollTable{
    max-width: 80%;
    margin: 40px 0;
}

.overview th{
    border: none;
}
.overview td{
    border: 2px solid #eaf1f5;
}

.productTable table td:last-child{
    border-right: 2px solid #eaf1f5 !important;
}


.mb50{
    max-width: 1000px;
    margin: 2rem auto;
}



/* アコーディオン */
.blue-contents{
    color: #0155b1;
    font-weight: bold;
}
.box_faq h4 {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}

.box .qa-main span::before,
.box .qa-main span::after {
    background: #000;
}

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

.modal-texin{
    background: rgb(234, 241, 245);
    border-radius: 10px;
    border: 2px solid rgb(211, 216, 219);
}

.modal_overview h4{
    font-size: 16px!important;
    padding-left: 2rem;
    background-position-y: 1em;
}

@media only screen and (max-width: 768px) {
    .modal_overview {
        width: 100%;
    }
    .modal-box h4{
        background: #0498D0;
        color: #fff;
        border-radius: 0px;
        font-size: 16px;
        padding: 13px 10px 7px 15px;
    }
    .modal-box h4 span::before{
        background: #fff;
    }
    .modal-box h4 span::after{
        background: #fff;
    }
    .boxInner_sp{
        padding: 0;
    }
    .boxInner_sp .inner{
        padding: 15px 15px 10px;
        background: #eaf1f5;
    }
    .boxInner_sp .inner p{
        font-weight: normal!important;
    }
}

.fixedbtn .btn{
    display: inline;
}


/* モーダルボタン */
.fixedbtn{
    background: transparent;
}

.fixedbtn .btn:hover{
    opacity: 0.9!important;
}

/* モーダル */
.overlay {
    /* 位置を固定 */
    position: fixed;
    top: 0;
    left: 0;
    /* 画面いっぱいに広がるようにする */
    width: 100%;
    height: 100vh;
    /* rgbaを使って60%の黒いオーバーレイにする */
    background: rgba(0, 0, 0, 0.8);
    /* デフォルトでは見えないようにする */
    opacity: 0;
    visibility: hidden;
    /* 表示する際の変化の所要時間 */
    transition: .3s;
}

/* activeクラスのついたオーバーレイ */
.overlay.active {
    /* activeクラスがついたときにオーバーレイを表示する */
    opacity: 1;
    visibility: visible;
    z-index: 100;
}



.modal {
    max-width: 500px;
    width: 86%;
    padding: 15px 10px;
    background: #fff;
    /* 位置の調整(真ん中に表示) */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* デフォルトでは非表示にしておく */
    opacity: 0;
    visibility: hidden;
    /* 表示の変化にかかる時間 */
    transition: .3s;
}

.modal-redtex{
    background-size: 4%!important;
}


.modal h4{
    padding-left: 3em;
    font-size: 0.8rem;
    background-position-y: 0.9em!important;
    background-size: 4%;
}

@media only screen and (max-width: 768px) {
    .modal h4{
        padding-left: 2em;
    }
}

/* activeクラスのついたモーダルウィンドウ */
.modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 101;
}

/* モーダルウィンドウ内の閉じるボタン */
.modal .close {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}

.scroll-contents{
    overflow-y: scroll;
    max-width: 600px;
    max-height: 200px;
    margin: 2% auto;
    border: 1px solid #000;
}

.scroll-contents .inquiryBox{
    padding: 0.2rem;
}

.scroll-contents .inquiryBox h3{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.scroll-contents .inquiryBox .box{
    padding-bottom: 0;
}

.modal .check{
    max-width: 500px;
    margin: 1rem auto;
    border: 1px solid #000;
    padding: 1rem;
}

ul.inmodal-btn li{
    display: block!important;
    width: 100%;
    padding-top: 2rem;
}

ul.inmodal-btn li span{
    font-weight: bold;
    margin-bottom: 1rem;
}

.inner .mb20{
    padding-top: 0;
}

.modal-table{
    border: 1px solid #000!important;
}

.modal-strong{
    padding-top: 0!important;
}

@media only screen and (max-width: 768px){
    .qa-main{
        font-size: 14px!important;
        padding-left: 1em!important;
    }
    .qa-main span{
        padding-right: 1.5em!important;
    }
    
}

.box_faq{
    padding-bottom: 10px!important;
}


#footer{
    background: rgb(234, 241, 245);
}