@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");

/**************************************************/
/* デフォルト値リセット */
/**************************************************/
html{min-height:100%;}
body{font-size:13px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; -webkit-font-smoothing:antialiased;}

#window-height{position:fixed;top:0;left:0;width:0;height:100%;z-index:1;}
body:before{content:'';display:block;position:absolute;top:0;left:0;margin-top:0;width:0;height:0;background-color:#000;z-index:10;}

*{outline:none;background:url(/campaign/md/extnl/shikkari/img/clear.gif) no-repeat left top;-webkit-text-size-adjust:100%;}

/* 見出しタグ */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:bold;text-align:left;}

/* リストタグ */
dl,dt,dd,ul,ol,li{margin:0;padding:0;list-style:none;font-weight:normal;text-align:left;}

/* テーブルタグ */
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th,td{margin:0;padding:0;font-style:normal;font-weight:normal;text-align:left;vertical-align:top;}

/* イメージタグ */
img{border:0;display:block;}

/* フォームタグ */
form,input,textarea{margin:0;padding:0;text-align:left;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/* ストロングタグ */
strong{font-style:normal;font-weight:bold;}

/* 上付け、下付け */
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

/* よく使うタグ */
body,div,p{margin:0;padding:0;text-align:left;}
p{font-weight:normal;}

/* アンカータグ */
a{text-decoration:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#333;text-decoration:underline;}
a:active{text-decoration:underline;}

abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}

/**************************************************/
/* 共通スタイル */
/**************************************************/
.section{width:100%;text-align:center;position:relative;z-index:1;}
.sectionBox{width:100%;max-width:750px;margin:0 auto;}
.sectionBox .inner{width:89.3334%;margin:0 auto;border-radius:0 0 2.6667vw 2.6667vw;background:#fff;}

.pc{display:none!important;}

img{width:100%;height:auto;}

/**************************************************/
/* header */
/**************************************************/
.pageHeader{}
.pageHeader .sectionBox{position:relative;}
.pageHeader .sectionBox:before,
.pageHeader .sectionBox:after{content:'';display:block;padding-top:2.934%;}

.pageHeader .logo{width:17.867%;margin-left:2.667%;}
.pageHeader .no1logo{width:33.2%;position:absolute;top:50%;right:0;transform:translateY(-50%);margin-right:2.667%;}

/**************************************************/
/* KV */
/**************************************************/
#kv{background:#a2ce70;}
#kv .sectionBox{position:relative;}
#kv .sectionBox h1{width:100%;margin:0 auto;position:relative;}
#kv .sectionBox h1:before{content:'';display:block;padding-top:95.4667%;position:relative;z-index:1;}
#kv .sectionBox h1 img{position:absolute;bottom:0;left:0;width:94.8%;margin:0 0 13.8667% 3.0667%;z-index:2;}
#kv .sectionBox .btn{width:90.1334%;margin-bottom:5.4667%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;}
#kv .sectionBox .btn a{display:block;}

/**************************************************/
/* bgwrap */
/**************************************************/
#bgwrap{background:#ccebd9 url(/campaign/md/extnl/shikkari/img/sp/line-wave1.png) repeat-x top center;background-size:10.9334% auto;}

/**************************************************/
/* point1 */
/**************************************************/
#point1 .sectionBox{}
#point1 .sectionBox:before{content:'';display:block;padding-top:7.7334%;}
#point1 .inner:after{content:'';display:block;padding-top:5.2239%;}
#point1 h2{width:89.3334%;margin:0 auto;}
#point1 p{margin:0 auto;}

#point1 .lead{width:81.7911%;padding:5.9702% 0 10.4478%;}
#point1 .image{width:88.0598%;margin:0 auto 9.7015%;position:relative;}
#point1 .graph{width:91.0448%;margin:-2.9851% auto 0;}
#point1 .togglewrap{width:91.0448%;margin:5.9702% auto 8.9553%;}
#point1 .toggle-btn{cursor:pointer;background:url(/campaign/md/extnl/shikkari/img/sp/point1-togglebtn.png) no-repeat top center;background-size:100% auto;}
#point1 .toggle-btn.open{background:none;}
#point1 .toggle-btn img{opacity:0;}
#point1 .toggle-btn.open img{opacity:1;}
#point1 .togglebox{display:none;padding:3.7314%;border:3px solid #51c481;border-top:0;border-radius:0 0 1.0667vw 1.0667vw;box-sizing:border-box;}
#point1 .togglebox h3{margin-bottom:0.3em;color:#51c481;font-size:3.4667vw;line-height:123%;}
#point1 .togglebox .txt{color:#333;font-size:2.9334vw;line-height:145%;}
#point1 .btn{width:91.9403%;}

/**************************************************/
/* pop */
/**************************************************/
#pop{width:47%;padding-top:11%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);cursor:pointer;}

#popupWrapper{position:relative;}
#popupWrapper.scriptOn{position:fixed;left:0;width:100%;top:-100%;height:100%;margin-top:0%;z-index:20;}
#popupWrapper.opened{top:0%;}

#popupWrapper.scriptOn #popupMain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}

.popupContents{position:relative;margin:0 auto;z-index:3;}

.popupBg{position:fixed;left:0;width:100%;top:0;height:0%;background-color:rgba(0,0,0,0.6);z-index:1;}
#popupWrapper.opened #popupMain .popupBg{height:100%;}

.popupContents .popupBg{opacity:0;}

.popup{width:89.3334%;height:80vh;margin:10vh auto 0;border-radius:1.3334vw;background:#fff;position:relative;z-index:2;overflow-y:scroll;}
#popupWrapper.scriptOn .popup{display:none;}

body.popupOpen{overflow:hidden;position:relative/*fixed;width:100%;*/}
#popupMain .ps-container>.ps-scrollbar-y-rail{opacity:0.2;}

.popup .scrwrap{min-height:100%;position:relative;}
.popup .txtbox{}
.popup .head{border-bottom:2px solid #d9d9d9;}
.popup .txt{padding:3.7314% 5.2239% 30%;color:#333;font-size:3.2vw;line-height:175%;}
.popup .closebox{width:100%;padding:5.9702% 0;border-top:2px solid #d9d9d9;background:#fff;position:absolute;bottom:0;left:0;}
.popup .close{width:89.5523%;max-width:600px;margin:0 auto;padding-top:11.9403%;background:url(/campaign/md/extnl/shikkari/img/sp/popup-close.png) no-repeat top center;background-size:100% auto;z-index:3;cursor:pointer;}

/**************************************************/
/* point2 */
/**************************************************/
#point2 .sectionBox{}
#point2 .sectionBox:before{content:'';display:block;padding-top:9.7334%;}
#point2 .inner:after{content:'';display:block;padding-top:5.2239%;}
#point2 h2{width:89.3334%;margin:0 auto;}
#point2 p{margin:0 auto;}

#point2 .lead{width:89.5523%;padding:7.4627% 0;}
#point2 .image{width:103.1344%;margin:0 0 7.4627% 2.8359%;}
#point2 .btn{width:91.9403%;}

/**************************************************/
/* service */
/**************************************************/
#service .sectionBox{}
#service .sectionBox:before{content:'';display:block;padding-top:10.6667%;}
#service .inner:after{content:'';display:block;padding-top:8.0598%;}
#service h2{width:89.3334%;margin:0 auto;}
#service p{margin:0 auto;}

#service .lead{width:89.1045%;padding:5.2239% 0 4.4777%;}
#service .label{width:91.0448%;margin:0 auto 4.4777%;}
#service .etcbox{width:91.0448%;margin:7.4627% auto 0;}
#service .etcbox .image + .image{margin-top:6.5574%;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note .sectionBox:before{content:'';display:block;padding-top:7.4627%;}
#point-note .sectionBox:after{content:'';display:block;padding-top:8.209%;}
#point-note .inner{background:none;}
#point-note .txt{color:#333;font-size:2.9334vw;line-height:163%;}
#point-note .txt li{padding-left:1em;position:relative;}
#point-note .txt li span{position:absolute;left:0;}

/**************************************************/
/* 保険のプロに相談 */
/**************************************************/
#consult{background:url(/campaign/md/extnl/shikkari/img/sp/line-wave2.png) repeat-x top center;background-size:10.9334% auto;}
#consult .sectionBox:before{content:'';display:block;padding-top:10.6667%;}
#consult .btn{width:82.1334%;margin:0 auto;}
#consult h2{width:63.0667%;margin:8.2667% auto 0;}

.consult-box{width:92%;margin:5.334% auto 0;}
.consult-box p{margin-top:2.899%;}
.consult-box p:first-child{margin-top:0;}
.consult-box p a{display:block;}

#consult .sectionBox:after{content:'';display:block;padding-top:14.267%;}

/**************************************************/
/* 注釈 */
/**************************************************/
#notes{background-color:#e5f5fc;}
#notes .sectionBox{}
#notes .sectionBox:before,
#notes .sectionBox:after{content:'';display:block;}
#notes .sectionBox:before{padding-top:6.667%;}
#notes .sectionBox ul{width:93.334%;margin:0 auto;}
#notes .sectionBox ul li{color:#000;font-size:30px;line-height:1.76666667em;position:relative;padding-left:1.1em;}
#notes .sectionBox ul li{font-size:2.9334vw;}
#notes .sectionBox ul li span{display:block;position:absolute;top:0;left:0;width:1em;text-align:center;}
#notes .sectionBox:after{padding-top:7.334%;}

#number{width:93.334%;margin:2.667% auto 0;color:#000;font-size:4vw;line-height:100%;text-align:right;font-family:'Noto Sans JP',sans-serif;}

/**************************************************/
/* フッタ */
/**************************************************/
.pageFooter{width:auto;padding:5.2% 0 0;box-sizing:border-box;}
.pageFooter .address{width:92%;height:auto;margin:0 auto;position:static;display:flex;justify-content:space-between;align-items:center;}
.pageFooter .address .header{position:static;left:auto;top:auto;height:auto;width:13.044%;}
.pageFooter .address .logo{position:static;left:auto;top:auto;height:auto;width:25.943%;}
.pageFooter .address .logo a{display:block;}
.pageFooter .address address{position:static;left:auto;top:auto;height:auto;width:53.044%;}
.pageFooter:after{content:'';display:block;padding-top:9.8%;}

/**************************************************/
/* ページトップ  */
/**************************************************/
#fixed-request{}
#fixed-request .sectionBox{width:100%;margin:0 auto;}
#fixed-request .sectionBox p.pagetop{position:absolute;bottom:0;right:2.667%;width:18.8%;}
#fixed-request .sectionBox p.pagetop a{display:block;}

/**************************************************/
/* フローティングボタン */
/**************************************************/
#floating{background:rgba(51,51,51,0.8);position:fixed;bottom:0;left:0;margin-bottom:-30%;z-index:5;transition:all 0.5s ease;}
#floating .sectionBox{width:100%;margin:0 auto;padding:2% 0 1%;}
#floating .sectionBox .btn{width:72%;margin:0 auto;z-index:1;transition:all 0.5s ease;}
#floating .sectionBox .btn a{width:100%;}

#floating.view{margin-bottom:0;}
#floating.view2{margin-bottom:-30%;}

/**************************************************/
/* モーダル */
/**************************************************/
.wgsModalBase{display:none;}



@media print, screen and (min-width: 751px) {

/**************************************************/
/* 共通スタイル */
/**************************************************/
.sectionBox{width:98%;max-width:980px;}
.sectionBox .inner{width:90%;border-radius:0 0 1.8368vw 1.8368vw;}
.sp{display:none!important;}
.pc{display:block!important;}

/**************************************************/
/* header */
/**************************************************/
.pageHeader .sectionBox{width:98%;max-width:980px;margin:0 auto;padding-top:0;}
.pageHeader .sectionBox:before{padding-top:2.143%;}
.pageHeader .sectionBox:after{padding-top:2.143%;}

.pageHeader .logo{width:13.674%;margin-left:0;}
.pageHeader .no1logo{width:25.409%;margin-right:0;}

/**************************************************/
/* KV */
/**************************************************/
#kv{}
#kv .sectionBox{width:100%;}
#kv .sectionBox h1{width:90%;margin:0 auto;}
#kv .sectionBox h1:before{padding-top:73.0613%;}
#kv .sectionBox h1 img{width:72.5511%;margin:0 0 10.7143% 14.5919%;}
#kv .sectionBox .btn{width:62.1429%;margin-bottom:4.1837%;}
#kv .sectionBox .btn a:hover{opacity:0.7;}

/**************************************************/
/* bgwrap */
/**************************************************/
#bgwrap{background-size:8.3674% auto;}

/**************************************************/
/* point1 */
/**************************************************/
#point1 .sectionBox:before{padding-top:5.7143%;}
#point1 .inner:after{padding-top:6.7347%;}
#point1 h2{width:90%;}

#point1 .lead{width:55.9184%;padding:4.0817% 0 4.6939%;}
#point1 .image{width:80.6123%;margin-bottom:6.6327%;}
#point1 .graph{width:62.2449%;margin-top:0%;}
#point1 .togglewrap{width:80.6123%;margin:4.0817% auto 6.1225%;}
#point1 .toggle-btn{}
#point1 .toggle-btn{background-image:url(/campaign/md/extnl/shikkari/img/pc/point1-togglebtn.png);}
#point1 .togglebox{padding:3.1646% 4.557%;border-radius:0 0 0.7143vw 0.7143vw;}
#point1 .togglebox h3{margin-bottom:0;font-size:2.347vw;line-height:123%;}
#point1 .togglebox .txt{font-size:2.0409vw;line-height:172%;}
#point1 .btn{width:62.8572%;}
#point1 .btn a:hover{opacity:0.7;}

/**************************************************/
/* pop */
/**************************************************/
#pop{width:27%;padding-top:7%;}

.popup{width:98%;max-width:980px;border-radius:1.0205vw;}

.popup .head img{width:61.5307%;max-width:603px;margin:0 auto;}
.popup .txt{padding:2.5511% 3.5715% 25%;font-size:2.2449vw;}
.popup .closebox{padding:4.0817% 0;}
.popup .close{width:61.2245%;padding-top:8.1633%;}

/**************************************************/
/* point2 */
/**************************************************/
#point2 .sectionBox:before{padding-top:7.449%;}
#point2 .inner:after{padding-top:6.7347%;}
#point2 h2{width:90%;}

#point2 .lead{width:61.2245%;padding:5.1021% 0;}
#point2 .image{width:70.7143%;margin:0 0 5.1021% 17.7552%;}
#point2 .btn{width:62.8572%;}
#point2 .btn a:hover{opacity:0.7;}

/**************************************************/
/* service */
/**************************************************/
#service .sectionBox:before{padding-top:8.1633%;}
#service .inner:after{padding-top:8.1633%;}
#service h2{width:90%;}

#service .lead{width:60.9184%;padding:3.1633% 0;}
#service .label{width:80.6123%;margin-bottom:3.5715%;}
#service .etcbox{width:80.6123%;margin-top:6.1225%;}
#service .etcbox .image{width:100%;}
#service .etcbox .image + .image{margin:3.7975% 0 0;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note .sectionBox:before{padding-top:5.1021%;}
#point-note .sectionBox:after{padding-top:9.6939%;}
#point-note .txt{font-size:1.8368vw;line-height:170%;}

/**************************************************/
/* 保険のプロに相談 */
/**************************************************/
#consult{background-size:8.3674% auto;}
#consult .sectionBox:before{padding-top:7.449%;}
#consult .btn{width:56.6327%;}
#consult .btn a:hover{opacity:0.7;}

#consult h2{width:43.4694%;margin:5.8164% auto 0;}

.consult-box{width:72.449%;margin-top:4.082%;}
.consult-box p a:hover img{opacity:0.7;}
#consult .sectionBox:after{padding-top:11.225%;}

/**************************************************/
/* 注釈 */
/**************************************************/
#notes .sectionBox:before{padding-top:5.103%;}
#notes .sectionBox ul{width:100%;}
#notes .sectionBox ul li{font-size:2.106vw;line-height:2.25em;}
#notes .sectionBox:after{padding-top:5.613%;}

#number{width:100%;margin-top:2.552%;font-size:2.041vw;}

/**************************************************/
/* フッタ */
/**************************************************/
.pageFooter{width:98%;max-width:980px;margin:0 auto;padding-top:0;}
.pageFooter:before{content:'';display:block;padding-top:4.082%;}
.pageFooter .address{width:100%;padding-top:7.143%;display:block;position:relative;}
.pageFooter .address .header{position:absolute;top:0;left:17.756%;width:9.184%;}
.pageFooter .address .logo{position:absolute;bottom:0;left:0;width:14.082%;}
.pageFooter .address address{position:absolute;bottom:0;left:17.756%;width:51.837%;}
.pageFooter:after{padding-top:5.103%;}

/**************************************************/
/* ページトップ  */
/**************************************************/
#fixed-request{bottom:0;margin-bottom:-9%;}
#fixed-request .sectionBox{max-width:none;}
#fixed-request .sectionBox p.pagetop{width:10.072%;}

/**************************************************/
/* フローティングボタン */
/**************************************************/
#floating .sectionBox{padding:1.123% 0 0.613%;}
#floating .sectionBox .btn{width:420px;/*42.8572%*/}
#floating .sectionBox .btn a:hover{opacity:0.7;}

/**************************************************/
/* モーダル */
/**************************************************/
.wgsModalBase{position:fixed;left:0;top:0;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(0,0,0,0.2);z-index:999;display:none;}
.wgsModalBase .modalStage{padding:50px 80px 0;text-align:center;width:790px;height:390px;background:#fff;border-radius:10px;position:relative;font-family:'Noto Sans JP',sans-serif;box-sizing:border-box;}
.wgsModalBase .modalStage p:first-child{font-size:24px;font-weight:bold;text-align:center;margin-bottom:30px;padding-bottom:35px;position:relative;}
.wgsModalBase .modalStage p:first-child::after{content:'';display:block;width:100%;height:2px;background:#000;position:absolute;left:0;bottom:0;}
.wgsModalBase .modalStage p.num{font-size:54px;font-weight:bold;display:flex;justify-content:center;align-items:center;margin-bottom:30px;}
.wgsModalBase .modalStage p.num img{display:block;margin-right:10px;width:auto;}
.wgsModalBase .modalStage p.note{font-size:16px;text-align:center;}
.wgsModalBase .modalStage a{width:30px;height:30px;position:absolute;right:15px;top:15px;display:block;text-indent:-9999px;}
.wgsModalBase .modalStage a::before, .wgsModalBase .modalStage a::after{content:'';display:block;width:40px;height:1px;background:#000;position:absolute;}
.wgsModalBase .modalStage a::before{transform:rotate(45deg);top:14px;left:-4px;}
.wgsModalBase .modalStage a::after{transform:rotate(-45deg);top:14px;left:-4px;}

}



@media print, screen and (min-width: 981px) {
/**************************************************/
/* 共通スタイル */
/**************************************************/
.sectionBox .inner{border-radius:0 0 18px 18px;}

/**************************************************/
/* header */
/**************************************************/
.pageHeader .logo{width:127px;}
.pageHeader .no1logo{width:249px;}

/**************************************************/
/* bgwrap */
/**************************************************/
#bgwrap{background-size:82px auto;}

/**************************************************/
/* point1 */
/**************************************************/
#point1 .togglebox{border-radius:0 0 7px 7px;}
#point1 .togglebox h3{font-size:23px;}
#point1 .togglebox .txt{font-size:20px;}

/**************************************************/
/* pop */
/**************************************************/
.popup{border-radius:10px;}

.popup .txt{font-size:22px;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note .txt{font-size:18px;}

/**************************************************/
/* 保険のプロに相談 */
/**************************************************/
#consult{background-size:82px auto;}

/**************************************************/
/* 注釈 */
/**************************************************/
#notes .sectionBox ul li{font-size:20px;}

#number{font-size:20px;}

/**************************************************/
/* ページトップ  */
/**************************************************/
#fixed-request{margin-bottom:-90px;}
#fixed-request .sectionBox p.pagetop{width:141px;}

/**************************************************/
/* フローティングボタン */
/**************************************************/
#floating .sectionBox{padding:11px 0 6px;}

}

/**************************************************/