:root{--color_primary:33,68,119;--color_secondary:69,85,108}
*{margin:0;box-sizing:border-box;border:none}
html{color:#222;scroll-behavior:smooth;line-height:1.5;font-family:'zmg900'}
@media(max-width:819px){
  html{font-size:15px}
}
@media(min-width:820px){
  html{font-size:18px}
}
@font-face{font-family:'zmg900';src:url('/contents/lp/firstonlinebank/font/ZenMaruGothic-Black.woff2');font-weight:900}
@font-face{font-family:'zmg700';src:url('/contents/lp/firstonlinebank/font/ZenMaruGothic-Bold.woff2');font-weight:700}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto;vertical-align:bottom}
a.blank[target="_blank"]::after{content:'';margin-bottom:-3px;display:inline-block;width:20px;height:20px;background:url('/contents/lp/firstonlinebank/img/blank.svg') no-repeat center/contain}
.btn_cv{display:inline-block;box-shadow:0 5px 0 rgba(var(--color_primary),.15);border:solid 1px #FFF;border-radius:20px;background:#FFC53E;color:rgb(var(--color_primary));text-align:center;text-decoration:none;transition:background .2s ease-out}
.btn_cv:hover{background:#FFB200}
.btn_su{display:inline-block;min-width:300px;box-shadow:0 5px 0 rgba(var(--color_primary),.15);border:solid 1px #FFF;border-radius:20px;background:rgb(var(--color_primary));color:#FFF;text-align:center;text-decoration:none;transition:background .2s ease-out}
.btn_su:hover{background:#2F5690}
@media(max-width:819px){
  .btn_cv{min-width:256px;padding:16px;font-size:16px}
  .btn_su{min-width:256px;padding:16px;font-size:16px}
}
@media(min-width:820px){
  .btn_cv{min-width:300px;padding:20px;font-size:20px}
  .btn_su{min-width:300px;padding:20px;font-size:20px}
}
.ab{position:relative;background:#D1E8FA}
.ab::before{content:'';display:block;aspect-ratio:1440 / 68;background:#FFF url('/contents/lp/firstonlinebank/img/ab_bg.svg') no-repeat bottom center/cover}
.ab::after{content:'';display:block;aspect-ratio:1440 / 68;transform:rotate(180deg);background:#F4F7F6 url('/contents/lp/firstonlinebank/img/ab_bg.svg') no-repeat bottom center/contain}
.ab>.anch2{margin:40px 0 0}
.ab_logo{text-align:center}
.ab_prpoint{margin:24px auto 0;max-width:800px;display:flex;gap:16px;color:rgb(var(--color_primary))}
.ab_prpoint>li{flex:1;border-radius:16px;background:#F1F9FF}
.ab_prpoint>li:last-child>.__t{color:rgb(var(--color_secondary))}
.ab_prpoint+.note{margin:8px auto 0}
.ab_start{margin:40px auto;border:solid 1px rgb(var(--color_primary));border-radius:24px;background:#F1F9FF;padding:24px}
.ab_start_layout>dl{width:100%;display:flex;gap:0 24px;border-radius:16px;background:#FFF;padding:8px 24px}
.ab_start_layout>dl>dt{display:flex;justify-content:center;color:rgb(var(--color_primary));writing-mode:vertical-rl;letter-spacing:.25em}
.ab_start_layout>dl>dd{flex:1}
.ab_start_layout>h3{color:rgb(var(--color_primary))}
.ab_start_text{font-family:'zmg700';color:rgb(var(--color_primary));line-height:1;text-align:center}
.ab_start_text>span{display:inline-block;padding:0 0 8px;border-bottom:solid 1px rgb(var(--color_primary))}
.ab_start_text>span>sup{font-size:.6em}
@media(max-width:819px){
  .ab::before{margin:0 -24px;width:cale(100% + 48px)}
  .ab::after{margin:0 -24px;width:cale(100% + 48px)}
  .ab{padding:0 24px}
  .ab_logo{margin:40px auto 0;width:232px}
  .ab_prpoint{max-width:520px}
  .ab_prpoint>li{padding:16px}
  .ab_prpoint>li:first-child{font-size:18px;text-align:center;line-height:1.3}
  .ab_prpoint>li:first-child>span>span:first-child{font-size:32px}
  .ab_prpoint>li:first-child>span>span:nth-child(2){font-size:22px}
  .ab_prpoint>li:last-child{display:flex;flex-direction:column;align-items:center}
  .ab_prpoint>li:last-child>.__h{font-size:16px;font-family:'zmg700'}
  .ab_prpoint>li:last-child>.__n{font-size:32px;line-height:1}
  .ab_prpoint>li:last-child>.__t{font-size:12px}
  .ab_prpoint+.note{max-width:520px}
  .ab_start{max-width:520px}
  .ab_start_img{margin:24px 0 0}
  .ab_start_layout{display:flex;flex-direction:column;align-items:center}
  .ab_start_layout>dl>dt{font-size:16px}
  .ab_start_layout>h3{margin:8px 0 0;font-size:22px}
  .ab_start>.note{margin:24px auto 0}
}
@media(min-width:820px){
  .ab::before{width:100%}
  .ab::after{width:100%}
  .ab_logo{margin:24px auto 0}
  .ab_prpoint>li{padding:30px}
  .ab_prpoint>li:first-child{font-size:24px;line-height:1;font-family:'zmg700'}
  .ab_prpoint>li:first-child>span{margin:-5px 0 0;display:flex;justify-content:center;align-items:flex-end}
  .ab_prpoint>li:first-child>span>span:first-child{font-size:40px;font-family:'zmg900'}
  .ab_prpoint>li:first-child>span>span:nth-child(2){padding:0 8px 0 0;font-family:'zmg900'}
  .ab_prpoint>li:last-child{display:grid;grid-template-columns:60% 40%;grid-template-areas:"h n" "t n";gap:0 16px}
  .ab_prpoint>li:last-child>.__h{grid-area:h;display:flex;justify-content:flex-end;align-items:flex-end;font-size:20px;line-height:1}
  .ab_prpoint>li:last-child>.__n{grid-area:n;font-size:40px;line-height:1}
  .ab_prpoint>li:last-child>.__t{grid-area:t;margin:8px .5em 0 0;font-size:12px;line-height:1;text-align:right}
  .ab_prpoint+.note{max-width:480px}
  .ab_start{max-width:800px}
  .ab_start>.note:last-child{margin:24px 0 0}
  .ab_start_layout{display:grid;grid-template-columns:55% 45%;grid-template-areas:"t i" "h i" "d i";align-items:start}
  .ab_start_layout>dl{grid-area:d;margin:8px 0 0}
  .ab_start_layout>dl>dt{font-size:18px}
  .ab_start_layout>h3{grid-area:h;font-size:28px;text-align:center}
  .ab_start_img{grid-area:i;text-align:center}
  .ab_start_text{grid-area:t;margin:24px 0 0}
  .ab .list_check_dot>li{padding:8px 0;line-height:1.8}
}
.anch2{color:rgb(var(--color_primary));text-align:center;font-family:'zmg700'}
.anch2>span{display:inline-block;border-bottom:solid 1px rgb(var(--color_primary))}
@media(max-width:819px){
  .anch2{font-size:14px}
}
@media(min-width:820px){
  .anch2{font-size:16px}
}
.dc{position:relative;background:#F1F9FF}
.dc::before{content:'';display:block;aspect-ratio: 1440 / 71;background:#D1E8FA url('/contents/lp/firstonlinebank/img/dc_bg.svg') no-repeat bottom center/cover}
.dc_feature{width:100%;max-width:480px;border-radius:24px;background:#FFF;padding:8px 24px}
.dc_layout{margin:40px auto 0;display:flex}
.dc_layout>div>p{text-align:center}
.dc_layout>div>p:first-child{color:rgb(var(--color_primary));text-align:center}
.dc_layout>div>p:last-child{margin:16px 0 0}
@media(max-width:819px){
  .dc{padding:0 24px}
  .dc::before{margin:0 -24px;width:calc(100% + 48px)}
  .dc_feature{margin:24px 0 0}
  .dc_layout{flex-direction:column;align-items:center}
  .dc_layout>div>p:first-child{font-size:22px}
  .dc_layout>div>p:last-child{max-width:480px}
}
@media(min-width:820px){
  .dc::before{width:100%}
  .dc_layout{max-width:1080px;align-items:flex-start;gap:40px;padding:0 40px}
  .dc_layout>div{flex:1;min-width:0}
  .dc_layout>div>p:first-child{font-size:32px}
}
.anch2+.decotxt{margin:8px 0 0}
.decotxt{color:rgb(var(--color_primary));text-align:center}
.decotxt>.__d{paint-order:stroke fill}
.decotxt.__b>.__d{color:#B7D5F0;-webkit-text-stroke:3px rgb(var(--color_primary));paint-order:stroke fill}
.decotxt.__s>.__d{color:#E4F3FF;-webkit-text-stroke:3px rgb(var(--color_primary));paint-order:stroke fill}
.decotxt.__w>.__d{color:#FFF;-webkit-text-stroke:3px rgb(var(--color_primary));paint-order:stroke fill}
@media(max-width:819px){
  .decotxt{font-size:28px}
}
@media(min-width:820px){
  .decotxt{font-size:40px}
}
.fc{background:#F4F7F6 url('/contents/lp/firstonlinebank/img/fc_bg.svg') no-repeat bottom center/contain}
.fc_img{position:relative}
.fc_img>img{position:absolute}
.fc_list>ul{display:flex;gap:16px}
.fc_list>ul>li{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:23.5px;padding:24px 0 0}
.fc_list>ul>li.__y{background:#FFFBD9}
.fc_list>ul>li.__g{background:#D6F3E5}
.fc_list>ul>li.__p{background:#F9E4E4}
.fc_list>ul>li.__b{background:#C7DEFD}
.fc_list>ul>li>p{color:rgb(var(--color_primary));line-height:1.4;text-align:center}
.fc_list>ul>li>img{margin:auto 0 0;min-height:0}
.fc_list sup{font-size:.5em}
.fc_note{background:#DFEEF7;padding:40px 0 0}
@media(max-width:819px){
  .fc{padding:17px 0 0}
  .fc_img{height:60px}
  .fc_img>img.__man{width:64px;left:23px;bottom:-45px}
  .fc_img>img.__chara{width:64px;right:97px;bottom:-20px}
  .fc_img>img.__woman{width:58px;right:30px;bottom:-42px}
  .fc_list{overflow:hidden;margin:8px 0 0}
  .fc_list>ul{gap:16px}
  .fc_list>ul>li{width:148px;height:200px;gap:12px}
  .fc_list>ul>li>p{font-size:13px}
  .fc_list_ctrl{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 16px 0 0}
  .fc_list_ctrl button{background:none;padding:0}
  .fc_list_ctrl>button{width:24px;height:24px;background:url('/contents/lp/firstonlinebank/img/crsl_pause.svg') no-repeat center/contain}
  .fc_list_ctrl>button.__play{background-image:url('/contents/lp/firstonlinebank/img/crsl_play.svg');}
  .fc_list_ctrl>ul{display:flex;gap:8px}
  .fc_list_ctrl>ul>li{display:flex;align-items:center}
  .fc_list_ctrl>ul>li>button{width:8px;height:8px;border:solid 1px #00428D;border-radius:100%;cursor:pointer}
  .fc_list_ctrl>ul>li>button.__active{background:#00428D}
  .fc_text{margin:20px 0 0}
  .fc_note{padding:80px 0 0}
  .fc_note>.note{width:327px}
}
@media(min-width:820px){
  .fc{padding:58px 0 0}
  .fc_img{height:142px}
  .fc_img>img{transform:translateX(-50%)}
  .fc_img>img.__man{left:calc(50% - 300px);bottom:16px}
  .fc_img>img.__chara{left:calc(50% + 170px);bottom:47px}
  .fc_img>img.__woman{left:calc(50% + 285px);bottom:20px}
  .fc_list>ul{gap:12px}
  .fc_list>ul>li{gap:3px}
  .fc_list>ul>li>p{font-size:16px}
  .fc_list_ctrl{display:none}
  .fc_text{margin:16px 0 0}
  .fc_note{padding:40px 0 0}
  .fc_note>.note{width:455px}
}
@media(max-width:819px){
  .fc_list{overflow:hidden}
  .fc_list>ul>li{flex-shrink:0;width:42%;height:200px}
}
@media(min-width:820px){
  .fc_list{max-width:1440px;margin:0 auto;padding:0 40px}
  .fc_list>ul>li{width:325px;height:261px}
}
@media(min-width:880px){
  .fc_list>ul{gap:18px}
  .fc_list>ul>li>p{font-size:18px}
}
.fcp{color:rgb(var(--color_primary))}
.fcs{color:rgb(var(--color_secondary))}
.fix{position:fixed;bottom:0;left:0;z-index:100;width:100%;background:rgba(255,255,255,.8);padding:8px 0 16px;text-align:center;transform:translateY(0);transition:transform .3s ease-in-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.fix.__hide{transform:translateY(100%)}
.fix>div{margin-top:4px}
.fix>p:first-child{font-family:'zmg700';color:rgb(var(--color_primary))}
.fix>p:first-child>sup{font-size:.5em}
.fix>p:last-child{margin:12px 0 0;color:rgb(var(--color_secondary))}
@media(max-width:819px){
  .fix>p:last-child{font-size:11px}
}
@media(min-width:820px){
  .fix>p:last-child{font-size:14px}
}
.ffsans{font-family:"hiragino sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.ffsans a,a.ffsans{color:#0068DE}
footer{padding:32px 0 16px}
.footer_logo{display:inline-block;background:url('/contents/lp/firstonlinebank/img/logo_h.svg') no-repeat center/contain}
.footer_copyright{margin:24px 0 0;font-size:12px;color:rgb(var(--color_secondary))}
@media(max-width:819px){
  footer{margin:0 0 135px}
  .footer_logo{width:296px;height:27px}
}
@media(min-width:820px){
  footer{margin:0 0 167px}
  .footer_logo{width:360px;height:33px}
}

.fq{background:#F4F7F6}
.fq_list{margin:40px auto 0;display:flex;flex-direction:column;gap:40px}
.fq_list>div{display:flex;flex-direction:column;gap:16px}
.fq_list>div>dt{display:flex;align-items:flex-end;gap:16px}
.fq_list>div>dt>span{background:#FFF;border-radius:24px 24px 24px 0;padding:16px 24px;color:rgb(var(--color_primary))}
.fq_list>div>dd{background:#E0EBF1;border-radius:24px 24px 0 24px;padding:16px 24px}
@media(max-width:819px){
  .fq{padding:80px 24px}
  .fq_list{max-width:520px}
  .fq_list>div>dt>span{font-size:16px}
}
@media(min-width:820px){
  .fq{padding:80px 0}
  .fq_list{max-width:880px;padding:0 40px}
}
h1{position:relative;z-index:2;color:rgb(var(--color_primary));font-family:'zmg900';line-height:1.4;text-align:center;pointer-events:none}
h1>span.__h{color:#fff;letter-spacing:.05em;-webkit-text-stroke:3px rgb(var(--color_primary));paint-order:stroke fill}
h1>span.__n{letter-spacing:.05em}
h1>span.__t{letter-spacing:-.2em}
@media(max-width:819px){
  h1{margin:-38px 0 0;font-size:45px}
  h1>span.__h{font-size:28px}
  h1>span.__n{font-size:24px}
}
@media(min-width:820px){
  h1{margin:-60px 0 0;font-size:72px}
  h1>span.__h{font-size:48px}
  h1>span.__n{font-size:40px}
}
header{position:fixed;top:0;left:0;z-index:200;width:100%;display:flex;justify-content:space-between;align-items:center;transform:translateY(0);transition:transform .3s ease-in-out}
header.__hide{transform:translateY(-100%)}
@media(max-width:819px){
  header{padding:16px 24px}
  .header_logo{width:146px;height:40px;background:url('/contents/lp/firstonlinebank/img/logo_v.svg') no-repeat center/contain}
}
@media(min-width:820px){
  header{padding:16px 40px}
  .header_logo{width:400px;height:36px;background:url('/contents/lp/firstonlinebank/img/logo_h.svg') no-repeat center/contain}
}
@media(max-width:1129px){
  header.__open{background:#F4F7F6}
  .header_btn_nav_ctrl{display:flex;align-items:center;gap:12px;box-shadow:0 3.39px 0 rgba(var(--color_primary),.15);border:solid .68px #D5DCE3;border-radius:12px;padding:10px 16px;background:#FFF;font-size:14px;font-family:'zmg900';color:rgb(var(--color_primary));cursor:pointer}
  .header_btn_nav_ctrl::after{content:'';display:block;flex-shrink:0}
  .header_btn_nav_ctrl._menu::after{width:18px;height:18px;background:url('/contents/lp/firstonlinebank/img/btn_nav_ctrl_menu.svg') no-repeat center/contain}
  header.__open .header_btn_nav_ctrl._menu{display:none}
  .header_btn_nav_ctrl._close::after{width:20px;height:20px;background:url('/contents/lp/firstonlinebank/img/btn_nav_ctrl_close.svg') no-repeat center/contain}
  header:not(.__open) .header_btn_nav_ctrl._close{display:none}
  .header_nav{position:fixed;top:73px;left:0;z-index:210;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:calc(100vh - 73px);background:#F4F7F6;padding:36px 24px 0;overflow-y:auto;overscroll-behavior:contain;}
  .header_nav.__hide{display:none}
  .header_nav>ul{display:flex;flex-direction:column}
  .header_nav>ul>li>a{display:block;padding:12px 0;font-size:22px;color:rgb(var(--color_primary));text-decoration:none}
  .header_nav_cv{margin:40px 0 0;text-align:center}
  .header_nav_img{margin:20px 0 0;text-align:center}
}
@media(min-width:1130px){
  .header_btn_nav_ctrl{display:none}
  .header_nav>ul{display:flex;align-items:center;box-shadow:0 3.39px 0 rgba(var(--color_primary),.15);border:solid .68px #D5DCE3;border-radius:18px;background:#FFF;padding:0 12px}
  .header_nav>ul>li{padding:0 10px}
  .header_nav>ul>li>a{display:block;padding:20px 0;font-size:14px;color:rgb(var(--color_primary));text-decoration:none}
  .header_nav>ul>li>a{position:relative}
  .header_nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:18px;width:100%;height:2px;background:rgb(var(--color_primary));transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
  .header_nav>ul>li>a:hover::after{transform:scaleX(1)}
  .header_nav_cv{display:none}
  .header_nav_img{display:none}
}
@media(min-width:1320px){
  .header_nav>ul>li{padding:0 20px}
  .header_nav>ul>li>a{font-size:16px}
}
.list_check_dot>li{display:flex;align-items:center;gap:8px;padding:16px 0;color:rgb(var(--color_secondary))}
.list_check_dot>li::before{content:'';flex-shrink:0;display:block;width:20px;height:20px;background:url('/contents/lp/firstonlinebank/img/list_check_dot.svg') no-repeat center/contain}
.list_check_dot>li+li{border-top:solid 1px #E0EBF1}
main{background:#F4F7F6}
@media(max-width:819px){
  main{padding:72px 0 0}
}
@media(min-width:820px){
  main{padding:94px 0 0}
}
.note{margin:0 auto;color:rgb(var(--color_secondary))}
.note>li{display:flex;align-items:flex-start;gap:.5em}
.note>li+li{margin:.5em 0 0}
@media(max-width:819px){
  .note{font-size:12px}
}
@media(min-width:820px){
  .note{font-size:14px}
}
.qc{position:relative;background:linear-gradient(#DFEEF7, #F4F7F6);padding:40px 0 0}
.qc::after{content:'';display:block;width:100%;aspect-ratio:1440 / 72;background:#FFF url('/contents/lp/firstonlinebank/img/qc_bg.svg') no-repeat center/cover}
.qc_point{margin:24px auto 0;display:flex}
@media(max-width:819px){
  .qc_point{flex-direction:column}
  .qc_point>li{text-align:center}
  .qc_point>li>img{width:245px}
  .qc>p{margin:40px 0}
}
@media(min-width:820px){
  .qc_point{gap:24px;max-width:1025px;padding:0 40px}
  .qc>p{margin:24px 0 40px}
}
.se{background:#FFF}
.se_feature{margin:40px auto 0;display:flex;gap:24px}
.se_feature .__label{grid-area:p}
.se_feature>li{flex:1;display:grid;align-items:start;justify-items:start;grid-template-columns:calc(100% - 80px) 80px;grid-template-areas:"p i" "h i" "t t";border-radius:16px;background:#F1F9FF;padding:24px}
.se_feature>li>img{grid-area:i}
.se_feature>li>h4{grid-area:h;margin:8px 0 0;color:rgb(var(--color_primary))}
.se_feature>li>p{grid-area:t;margin:16px 0 0}
@media(max-width:819px){
  .se{padding:80px 24px}
  .se_feature{max-width:520px;flex-direction:column}
  .se_feature>li>h4{font-size:18px}
}
@media(min-width:820px){
  .se{padding:80px 0}
  .se_feature{max-width:1360px;padding:0 40px}
  .se_feature>li>h4{font-size:22px}
}
.st{background:#D1E8FA}
.st .decotxt>sup{display:inline-block;transform:translateY(-15px);font-size:.3em;line-height:0}
.st_step{margin:40px auto 0;display:flex;gap:16px}
.st_step>li{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:16px;background:#F1F9FF;padding:24px}
.st_step_text>p{margin:8px 0 0;color:rgb(var(--color_primary))}
.st_step_text>p>a{font-size:16px}
.st_step_img{flex-shrink:0;display:flex;align-items:center}
@media(max-width:819px){
  .st{padding:80px 24px 40px}
  .st_step{max-width:520px;flex-direction:column}
  .st_step_text>p{font-size:16px}
}
@media(min-width:820px){
  .st{padding:80px 0}
  .st_step{max-width:1360px;padding:0 40px}
  .st_step_text>p{font-size:20px}
}
.su{background:#F4F7F6}
.su_feature{margin:40px auto 0;display:flex;gap:24px}
.su_feature>div{display:flex;flex-direction:column}
.su_feature>div>dt{display:flex;justify-content:center;align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;background:#E0EBF1;padding:16px 24px}
.su_feature>div>dd{display:flex;flex-direction:column;gap:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:#FFF;padding:24px}
.su_feature>div>dd>p:first-child{color:rgb(var(--color_primary));text-align:center}
@media(max-width:819px){
  .su{padding:80px 24px}
  .su_feature{max-width:520px;flex-direction:column}
  .su_feature>div>dd>p:first-child{font-size:18px}
}
@media(min-width:820px){
  .su{padding:80px 0}
  .su_feature{max-width:1360px;padding:0 40px}
  .su_feature>div>dd>p:first-child{font-size:22px}
}
.tac{text-align:center}
.text1518_18{line-height:1.8}
@media(max-width:819px){
  .text1518_18{font-size:15px}
}
@media(min-width:820px){
  .text1518_18{font-size:18px}
}
.th{text-indent:100%;white-space:nowrap;overflow:hidden}
@media(max-width:819px){
  .view_wide{display:none}
}
@media(min-width:820px){
  .view_narrow{display:none}
}
.wh{background:#FFF}
.wh h3{background:rgb(var(--color_primary));border-top-left-radius:16px;border-top-right-radius:16px;padding:12px 16px;color:#FFF;text-align:center}
.wh_feature{margin:40px auto 0;max-width:520px;border:solid 1px rgb(var(--color_primary));border-radius:16px}
.wh_feature>dl>div{display:flex}
.wh_feature>dl>div+div{border-top:solid .5px #E2E8F0}
.wh_feature>dl>div>dt{display:flex;align-items:center;width:11em;flex-shrink:0;border-right:solid .5px #E2E8F0;background:#F1F9FF;padding:16px;color:rgb(var(--color_secondary))}
.wh_feature>dl>div:last-child>dt{border-bottom-left-radius:16px}
.wh_feature>dl>div>dd{width:calc(100% - 11em);padding:16px;font-weight:700;color:rgb(var(--color_primary))}
.wh_feature>dl>div:last-child>dd{border-bottom-right-radius:16px}
.wh_feature sup{font-size:.6em}
.wh_point{margin:40px auto 0;display:flex;gap:24px}
.wh_point>li{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;border-radius:24px;background:#F4F7F6;padding:24px 24px 0}
.wh_point>li>h4{color:rgb(var(--color_primary));text-align:center}
.wh_point>li>h4>sup{font-size:.6em}
.wh_point>li>img{margin:auto 0 0;height:147px}
@media(max-width:819px){
  .wh{padding:80px 24px}
  .wh h3{font-size:18px}
  .wh .note{margin:24px auto 0;max-width:520px}
  .wh_feature>dl{font-size:14px}
  .wh_point{max-width:520px;flex-direction:column}
  .wh_point>li>h4{font-size:18px}
}
@media(min-width:820px){
  .wh{padding:80px 0}
  .wh h3{font-size:22px}
  .wh .note{margin:40px auto 0;max-width:790px}
  .wh_feature>dl{font-size:18px}
  .wh_point{max-width:1360px;padding:0 40px}
  .wh_point>li>h4{font-size:22px}
}
.__label{display:inline-block;background:#FFF;border:solid 1px rgb(var(--color_primary));border-radius:16px;padding:8px 16px;color:rgb(var(--color_primary));line-height:1;text-align:center}
@media(max-width:819px){
  .__label{font-size:14px}
}
@media(min-width:820px){
  .__label{font-size:16px}
}