@charset "utf-8";

html{word-wrap:break-word;font-size:62.5% !important;margin:0;padding:0;font-family:'Roboto',"Noto Sans JP", sans-serif;}
body{font-size:1.4rem;color:#4C4C4C;line-height:130%;letter-spacing:0.04em;}

/* html 5 */
header,footer,nav,article,section,aside,time,figure{display:block;}
[hidden],command,datalist,menu[type=context],rp,source{display: none;}


*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {all: unset;display: revert;}
*,
*::before,
*::after {box-sizing: border-box;}
a, button {cursor:pointer;}
p,dl,dt,dd{padding:0;margin:0;}
ul li,ol li{list-style:none;}
img {max-inline-size: 100%;max-block-size: 100%;}
table {border-collapse: collapse;}
input, textarea {-webkit-user-select: auto;}
input::placeholder, textarea::placeholder {color:#ccc;}
textarea {white-space: revert;}
meter {-webkit-appearance: revert;appearance: revert;}
:where(pre) {all: revert;}
::placeholder {color: unset;}
::marker {content: initial;}
:where([hidden]) {display: none;}
:where([contenteditable]:not([contenteditable="false"])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}

:where([draggable="true"]) {-webkit-user-drag: element;}
:where(dialog:modal) {all: revert;}


/*-GENERAL-*/
.w100{width:100% !important;}
.w80{width:80% !important;}
.w60{width:60% !important;margin:0 auto !important;}
.w40{width:40% !important;}
.w20{width:20%;}
.marReset{margin:0 auto !important;}
.pdtReset{padding-top:0 !important;}
.pdt2{padding-top:0.2rem;}
.pdt4{padding-top:0.4rem;}
.pdt8{padding-top:0.8rem;}
.pdt12{padding-top:1.2rem;}
.pdt16{padding-top:1.6rem;}
.pdt20{padding-top:2.0rem;}
.pdt24{padding-top:2.4rem;}
.pdt28{padding-top:2.8rem;}
.pdt32{padding-top:3.2rem;}
.pdt48{padding-top:4.8rem;}
.pdt60{padding-top:6.0rem;}
.pdt96{padding-top:9.6rem;}
.pdbReset{padding-bottom:0 !important;}
.pdb2{padding-bottom:0.2rem;}
.pdb4{padding-bottom:0.4rem;}
.pdb8{padding-bottom:0.8rem;}
.pdb12{padding-bottom:1.2rem;}
.pdb16{padding-bottom:1.6rem;}
.pdb20{padding-bottom:2.0rem;}
.pdb24{padding-bottom:2.4rem;}
.pdb28{padding-bottom:2.8rem;}
.pdb32{padding-bottom:3.2rem;}
.pdb48{padding-bottom:4.8rem;}
.pdb60{padding-bottom:6.0rem;}
.pdb80{padding-bottom:8.0rem;}
.pdb96{padding-bottom:9.6rem;}

.mgt2{margin-top:0.2rem;}
.mgt4{margin-top:0.4rem;}
.mgt8{margin-top:0.8rem;}
.mgt12{margin-top:1.2rem;}
.mgt16{margin-top:1.6rem;}
.mgt20{margin-top:2.0rem;}
.mgt24{margin-top:2.4rem;}
.mgt28{margin-top:2.8rem;}
.mgt32{margin-top:3.2rem;}
.mgt48{margin-top:4.8rem;}
.mgt60{margin-top:6.0rem;}
.mgbReset{margin-bottom:0 !important;}
.mgb2{margin-bottom:0.2rem;}
.mgb4{margin-bottom:0.4rem;}
.mgb8{margin-bottom:0.8rem;}
.mgb12{margin-bottom:1.2rem;}
.mgb16{margin-bottom:1.6rem;}
.mgb20{margin-bottom:2.0rem;}
.mgb24{margin-bottom:2.4rem;}
.mgb28{margin-bottom:2.8rem;}
.mgb32{margin-bottom:3.2rem;}

.fs10{font-size:1.0rem;}
.fs11{font-size:1.1rem;}
.fs12{font-size:1.2rem;}
.fs14{font-size:1.4rem !important;}
.fs16{font-size:1.6rem !important;}
.fs18{font-size:1.8rem;}
.fs20{font-size:2.0rem;}
.fs22{font-size:2.2rem;}
.fs24{font-size:2.4rem;}
.fs60{font-size:6.0rem;}

.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.lhreset{line-height:100%;}
.lh12{line-height:120% !important;}
.lh14{line-height:140%;}
.lh18{line-height:180%;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.bdt{border-top:1px solid #D9D9D9;}
.bdb{border-bottom:1px solid #D9D9D9;}
.bdReset{border:none !important;}

a,
a:link{color:#0F40BA; text-decoration:none;}
a:hover,
a:active{color:#1D9BFF; text-decoration:underline;}
a:visited{color:#552277; text-decoration:none;}

a.tel,
a.tel:link{color:#3c3c3c; text-decoration:none;}
a.tel:hover,
a.tel:active{color:#3c3c3c; text-decoration:none;}
a.tel:visited{color:#3c3c3c; text-decoration:none;}

.blanklink{display:inline;background:url(../images/icon_blank.png) no-repeat right center;padding-right:1.8rem;}
.pdflink{display:inline;background:url(../images/download.png) no-repeat left center;padding-left:1.4rem;text-decoration:none !important;}
.pdflink span{background: #dd2211;border-radius: 3px;color: #fff;font-size: 1.0rem;text-align: center;padding: 2px;margin: 0 0 0 4px;vertical-align: top;}

/*-Color-*/
.txSub{color:#585858;}
.txAtt{color:#777;line-height:130%;}
.auOra{color:#EB5505;}
.bgOra{background:#FDEEE6;}

.indent{margin-left: 1rem;text-indent: -1rem;}
.indent::before{display: inline;content:"\203B";}

.indent_square{margin-left: 1rem;text-indent: -1rem;}
.indent_square::before{display: inline;content:"\25A0";}

.resetDis{display:block;}
.txtdc{text-decoration:underline;}

/*-LP-*/
#wrap{width:100%;}
#header{width:100%;padding:1.6rem 2.4rem;background:#fff;position:fixed;}
.flexLayout{display:flex;justify-content: center;align-items: center;}
.flexLayout_LR{display:flex;justify-content: space-between;align-items: center;}

.noPC{display:none;}
.gap12{gap:1.2rem;}
.w100{width:100%;}
.fl1{flex:1;}
.bgGla{background:#F8F8F8 !important;}
.bgBla{background:#1E1E35 !important;}

.fwR{font-size:2.8rem;color:#D24434;font-weight:700;}
.fcR{color:#D24434 !important;}
.fcW{color:#fff !important;}
.fcG{color:#00C880 !important;}
.btnLead{background:url(../images/icon_arrow_w.png) no-repeat 96% center #0379D5;border:1px solid #0379D5;border-radius:24px;color:#fff !important;font-size:1.4rem;padding:8px 24px 8px 16px;line-height:1.0;}
.btnLead:hover{background:url(../images/icon_arrow.png) no-repeat 96% center #fff;text-decoration:none;color:#0379D5 !important;transition:0.2s ease 0.1s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}

.btnHeroA{display:block;width:100%;background:url(../images/icon_arrow_w.png) no-repeat 96% center #0379D5;border-radius:100px;border:1px solid #0379D5;color:#fff !important;font-size:1.6rem;padding:16px 20px 0 20px;height:5.2rem;text-align:center;font-weight:bold;}
.btnHeroA:hover{background:url(../images/icon_arrow.png) no-repeat 96% center #fff;color:#0379D5 !important;text-decoration:none;transition:0.2s ease 0.1s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.btnHeroB{display:block;width:100%;background:url(../images/icon_arrow.png) no-repeat 96% center #fff;border-radius:100px;border:1px solid #0379D5;color:#0379D5 !important;font-size:1.6rem;padding:16px 20px 0 20px;height:5.2rem;text-align:center;font-weight:bold;}
.btnHeroB:hover{background:url(../images/icon_arrow_w.png) no-repeat 96% center #0379D5;color:#fff !important;text-decoration:none;transition:0.2s ease 0.1s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}

#hero{width:100%;background:url(../images/bg_img_all.png) no-repeat;background-size:cover;}
#hero .inner{width:800px;margin:0 auto;padding-top:12rem;}
#hero .catch{width:100%;text-align:center;font-size:3.6rem;color:#fff;background:#D24434;border-radius:10px;padding:1.2rem 0;line-height:120%;font-weight:bold;}
#hero .catch img{width:4.0rem;}

#hero h1{font-size:6.0rem;font-weight:900;line-height:120%;text-align:center;padding-top:3.0rem;}
#hero .lead{padding:3.2rem 0;text-align:center;font-size:3.0rem;color:#D24434;font-weight:bold;line-height:140%;}
#hero .BtnAreaL{background:#f8f8f8;padding:1.6rem 2.4rem;border-radius:10px;font-size:1.7rem;line-height:140%;flex:1;}
#hero .BtnAreaR{flex:1;}

#section{width:100%;padding:12rem 0;background:#fff;}
#section .inner{width:800px;margin:0 auto;}
#hero h2,#section h2{font-size:4.4rem;line-height:130%;text-align:center;font-weight:800;}
#section .lead{font-size:1.6rem;padding:1.6rem 0 4.8rem 0;}
.BoxTypeA li{flex:1;background:#fff;border-radius:10px;padding:2.8rem;text-align:center;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.BoxTypeA .iconArea{background:#f8f8f8;border-radius:10px;text-align:center;padding:1.2rem 0;}
.BoxTypeA .txArea{font-size:1.8rem;line-height:130%;padding-top:1.6rem;font-weight:bold;}

.boxArea{background:#eee;border-radius:10px;padding:2.8rem;margin-top:1.2rem;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.boxArea .boxInbox{background:#fff;border-radius:10px;padding:2.8rem;color:#D24434;font-size:3.0rem;font-weight:800;text-align:center;line-height:140%;}
.boxArea .boxInlead{padding:2.4rem 0 1.2rem 0;font-size:2.4rem;font-weight:700;text-align:center;line-height:140%;}

.BoxTypeB{padding:1.2rem 0 3.6rem 0;}
.BoxTypeB li{border:1px solid #D24434;background:#fff;border-radius:10px;padding:2.0rem 2.8rem;margin-bottom:1.2rem;}
.BoxTypeB .txArea{background:url(../images/icon_attention.png) no-repeat center left;height:3.2rem;font-size:2.4rem;font-weight:bold;padding:0.8rem 0 0 4.0rem;}

.boxAreaB{width:100%;background:#D24434;border-radius:10px;color:#fff;text-align:center;font-size:3.2rem;font-weight:bold;padding:3.2rem 0;line-height:120%;}
.boxAreaB img{width:4.0rem;}

.BoxTypeC{padding:2.4rem 0 3.6rem 0;flex-wrap: wrap;}
.BoxTypeC li{background:#232E3E;border-radius:10px;text-align:center;padding:2.8rem;box-shadow: 0 0 4px rgba(255, 255, 255, 0.4);}
.BoxTypeC li.last{width:100%;background:#0D2043;border-radius:10px;text-align:center;padding:1.2rem;box-shadow: 0 0 4px rgba(255, 255, 255, 0.4);}
.BoxTypeC li.arrow{background:none;padding:0;box-shadow:none;font-size:8.0rem;color:#EF641A;line-height:100%;font-weight:800;}

.boxAreaC{font-size:1.6rem;color:#92A3B8;line-height:100%;}
.boxAreaCB{font-size:5.6rem;color:#ef4444;font-weight:800;line-height:100%;}
.boxAreaCC{font-size:1.6rem;color:#92A3B8;line-height:100%;}
.boxAreaCD{font-size:1.4rem;color:#9EA1AF;line-height:100%;}
.boxAreaCE{font-size:3.6rem;color:#9EA1AF;line-height:100%;font-weight:800;}
.boxAreaCF{font-size:3.2rem;color:#EF641A;line-height:100%;font-weight:700;}


.BoxTypeD li{flex:1;background:#fff;border-radius:10px;border-top:4px solid #F97316;padding:2.8rem;text-align:center;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.boxAreaD{width:100%;background:#F97316;font-size:1.2rem;text-align:center;padding:4px 0;color:#fff;line-height:100%;border-radius:24px;margin-bottom:1.2rem;}
.BoxTypeD dl{display:flex;padding-bottom:1.2rem;}
.BoxTypeD dd.Lcon{width:132px;text-align:left;}
.BoxTypeD dd.Carro{width:20px;}
.BoxTypeD dd.Rcon{color:#F97316;font-size:1.8rem;flex:1;text-align:right;}
.boxAreaDB{font-size:1.6rem;border-top:1px solid #ccc;padding-top:1.2rem;font-weight:600;}

.BoxTypeE li{flex:1;background:#fff;border-radius:10px;border-bottom:4px solid #0099D9;padding:2.8rem;text-align:center;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.boxAreaE{width:100%;background:#0099D9;font-size:1.4rem;text-align:center;padding:4px 0;color:#fff;line-height:100%;border-radius:24px;margin:1.2rem 0;font-weight:bold;}
.boxAreaEB{font-size:1.8rem;font-weight:700;line-height:120%;}
.boxAreaEB2{font-size:2.0rem;font-weight:700;line-height:170%;}
.boxAreaEB2 span{font-size:4.0rem;color:#0099D9;}
.leadarrow{width:100%;font-size:6.0rem;padding:1.2rem 0;text-align:center;line-height:120%;}

.reassurance-list {padding-top:4.0rem !important;display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 24px;}
.reassurance-list__item {display: flex;align-items: center;gap: 8px;color:#eee;}
.reassurance-list__check {color:#F97316;font-size: 1.4rem;flex-shrink: 0;}

/* gauge */
.loss-simulation__gauge-wrap {display: flex;justify-content: center;margin:6.0rem 0 3.2rem 0;}
.loss-simulation__gauge {position: relative;width: 240px;height: 130px;}
.loss-simulation__gauge svg {width: 100%; height: 100%;}
.loss-simulation__gauge-label {position: absolute;bottom:-1.2rem;left: 50%;transform: translateX(-50%);font-weight:bold;font-size: 1.4rem;color: #EF4444;white-space: nowrap;}

/* urgency ticker */
.loss-simulation__ticker-wrap {overflow: hidden;background: #7F1D1D;border-radius: 10px;padding: 1.2rem 0;position: relative;}
.loss-simulation__ticker-track {display: flex;width: max-content;animation: ticker 14s linear infinite;}
.loss-simulation__ticker-item {font-size:1.6rem;color: #FCA5A5;white-space: nowrap;padding: 0 3.2rem;}
.loss-simulation__ticker-icon { margin-right:0.8rem; }

/* ============================
   ANIMATIONS
============================ */
@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(26,86,219,0.5); }
  70%  { box-shadow: 0 0 0 16px rgba(26,86,219,0); }
  100% { box-shadow: 0 0 0 0 rgba(26,86,219,0); }
}
@keyframes pulse-ring-amber {
  0%   { box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  70%  { box-shadow: 0 0 0 18px rgba(245,158,11,0); }
  100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(8px); }
}
@keyframes float {
  0%, 100% { transform: translateY(0) rotate(3deg); }
  50%       { transform: translateY(-12px) rotate(3deg); }
}
@keyframes blink-dot {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}
@keyframes ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes bar-fill {
  from { width: 0; }
  to   { width: var(--bar-w, 90%); }
}
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gauge-fill {
  from { stroke-dasharray: 0 188; }
  to   { stroke-dasharray: var(--gauge-val, 160) 188; }
}
@keyframes progress-arrow {
  0%,100% { opacity: 1; transform: translateX(0); }
  50%      { opacity: 0.4; transform: translateX(6px); }
}
@keyframes active-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(26,86,219,0.7); }
  70%      { box-shadow: 0 0 0 10px rgba(26,86,219,0); }
}
.animate-on-scroll { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
.animate-on-scroll.in-view { opacity: 1; transform: translateY(0); }


@media (max-width: 767px) {

.noSP{display:none;}
.noPC{display:block;}
.flexClear{display:block !important;}
.w60{width:90% !important;margin:0 auto !important;}
.pdt60{padding-top:4.0rem;}
.pdb80{padding-bottom:4.0rem;}
.pdt12{padding-top:0.8rem;}
.pdb12{padding-bottom:0.8rem;}
.pdb24{padding-bottom:1.4rem;}
.pdb48{padding-bottom:2.4rem;}
.fs18{font-size:1.4rem;}
.fs20{font-size:1.8rem;}
.fs22{font-size:2.0rem;}
.fs24{font-size:2.0rem;}
.fwR{font-size:2.0rem;}

.btnHeroA{font-size:1.6rem;padding:1.0rem 1.2rem 1.0rem 1.2rem;height:auto;width:90%;margin:0 auto;}
.btnHeroB{font-size:1.6rem;padding:1.0rem 1.2rem 1.0rem 1.2rem;height:auto;width:90%;margin:0 auto;}

#hero{background-size:auto 100%;background-position:right;}
#hero .inner{width:96%;padding-top:8rem;}
#hero .catch{font-size:1.8rem;padding:0.8rem 0;line-height:140%;}
#hero .catch img{width:2.2rem;}
#hero h1{font-size:2.9rem;line-height:130%;padding-top:2.0rem;}
#hero .lead{padding:2.0rem 0;font-size:1.6rem;line-height:130%;}
#hero .BtnAreaL{padding:1.6rem;font-size:1.4rem;line-height:140%;width:90%;margin:0 auto;margin-bottom:1.6rem;}


#section{padding:6rem 0;}
#section .inner{width:96%;}
#hero h2,#section h2{font-size:2.2rem;}
#section .lead{font-size:1.4rem;padding:1.2rem 0 2.4rem 0;line-height:160%;}

.BoxTypeA li{padding:1.2rem 0.8rem;}
.BoxTypeA .iconArea{padding:0.8rem 0;}
.BoxTypeA .txArea{font-size:1.2rem;line-height:120%;padding-top:0.8rem;}

.boxArea{padding:1.2rem;margin-top:1.6rem;}
.boxArea .boxInbox{padding:1.2rem 0.8rem;font-size:1.5rem;line-height:140%;}
.boxArea .boxInlead{padding:1.2rem 0.8rem;font-size:1.2rem;}

.BoxTypeB{padding:1.2rem 0 1.2rem 0;}
.BoxTypeB li{padding:1.2rem 1.2rem;margin-bottom:1.2rem;}
.BoxTypeB .txArea{height:auto;font-size:1.6rem;padding:0.8rem 0 0 4.0rem;}

.boxAreaB{font-size:1.4rem;padding:0.8rem 0;line-height:140%;}
.boxAreaB img{width:1.8rem;}

/* gauge */
.loss-simulation__gauge-wrap {margin:3.2rem 0 3.2rem 0;}

.BoxTypeC{padding:2.0rem 0 1.2rem 0;}
.BoxTypeC li{padding:1.6rem;}
.BoxTypeC li.last{padding:1.6rem;}
.BoxTypeC li.arrow{font-size:4.0rem;}
.boxAreaCB{font-size:2.8rem;}
.boxAreaCE{font-size:2.0rem;}
.boxAreaCF{font-size:1.8rem;color:#EF641A;line-height:100%;}

.BoxTypeD li{padding:2.0rem;margin-bottom:1.2rem;}
.boxAreaD{font-size:1.2rem;}
.BoxTypeD dl{display:flex;padding-bottom:1.2rem;}
.BoxTypeD dd.Lcon{width:132px;text-align:left;}
.BoxTypeD dd.Carro{width:20px;}
.BoxTypeD dd.Rcon{color:#F97316;font-size:1.8rem;flex:1;text-align:right;}
.boxAreaDB{font-size:1.6rem;border-top:1px solid #ccc;padding-top:1.2rem;font-weight:600;}
.BoxTypeE li{padding:2.0rem;margin-bottom:1.2rem;}
.boxAreaE{font-size:1.2rem;}
.boxAreaEB{font-size:1.8rem;}
.boxAreaEB2{font-size:1.8rem;}
.leadarrow{font-size:4.0rem;padding:0.8rem 0;}











}