@charset "utf-8";
@import "../../common/css/reset.css";
@import "../../common/css/base.css";

/* 2023年 傷害保険 一斉募集中！
----------------------------------------------------------- */
#contents{}
#contents .sectionBox{margin-bottom:20px;}

.hover a{display:block;opacity:1;transition:opacity 0.5s;}
.hover a:hover{opacity:0.7;}


/* lead
----------------------------------------- */
#lead .sectionBox{position:relative;margin-bottom:80px;padding:50px 38px;background:#ecf5fd;}

#lead .text{width:67%;color:#003b83;font-size:186%;/*28px*/line-height:1.8;}
#lead .text strong{color:#bb0000;font-size:114%;/*32px*/background:url(../img/lead_textbg.png) repeat-x;background-size:1px 12px;background-position:bottom left;}
#lead .text small{font-size:78%;/*24*/}

#lead .radiusOn .text{margin-left:120px;}
#lead .radius{background: #003b83;border-radius: 50%;width: 90px;height: 90px;position: absolute;bottom:50%;transform: translateY(50%);}
#lead .radius p{font-size: 120%; font-weight: bold;color: #fff;position: absolute;left:50%;bottom:50%;transform: translateY(50%) translateX(-50%);width: 100%;text-align: center;}

#lead .image{position:absolute;width:8.42%;/* 101/1200 */max-width:101px;right:0;bottom:0;margin:0 12% 1.08% 0;}
#lead .image img{width:100%;height:auto;}


/* main
----------------------------------------- */
#main .sectionBox:after{content:'';display:block;clear:both;}
#main .sectionBox:last-child{margin-bottom:70px;}
#main h3{margin-bottom:50px;padding:20px 40px 15px;color:#439dea;font-size:200%;/*30px*/font-weight:normal;border-bottom:3px solid #439dea;background:#f6f6f6;}

#main #guidance{width:81.67%;max-width:980px;margin:0 auto;}
#guidance h4{color:#003b83;font-size:213%;/*32px*/font-weight:900;text-align:center;}
#guidance .subtext{margin:15px auto 35px;font-size:153%;/*23px*/text-align:center;}
#guidance .image img{width:100%;height:auto;}
#guidance .left{float:left;width:60.41%;max-width:592px;}
#guidance .right{float:right;width:32.86%;max-width:322px;}

#guidance .discount{padding-top:20px;text-align:center;clear:both;}
#guidance .discount p{display:inline-block;font-size:266%;/*40*/}
#guidance .discount p.small{padding-left:20px;font-size:133%;/*20*/}
#guidance .discount p span{color:#e4007f;}
#guidance .discount p strong{font-size:150%;/*60*/}

#guidance .btnhead{margin:70px auto 20px;color:#003b83;font-size:186%;/*28*/font-weight:bold;text-align:center;}
#guidance .detail{float:none;width:100%;max-width:750px;margin:0 auto 70px;}
#guidance .detail p{text-align:center;}
#main .detail .btn{display:block;margin:0 auto;}
#main .detail .btn a{display:block;height:80px;padding:0 80px;line-height:80px;color:#fff;font-size:24px;font-weight:bold;text-align:center;text-decoration:none;background:#439dea url(../img/btn_arrow.png) no-repeat;background-position:right 4% center;box-shadow:0px 0px 35px -6px rgba(0,0,0,0.2);}
#main .detail .btn2 a{background-color:#e4007f;}
#main .detail .btn + .small{margin:1em auto 0;font-size:100%;}
#main .detail .btn img{width:100%;height:auto;}

#main .detail .qrbox{width:93.334%;margin:20px auto 30px;display:flex;justify-content:center;}
#main .detail .qr{}
#main .detail .qr-note{margin-left:15px;}
#main .detail .qr-note li{font-size:100%;text-indent:-1em;padding-left:1em;box-sizing:border-box;}

.detailBox{margin-bottom:90px;}
.detailBox img{width:100%;height:auto;}
.detailBox .detailhead{width:100%;margin-bottom:50px;}
.detailBox .detailhead th{width:6em;padding:25px;color:#fff;font-size:153%;text-align:center;background:#000;vertical-align:middle;}
.detailBox .detailhead td{padding:25px 0 25px 40px;font-size:133%;text-align:left;line-height:1.5;vertical-align:middle;}
.detailBox .detailhead td:last-of-type{padding:25px 20px 25px 5px;color:#000!important;font-size:100%;text-align:right;}
.detailBox .detailhead td strong{font-size:120%;/*24*/font-weight:normal;}
.detailBox .flexbox{display:flex;flex-wrap:wrap;align-items:center;}
.detailBox .icon{width:20.834%;margin-left:1.667%;}
.detailBox .textbox{width:75%;margin-left:2.5%;}
.detailBox h5{margin-bottom:0.25em;font-size:186%;}
.detailBox h5 .red{color:#e4007f;}
.detailBox p.text{font-size:120%;line-height:1.5;}
.detailBox .btn{width:300px;margin:50px auto 0;box-shadow: 0px 0px 35px -6px rgb(0 0 0 / 20%);}

.revisionbox{margin-top:80px;}
.revisionbox .head{width:45%;margin:0 auto 25px;}
.revisionbox .txt{font-size:120%;line-height:177%;text-align:center;}
.revisionbox .image{width:93.334%;margin:40px auto 0;}
.revisionbox .image + .txt{margin-top:20px;}
.revisionbox .btn{margin-top:30px;}

.rider{width:93.334%;margin:70px auto 0;}

#detail2{}
#detail2 .detailhead th{background:#2f5597;}
#detail2 .detailhead td{color:#2f5597;background:#eaeef4;}
#detail2 .textbox + .image{width:85.584%;margin:20px auto 0 6.084%;}

#detail3 .detailhead th{background:#ef858d;}
#detail3 .detailhead td{color:#db767d;background:#fdf3f3;}
#detail3 .icon{width:20.584%;}
#detail3 .textbox + .image{width:90%;margin:10px auto 0 1.667%;z-index:-1;}

#product2 h4{margin-bottom:1em;color:#003b83;font-size:213%;/*32*/text-align:center;}

#product3 .image{width:33%;margin:0 auto 30px;}
#product3 .image img{width:100%;height:auto;}
#product3 .text{width:81.667%;margin:0 auto;font-size:16px;line-height:175%;}

#main .ar{margin-top:5%;margin-bottom:70px;text-align:right;}



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

#contents .sectionBox{margin-bottom:0%;}


/* lead
----------------------------------------- */
#lead .sectionBox{margin-bottom:7.88%;padding:6.39% 4.86% 70px;}/* A * 0.7 / 710 */

#lead .text{width:100%;font-size:133%;/*20*/}
#lead .text strong{font-size:115%;/*23*/background-size:1px 30%;}
#lead .text small{font-size:80%;/*16*/}

#lead .radiusOn .text{margin-left:0px;}
#lead .radius{width: 70px;height: 70px;position: inherit;transform:none;margin:0 auto 20px;}
#lead .radius p{font-size: 100%;}
	
#lead .image{width:50.5px;margin:0 5px -30px 0;}


/* main
----------------------------------------- */
#main .sectionBox:after{content:none;}
#main .sectionBox:last-child{margin-bottom:18.3%;}
#main h3{margin-bottom:6.39%;padding:2.56% 5.12% 1.91%;font-size:140%;/*21*/border-width:2px;}

#main #guidance{width:100%;}
#guidance h4{font-size:186%;/*28*/}
#guidance .subtext{margin:2.11% auto 4.92%;font-size:133%;/*20*/}
#guidance .image{margin:0 auto;}
#guidance .left{float:none;width:83.39%;margin-bottom:4.92%;}
#guidance .right{float:none;width:45.36%;min-width:162px;}

#guidance .discount{padding-top:4.22%;}
#guidance .discount p{display:block;font-size:213%;/*32*/text-align:center;}
#guidance .discount p.small{padding-left:0;font-size:113%;/*17*/}
#guidance .discount p span{font-size:125%;/*40*/}

#guidance .btnhead{margin:9.85% auto 2.81%;font-size:160%;/*24*/}
#guidance .detail{margin:0 auto 10%;}
#main .detail .btn{}
#main .detail .btn a{height:auto;padding:1em 45px;line-height:120%;font-size:20px;background-position:right 3% center;}

#main .detail .qrbox{margin:2.81 auto 4.226%;}
#main .detail .qr{display:none;}
#main .detail .qr-note{margin-left:0;}
#main .detail .qr-note li{font-size:13px;}

.detailBox{margin-bottom:45px;}
.detailBox .detailhead{margin-bottom:25px;}
.detailBox .detailhead th{width:100%;display:block;padding:13px;font-size:100%;box-sizing:border-box;}
.detailBox .detailhead td{width:100%;display:block;padding:13px 13px 0;font-size:100%;box-sizing:border-box;}
.detailBox .detailhead td.sp{display:none;}
.detailBox .detailhead td:last-of-type{padding:13px;font-size:86.6%;text-align:left;}
.detailBox .flexbox{display:block;position:relative;padding-bottom:70.4vw;}
.detailBox .icon{width:35.212%;min-width:125px;margin:0 auto;}
.detailBox .textbox{width:100%;margin:3.572% 0%;}
.detailBox h5{margin-bottom:0.5em;font-size:4.267vw;}
.detailBox p.text{width:60%;font-size:2.934vw;line-height:172%;}
.detailBox .textbox + .image{position:absolute;left:0;bottom:0;}

.detailBox .btn{width:90%;max-width:300px;margin:25px auto 0;box-shadow: 0px 0px 18px -3px rgb(0 0 0 / 20%);}

.revisionbox{margin-top:11.268%;}
.revisionbox .head{width:76.057%;margin:0 auto 3.522%;}
.revisionbox .txt{font-size:2.934vw;text-align:left;}
.revisionbox .image{width:105.634%;margin:5.634% auto 0 -2.817%;}
.revisionbox .image + .txt{margin-top:20px;}
.revisionbox .btn{margin-top:30px;}

.rider{width:105.634%;margin:10% auto 10% -2.817%;}

#detail2 .flexbox{padding-bottom:62.4vw;}
#detail2 .textbox + .image{width:97.184%;margin:20px auto 0;}

#detail3 .icon{width:34.789%;}
#detail3 .textbox + .image{width:97.184%;margin:10px auto 0;}

#product2 h4{font-size:20px;}

#product3 .image{width:55.775%;margin:0 auto 4.226%;}
#product3 .text{width:100%;font-size:13px;}

#main .ar{margin-bottom:0%;}
}


/* 2025.07.17 追加 */
#main .detail .qr{max-width: 100px;}
#main .detail .qr img{width: 100%;}