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


/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
	font-size: 170%;
	-webkit-text-size-adjust: none;
	font-weight: 400;
}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
table {width: 100%}
p {margin: 0 0 2em;}
p:last-child,
div > p:last-child{margin-bottom: 0}
*,
*::before,
*::after{box-sizing: border-box;outline: none;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {background: none;}
body {color: #0d0404;font-family: 'Noto Sans JP', sans-serif;position: relative;}
.inner {width:960px;margin: 0 auto;max-width: 100%;padding: 0;}

a{text-decoration: none;color: #0d0404;}

:root {
	--mcolor: #dfeef8;
	--bg1: #eef9ff;
	--blue: #26499d;
	--org: #ff8a00;
	--yel: #fff600;
}


p,
dd,
dt,
li,
th,
td{line-height: 2em;letter-spacing: 0.01rem;}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

/*==========================================================================*/
/*                               ALL                                        */
/*==========================================================================*/
/* FIX FONT + PADDING */
.pdb30{padding: 0 0 30px}
.pdb50{padding: 0 0 50px;}
.mgb0{margin-bottom: 0;}
.mgb30{margin-bottom: 30px;}
.mgb35{margin-bottom: 35px;}
.mgb50{margin-bottom: 50px;}
.fs12{font-size: 12px;}
.fs16{font-size: 16px;}
.txt_l{text-align: left;}
.txt_r{text-align: right;}
.bold{font-weight: 700;}
.blue{color: var(--blue);}
.yel{color: var(--yel);}
.org{color: var(--org);}
.org2{color: #ff9f03;}
.org,.org2{font-weight: 700;}

/*==========================================================================*/
/*                               Main                                       */
/*==========================================================================*/
#wrapper{overflow: hidden;position: relative;}
header{}

h3{text-align: center;}
.big_h3,.ttl_h3{display: flex; justify-content: center; align-items: center;}
.ttl_h3{background-image: linear-gradient(to top, #26499d, #284ea1, #2953a5, #2c58a8, #2e5dac);min-height: 180px;}
.big_h3{background-image: linear-gradient(to top, #010204, #071120, #0f2242, #173361, #1b3c73);min-height: 260px;}

main{margin:0;overflow: hidden;}

.sec_mv{display: flex; justify-content: center;align-items: center;flex-direction: column;}


.bg_ic{position: relative;overflow: hidden;}
.bg_ic::before,.bg_ic::after{content: ""; position: absolute; z-index: 1;}
.bg_ic .inner{position: relative; z-index: 2;}

/* SEC01 */
.sec01_box{padding: 50px 0 60px;background: url('../images/pc_sec01_bg.png') no-repeat center /cover #FFF;}
.step_list .en {letter-spacing: -0.08rem;}

/* SEC02 */
.sec02_box{padding: 50px 0 70px;background: url('../images/pc_sec02_bg.png') no-repeat center /cover;}
.sec02_point dl .tt{margin-bottom: 20px;}

/* SEC03 */


/* SEC04 */
.sec04_list{display: grid;}
.sec04_list li{background-color: #FFF;border-radius: 16px;padding: 33px 15px 58px;}
.sec04_list li .tt{margin-bottom: 23px;text-align: center;}
.sec04_list li .img{margin-bottom: 10px;}
.sec04_list li .des{padding: 0 2px 0 5px;font-weight: bold;}
.sec04_list li .des:not(:last-child){margin-bottom: 33px;}


/* sec06 */
.sec06{position: relative;z-index: 2;}


/* SEC08 */
.sec08_list{display: flex; justify-content: center; align-items: center;flex-wrap: wrap;}
.sec08_list li .tt{margin-bottom: 0;position: relative;color: #FFF;font-weight: 900;display: flex;justify-content: center;align-items: center;text-align: center;background: var(--org);border-radius: 999px;}


/* SEC09 */
.sec09_frame{position: relative; z-index: 2;}
.sec09_frame::after{content: ""; position: absolute;width: calc(100% + 6px);left: -3px;top: -2px; height: calc(100% + 5px);border-radius: 3px; z-index:-2;background-color: #e1eaff; opacity: 0.76;}
.sec09_frame .tt{margin-bottom: 25px;}
.sec09_frame p{letter-spacing: 0.07rem;}
.sec09_frame_box{position: relative; z-index: 2;background-color: #FFF;padding: 58px 50px 50px 55px;}

/* SEC10 */


.step_list dl dt{text-align: center;margin-bottom: 9px;}
.step_list dl dd{margin: 0 15px 10px;border: 3px solid #dfeef8;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;background-color: #FFF;}
.step_list dl dd .sm{font-size: 15px;margin-top: 8px;display: inline-block;}
.step_list dl dd > p{font-weight: 800;font-size: 22px;line-height: 1.4;letter-spacing: 0;}
.step_list dl dd > p:not(:last-child){margin-bottom: 15px;}


/* SEC11 */
.sec11_outer{background: url('../images/pc_sec11_bg.png') center top /cover no-repeat;padding: 49px 0 74px;}
.sec10_box::after{left: 0;bottom: 0;background: url('../images/sec01_af.png') no-repeat center /cover;width: 840px;height: 480px; }
.sec11_content{background: #FFF;padding: 21px 14px 22px 14px;}
.sec11_content .title{background: var(--blue);color: #fff;text-align: center;padding: 16px 25px 16px 16px;font-size: 22px;margin-bottom: 29px;font-weight: 600;}
.sec11_content .price{width: 377px;margin:0 auto;font-size: 18px;line-height: 1.75em;font-weight: 600;}
.sec11_content .price .big{font-weight: 800;display: block;margin-bottom: 15px;text-align: center;}
.sec11_content .price .big span{font-size: 102%;}
.sec11_content .sec11_box{background: var(--bg1);position: relative;padding: 4px 6px 7px;margin: 38px 0 0;}
.sec11_content .sec11_box dl{padding: 13px 32px 13px;}
.sec11_content .sec11_box dl:not(:last-child){border-bottom: 2px solid #cee1eb;}
.sec11_content .sec11_box dl dt{font-size: 22px;font-weight: 900;color: var(--blue);position: relative;padding-left: 24px;}
.sec11_content .sec11_box dl dt::before{content: "";position: absolute;width: 15px;height: 8px;background-color: var(--org);left: 0;top: 19px;}
.sec11_content .sec11_box dl dd{font-weight: bold;}
/* SEC12 */
.sec12{padding: 50px 0 14px;}
.sec12 .faq_list{margin-top: 30px;}
.sec12 .faq_list dl:not(:last-child){margin-bottom: 11px;}
.sec12 .faq_list dt,.sec12 .faq_list dd{padding: 35px 20px 40px 23px;display: flex;align-items: center;letter-spacing: 0;min-height: 138px;}
.sec12 .faq_list dt{background: var(--bg1);position: relative;font-size: 22px;line-height: 1.6em;letter-spacing: -0.02em;font-weight: 800;}
.sec12 .faq_list dd{position: relative;font-weight: 500;}
.sec12 .faq_list dt::before,
.sec12 .faq_list dd::before{background: url('../images/ic_q.png') center /cover no-repeat;width: 38px;height: 48px;top: 0;left: 0;content: '';display: inline-block;flex-shrink: 0;margin-right: 20px;position: relative;}
.sec12 .faq_list dd::before{background: url('../images/ic_a.png') center /cover no-repeat;top: -7px;}

/* SEC13 */
.sec13{padding: 50px 0 72px;background-color: var(--bg1);}
.sec13 h3{position: relative;z-index: 2;}
.sec13_content{border:5px solid #e8eaf2;padding: 45px 42px 40px;position: relative;z-index: 0;background-color: #FFF;margin-top: 40px;}
.sec13_content table th{background: #e8eaf2;font-size: 22px;font-weight: 700;width: 171px;padding:9px 10px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.sec13_content table td{padding: 10px 30px;font-size: 18px;}
.sec13_content table th,
.sec13_content table td{border-left: none;border-right: none;border-bottom: 2px solid #e8eaf2;border-top:none;}
.sec13_content table td{width: 100%;font-weight: 600;}
.sec13_content table td img{margin: 20px 0 26px;}
.sec13_content table td p{font-size: 17px;padding: 11px 0 19px;font-weight: 600;}
.sec13_content table tr:last-child td{border-bottom: 0;}

/* SEC14 */
.sec14_content{display: flex;justify-content: space-between;padding-top: 0;margin-bottom: 35px;}



/*==========================================================================*/
/*                               ICON                                       */
/*==========================================================================*/
.c-button.is-white::after,
.c-button-social>a.is-white::after{content: '';background: url('../images/ic_next_b.png') center /cover no-repeat;width: 8px;height: 13px;}
.c-button.is-white:hover::after,
.c-button-social>a.is-white:hover::after{content: '';background: url('../images/ic_next_w.png') center /cover no-repeat;}
.l-header-variable__submenu li a::before{content: '';background: url('../images/ic_next_g.png') center /cover no-repeat;width: 5px;height: 8px;display: inline-block;}
.l-header-variable__submenu li a.is-primary::before{background: url('../images/ic_next_b.png') center /cover no-repeat;}

.l-fixed__cta{position: fixed; z-index: 999;bottom: 0;left: 0; width: 100%;transition: all 0.3s;transform: translateY(20vw);opacity: 0;}
.l-fixed__cta.show{transform: translateY(0); opacity: 1;}
.l-fixed__cta ul{display: flex; justify-content: space-between; align-items: center;}
.l-fixed__cta ul li a{display: block;}