@charset "UTF-8";
/*--------------------------------------------------------------
Foundation
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700&family=Oswald:wght@400;500;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, button, input, textarea, select, i {
		border: 0;
		font-style: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		font-family: inherit;
		letter-spacing: inherit;
		color: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		line-height: 1.5;
}
html {
		font-size: 62.5%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}
*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
body {
		font-size: 1.6rem;
		line-height: 1.5;
		background: #F6F3F3;
		color: #000;
		overflow-x: hidden;
		overflow-y: scroll;
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
}
ul, li {
		list-style: none;
}
table {
		border-collapse: collapse;
		width: 100%;
}
a:hover, a:active, a:focus {
		outline: 0;
}
a {
		backface-visibility: hidden;
		transition: .2s ease-in;
		transition-property: opacity, color, border, background, transform, box-shadow;
		opacity: 1;
		line-height: inherit;
}
img {
		vertical-align: middle;
}
img, input[type="image"] {
		border: 0;
		height: auto;
		max-width: 100%;
}
input[type="submit"], input[type="button"], button {
		cursor: pointer;
		-webkit-appearance: none;
		border-radius: 0;
		font-size: inherit;
		letter-spacing: inherit;
		background: none;
}
strong {
		font-weight: bold;
}
a {
		text-decoration: none;
}
a:hover, input[type="image"]:hover {
		opacity: 0.7;
}
p {
		line-height: inherit;
}
p * {
		line-height: inherit;
}
main {
		overflow: hidden;
}
footer {
		background-color: #fff;
}
.m_ft {
		font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ft_e {
		font-family: "Oswald", sans-serif;
}
/*--------------------------------------------------------------
Component
--------------------------------------------------------------*/
.evt {
		visibility: hidden;
}
.c_anchor {
		position: absolute;
		width: 100%;
		left: 0;
		margin-top: -14rem;
}
@media screen and (max-width: 767px) {
		.c_anchor {
				margin-top: -8rem;
		}
}
.c_btn a {
		display: inline-block;
		background: #F26D08;
		color: #fff;
		font-weight: bold;
		font-size: 6rem;
		border-radius: 3em;
		line-height: 13.4rem;
		width: 58.3rem;
		text-align: center;
		position: relative;
		max-width: 100%;
}
@media screen and (max-width: 767px) {
		.c_btn a {
				width: 30.2rem;
				font-size: 2.4rem;
				line-height: 6.2rem;
		}
}
.c_btn a:before {
		content: '';
		background: url(../img/ico_mail.png) no-repeat 50%/contain;
		width: 1.7666em;
		height: 1.7666em;
		display: inline-block;
		vertical-align: -.56em;
		margin-right: .3em;
}
.c_btn a:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1.4rem);
		height: calc(100% - 1.4rem);
		border: solid .3rem #fff;
		border-radius: 3em;
}
@media screen and (max-width: 767px) {
		.c_btn a:after {
				width: calc(100% - .9rem);
				height: calc(100% - .9rem);
				border-width: .2rem;
		}
}
.c_ttl {
		text-align: center;
		font-size: 5.2rem;
		font-weight: bold;
		line-height: 1.3;
}
@media screen and (max-width: 767px) {
		.c_ttl {
				font-size: 2.8rem;
		}
}
.c_ttl em {
		background: linear-gradient(transparent 60%, #FFD900 60%);
		line-height: inherit;
}
/*--------------------------------------------------------------
Utility
--------------------------------------------------------------*/
.u_wrap {
		overflow: hidden;
}
@media screen and (min-width: 768px) {
		.u_inner {
				width: 155rem;
				max-width: calc(100% - 4rem);
				margin: 0 auto;
		}
}
@media screen and (max-width: 767px) {
		.u_inner {
				margin: 0 2.5rem;
		}
}
html {
		font-size: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
		html {
				font-size: calc(100vw * 10 / 1920);
		}
}
@media screen and (max-width: 767px) {
		html {
				font-size: calc(100vw * 10 / 375);
		}
}
.u_clearfix:after, .u_clearfix > li:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
}
* html .u_clearfix, * html .u_clearfix > li {
		zoom: 1;
}
* + html .u_clearfix, * + html .u_clearfix li {
		zoom: 1;
}
.u_switch_img {
		opacity: 1;
}
.u_relative {
		position: relative;
}
@media screen and (min-width: 768px) {
		.u_visible_sp {
				display: none;
		}
		.u_tel {
				pointer-events: none;
				cursor: default;
		}
		.u_tel:hover {
				opacity: 1;
		}
}
@media screen and (max-width: 767px) {
		.u_visible_pc {
				display: none;
		}
}
/*--------------------------------------------------------------
Layout/PageBase
--------------------------------------------------------------*/
#footer {
		border-top: solid 1px #CCCCCC;
		padding: 10rem 0;
		position: relative;
}
@media screen and (max-width: 767px) {
		#footer {
				padding: 3.6rem 0;
		}
}
.f_link li {
		font-size: 2rem;
}
@media screen and (max-width: 767px) {
		.f_link li {
				font-size: 1.4rem;
				margin-bottom: 1.3em;
		}
}
@media screen and (min-width: 768px) {
		.f_link {
				display: flex;
				justify-content: flex-end;
				gap: 6rem;
				margin-right: 30rem;
		}
}
.f_copy {
		font-size: 1.2rem;
		margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
		.f_copy {
				font-size: 1.6rem;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 0;
				margin: 0;
		}
}
/*--------------------------------------------------------------
Project
--------------------------------------------------------------*/
.lp_bg {
		background: #F6F3F3;
}
@media screen and (max-width: 767px) {
		.lp_main {
				position: absolute;
				z-index: 10;
		}
}
.lp_main .mv {
		width: 100%;
		clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 19.5rem), 0% 100%);
}
@media screen and (max-width: 767px) {
		.lp_main .mv {
				clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 8rem), 0% 100%);
				z-index: -1;
		}
}
@media screen and (min-width: 768px) {
		.lp_main .box {
				position: absolute;
				top: 13.1rem;
				left: calc(50% - 80.3rem);
				z-index: 1;
		}
}
@media screen and (max-width: 767px) {
		.lp_main .box {
				margin: 28.8rem 1.6rem 0;
				position: relative;
				text-align: center;
		}
}
@media screen and (min-width: 768px) {
		.lp_main .ttl {
				margin-left: -2.6rem;
		}
}
.lp_main .ttl img {
		width: 99.8rem;
}
.lp_main .catch {
		background: #F22E08;
		color: #fff;
		text-align: right;
		position: relative;
		padding-right: 1em;
		width: 68rem;
		font-size: 4rem;
		line-height: 10.2rem;
		border-radius: .3666em;
		margin: 3rem 0 10rem;
}
@media screen and (max-width: 767px) {
		.lp_main .catch {
				width: 30.2rem;
				margin: 5.4rem auto 2.3rem;
				line-height: 6.2rem;
				font-size: 2.2rem;
				border-radius: 3em;
		}
}
.lp_main .catch em {
		color: #FFD900;
}
.lp_main .catch img {
		position: absolute;
		width: 10.6rem;
		left: .725em;
		top: -.725em;
}
@media screen and (max-width: 767px) {
		.lp_main .catch img {
				top: -5.4rem;
				left: 1.2rem;
				width: 7rem;
		}
}
@media screen and (min-width: 768px) {
		.lp_main .mv {
				height: 94.3rem;
				object-fit: cover;
		}
}
.lp_lead {
		padding: 6rem 0 13.5rem;
		position: relative;
}
@media screen and (max-width: 767px) {
		.lp_lead {
				padding: 65.7rem 0 47px;
		}
}
.lp_lead:before {
		content: '';
		position: absolute;
		width: 100%;
		background: url(../img/arrow03.png) no-repeat 50%/contain;
		height: 8.7rem;
		bottom: -5.1rem;
}
@media screen and (max-width: 767px) {
		.lp_lead:before {
				height: 3.2rem;
				bottom: -2rem;
		}
}
.lp_lead figure {
		margin-left: 5.6rem;
		margin-bottom: 7.8rem;
}
@media screen and (max-width: 767px) {
		.lp_lead figure {
				margin-left: 2.28rem;
				margin-bottom: 8.6rem;
		}
}
.lp_lead figure img {
		width: 142.7rem;
}
.lp_lead .ttl {
		position: relative;
		padding-left: .6rem;
}
@media screen and (max-width: 767px) {
		.lp_lead .ttl {
				padding-left: 0;
				margin-bottom: 3.3rem;
		}
}
.lp_lead .ttl span {
		position: absolute;
		bottom: .2rem;
		right: 0;
		background: url(../img/fukidashi01.svg) no-repeat 50%/contain;
		width: 137.6rem;
		height: 15.7rem;
		font-size: 4.6rem;
		line-height: 1.217;
		color: #0FB8CF;
		font-weight: bold;
		padding: .55em 3.8em;
}
@media screen and (max-width: 767px) {
		.lp_lead .ttl span {
				font-size: 1.6rem;
				line-height: 1.375;
				background-image: url(../img/fukidashi01_sp.svg);
				width: 23.3rem;
				height: 9.5rem;
				bottom: auto;
				padding: 1em 0 0 2.7em;
		}
}
.lp_lead .ttl img {
		width: 32.2rem;
		position: relative;
		z-index: 1;
}
@media screen and (max-width: 767px) {
		.lp_lead .ttl img {
				margin-left: -1.4rem;
				width: 18.9rem;
		}
}
@media screen and (min-width: 768px) {
		.lp_lead .list {
				margin-left: 4.1rem;
		}
}
.lp_lead dl {
		margin-top: 4.7rem;
}
@media screen and (max-width: 767px) {
		.lp_lead dl {
				margin-top: 2.9rem;
		}
}
.lp_lead dt {
		display: flex;
		align-items: flex-end;
}
@media screen and (max-width: 767px) {
		.lp_lead dt {
				margin-bottom: 6.2rem;
		}
}
.lp_lead dt img {
		width: 17rem;
}
@media screen and (max-width: 767px) {
		.lp_lead dt img {
				width: 8.8rem;
		}
}
.lp_lead dt span {
		background: url(../img/fukidashi02.png) no-repeat 50%/contain;
		width: 37.3rem;
		height: 16.1rem;
		display: flex;
		align-items: center;
		font-size: 2.8rem;
		padding-left: 2em;
		margin-left: -2.7rem;
		margin-bottom: -1.5rem;
}
@media screen and (max-width: 767px) {
		.lp_lead dt span {
				font-size: 1.4rem;
				width: 20.8rem;
				height: 9.4rem;
				background-image: url(../img/fukidashi02_sp.png);
				margin-bottom: 2rem;
				margin-left: -1.5rem;
				padding-left: 2.6em;
		}
}
.lp_lead dd {
		background: #fff;
		padding: 2rem 2.7rem;
		border-radius: 2.6rem;
}
@media screen and (max-width: 767px) {
		.lp_lead dd {
				padding: 1.8rem 2rem 2.6rem;
				position: relative;
		}
}
.lp_lead dd img {
		width: 17rem;
}
@media screen and (max-width: 767px) {
		.lp_lead dd img {
				width: 9.1rem;
				position: absolute;
				top: -4.1rem;
				left: 0;
		}
}
.lp_lead dd p {
		font-size: 2.8rem;
		line-height: 1.42;
}
@media screen and (max-width: 767px) {
		.lp_lead dd p {
				font-size: 1.6rem;
				line-height: 1.375;
		}
		.lp_lead dd p br {
				display: none;
		}
}
.lp_lead dd p b {
		display: block;
		font-size: 2.6rem;
		margin-bottom: .6em;
}
@media screen and (max-width: 767px) {
		.lp_lead dd p b {
				font-size: 1.4rem;
				margin-bottom: 2.6rem;
				margin-left: 9.4rem;
		}
}
@media screen and (min-width: 768px) {
		.lp_lead dd p small {
				font-size: .77em;
		}
}
@media screen and (min-width: 768px) {
		.lp_lead dl {
				display: flex;
				justify-content: space-between;
				align-items: center;
		}
		.lp_lead dt {
				width: 51.7rem;
		}
		.lp_lead dd {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: calc(100% - 55.3rem);
		}
		.lp_lead dd p {
				width: calc(100% - 19rem);
		}
}
.lp_about {
		text-align: center;
		padding: 10rem 0 8.5rem;
		background-color: #fff;
}
@media screen and (max-width: 767px) {
		.lp_about {
				padding: 4rem 0 6.5rem;
		}
}
.lp_about .catch {
		font-size: 5.6rem;
		font-weight: bold;
		color: #0FB8CF;
		line-height: 1.35;
		margin-bottom: .8em;
}
@media screen and (max-width: 767px) {
		.lp_about .catch {
				font-size: 2.8rem;
				margin-bottom: .3em;
		}
}
.lp_about .c_ttl {
		margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
		.lp_about .c_ttl {
				font-size: 2rem;
				white-space: nowrap;
				line-height: 1.6;
		}
}
.lp_about .lead {
		font-size: 3rem;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.lp_about .lead {
				font-size: 1.6rem;
		}
}
.lp_about .lead small, .u_inner .note {
		display: block;
		text-align: center;
		font-size: 13px;
		margin-top: 15px;
}
.lp_about .img {
		margin: 2.2rem 0 7.8rem;
}
@media screen and (max-width: 767px) {
		.lp_about .img {
				margin: 1.8rem 0 4rem;
		}
}
.lp_about .img img {
		width: 83.5rem;
		border: none;
}
@media screen and (max-width: 767px) {
		.lp_about .img img {
				width: 30.2rem;
		}
}
.lp_about .more {
		font-size: 5rem;
		font-weight: bold;
		margin: 3.5rem 0 4.8rem;
}
@media screen and (max-width: 767px) {
		.lp_about .more {
				margin: 3.5rem 0 3.2rem;
				font-size: 2.2rem;
		}
}
.lp_about .more img {
		display: block;
		margin: .2em auto 0;
		width: 2.98em;
}
.lp_about .free {
		font-size: 3.2rem;
		font-weight: bold;
		margin-bottom: 6.5rem;
}
@media screen and (max-width: 767px) {
		.lp_about .free {
				font-size: 2.4rem;
				margin-bottom: 7.5rem;
		}
}
.lp_about .free b {
		font-size: 1.0625em;
		margin-bottom: 1.1em;
		display: inline-block;
}
@media screen and (max-width: 767px) {
		.lp_about .free b {
				font-size: inherit;
				display: inline;
		}
}
.lp_about .free img {
		width: 7.75em;
		margin: 0 .1em;
}
@media screen and (max-width: 767px) {
		.lp_about .free img {
				width: 19.9rem;
				vertical-align: -1.1em;
				margin: .5em 0;
		}
}
.lp_about .free em {
		background: linear-gradient(transparent 60%, #FFD900 60%);
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.lp_about .free em {
				display: inline-block;
				margin-top: .5em;
		}
		.lp_about .free em + em {
				margin: 0;
		}
}
.lp_about dl {
		text-align: left;
}
.lp_about dt {
		font-weight: bold;
		font-size: 2.6rem;
		margin-bottom: .7em;
}
@media screen and (max-width: 767px) {
		.lp_about dt {
				font-size: 2rem;
				margin: .5em 0 .4em;
		}
}
.lp_about dd {
		font-size: 2rem;
}
@media screen and (max-width: 767px) {
		.lp_about dd {
				font-size: 1.6rem;
		}
}
.lp_about dd em {
		color: #F22E08;
}
.lp_about figure img {
		border: solid 1px #A9A9A9;
		width: 100%;
}
@media screen and (max-width: 767px) {
		.lp_about ul {
				margin: 0 2.7rem;
		}
		.lp_about li {
				margin-top: 3.5rem;
		}
}
@media screen and (min-width: 768px) {
		.lp_about .u_inner {
				width: 150rem;
		}
		.lp_about ul {
				display: flex;
				flex-wrap: wrap;
				gap: 7.3rem 010rem;
		}
		.lp_about li {
				width: calc(50% - 5rem);
				display: flex;
				justify-content: space-between;
		}
		.lp_about li figure {
				width: 32.2rem;
		}
		.lp_about li dl {
				width: calc(100% - 34.8rem);
		}
}
.c_banner {
		border: solid .3rem #000;
		border-radius: 2.6rem;
		background: #fff;
		padding: 5rem;
		text-align: center;
		font-weight: bold;
}
@media screen and (max-width: 767px) {
		.c_banner {
				border-width: .2rem;
				padding: 3.6rem 1.2rem;
		}
}
@media screen and (min-width: 768px) {
		.c_banner {
				width: 140.4rem;
				margin: 0 auto;
		}
}
.c_banner .txt1 {
		font-size: 4.2rem;
}
@media screen and (max-width: 767px) {
		.c_banner .txt1 {
				font-size: 2.2rem;
		}
}
.c_banner .txt1 i {
		background: #0FB8CF;
		color: #fff;
		font-size: 1.095em;
		border-radius: 3em;
		padding: .2em 0;
		width: 7em;
		display: inline-block;
		vertical-align: .3em;
		margin-right: .1em;
}
@media screen and (max-width: 767px) {
		.c_banner .txt1 i {
				font-size: 1.8rem;
				display: block;
				margin: 0 auto 1rem;
				width: 7.5em;
				padding: .3em 0;
		}
}
.c_banner .txt1 small {
		font-size: .6956em;
}
@media screen and (max-width: 767px) {
		.c_banner .txt1 small {
				font-size: 1.4rem;
		}
}
.c_banner .txt1 b {
		color: #F26D08;
		font-size: 2.8em;
		line-height: 1;
		vertical-align: -.1em;
}
.c_banner .txt1 sub {
		font-size: .57em;
		position: absolute;
		margin-left: -.5em;
		margin-top: .4em;
}
.c_banner .txt1 em {
		font-size: 1.5238em;
		margin-left: .05em;
}
.c_banner .txt2 {
		font-size: 6.4rem;
}
@media screen and (max-width: 767px) {
		.c_banner .txt2 {
				font-size: 2.4rem;
		}
}
.c_banner .txt3 {
		font-size: 4.8rem;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.c_banner .txt3 {
				font-size: 2rem;
		}
}
.c_banner .txt4 {
		font-size: 4.2rem;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.c_banner .txt4 {
				font-size: 2.4rem;
				margin-top: .6em;
		}
}
.c_banner .txt4 i {
		font-size: 1.619em;
}
@media screen and (max-width: 767px) {
		.c_banner .txt4 i {
				font-size: 4.3rem;
		}
}
.c_banner .c_btn {
		margin: 6.5rem 0;
}
@media screen and (max-width: 767px) {
		.c_banner .c_btn {
				margin: 2.8rem 0;
		}
}
.lp_reason {
		background: #EDFBFD;
		padding: 10rem 0 12.5rem;
}
@media screen and (max-width: 767px) {
		.lp_reason {
				padding: 3.5rem 0 4.5rem;
		}
		.lp_reason .c_ttl {
				font-size: 2.4rem;
				line-height: 1.41;
		}
}
.lp_reason dt {
		font-size: 3.8rem;
		font-weight: bold;
		color: #0FB8CF;
		line-height: 1.31;
		white-space: nowrap;
		margin-bottom: 1.3rem;
}
@media screen and (max-width: 767px) {
		.lp_reason dt {
				font-size: 2.2rem;
				position: relative;
				padding-top: 1.5rem;
		}
}
.lp_reason dt i {
		font-size: 5.3rem;
		font-weight: 400;
		background: #0FB8CF;
		text-align: center;
		border-radius: 50%;
		color: #fff;
		width: 1.886em;
		line-height: 1.886;
		display: inline-block;
}
@media screen and (max-width: 767px) {
		.lp_reason dt i {
				font-size: 2.7rem;
				position: absolute;
				top: 0;
				left: 0;
		}
}
.lp_reason dt img {
		display: block;
		margin: 4rem auto 8rem;
		width: auto;
		height: 20rem;
}
@media screen and (max-width: 767px) {
		.lp_reason dt img {
				height: 12.3rem;
				margin: 0 auto 1.8rem;
		}
}
.lp_reason dd {
		font-size: 2.8rem;
		text-align: justify;
}
@media screen and (max-width: 767px) {
		.lp_reason dd {
				font-size: 1.6rem;
		}
}
.lp_reason .list {
		margin-top: 10rem;
}
@media screen and (max-width: 767px) {
		.lp_reason .list {
				margin: 3.6rem 2rem 0;
		}
}
.lp_reason .list dl:nth-child(3) dt {
		text-align: left;
}
.lp_reason .list dl:nth-child(3) dt .center {
		display: block;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.lp_reason .list dl + dl {
				margin-top: 7.5rem;
		}
		.lp_reason .list dl:nth-child(3) dt {
				padding-top: 3.5rem;
		}
}
@media screen and (min-width: 768px) {
		.lp_reason .list {
				display: flex;
				gap: 4rem;
		}
		.lp_reason .list dt {
				height: 13.9em;
		}
		.lp_reason .list dl {
				width: 33.33%;
		}
}
@media screen and (min-width: 768px) {
		.lp_reason .u_inner {
				width: 157rem;
		}
}
.lp_banner {
		background: #F5F5F5;
		padding: 14.5rem 0;
}
@media screen and (max-width: 767px) {
		.lp_banner {
				padding: 5rem 0;
		}
}
.lp_flow {
		padding: 11.5rem 0 14rem;
		background-color: #fff;
}
@media screen and (max-width: 767px) {
		.lp_flow {
				padding: 5rem 0 4.2rem;
		}
}
.lp_flow dt {
		text-align: center;
		color: #0FB8CF;
		font-size: 3.2rem;
		font-weight: bold;
		margin-bottom: .4em;
}
@media screen and (max-width: 767px) {
		.lp_flow dt {
				font-size: 2.2rem;
		}
}
.lp_flow dt i {
		display: block;
		margin: 0 auto .4em;
		border: solid 2px #0FB8CF;
		width: 4.92em;
		height: 4.92em;
		font-size: 2.6rem;
		border-radius: 50%;
		font-weight: 400;
		padding-top: .4em;
		background: #fff;
}
@media screen and (max-width: 767px) {
		.lp_flow dt i {
				font-size: 1.8rem;
		}
}
.lp_flow dt em {
		display: block;
		font-size: 2.038em;
		line-height: 1;
}
.lp_flow dd {
		font-size: 2.4rem;
		line-height: 1.58;
}
@media screen and (max-width: 767px) {
		.lp_flow dd {
				font-size: 1.6rem;
		}
}
.lp_flow dl:nth-child(3) dt i {
		background: #0FB8CF;
		color: #fff;
}
@media screen and (max-width: 767px) {
		.lp_flow dl + dl {
				position: relative;
				margin-top: 6rem;
		}
		.lp_flow dl + dl:before {
				content: '';
				width: 2px;
				background: #0FB8CF;
				height: 5.2rem;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				top: -5.2rem;
		}
}
.lp_flow .list {
		margin: 3rem 2rem 6.5rem;
}
@media screen and (min-width: 768px) {
		.lp_flow .list {
				position: relative;
				margin: 8.2rem 0 12.5rem;
				display: flex;
				gap: 6rem;
		}
		.lp_flow .list:before {
				content: '';
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				width: 99.5rem;
				height: 2px;
				background: #0FB8CF;
				top: 6.4rem;
				z-index: -1;
		}
		.lp_flow .list dl {
				width: 33.33%;
		}
}
.lp_flow .list .u_inner {
		width: 140rem;
}
.lp_flow .box {
		background: #DEF4F7;
		border-radius: 2.6rem;
		padding: 7rem 7.5rem 6.8rem;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.lp_flow .box {
				border-radius: 1.8rem;
				padding: 3.5rem 2.3rem;
		}
}
.lp_flow .box p {
		font-size: 2.8rem;
		margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
		.lp_flow .box p {
				font-size: 1.6rem;
				white-space: nowrap;
				margin-bottom: 2.2rem;
		}
}
.lp_flow .box p em {
		color: #F22E08;
}
.lp_flow .ttl {
		font-weight: bold;
		font-size: 4.2rem;
		margin-bottom: .8em;
}
@media screen and (max-width: 767px) {
		.lp_flow .ttl {
				font-size: 2.2rem;
		}
}
.lp_flow .bg {
		background: #fff;
		border-radius: 2.6rem;
		padding: 4rem 4rem 5.5rem;
}
@media screen and (max-width: 767px) {
		.lp_flow .bg {
				border-radius: 1.8rem;
				padding: 2.5rem 1.2rem;
		}
}
.lp_flow .bg ul {
		display: inline-block;
}
.lp_flow .bg li {
		text-align: left;
		line-height: 1.33;
		font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
		.lp_flow .bg li {
				font-size: 1.8rem;
				margin-left: 1.2em;
				text-indent: -1.2em;
		}
}
.lp_flow .bg li + li {
		margin-top: 1em;
}
@media screen and (max-width: 767px) {
		.lp_flow .bg li + li {
				margin-top: .6em;
		}
}
.lp_flow .bg li em {
		color: #F22E08;
}

.lp_faq {
		padding-bottom: 24rem;
		background-color: #fff;
}
@media screen and (max-width: 767px) {
		.lp_faq {
				padding-bottom: 10.5rem;
		}
}
.lp_faq dl {
		padding: 5rem 0 22rem;
}
@media screen and (max-width: 767px) {
		.lp_faq dl {
				padding: 2rem 0 6rem;
		}
}
.lp_faq dt {
		font-size: 2.6rem;
		position: relative;
		border-bottom: solid 1px #CBCBCB;
		padding: 1em 2em;
		cursor: pointer;
}
@media screen and (max-width: 767px) {
		.lp_faq dt {
				font-size: 1.6rem;
		}
}
.lp_faq dt:last-of-type {
		border-bottom: none;
}
.lp_faq dt:before {
		content: 'Q';
		color: #0FB8CF;
		font-size: 3.6rem;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: .5em;
}
@media screen and (max-width: 767px) {
		.lp_faq dt:before {
				font-size: 2rem;
		}
}
.lp_faq dt:after {
		content: '＋';
		right: 1.5em;
		position: absolute;
}
@media screen and (max-width: 767px) {
		.lp_faq dt:after {
				right: 0;
				top: 1em;
		}
}
.lp_faq dt.open {
		border-bottom: none;
}
.lp_faq dt.open:after {
		content: '−';
}
.lp_faq dt.open + dd {
		display: block;
}
.lp_faq dd {
		display: none;
		padding: 0 1em 1em 2.2em;
		font-size: 2.4rem;
		border-bottom: solid 1px #CBCBCB;
}
@media screen and (max-width: 767px) {
		.lp_faq dd {
				font-size: 1.4rem;
		}
}
.lp_faq dd:last-of-type {
		border-bottom: none;
}
@media screen and (min-width: 768px) {
		.lp_faq .u_inner {
				width: 115rem;
		}
}
.lp_faq .bnr {
		text-align: center;
}
.lp_faq .bnr img {
		width: 87rem;
}
/*# sourceMappingURL=style.css.map */