@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/hoshii/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;}

.togglewrap{width:100%;}
.togglewrap + .togglewrap{margin-top:1.4926%;}
.toggle-btn{border-radius:1.3334vw;cursor:pointer;background:#000;position:relative;}
.toggle-btn:after{content:'';display:block;width:7.4627%;padding-top:7.4627%;background:url(/campaign/md/extnl/hoshii/img/sp/toggle-open.png) no-repeat center;background-size:100% auto;position:absolute;top:50%;right:0;transform:translateY(-50%);margin-right:2.9851%;}
.toggle-btn.open{border-radius:1.3334vw 1.3334vw 0 0;}
.toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close.png);}
.togglebox{display:none;border-radius:0 0 1.0667vw 1.0667vw;background:#fff;box-sizing:border-box;}

.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{border-top:1.3334vw solid #009c42;background:#d0e9db;}

/**************************************************/
/* lead */
/**************************************************/
#lead{}
#lead .txt{margin:5.9702% auto 5.2239%;color:#333;font-size:3.2vw;line-height:125%;text-indent:-1em;padding-left:1em;}
#lead .btn{width:90.6667%;margin:0 auto 6.6667%;}

/**************************************************/
/* what */
/**************************************************/
#what{background:#d0e9db;}
#what .sectionBox:last-of-type:after{content:'';display:block;padding-top:12.6667%;}
#what .inner{width:100%;}
#what h2{width:80%;margin:0 auto;}
#what p{margin:0 auto;}

#what .lead{width:88.1334%;margin-top:7.2%;}
#what .arrow{width:21.3334%;margin:5.6% auto 0.9334%;}

#slider .item img{width:98.75%;margin:0 auto;}
#slider .pc{display:none!important;}

#slider .slick-dots{bottom:0;margin-bottom:-4vw;}
#slider .slick-dots li{width:auto;height:auto;margin:0 1.3334%;}
#slider .slick-dots li button{width:2.6667vw;height:2.6667vw;padding:0;border-radius:100%;background:#5f5f5f;}
#slider .slick-dots li.slick-active button{background:#e94609;}
#slider .slick-dots li button:before{content:none;}

#slider .slick-prev,
#slider .slick-next{width:9.3334%;/*70*/padding-top:9.3334%;top:50%;left:auto;transform:translateY(-50%);z-index:2;}
#slider .slick-prev:before,
#slider .slick-next:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;opacity:1;}
#slider .slick-prev{left:0;margin-left:2.6667%;}
#slider .slick-prev:before{background:url(/campaign/md/extnl/hoshii/img/sp/btn-prev.png) no-repeat center;background-size:100% auto;}
#slider .slick-next{right:0;margin-right:2.6667%;}
#slider .slick-next:before{background:url(/campaign/md/extnl/hoshii/img/sp/btn-next.png) no-repeat center;background-size:100% auto;}

#what .togglewrap{width:89.3334%;margin:11.3334% auto 6.6667%;}
#what .toggle-btn{background:#51c481;}
#what .togglebox{padding:3.7314%;border:3px solid #51c481;border-top:0;}
#what .togglebox h3{margin-bottom:0.3em;color:#51c481;font-size:3.4667vw;line-height:123%;}
#what .togglebox .txt{color:#333;font-size:2.9334vw;line-height:145%;}
#what .btn{width:90.6667%;}

/**************************************************/
/* lineup */
/**************************************************/
#lineup .sectionBox:after{content:'';display:block;padding-top:15.4667%;}
#lineup h2{width:80%;margin:0 auto 6%;}
#lineup p{margin:0 auto;}

#lineup .image{width:89.5523%;padding:5.9702% 0;position:relative;}
#lineup .image + .image{border-top:2px solid #666;}
#lineup .image span{position:absolute;}

#lineup1 .toggle-btn,
#lineup2 .toggle-btn,
#lineup3 .toggle-btn{background:#01ac5e;}
#lineup1 .toggle-btn:after,
#lineup2 .toggle-btn:after,
#lineup3 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open1.png);}
#lineup1 .toggle-btn.open:after,
#lineup2 .toggle-btn.open:after,
#lineup3 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close1.png);}
#lineup1 .togglebox,
#lineup2 .togglebox,
#lineup3 .togglebox{background:#d9f3e7;}

#lineup4 .toggle-btn{background:#009a94;}
#lineup4 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open4.png);}
#lineup4 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close4.png);}
#lineup4 .togglebox{background:#d9f0ef;}

#lineup4 .image,
#lineup6 .image,
#lineup7 .image{padding-bottom:11.9403%;}
#lineup4 .image + .image,
#lineup7 .image + .image{padding-top:11.9403%;}
#lineup4 .image:last-of-type,
#lineup6 .image:nth-of-type(2),
#lineup7 .image:last-of-type{padding-bottom:5.9702%;}

#lineup5 .toggle-btn{background:#007d99;}
#lineup5 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open5.png);}
#lineup5 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close5.png);}
#lineup5 .togglebox{background:#d9ecf0;}

#lineup6 .toggle-btn{background:#b39045;}
#lineup6 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open6.png);}
#lineup6 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close6.png);}
#lineup6 .togglebox{margin-bottom:15.6717%;background:#f4eee3;position:relative;}
#lineup6 .txt{margin:0 0 -12.6866% 0;color:#333;font-size:2.9334vw;line-height:163%;position:absolute;left:0;bottom:0;}

#lineup7 .toggle-btn{background:#ec6d81;}
#lineup7 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open7.png);}
#lineup7 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close7.png);}
#lineup7 .togglebox{background:#fce9ec;}

#lineup8 .toggle-btn,
#lineup9 .toggle-btn{background:#7fbe26;}
#lineup8 .toggle-btn:after,
#lineup9 .toggle-btn:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-open8.png);}
#lineup8 .toggle-btn.open:after,
#lineup9 .toggle-btn.open:after{background-image:url(/campaign/md/extnl/hoshii/img/sp/toggle-close8.png);}
#lineup8 .togglebox,
#lineup9 .togglebox{background:#ecf5df;}

.borderbox{margin-top:7.4627%;}
.borderbox .borderhead{border-radius:1.3334vw 1.3334vw 0 0;background:#51c481;position:relative;}
.borderbox .txtwrap{padding:3.3714%;border:3px solid #51c481;border-top:none;border-radius:0 0 1.0667vw 1.0667vw;background:#fff;box-sizing:border-box;}
.borderbox h3{margin-bottom:0.3em;color:#51c481;font-size:3.4667vw;line-height:123%;}
.borderbox .txt{color:#333;font-size:2.9334vw;line-height:145%;}

#lineup .btn{width:90.6667%;margin-top:8%;}
#lineup .shecksheet{width:81.6%;margin:6.6667% auto 0;}

/**************************************************/
/* pop */
/**************************************************/
#pop{width:49%;padding-top:9%;margin-bottom:7.5%;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/hoshii/img/sp/popup-close.png) no-repeat top center;background-size:100% auto;z-index:3;cursor:pointer;}

/**************************************************/
/* service */
/**************************************************/
#service{background:#d0e9db;}
#service .sectionBox{}
#service h2{width:80%;margin:0 auto;position:relative;}
#service h2:after{content:'';display:block;width:28%;padding-top:20.8334%;background:url(/campaign/md/extnl/hoshii/img/sp/service-head-deco.png) no-repeat top left;background-size:100% auto;position:absolute;top:0;left:0;margin:-11% 0 0 6.6667%;}
#service p{margin:0 auto;}

#service .lead{width:99.1045%;padding:9.5523% 0 7.7612%;}
#service .label + .image{width:99.7015%;margin:8.9553% auto 8.9553% 0}
#service .etcbox .image + .image{margin-top:5.9702%;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note{background:#d0e9db;}
#point-note .sectionBox:before{content:'';display:block;padding-top:6.6667%;}
#point-note .sectionBox:after{content:'';display:block;padding-top:13.4329%;}
#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 .sectionBox:before{content:'';display:block;padding-top:13.3334%;}
#consult .btn{width:90.6667%;margin:0 auto;}
#consult h2{width:70%;margin:13.334% 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:4vw;}
#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.5334%;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:80%;}

.togglewrap{width:80.6123%;max-width:790px;margin:0 auto;}
.togglewrap + .togglewrap{margin-top:1.0205%;}
.toggle-btn{border-radius:1.0205vw;}
.toggle-btn:after{width:6.3292%;padding-top:6.3292%;margin-right:2.5317%;}
.toggle-btn.open{border-radius:1.0205vw 1.0205vw 0 0;}
.toggle-btn img{width:84.8102%;}
.togglebox{border-radius:0 0 0.8164vw 0.8164vw;}

.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{border-top-width:0.8164vw;}
#kv .sectionBox{width:100%;}
#kv .sectionBox h1{width:61.2245%;margin:0 auto;}

/**************************************************/
/* lead */
/**************************************************/
#lead .txt{width:68.3674%;margin:3.5715% auto 7.1429%;font-size:1.5307vw;}
#lead .btn{width:55.5103%;max-width:612px;margin-bottom:4.3878%;}
#lead .btn a:hover{opacity:0.7;}

/**************************************************/
/* what */
/**************************************************/
#what .sectionBox:last-of-type:after{padding-top:8.4694%;}
#what h2{width:48.9796%;}
#what .inner{width:80%;}

#what .lead{width:67.449%;margin-top:5.5103%;}
#what .arrow{width:16.3266%;margin:4.2858% auto 0.7143%;}

#slider{max-width:980px;margin:0 auto;position:relative;}
#slider:before,
#slider:after{content:'';display:block;width:17%;height:100%;position:absolute;top:0;z-index:10;}
#slider:before{left:0;background-image:linear-gradient(-90deg, transparent, #d0e9db 50%);}
#slider:after{right:0;background-image:linear-gradient(90deg, transparent, #d0e9db 50%);}

#slider .pc{display:block!important;}
#slider .sp{display:none!important;}

#slider .slick-dots{margin-bottom:-3.2654vw;}
#slider .slick-dots li{margin:0 0.8164%;}
#slider .slick-dots li button{width:1.6327vw;height:1.6327vw;}

#slider .slick-prev,
#slider .slick-next{width:5.7143%;/*56*/padding-top:5.7143%;}
#slider .slick-prev:hover,
#slider .slick-next:hover{opacity:0.7;}
#slider .slick-prev{margin-left:21%;}
#slider .slick-next{margin-right:21%;}

#what .togglewrap{width:80.6123%;max-width:790px;margin:10.7143% auto 5.1021%;}
#what .toggle-btn img{margin:0 auto;}
#what .togglebox{padding:3.1646%;}
#what .togglebox h3{margin-bottom:0;font-size:2.1429vw;line-height:123%;}
#what .togglebox .txt{font-size:1.8368vw;line-height:172%;}
#what .btn{width:55.5103%;max-width:544px;}
#what .btn a:hover{opacity:0.7;}

/**************************************************/
/* lineup */
/**************************************************/
#lineup .sectionBox:after{padding-top:9.4898%;}
#lineup h2{width:48.9796%;margin-bottom:3.6735%;}

#lineup .image{width:75.9494%;padding:5.0633% 0;}

#lineup4 .image,
#lineup6 .image,
#lineup7 .image{padding-bottom:10.1266%;}
#lineup4 .image + .image,
#lineup7 .image + .image{padding-top:10.1266%;}
#lineup4 .image:last-of-type,
#lineup6 .image:nth-of-type(2),
#lineup7 .image:last-of-type{padding-bottom:5.0633%;}

#lineup6 .togglebox{margin-bottom:13.2912%;}
#lineup6 .txt{margin:0 0 -10.7595% 0;font-size:1.8368vw;}

.borderbox{width:80.6123%;margin:5.1021% auto 0;}
.borderbox .borderhead{border-radius:1.0205vw 1.0205vw 0 0;}
.borderbox .borderhead img{width:84.8102%;margin:0 auto;}
.borderbox .txtwrap{padding:3.1646%;border-radius:0 0 0.8164vw 0.8164vw;}
.borderbox h3{margin-bottom:0;font-size:2.1429vw;}
.borderbox .txt{font-size:1.8368vw;line-height:172%;}

#lineup .btn{width:55.5103%;max-width:544px;margin-top:4.898%;}
#lineup .btn a:hover{opacity:0.7;}
#lineup .shecksheet{width:50%;margin-top:3.9796%;}

/**************************************************/
/* pop */
/**************************************************/
.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%;}

/**************************************************/
/* service */
/**************************************************/
#service .inner{width:61.5307%;}
#service h2{width:48.9796%;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note .sectionBox:before{padding-top:4.0817%;}
#point-note .sectionBox:after{padding-top:7.347%;}
#point-note .txt{font-size:1.8368vw;line-height:170%;}

/**************************************************/
/* 保険のプロに相談 */
/**************************************************/
#consult .sectionBox:before{padding-top:7.347%;}
#consult .btn{width:55.5103%;}
#consult .btn a:hover{opacity:0.7;}

#consult h2{width:42.8572%;margin:5.8164% auto 0;}

.consult-box{width:65.2041%;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:470px;/*47.9592%*/}
#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) {
/**************************************************/
/* 共通スタイル */
/**************************************************/
.toggle-btn{border-radius:10px;}
.toggle-btn.open{border-radius:10px 10px 0 0;}
.togglebox{border-radius:0 0 8px 8px;}

/**************************************************/
/* header */
/**************************************************/
.pageHeader .logo{width:127px;}
.pageHeader .no1logo{width:249px;}

/**************************************************/
/* KV */
/**************************************************/
#kv{border-top-width:8px;}

/**************************************************/
/* lead */
/**************************************************/
#lead .txt{margin:32px auto 63px;font-size:15px;}
#lead .btn{margin-bottom:43px;}

/**************************************************/
/* what */
/**************************************************/
#slider .slick-slide{width:512px;}

#slider .slick-dots{margin-bottom:-32px;}
#slider .slick-dots li{margin:0 8px;}
#slider .slick-dots li button{width:16px;height:16px;}

#slider .slick-prev,
#slider .slick-next{width:56px;padding-top:56px;}
#slider .slick-prev{left:50%;transform:translateX(-50%)l;margin-left:-280px;}
#slider .slick-next{right:50%;transform:translateX(-50%)l;margin-right:-280px;}

#what .togglebox h3{font-size:21px;}
#what .togglebox .txt{font-size:18px;}

/**************************************************/
/* lineup */
/**************************************************/
#lineup6 .txt{font-size:18px;}

.borderbox .borderhead{border-radius:10px 10px 0 0;}
.borderbox .txtwrap{border-radius:0 0 8px 8px;}
.borderbox h3{font-size:21px;}
.borderbox .txt{font-size:18px;}

/**************************************************/
/* pop */
/**************************************************/
.popup{border-radius:10px;}

.popup .txt{font-size:22px;}

/**************************************************/
/* point-note */
/**************************************************/
#point-note .txt{font-size:18px;}

/**************************************************/
/* 注釈 */
/**************************************************/
#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;}

}

/**************************************************/
