@charset "UTF-8";

/*---------- 既存アカウント改善 ----------*/

.lai-page {
color:#14252d;
background:#fff;
font-size:16px;
line-height:1.8;
}
.lai-page * {box-sizing:border-box;}
.lai-page img {max-width:100%;height:auto;vertical-align:bottom;}
.lai-page h2,
.lai-page h3,
.lai-page p {margin-top:0;}
.lai-page__inner {
width:calc(100% - 40px);
max-width:1120px;
margin:0 auto;
}
.lai-page__sp_only {display:none;}
.lai-page__section_label {
margin:0 0 14px 0;
font-size:14px;
font-weight:700;
letter-spacing:.08em;
color:#008c8f;
text-align:center;
}
.lai-page section > .lai-page__inner > h2 {
margin:0 0 22px 0;
font-size:36px;
line-height:1.45;
text-align:center;
letter-spacing:.02em;
}
.lai-page__section_lead {
max-width:820px;
margin:0 auto 42px auto;
text-align:center;
line-height:2;
}

/*---------- ファーストビュー ----------*/

.lai-page__hero {
padding:72px 0 82px 0;
background:linear-gradient(180deg,#f3f9f8 0%,#fff 100%);
}
.lai-page__hero_box {
display:flex;
align-items:center;
justify-content:space-between;
gap:56px;
}
.lai-page__hero_content {width:47%;}
.lai-page__hero_pict {width:48%;}
.lai-page__hero_label {
display:inline-block;
margin:0 0 20px 0;
padding:6px 14px;
font-size:14px;
font-weight:700;
color:#007f83;
background:#e3f2f1;
border-radius:3px;
}
.lai-page__hero h2 {
margin:0 0 24px 0;
font-size:46px;
line-height:1.4;
letter-spacing:.03em;
}
.lai-page__hero_txt {
margin:0 0 26px 0;
font-size:16px;
line-height:2;
}
.lai-page__hero_price {
display:flex;
align-items:center;
gap:18px;
margin:0 0 28px 0;
padding:14px 18px;
border-left:4px solid #00979c;
background:#fff;
}
.lai-page__hero_price span {font-size:14px;color:#607078;}
.lai-page__hero_price strong {font-size:22px;color:#007f83;}
.lai-page__btn_group {max-width:390px;}

/*---------- ボタン ----------*/

.lai-page__btn {
display:flex;
align-items:center;
justify-content:center;
min-height:58px;
padding:14px 22px;
border-radius:4px;
font-size:16px;
font-weight:700;
line-height:1.5;
text-decoration:none!important;
transition:opacity .3s;
}
.lai-page__btn:hover {opacity:.8;}
.lai-page__btn span {margin-left:14px;}
.lai-page a.lai-page__btn_primary,
.lai-page a.lai-page__btn_primary:link,
.lai-page a.lai-page__btn_primary:visited {
color:#fff;
background:#007f83;
border:1px solid #007f83;
}
.lai-page a.lai-page__btn_secondary,
.lai-page a.lai-page__btn_secondary:link,
.lai-page a.lai-page__btn_secondary:visited {
color:#007f83;
background:#fff;
border:1px solid #007f83;
}

/*---------- お悩み ----------*/

.lai-page__trouble {padding:86px 0;}
.lai-page__trouble_box {
display:flex;
gap:24px;
margin-top:42px;
}
.lai-page__trouble_item {
flex:1;
min-height:190px;
padding:30px 28px;
background:#f6f9f9;
border-top:3px solid #00979c;
}
.lai-page__trouble_num {
margin:0 0 16px 0;
font-size:14px;
font-weight:700;
letter-spacing:.12em;
color:#00979c;
}
.lai-page__trouble_item h3 {
margin:0;
font-size:20px;
line-height:1.7;
}

/*---------- 改善方針 ----------*/

.lai-page__policy {
padding:86px 0;
background:#f4f8f8;
}
.lai-page__policy_box {
display:flex;
gap:28px;
max-width:960px;
margin:0 auto;
}
.lai-page__policy_item {
flex:1;
padding:34px 34px 36px 34px;
background:#fff;
border:1px solid #cbdede;
}
.lai-page__policy_memo {
margin:0 0 13px 0;
font-size:14px;
font-weight:700;
color:#64767a;
}
.lai-page__policy_item h3 {
margin:0 0 16px 0;
padding:0 0 14px 0;
font-size:27px;
line-height:1.4;
color:#007f83;
border-bottom:1px solid #d9e4e4;
}
.lai-page__policy_item p {margin:0;line-height:1.9;}

/*---------- 料金 ----------*/

.lai-page__price {
padding:86px 0;
text-align:center;
}
.lai-page__price_lead {
max-width:760px;
margin:0 auto 28px auto;
font-size:17px;
line-height:2;
}
.lai-page__price_note {
max-width:820px;
margin:0 auto;
padding:22px 28px;
background:#f6f9f9;
font-size:14px;
line-height:1.9;
text-align:left;
}

/*---------- ご相談から提案まで ----------*/

.lai-page__flow {
padding:86px 0;
background:#f4f8f8;
}
.lai-page__flow_box {
display:flex;
align-items:stretch;
margin-top:46px;
}
.lai-page__flow_item {
flex:1;
padding:30px 24px;
background:#fff;
border:1px solid #cbdede;
}
.lai-page__flow_num {
margin:0 0 15px 0;
font-size:14px;
font-weight:700;
letter-spacing:.12em;
color:#00979c;
}
.lai-page__flow_item h3 {
margin:0 0 14px 0;
font-size:20px;
line-height:1.5;
}
.lai-page__flow_item p {
margin:0;
font-size:14px;
line-height:1.9;
}
.lai-page__flow_arrow {
width:54px;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
color:#00979c;
}

/*---------- 下部CTA ----------*/

.lai-page__cta {
padding:82px 0 90px 0;
text-align:center;
}
.lai-page__cta h2 {
margin-bottom:14px!important;
font-size:30px!important;
}
.lai-page__cta p {
margin:0 0 30px 0;
font-size:16px;
}
.lai-page__cta_btns {
display:flex;
justify-content:center;
gap:16px;
max-width:760px;
margin:0 auto;
}
.lai-page__cta_btns .lai-page__btn {flex:1;}

/*---------- SP ----------*/

@media screen and (max-width:768px) {
.lai-page {font-size:14px;}
.lai-page__inner {width:calc(100% - 32px);}
.lai-page__sp_only {display:block;}
.lai-page__section_label {margin-bottom:10px;font-size:12px;}
.lai-page section > .lai-page__inner > h2 {
margin-bottom:18px;
font-size:26px;
line-height:1.5;
}
.lai-page__section_lead {
margin-bottom:28px;
text-align:left;
line-height:1.9;
}

.lai-page__hero {padding:42px 0 52px 0;}
.lai-page__hero_box {
flex-direction:column;
gap:30px;
}
.lai-page__hero_content,
.lai-page__hero_pict {width:100%;}
.lai-page__hero_label {margin-bottom:14px;font-size:12px;}
.lai-page__hero h2 {margin-bottom:18px;font-size:32px;}
.lai-page__hero_txt {margin-bottom:20px;font-size:14px;line-height:1.9;}
.lai-page__hero_price {margin-bottom:22px;padding:12px 14px;}
.lai-page__hero_price strong {font-size:19px;}
.lai-page__btn_group {max-width:none;}
.lai-page__btn {min-height:54px;padding:13px 16px;font-size:14px;}

.lai-page__trouble {padding:58px 0;}
.lai-page__trouble_box {
flex-direction:column;
gap:14px;
margin-top:28px;
}
.lai-page__trouble_item {
min-height:0;
padding:22px 20px;
}
.lai-page__trouble_num {margin-bottom:9px;}
.lai-page__trouble_item h3 {font-size:18px;}

.lai-page__policy {padding:58px 0;}
.lai-page__policy_box {
flex-direction:column;
gap:16px;
}
.lai-page__policy_item {padding:24px 20px 26px 20px;}
.lai-page__policy_item h3 {font-size:23px;}

.lai-page__price {padding:58px 0;}
.lai-page__price_lead {font-size:14px;text-align:left;line-height:1.9;}
.lai-page__price_note {padding:18px 20px;font-size:13px;}

.lai-page__flow {padding:58px 0;}
.lai-page__flow_box {
flex-direction:column;
margin-top:30px;
}
.lai-page__flow_item {padding:24px 20px;}
.lai-page__flow_item h3 {font-size:18px;}
.lai-page__flow_arrow {
width:auto;
height:38px;
transform:rotate(90deg);
}

.lai-page__cta {padding:58px 0 68px 0;}
.lai-page__cta h2 {font-size:23px!important;}
.lai-page__cta_btns {
flex-direction:column;
gap:12px;
}
}