@charset "UTF-8";
/*========================================

デフォルトスタイル

========================================*/
html { font-size: 62.5%; height: -webkit-fill-available; }

body { min-width: 320px; min-height: 100vh; min-height: -webkit-fill-available; margin: 0; padding: 0; color: #000; font-family: 'Roboto', 'Noto Sans JP', 'Amiri', 'Noto Serif JP', sans-serif, serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ"; line-height: 1.4; font-size: 16px; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.05em; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; }

* { margin: 0; padding: 0; }

/*selection*/
::-moz-selection { background-color: #262a75; color: #fff; text-shadow: none; }

::selection { background-color: #262a75; color: #fff; text-shadow: none; }

/*placeholder*/
::-webkit-input-placeholder-shown { color: #cccccc; }
:-ms-input-placeholder-shown { color: #cccccc; }
::-ms-input-placeholder-shown { color: #cccccc; }
::placeholder-shown { color: #cccccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #cccccc; }

/* Firefox 18- */
::-moz-placeholder { color: #cccccc; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder { color: #cccccc; opacity: 1; }

/* IE 10+ */
::-ms-input-placeholder { color: #cccccc; }

img, svg { border: 0; border-style: none; vertical-align: top; font-size: 0; line-height: 0; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

ul, dl, ol { list-style-type: none; }

/*    Link
--------------------------------------------------------------------------------*/
a:link { color: #000; text-decoration: none; }

a:visited { color: #000; text-decoration: none; }

a:hover { color: #000; text-decoration: none; -webkit-transition: .3s; transition: .3s; }

a:active { color: #000; text-decoration: none; }

*:focus { outline: none; }

/*    Base Styles
--------------------------------------------------------------------------------*/
/*  margin */
.mg0a { margin: 0 auto; }

.mgt0 { margin-top: 0 !important; }

.mgt1 { margin-top: 1px !important; }

.mgt2 { margin-top: 2px !important; }

.mgt3 { margin-top: 3px !important; }

.mgt4 { margin-top: 4px !important; }

.mgt5 { margin-top: 5px !important; }

.mgt6 { margin-top: 6px !important; }

.mgt7 { margin-top: 7px !important; }

.mgt8 { margin-top: 8px !important; }

.mgt9 { margin-top: 9px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt25 { margin-top: 25px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt35 { margin-top: 35px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt45 { margin-top: 45px !important; }

.mgt50 { margin-top: 50px !important; }

.mgt55 { margin-top: 55px !important; }

.mgt60 { margin-top: 60px !important; }

.mgl0 { margin-left: 0 !important; }

.mgl5 { margin-left: 5px !important; }

.mgl10 { margin-left: 10px !important; }

.mgl15 { margin-left: 15px !important; }

.mgl20 { margin-left: 20px !important; }

.mgl25 { margin-left: 25px !important; }

.mgl30 { margin-left: 30px !important; }

.mgl35 { margin-left: 35px !important; }

.mgl40 { margin-left: 40px !important; }

.mgl45 { margin-left: 45px !important; }

.mgl50 { margin-left: 50px !important; }

.mgl55 { margin-left: 55px !important; }

.mgl60 { margin-left: 60px !important; }

.mgr0 { margin-right: 0 !important; }

.mgr5 { margin-right: 5px !important; }

.mgr10 { margin-right: 10px !important; }

.mgr15 { margin-right: 15px !important; }

.mgr20 { margin-right: 20px !important; }

.mgr25 { margin-right: 25px !important; }

.mgr30 { margin-right: 30px !important; }

.mgr35 { margin-right: 35px !important; }

.mgr40 { margin-right: 40px !important; }

.mgr45 { margin-right: 45px !important; }

.mgr50 { margin-right: 50px !important; }

.mgr55 { margin-right: 55px !important; }

.mgr60 { margin-right: 60px !important; }

/* padding */
.pdt0 { padding-top: 0 !important; }

.pdt1 { padding-top: 1px !important; }

.pdt2 { padding-top: 2px !important; }

.pdt3 { padding-top: 3px !important; }

.pdt4 { padding-top: 4px !important; }

.pdt5 { padding-top: 5px !important; }

.pdt6 { padding-top: 6px !important; }

.pdt7 { padding-top: 7px !important; }

.pdt8 { padding-top: 8px !important; }

.pdt9 { padding-top: 9px !important; }

.pdt10 { padding-top: 10px !important; }

.pdt15 { padding-top: 15px !important; }

.pdt20 { padding-top: 20px !important; }

.pdt25 { padding-top: 25px !important; }

.pdt30 { padding-top: 30px !important; }

.pdt35 { padding-top: 35px !important; }

.pdt40 { padding-top: 40px !important; }

.pdt45 { padding-top: 45px !important; }

.pdt50 { padding-top: 50px !important; }

.pdt55 { padding-top: 55px !important; }

.pdt60 { padding-top: 60px !important; }

.pdl0 { padding-left: 0 !important; }

.pdl5 { padding-left: 5px !important; }

.pdl10 { padding-left: 10px !important; }

.pdl15 { padding-left: 15px !important; }

.pdl20 { padding-left: 20px !important; }

.pdl25 { padding-left: 25px !important; }

.pdl30 { padding-left: 30px !important; }

.pdl35 { padding-left: 35px !important; }

.pdl40 { padding-left: 40px !important; }

.pdl45 { padding-left: 45px !important; }

.pdl50 { padding-left: 50px !important; }

.pdl55 { padding-left: 55px !important; }

.pdl60 { padding-left: 60px !important; }

.pdr0 { padding-right: 0 !important; }

.pdr5 { padding-right: 5px !important; }

.pdr10 { padding-right: 10px !important; }

.pdr15 { padding-right: 15px !important; }

.pdr20 { padding-right: 20px !important; }

.pdr25 { padding-right: 25px !important; }

.pdr30 { padding-right: 30px !important; }

.pdr35 { padding-right: 35px !important; }

.pdr40 { padding-right: 40px !important; }

.pdr45 { padding-right: 45px !important; }

.pdr50 { padding-right: 50px !important; }

.pdr55 { padding-right: 55px !important; }

.pdr60 { padding-right: 60px !important; }

.floatL { float: left; }

.floatR { float: right; }

.alL { text-align: left; }

.alC { text-align: center; }

.alR { text-align: right; }

.vaT { vertical-align: top; }

.vaM { vertical-align: middle; }

.vaB { vertical-align: bottom; }

.disnon { display: none; }

.nowrap { white-space: nowrap; }

.w100per { width: 100%; height: auto; }

/*clear*/
.clearfix { clear: both; background: transparent; height: 1px; font-size: 1px; }

/* clearfix micro */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/*IE6,7対策 （haslayout対策）*/
.cf { *zoom: 1; }

.-pcOnly { display: inline-block !important; }
@media screen and (max-width: 768px) { .-pcOnly { display: none !important; } }

.-spOnly { display: none !important; }
@media screen and (max-width: 768px) { .-spOnly { display: block !important; } }

img[src$=".svg"] { width: 100%; }

table { width: 100%; word-break: break-word; }

rp { font-size: 50%; text-align: center; }

.bold { font-weight: bold; }

/*========================================

フォント設定

========================================*/
.fotn_sansSerif { font-family: "Roboto", 'Noto Sans JP', "游ゴシック体" , "YuGothic", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic", sans-serif; }

.font_serif { font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

/*========================================

共通設定、パーツ

========================================*/
#container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative; min-height: 100vh; }

.innerWrap { width: 1080px; margin: auto; padding: 100px 0; }
@media screen and (max-width: 1080px) { .innerWrap { width: 100%; padding: 60px 20px; } }

[class*="flex"]:not(.flex_item) { display: -webkit-box; display: -ms-flexbox; display: flex; }

.bg_paper { background: url("/assets/lp/will/img/bg01.png") repeat center; }
.bg_white { background-color: #fff; }
.bg_purple { background-color: rgba(38, 42, 117, 0.8); }
.bg_light-purple { background-color: #eeeef4; }

[class*="triangle"] { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; }
@media screen and (max-width: 480px) { [class*="triangle"] { bottom: -0.5px; } }
[class*="triangle"] svg { position: relative; display: block; width: calc(100% + 1.3px); height: 80px; }
@media screen and (max-width: 480px) { [class*="triangle"] svg { height: 30px; } }

[class^="list"] { display: block; }
[class^="list"] > li { padding-left: 1em; text-indent: -1em; }
[class^="list"] > li + li { margin-top: 5px; }

* + .list_circle { margin-top: 10px; }
.list_circle > li::before { content: ""; display: inline-block; position: relative; width: 12px; height: 12px; background-color: #262a75; border-radius: 50%; top: -1px; margin-right: 5px; }

.txt_purple { color: #262a75; }

.marker { background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, rgba(212, 43, 73, 0.3))); background: linear-gradient(transparent 75%, rgba(212, 43, 73, 0.3) 75%); }
.marker.font_serif { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, rgba(212, 43, 73, 0.3)), color-stop(80%, rgba(212, 43, 73, 0.3)), color-stop(80%, transparent), to(transparent)); background: linear-gradient(transparent 0%, transparent 60%, rgba(212, 43, 73, 0.3) 60%, rgba(212, 43, 73, 0.3) 80%, transparent 80%, transparent 100%); }
@-moz-document url-prefix() { .marker.font_serif { background: linear-gradient(transparent 0%, transparent 70%, rgba(212, 43, 73, 0.3) 70%, rgba(212, 43, 73, 0.3) 90%, transparent 90%, transparent 100%); } }
[class*="tacs"] { width: 78px; }

[class*="contactArea"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #262a5f; width: 100%; padding: 6px; }
@media screen and (max-width: 480px) { [class*="contactArea"] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } }
[class*="contactArea"] .txtSide *, [class*="contactArea"] .telSide * { color: #fff; }
[class*="contactArea"] .txtSide { margin-left: 24px; }
@media screen and (max-width: 480px) { [class*="contactArea"] .txtSide { margin-top: 12px; margin-left: 0; } }
[class*="contactArea"] .txtSide p { font-size: 2.4rem; }
@media screen and (max-width: 480px) { [class*="contactArea"] .txtSide p { font-size: 1.8rem; } }
@media screen and (max-width: 480px) { [class*="contactArea"] .telSide { margin-top: 12px; } }
@media screen and (max-width: 480px) { [class*="contactArea"] .telSide .telBox { text-align: center; } }
[class*="contactArea"] .telSide .telBox a.tel { font-size: 4rem; padding-left: 48px; background: url("/assets/lp/will/img/icon_phone.png") no-repeat left center/36px auto; }
@media screen and (max-width: 480px) { [class*="contactArea"] .telSide .telBox a.tel { font-size: 3.2rem; padding-left: 40px; background: url("/assets/lp/will/img/icon_phone.png") no-repeat left center/28px auto; } }
@media screen and (max-width: 480px) { [class*="contactArea"] .telSide .txt { text-align: center; line-height: 1.6; } }
[class*="contactArea"] .mailSide { height: 132px; }
@media screen and (max-width: 480px) { [class*="contactArea"] .mailSide { margin-top: 20px; height: 66px; } }
[class*="contactArea"] .mailSide .mailBox { height: 100%; }
[class*="contactArea"] .mailSide .mailBox a.mail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 290px; height: 100%; position: relative; color: #262a75; font-size: 2.2rem; line-height: 1.2; background-color: #fff; padding-top: 4px; border: 2px solid transparent; }
@media screen and (max-width: 480px) { [class*="contactArea"] .mailSide .mailBox a.mail { font-size: 1.8rem; } }
[class*="contactArea"] .mailSide .mailBox a.mail::before, [class*="contactArea"] .mailSide .mailBox a.mail::after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
[class*="contactArea"] .mailSide .mailBox a.mail::before { top: 24px; width: 30px; height: 21px; background: url("/assets/lp/will/img/icon_mail-navy.png") no-repeat center/contain; }
@media screen and (max-width: 480px) { [class*="contactArea"] .mailSide .mailBox a.mail::before { position: relative; top: 0; left: 0; width: 25px; height: 17px; -webkit-transform: translateX(0); transform: translateX(0); margin-right: 8px; } }
[class*="contactArea"] .mailSide .mailBox a.mail::after { bottom: 30px; width: 32px; height: 10px; background: url("/assets/lp/will/img/icon_arrow01-navy.png") no-repeat center/contain; }
@media screen and (max-width: 480px) { [class*="contactArea"] .mailSide .mailBox a.mail::after { content: none; } }
[class*="contactArea"] .mailSide .mailBox a.mail:hover { border: 2px solid #fff; background-color: #262a5f; color: #fff; }
[class*="contactArea"] .mailSide .mailBox a.mail:hover::before { background: url("/assets/lp/will/img/icon_mail-wht.png") no-repeat center/contain; }
[class*="contactArea"] .mailSide .mailBox a.mail:hover::after { background: url("/assets/lp/will/img/icon_arrow01-wht.png") no-repeat center/contain; }

/*========================================

LP用ヘッダー設定

========================================*/
#gHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0; z-index: 100; }
@media screen and (max-width: 768px) { #gHeader { display: block; min-height: 60px; } }
@media screen and (max-width: 480px) { #gHeader { display: none; } }
#gHeader .siteTitle { padding: 19px 18px 19px 21px; width: 29%; max-width: 378px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #gHeader .siteTitle { padding: 19px 65px 10px 15px; width: 100%; max-width: inherit; } }
@media screen and (max-width: 768px) { #gHeader .siteTitle a { display: block; width: 100%; max-width: 248px; } }

/*========================================

LP用フッター設定

========================================*/
#gFooter { background-color: #262a5f; }
#gFooter .innerWrap { padding: 60px 0 80px; }
@media screen and (max-width: 480px) { #gFooter .innerWrap { padding: 20px 20px 60px; } }
#gFooter .ft_logo { width: 480px; margin: auto; -webkit-transform: translateX(42px); transform: translateX(42px); }
@media screen and (max-width: 480px) { #gFooter .ft_logo { width: 280px; margin: 0 auto; -webkit-transform: translateX(0); transform: translateX(0); } }
#gFooter .ft_contactWrap .ttl, #gFooter .ft_bnrArea .ttl { color: #fff; text-align: center; }
#gFooter .ft_contactWrap { margin: 60px auto 0; width: calc(100% - 160px); }
@media screen and (max-width: 480px) { #gFooter .ft_contactWrap { margin: 40px auto 0; width: 100%; } }
#gFooter .ft_contactWrap .ttl { width: 100%; font-size: 2.4rem; }
@media screen and (max-width: 480px) { #gFooter .ft_contactWrap .ttl { font-size: 1.8rem; } }
#gFooter .ft_contactArea { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; margin-top: 20px; }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea { margin-top: 10px; } }
#gFooter .ft_contactArea .telSide, #gFooter .ft_contactArea .mailSide { width: calc(100% / 2); }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea .telSide, #gFooter .ft_contactArea .mailSide { width: 100%; } }
#gFooter .ft_contactArea .telSide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border: 2px solid #fff; }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea .telSide { margin-top: 0; padding: 28px 0; border: 1px solid #fff; } }
#gFooter .ft_contactArea .telSide .telBox { margin-top: -4px; }
#gFooter .ft_contactArea .mailSide { height: 106px; }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea .mailSide { margin-top: 0; } }
#gFooter .ft_contactArea .mailSide .mailBox .mail { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 0 0 48px; }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea .mailSide .mailBox .mail { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 40px; }
  #gFooter .ft_contactArea .mailSide .mailBox .mail::after { content: ''; right: 12px; bottom: auto; left: auto; } }
#gFooter .ft_contactArea .mailSide .mailBox .mail::before { position: relative; top: 0; left: 0; -webkit-transform: translateX(0); transform: translateX(0); margin-right: 8px; }
#gFooter .ft_contactArea .mailSide .mailBox .mail::after { right: 40px; bottom: auto; left: auto; }
@media screen and (max-width: 480px) { #gFooter .ft_contactArea .mailSide .mailBox .mail::after { right: 15px; } }
#gFooter .ft_bnrArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; padding-top: 60px; border-top: 1px solid #fff; }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; padding-top: 40px; } }
#gFooter .ft_bnrArea .lftSide, #gFooter .ft_bnrArea .rgtSide { width: calc((100% / 2) - 16px); }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea .lftSide, #gFooter .ft_bnrArea .rgtSide { width: 100%; } }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea .rgtSide { margin-top: 40px; } }
#gFooter .ft_bnrArea a.bnr { display: block; margin-top: 10px; }
#gFooter .ft_bnrArea a.bnr.-bnr_will { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding-top: 29.3893%; background: url("/assets/lp/will/img/bnr_bg.jpg") no-repeat center/contain; }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea a.bnr.-bnr_will { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
#gFooter .ft_bnrArea a.bnr.-bnr_will::before { content: ''; position: absolute; top: 50%; right: 32px; width: 16px; height: 16px; background: url("/assets/lp/will/img/icon_blank-wht.png") no-repeat center/contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea a.bnr.-bnr_will::before { right: 14px; } }
#gFooter .ft_bnrArea a.bnr.-bnr_will .bnr_inner { position: absolute; top: 50%; left: 40px; font-size: 2rem; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 480px) { #gFooter .ft_bnrArea a.bnr.-bnr_will .bnr_inner { left: 50%; text-align: center; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
#gFooter .ft_copyArea { background-color: #fff; padding: 60px 0 20px; text-align: center; }
@media screen and (max-width: 480px) { #gFooter .ft_copyArea { padding: 40px 20px 20px; } }
#gFooter .ft_copyArea .ft_tacs { margin: auto; }
#gFooter .ft_copyArea .ft_copy { display: block; margin-top: 30px; color: #262a75; font-size: 1.4rem; letter-spacing: 0.05em; }
@media screen and (max-width: 480px) { #gFooter .ft_copyArea .ft_copy { margin-top: 20px; } }

/*========================================

メインコンテンツ

========================================*/
.mvArea { position: relative; width: 100%; height: 710px; background: url("/assets/lp/will/img/mv_bg.jpg") no-repeat center/cover; padding-top: 100px; }
@media screen and (max-width: 480px) { .mvArea { height: 600px; background: #fff url("/assets/lp/will/img/mv_bg-sp.jpg") no-repeat top/contain; padding-top: 90px; } }
.mvArea .innerWrap { padding: 0; }
@media screen and (max-width: 480px) { .mvArea .innerWrap { padding: 0 30px; } }
@media screen and (max-width: 375px) { .mvArea .innerWrap { padding: 0 20px; } }
@media screen and (max-width: 480px) { .mvArea .mv_tacs { width: 50px; margin: auto; } }
.mvArea .mv_txtArea { margin-top: 30px; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .leadBox { background-color: #262a5f; text-align: center; padding: 14px 6px; } }
.mvArea .mv_txtArea .lead { display: inline-block; font-size: 2.8rem; letter-spacing: 0.1em; color: #fff; line-height: 1.2; background-color: #262a5f; padding: 10px 8px 4px 10px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .lead { font-size: 1.6rem; letter-spacing: 0.05em; background-color: transparent; padding: 0; width: auto; white-space: nowrap; } }
.mvArea .mv_txtArea .lead.-single { display: block; }
.mvArea .mv_txtArea .lead + .lead { margin-top: 8px; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .lead + .lead { margin-top: 0; } }
.mvArea .mv_txtArea .lead-sub { font-size: 2.4rem; display: inline-block; margin-left: 5px; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .lead-sub { font-size: 2rem; margin-left: 0; margin-top: 12px; text-align: center; } }
.mvArea .mv_txtArea .ttl { width: 746px; margin-top: -50px; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .ttl { width: 90%; margin: -15px 0 0 auto; } }
.mvArea .mv_txtArea .txt { font-size: 2.4rem; letter-spacing: 0.11em; margin-top: 46px; }
@media screen and (max-width: 480px) { .mvArea .mv_txtArea .txt { text-align: center; font-size: 1.8rem; letter-spacing: 0.2em; margin-top: 24px; } }
@media screen and (max-width: 480px) { .mvArea .siteTitle.-spOnly { width: 180px; margin: 40px auto 0; } }
.mvArea .mv_contactArea { position: absolute; bottom: 0; width: 1080px; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 2; }
@media screen and (max-width: 1080px) { .mvArea .mv_contactArea { width: calc(100% - 60px); margin: auto; -webkit-transform: translateY(80%); transform: translateY(80%); } }
@media screen and (max-width: 375px) { .mvArea .mv_contactArea { width: calc(100% - 40px); } }

#sec01 > .bg_paper, #sec01 > .bg_light-purple { position: relative; }
#sec01 .triangle_light-purple .shape-fill { fill: #eeeef4; }
#sec01 .triangle__purple { bottom: -79px; }
@media screen and (max-width: 480px) { #sec01 .triangle__purple { bottom: -29px; } }
#sec01 .triangle__purple svg { height: 79px; }
@media screen and (max-width: 480px) { #sec01 .triangle__purple svg { height: 29px; } }
#sec01 .triangle__purple .shape-fill { fill: #eeeef4; }
#sec01 .innerWrap.-column01 { padding: 170px 0 90px; }
@media screen and (max-width: 480px) { #sec01 .innerWrap.-column01 { padding: 300px 20px 60px; } }
#sec01 .innerWrap.-column02 { padding: 35px 0 62px; }
@media screen and (max-width: 480px) { #sec01 .innerWrap.-column02 { padding: 40px 20px 118px; } }
#sec01 .innerWrap.-column03 { width: 870px; padding: 0 0 90px; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
@media screen and (max-width: 480px) { #sec01 .innerWrap.-column03 { width: 100%; padding: 0 20px; -webkit-transform: translateY(-60px); transform: translateY(-60px); } }
#sec01 h2.ttl { text-align: center; line-height: 1.6; font-size: 2.6rem; }
@media screen and (max-width: 480px) { #sec01 h2.ttl { font-size: 1.8rem; } }
#sec01 h2.ttl .txt-M { font-size: 2.8rem; }
@media screen and (max-width: 480px) { #sec01 h2.ttl .txt-M { font-size: 2rem; } }
#sec01 h2.ttl .txt-L { font-size: 3.5rem; }
@media screen and (max-width: 480px) { #sec01 h2.ttl .txt-L { font-size: 2.4rem; } }
#sec01 .flexA, #sec01 .flexB { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 480px) { #sec01 .flexA, #sec01 .flexB { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
#sec01 .flexA .picSide, #sec01 .flexB .picSide { -ms-flex-negative: 0; flex-shrink: 0; width: 432px; }
@media screen and (max-width: 480px) { #sec01 .flexA .picSide, #sec01 .flexB .picSide { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: auto; } }
#sec01 .flexA .picSide .txt, #sec01 .flexB .picSide .txt { text-align: center; }
#sec01 .flexA .picSide figure, #sec01 .flexB .picSide figure { position: relative; }
@media screen and (max-width: 480px) { #sec01 .flexA .picSide figure, #sec01 .flexB .picSide figure { margin-top: 10px; } }
#sec01 .flexA .picSide figure figcaption, #sec01 .flexB .picSide figure figcaption { position: absolute; top: -12px; line-height: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
@media screen and (max-width: 480px) { #sec01 .flexA .picSide figure figcaption, #sec01 .flexB .picSide figure figcaption { display: none; } }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide, #sec01 .flexB .txtSide { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
#sec01 .flexA .txtSide .baloonBox, #sec01 .flexB .txtSide .baloonBox { padding: 40px; border-bottom: 1px solid #262a75; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox, #sec01 .flexB .txtSide .baloonBox { padding: 24px; border-top: 1px solid #262a75; border-right: 1px solid #262a75; border-bottom: none; text-align: justify; } }
#sec01 .flexA .txtSide .baloonBox::before, #sec01 .flexA .txtSide .baloonBox::after, #sec01 .flexB .txtSide .baloonBox::before, #sec01 .flexB .txtSide .baloonBox::after { content: ""; position: absolute; width: 0; height: 0; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox::before, #sec01 .flexA .txtSide .baloonBox::after, #sec01 .flexB .txtSide .baloonBox::before, #sec01 .flexB .txtSide .baloonBox::after { top: 0 !important; left: 50% !important; -webkit-transform: translate(-50%, -100%) !important; transform: translate(-50%, -100%) !important; } }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox::before, #sec01 .flexB .txtSide .baloonBox::before { border-style: solid !important; border-width: 0 15px 26px 15px !important; border-color: transparent transparent #262a75 transparent !important; } }
#sec01 .flexA .txtSide .baloonBox::after, #sec01 .flexB .txtSide .baloonBox::after { z-index: 10px; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox::after, #sec01 .flexB .txtSide .baloonBox::after { border-style: solid !important; border-width: 0 14px 24px 14px !important; border-color: transparent transparent #FCF8F2 transparent !important; -webkit-transform: translate(-50%, -98%) !important; transform: translate(-50%, -98%) !important; } }
#sec01 .flexA .txtSide .baloonBox .txt, #sec01 .flexB .txtSide .baloonBox .txt { line-height: 1.6; letter-spacing: 0.075em; }
#sec01 .flexA .txtSide .baloonBox * + .txt_purple, #sec01 .flexB .txtSide .baloonBox * + .txt_purple { margin-top: 15px; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox * + .txt_purple, #sec01 .flexB .txtSide .baloonBox * + .txt_purple { margin-top: 10px; } }
#sec01 .flexA .txtSide .baloonBox .txt_purple, #sec01 .flexB .txtSide .baloonBox .txt_purple { font-size: 2rem; line-height: 1.6; letter-spacing: 0.075em; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox .txt_purple, #sec01 .flexB .txtSide .baloonBox .txt_purple { font-size: 1.8rem; } }
#sec01 .flexA { margin-top: 50px; }
#sec01 .flexA .picSide { margin-left: 56px; }
@media screen and (max-width: 480px) { #sec01 .flexA .picSide { margin-left: 0; } }
#sec01 .flexA .picSide figure figcaption { right: 0; }
#sec01 .flexA .txtSide .baloonBox { position: relative; background-color: #fcf8f2; border-right: 1px solid #262a75; margin: 20px 0; }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox { margin: 40px 0 10px; } }
#sec01 .flexA .txtSide .baloonBox::before, #sec01 .flexA .txtSide .baloonBox::after { right: 0; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox::before, #sec01 .flexA .txtSide .baloonBox::after { right: auto; } }
#sec01 .flexA .txtSide .baloonBox::before { border-style: solid; border-width: 15px 0 15px 26px; border-color: transparent transparent transparent #262a75; }
#sec01 .flexA .txtSide .baloonBox::after { border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #FCF8F2; -webkit-transform: translate(99%, -50%); transform: translate(99%, -50%); }
@media screen and (max-width: 480px) { #sec01 .flexA .txtSide .baloonBox + .txt { text-align: center; } }
#sec01 .flexB { margin-top: 25px; }
@media screen and (max-width: 480px) { #sec01 .flexB { margin-top: 10px; } }
#sec01 .flexB .picSide { margin-right: 56px; }
@media screen and (max-width: 480px) { #sec01 .flexB .picSide { margin-right: 0; } }
#sec01 .flexB .picSide figure figcaption { left: 0; }
#sec01 .flexB .txtSide .baloonBox { position: relative; background-color: #f8f7fa; border-left: 1px solid #262a75; }
@media screen and (max-width: 480px) { #sec01 .flexB .txtSide .baloonBox { border-left: none; margin: 40px 0 0; } }
#sec01 .flexB .txtSide .baloonBox::before, #sec01 .flexB .txtSide .baloonBox::after { left: 0; top: 50%; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
#sec01 .flexB .txtSide .baloonBox::before { border-style: solid; border-width: 15px 26px 15px 0; border-color: transparent #262a75 transparent transparent; }
#sec01 .flexB .txtSide .baloonBox::after { border-style: solid; border-width: 14px 24px 14px 0; border-color: transparent #f8f7fa transparent transparent; -webkit-transform: translate(-99%, -50%); transform: translate(-99%, -50%); }
#sec01 p.ttl_sub { color: #262a75; font-size: 2.4rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 480px) { #sec01 p.ttl_sub { font-size: 2rem; } }
#sec01 .relayArea { text-align: center; }
#sec01 .relayArea .flex-inner { display: inline-block; padding: 38px 34px; background-color: #fff; line-height: 1.6; }
@media screen and (max-width: 480px) { #sec01 .relayArea .flex-inner { display: block; padding: 30px 24px 20px; } }
#sec01 .relayArea .flex-inner > [class*="txt"] { font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#sec01 .relayArea .txt { font-size: 2.4rem; }
@media screen and (max-width: 480px) { #sec01 .relayArea .txt { font-size: 2rem; } }
#sec01 .relayArea .txt-L { font-size: 3.5rem; font-weight: bold; }
@media screen and (max-width: 480px) { #sec01 .relayArea .txt-L { font-size: 2rem; white-space: nowrap; } }
#sec01 .lead { font-size: 2.2rem; color: #fff; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: center; margin-top: 50px; }
@media screen and (max-width: 480px) { #sec01 .lead { font-size: 1.8rem; margin-top: 40px; } }
#sec01 .lead .txt-L { font-size: 2.8rem; font-weight: bold; }
@media screen and (max-width: 480px) { #sec01 .lead .txt-L { font-size: 2.4rem; } }
#sec01 .checkArea { margin-top: 20px; padding: 40px 45px; background: #fff url("/assets/lp/will/img/bg01.png") repeat center; }
@media screen and (max-width: 480px) { #sec01 .checkArea { padding: 25px 20px; } }
#sec01 .checkArea .checkList > li { border-top: 1px solid #676a9e; padding: 25px 0 25px 50px; background: url("/assets/lp/will/img/decoration_check.png") no-repeat left center/28px auto; }
@media screen and (max-width: 480px) { #sec01 .checkArea .checkList > li { padding: 16px 0 16px 40px; background: url("/assets/lp/will/img/decoration_check.png") no-repeat left center/26px auto; } }
#sec01 .checkArea .checkList > li:last-of-type { border-bottom: 1px solid #676a9e; }
#sec01 .checkArea .checkList > li .txt { font-size: 1.8rem; color: #262a75; text-align: justify; }
@media screen and (max-width: 480px) { #sec01 .checkArea .checkList > li .txt { font-size: 1.6rem; } }
#sec01 .messageArea { position: relative; font-size: 2.4rem; color: #fff; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: center; margin-top: 40px; }
@media screen and (max-width: 480px) { #sec01 .messageArea { font-size: 2rem; margin-top: 20px; } }
#sec01 .messageArea .messageBox { display: block; background-color: #fff; font-size: 3rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2; padding: 14px 8px 8px 10px; color: #262a75; margin-top: 10px; }
@media screen and (max-width: 480px) { #sec01 .messageArea .messageBox { display: block; font-size: 2.4rem; line-height: 1.6; padding: 14px 8px; width: 100%; margin-top: 5px; } }
#sec01 .messageArea .messageBox + .txt { display: inline-block; }
#sec01 .messageArea .messageBox + .txt.-pcOnly { position: absolute; bottom: 0; right: -10px; -webkit-transform: translateX(100%); transform: translateX(100%); }

#sec02 { overflow: hidden; }
#sec02 p.sub_ttl { color: #262a75; text-align: center; }
#sec02 p.sub_ttl .fill { display: inline-block; background-color: #262a75; font-size: 3.2rem; line-height: 1; color: #fff; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: bold; padding: 10px 10px 2px; margin-left: 10px; }
@media screen and (max-width: 480px) { #sec02 p.sub_ttl .fill { font-size: 2.8rem; } }
@-moz-document url-prefix() { #sec02 p.sub_ttl .fill { line-height: 1; padding: 6px 10px 8px; } }
#sec02 h2.ttl { text-align: center; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 2rem; margin-top: 20px; }
@media screen and (max-width: 480px) { #sec02 h2.ttl { font-size: 1.8rem; } }
#sec02 h2.ttl .txt-L { position: relative; display: inline-block; margin-top: 10px; font-size: 5rem; color: #262a75; }
@media screen and (max-width: 480px) { #sec02 h2.ttl .txt-L { font-size: 3.4rem; } }
#sec02 h2.ttl .txt-L::before { content: ''; position: absolute; right: -17px; bottom: 0; background: url("/assets/lp/will/img/decoration_pen.png") no-repeat center/contain; width: 120px; height: 198px; -webkit-transform: translateX(100%); transform: translateX(100%); }
@media screen and (max-width: 480px) { #sec02 h2.ttl .txt-L::before { content: none; } }
#sec02 .featureList { margin-top: 30px; }
@media screen and (max-width: 480px) { #sec02 .featureList { margin: 50px 0 20px; } }
#sec02 .featureList + .list_asterisl { margin-top: 45px; }
@media screen and (max-width: 480px) { #sec02 .featureList + .list_asterisl { margin-top: 0; } }
#sec02 .featureList + .list_asterisl > li { text-align: justify; }
#sec02 .featureList > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 45px 45px 45px 0; }
@media screen and (max-width: 480px) { #sec02 .featureList > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 20px; background-color: #fff; } }
#sec02 .featureList > li + li { margin-top: 50px; }
@media screen and (max-width: 480px) { #sec02 .featureList > li + li { margin-top: 40px; } }
#sec02 .featureList > li:nth-of-type(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; padding: 45px 0 45px 45px; }
@media screen and (max-width: 480px) { #sec02 .featureList > li:nth-of-type(2n) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 20px 20px; } }
#sec02 .featureList > li:nth-of-type(2n)::before { left: 0; }
#sec02 .featureList > li:nth-of-type(2n) .picSide { margin-right: 40px; margin-left: 0; }
@media screen and (max-width: 480px) { #sec02 .featureList > li:nth-of-type(2n) .picSide { margin-right: 0; } }
#sec02 .featureList > li::before { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: #fff; z-index: 0; }
@media screen and (max-width: 480px) { #sec02 .featureList > li::before { content: none; } }
#sec02 .featureList .txtSide, #sec02 .featureList .picSide { z-index: 1; }
@media screen and (max-width: 480px) { #sec02 .featureList .txtSide .stampBox { text-align: center; margin-top: -10px; } }
#sec02 .featureList .txtSide .stampBox .inner { position: relative; display: inline-block; }
@media screen and (max-width: 480px) { #sec02 .featureList .txtSide .stampBox .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-18px); transform: translateX(-18px); } }
#sec02 .featureList .txtSide .stampBox .txt { line-height: 1; }
#sec02 .featureList .txtSide .stampBox .stamp { position: absolute; bottom: -14px; right: 0; width: 92px; height: 92px; -webkit-transform: translateX(100%); transform: translateX(100%); max-width: none; }
@media screen and (max-width: 480px) { #sec02 .featureList .txtSide .stampBox .stamp { position: relative; bottom: 0; width: 74px; height: 74px; -webkit-transform: translateX(0); transform: translateX(0); margin-left: 4px; } }
#sec02 .featureList .txtSide .ttl { font-size: 2.4rem; color: #262a75; font-weight: bold; margin-top: 30px; }
@media screen and (max-width: 480px) { #sec02 .featureList .txtSide .ttl { font-size: 2rem; margin-top: 10px; text-align: center; } }
#sec02 .featureList .txtSide > .txt { margin-top: 30px; line-height: 1.7; text-align: justify; }
#sec02 .featureList .picSide { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 416px; margin-left: 40px; }
@media screen and (max-width: 480px) { #sec02 .featureList .picSide { width: auto; margin-left: 0; margin-top: 30px; } }
#sec02 .featureList .picSide .zoom { display: block; position: absolute; right: 0; bottom: 0; width: 50px; }
#sec02 .perspectiveArea { margin-top: 80px; border: 1px solid rgba(38, 42, 117, 0.62); padding: 15px; background: url("/assets/lp/will/img/bg02.jpg") repeat center; background-clip: content-box; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea { border: none; margin: 50px calc(50% - 50vw) 0; width: 100vw; padding: 50px 0; background-clip: border-box; } }
#sec02 .perspectiveArea + .contactArea { margin-top: 100px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea + .contactArea { margin-top: 60px; } }
#sec02 .perspectiveArea .inner { padding: 60px 50px 25px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .inner { padding: 0 20px; } }
#sec02 .perspectiveArea .flexA { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexA { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexA .stampBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #sec02 .perspectiveArea .flexA .stampBox::before, #sec02 .perspectiveArea .flexA .stampBox::after { content: ""; height: 1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #262a75; }
  #sec02 .perspectiveArea .flexA .stampBox::before { margin-right: 10px; }
  #sec02 .perspectiveArea .flexA .stampBox::after { margin-left: 10px; } }
#sec02 .perspectiveArea .flexA .stampBox .stampWrap { width: 164px; height: 164px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexA .stampBox .stampWrap { width: 94px; height: 94px; margin: auto; } }
#sec02 .perspectiveArea .flexA h2.ttl { text-align: left; margin-left: 20px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexA h2.ttl { text-align: center; margin-left: 0; } }
#sec02 .perspectiveArea .flexA h2.ttl .txt-M { display: inline-block; font-size: 2.8rem; margin-top: 5px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexA h2.ttl .txt-M { font-size: 1.6rem; } }
#sec02 .perspectiveArea .flexA h2.ttl .txt-L { margin-top: 5px; }
#sec02 .perspectiveArea .flexA h2.ttl .txt-L::before { content: none; }
#sec02 .perspectiveArea .flexB { margin-top: 30px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexB { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
#sec02 .perspectiveArea .flexB .picSide { -ms-flex-negative: 0; flex-shrink: 0; width: 370px; margin-right: 30px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexB .picSide { width: auto; margin-right: 0; } }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexB .txtSide { margin: 15px auto 0; width: 100%; } }
#sec02 .perspectiveArea .flexB .ttl { font-size: 2rem; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexB .ttl { font-size: 1.8rem; } }
#sec02 .perspectiveArea .flexB .ttl .txt-L { font-weight: bold; font-size: 2.4rem; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .flexB .ttl .txt-L { font-size: 1.8rem; } }
#sec02 .perspectiveArea .flexB .txt { margin-top: 20px; line-height: 1.7; text-align: justify; }
#sec02 .perspectiveArea .perspectiveList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 64px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 32px; } }
#sec02 .perspectiveArea .perspectiveList > li { background-color: #fff; padding: 40px 24px; width: calc((100% - 32px) / 3); }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList > li { padding: 36px 24px; width: 100%; }
  #sec02 .perspectiveArea .perspectiveList > li + li { margin-top: 20px; } }
#sec02 .perspectiveArea .perspectiveList .ttl { font-size: 1.8rem; color: #262a75; text-align: center; }
#sec02 .perspectiveArea .perspectiveList .ttl .txt-M { font-size: 2.4rem; }
#sec02 .perspectiveArea .perspectiveList .ttl .txt-L { font-size: 2.8rem; font-weight: bold; }
#sec02 .perspectiveArea .perspectiveList .list_circle { margin-top: 30px; }
#sec02 .perspectiveArea .perspectiveList .list_circle > li { text-align: justify; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList .list_circle > li { line-height: 1.6; } }
#sec02 .perspectiveArea .perspectiveList .list_circle > li + li { margin-top: 20px; }
#sec02 .perspectiveArea .perspectiveList .infoBox { border-top: 1px dashed #262a75; margin-top: 24px; padding-top: 24px; text-align: center; }
#sec02 .perspectiveArea .perspectiveList .infoBox .txt + .txt { margin-top: 15px; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList .infoBox .txt + .txt { margin-top: 5px; } }
#sec02 .perspectiveArea .perspectiveList .infoBox .txt-L { font-size: 3.6rem; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList .infoBox .txt-L { font-size: 3.2rem; } }
#sec02 .perspectiveArea .perspectiveList .infoBox .txt-M { font-size: 2.6rem; }
@media screen and (max-width: 480px) { #sec02 .perspectiveArea .perspectiveList .infoBox .txt-M { font-size: 2.4rem; } }
#sec02 .perspectiveArea .perspectiveList .infoBox .txt-S { font-size: 1.2rem; }

#sec03 { background-color: #fff; }
@media screen and (max-width: 480px) { #sec03 { background-color: #eeeef4; } }
#sec03 .ttlBox { text-align: center; }
#sec03 .ttlBox h2.ttl { display: inline-block; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 2.8rem; color: #262a75; padding: 0 25px 5px; background: url("/assets/lp/will/img/line_ttl.png") no-repeat center bottom/contain; }
@media screen and (max-width: 480px) { #sec03 .ttlBox h2.ttl { font-size: 2rem; } }
#sec03 .flowArea { padding: 60px; background-color: #eeeef4; margin-top: 30px; }
@media screen and (max-width: 480px) { #sec03 .flowArea { padding: 0; margin-top: 54px; } }
#sec03 .flowArea .flowList { width: 600px; margin: auto; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList { width: 100%; } }
#sec03 .flowArea .flowList > li { position: relative; background-color: #fff; padding: 24px 20px 24px 40px; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList > li { text-align: center; padding: 24px 20px 24px; } }
#sec03 .flowArea .flowList > li + li { margin-top: 34px; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList > li + li { margin-top: 38px; } }
#sec03 .flowArea .flowList > li.flexBox { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList > li.flexBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
#sec03 .flowArea .flowList > li::before { content: ''; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 16px 20px 0 20px; border-color: #262a75 transparent transparent transparent; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList > li::before { bottom: -8px; border-width: 10px 12.5px 0 12.5px; } }
#sec03 .flowArea .flowList > li:last-of-type::before { width: 20px; height: 32px; border: none; background: url("/assets/lp/will/img/icon_arrow02.png") no-repeat center/contain; }
#sec03 .flowArea .flowList .num_circle { position: absolute; top: 50%; left: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #262a75; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #fff; font-size: 3rem; line-height: 1.5; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@-moz-document url-prefix() { #sec03 .flowArea .flowList .num_circle { line-height: 1.2; } }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList .num_circle { top: 0; left: 50%; width: 28px; height: 28px; font-size: 2rem; } }
#sec03 .flowArea .flowList .txt-main { font-size: 2rem; line-height: 1.6; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList .txt-main { font-size: 1.8rem; } }
#sec03 .flowArea .flowList .txt-main + .txt { margin-top: 10px; }
#sec03 .flowArea .flowList .link_blank { position: relative; padding-right: 40px; background: url("/assets/lp/will/img/icon_blank-blk.png") no-repeat right center/16px auto; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList .link_blank { display: block; padding-right: 30px; } }
@media screen and (max-width: 400px) { #sec03 .flowArea .flowList .link_blank { padding-right: 25px; } }
#sec03 .flowArea .flowList .link_blank::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; -webkit-transform: translateY(4px); transform: translateY(4px); }
#sec03 .flowArea .flowList .link_blank:hover { opacity: 0.7; }
#sec03 .flowArea .flowList .link_blank:hover::before { opacity: 0.7; }
#sec03 .flowArea .flowList .-spDelete { display: inline-block; }
@media screen and (max-width: 480px) { #sec03 .flowArea .flowList .-spDelete { display: none; } }
#sec03 .txt-last { margin-top: 60px; text-align: center; color: #262a75; }
#sec03 .txt-last .txt-L { font-size: 3.2rem; font-family: YakuHanMP, "Amiri", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#sec03 .txt-last + .txt { margin-top: 10px; text-align: center; }

::-webkit-full-page-media, :future, :root #sec03 .flowArea .flowList .num_circle { line-height: 1.2; }

::-webkit-full-page-media, :future, :root .marker.font_serif { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(72%, transparent), color-stop(72%, rgba(212, 43, 73, 0.3)), color-stop(92%, rgba(212, 43, 73, 0.3)), color-stop(92%, transparent), to(transparent)); background: linear-gradient(transparent 0%, transparent 72%, rgba(212, 43, 73, 0.3) 72%, rgba(212, 43, 73, 0.3) 92%, transparent 92%, transparent 100%); }

::-webkit-full-page-media, :future, :root #sec02 p.sub_ttl .fill { padding: 6px 10px 8px; }