@charset "utf-8";

.txtEx {
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.PC {display: inherit;}
.SP {display: none;}

:root {
	--font-default: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic Medium", "Yu Gothic", "メイリオ", Meiryo, Osaka, "sans-serif";
	--font-Mincho:  "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	--regular: 400;
	--medium: 500;
	--bold: 700;
}

:where(html) {
	overflow: overlay;
	font-size: 62.5%; /*1rem = 10px*/
	font-size: 0.909vw; /*defaultFontsize / maxWidth * 100*/
	/*max-width: 750px;*/ /*maxWidth*/
	margin: 0 auto;
	/*scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
	/*-ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/
}
:where(html)::-webkit-scrollbar {
	width: 1.6rem;
/*  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
	:where(html)::-webkit-scrollbar-track {
	  background: transparent;
	}
	:where(html)::-webkit-scrollbar-thumb {
		background: rgba(0,0,0,0.3);
		border: 1px solid ccc;
		border-right: none;
	}
  /*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/
  @media screen and (min-width: 1100px) {
    :where(html) {
      font-size: 10px; /*defaultFontsize*/
    }
  }
:where(body) {
/*	font-family: var(--font-default);*/
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	margin: 0 auto;
	/*overflow-x: hidden;*/
/*	height: 200vh;*/
}
:where(img) {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
:where(picture) {
	display: inline-block;
	vertical-align: bottom;
}

a:where([class]) {
	display: inline-block;
	transition: opacity 0.12s;
}
	a:where([class]):hover {
		opacity: 0.8;
	}

/*--------------------
No1*/

/*--No2*/

/*No3*/

.lparea {
	color: #333;
	overflow-x: hidden;
}
[class^="lp_img"] {
	display: flex;
		justify-content: center;
}
[class^="lp_img"] .bg {
	width: 200rem;
	max-width: none;
}
[class^="lp_img"] > .box {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}


.box {
	position: absolute;
		z-index: 10;
		right: 0;
		left: 0;
}




/*--------------------
lp_img$$*/
/*--------------------
fv*/
.lp_img01 {
	position: relative;
}
.lp_img01 .box {
}
.lp_img01 .logo {
	position: absolute;
		top: 4.4rem;
		left: 0;
	width: 24.5rem;
}
.lp_img01 .tel {
	position: absolute;
		top: 2.7rem;
		right: 0;
	width: 21.1rem;
}
.lp_img01 h1 {
	position: absolute;
		top: 10.5rem;
	font-size: 5rem;
	text-align: center;
	line-height: 1.3;
}
.lp_img01 h1 mark {
	color: #d48c8c;
	font-size: 5.6rem;
	background: none;
}


	/*CV*/
.lp_img02 {
	min-height: 9rem;
}
.lp_img02 .box {
	display: flex;
		justify-content: space-between;
	width: 78rem;
}
.lp_img02 .box a {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 38rem;
	min-height: 9rem;
	color: #fff;
	font-size: 2.5rem;
	font-weight: var(--bold);
	text-decoration: none;
	border-radius: 1rem;
}
.lp_img02 .box .btn01 {background: #ce6d6d;}
.lp_img02 .box .btn02 {background: #b1b1b1;}


.lp_img03 {
	position: relative;
}
.lp_img03 h2 {
	position: absolute;
		z-index: 10;
		top: 9.7rem;
	font-size: 3rem;
	font-weight: var(--regular);
}
.lp_img03 .box {
		top: 44.2rem;
	display: flex;
		justify-content: space-between;
	width: 99.2rem;
	margin: 0 auto;
	font-size: 1.8rem;
}
	.lp_img03 .box.SP {
		display: none;
	}
.lp_img03 .box li {
	width: 24.8rem;
	text-align: center;
}


/*--------------------
lp_img04-*/
.lp_img04 {
	position: relative;
}
.lp_img04 h2 {
	position: absolute;
		z-index: 10;
		top: 4.7rem;
	color: #fff;
	font-size: 4.5rem;
}
.lp_img04 h2 mark {
	color: inherit;
	font-size: 5.5rem;
	background: none;
}
.lp_img04 .box {
		top: 17.9rem;
	display: flex;
		flex-wrap: wrap;
	width: 93.5rem;
}
.lp_img04 .box li {
	display: flex;
		align-items: center;
	width: 46rem;
	height: 12rem;
	margin-bottom: 1.5rem;
	padding-left: 6.4rem;
	font-size: 2.2rem;
	line-height: 1.81;
}
	.lp_img04 .box li:nth-child(odd) {
		margin-right: 1.5rem;
	}


.lp_img05 {
	position: relative;
}
.lp_img05 h2 {
	position: absolute;
		z-index: 10;
		top: 6.5rem;
	font-size: 4.5rem;
}
.lp_img05 h2 mark {
	color: #d48c8c;
	background: none;
}
.lp_img05 p {
	position: absolute;
		z-index: 10;
		top: 15rem;
	font-size: 1.8rem;
	line-height: 1.77;
	text-align: center;
}


.lp_img06 {
	position: relative;
}
.lp_img06 .box {
		top: 0rem;
	display: flex;
		flex-wrap: wrap;
		justify-content: center;
	width: 96rem;
}
.lp_img06 .box li {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 18rem;
	height: 18rem;
	margin-right: 1.5rem;
	margin-bottom: 2.4rem;
	padding-top: calc(18rem - 6.6rem);
	color: #fff;
	font-size: 2.2rem;
	font-weight: var(--bold);
	text-align: center;
	line-height: 1.3;
}
	.lp_img06 .box li:nth-child(5n) {
		margin-right: 0;
	}
	.lp_img06 .box li:last-child {
		margin-right: 0;
	}
.lp_img06 .box li mark {
	display: block;
	color: inherit;
	font-size: 1.6rem;
	background: none;
}


.lp_img07 {
	position: relative;
}
.lp_img07 h2 {
	position: absolute;
		z-index: 10;
		top: 16.8rem;
	font-size: 4.5rem;
}
.lp_img07 .box {
		top: 47.6rem;
	display: flex;
		justify-content: space-between;
	width: 98.2rem;
}
.lp_img07 .box li {
	width: 18rem;
	font-size: 2.2rem;
	font-weight: var(--bold);
	text-align: center;
}


/*--------------------
feature*/
.feature {
	position: relative;
	background: #fafafa;
}
.feature h2 {
	position: absolute;
		z-index: 10;
		top: 17rem;
		left: 50%;
		transform: translateX(-50%);
	font-size: 4.5rem;
}
.feature h2 mark {
	color: #d48c8c;
	background: none;
}

/*----feature01 & default*/
	.feature01 {
		background: url(../images/ohp09_bg.jpg) no-repeat center top;
		background-color: #fafafa;
		background-size: 200rem;
	}

.feature h3 {
	position: absolute;
		z-index: 10;
	font-size: 4.5rem;
	text-align: center;
}
.feature h3 mark {
	color: inherit;
	background: linear-gradient(0deg, rgba(255,249,153,1) 27%, rgba(255,249,153,0) 27%);
}
	.lp_img09 h3 {
			top: 38.9rem;
		padding-left: 2rem;
	}
.feature h3 + p {
	position: absolute;
		z-index: 10;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.77;
}
	.lp_img09 h3 + p {
			top: 54.9rem;
		padding-left: 2rem;
	}

.lp_img10 {
	width: 99.2rem;
	margin: 0 auto;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 1.5rem 1.5rem 1.5rem rgba(0,0,0,0.15);
}
.ohp10_slider {
/*	position: absolute;*/
	width: 99.2rem;
}
	.ohp10_dots .slick-dots {
		display: flex;
			justify-content: center;
		padding-top: 4rem;
	}
	.ohp10_dots .slick-dots li:not(:last-child) {
		margin-right: 2.4rem;
	}
	.ohp10_dots .slick-dots button {
			text-indent: 120%;
			white-space: nowrap;
			overflow: hidden;
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 50%;
		background: #cacaca;
	}
		.ohp10_dots .slick-dots .slick-active button {
			background: #d48c8c;
		}
.ohp10_slider .slick-slide {
	position: relative;
}
.ohp10_slider h4 {
	position: absolute;
		z-index: 10;
		top: 0rem;
	width: 100%;
	height: 11rem;
	padding-top: 3rem;
	padding-right: 10rem;
	padding-left: 20rem;
	font-size: 1.8rem;
	font-weight: var(--regular);
	line-height: 1.77;
}
	.ohp10_slider .img02 h4 {
		height: 12rem;
	}
.ohp10_slider h4 span {
	font-size: 1.4rem;
}
.ohp10_slider h4 mark {
	color: inherit;
	font-weight: var(--bold);
	background: linear-gradient(0deg, rgba(255,249,153,1) 27%, rgba(255,249,153,0) 27%);
}
.ohp10_slider p {
	position: absolute;
		z-index: 10;
		bottom: 4rem;
		left: 50%;
		transform: translateX(-50%);
	width: 100%;
	padding: 0 2rem;
	font-size: 2rem;
	text-align: center;
	line-height: 1.5;
}
.ohp10_slider p strong {
	display: block;
	color: #d48c8c;
	font-size: 2.6rem;
	letter-spacing: 0.04em;
}

.lp_img11 {
	position: relative;
}
.feature .box_lists {
	position: absolute;
		z-index: 10;
		top: 8.4rem;
	display: flex;
		justify-content: space-between;
	width: 99.2rem;
	margin: 0 auto;
}
.feature .box_lists li {
	width: 32rem;
/*	height: 37rem;*/
	padding-top: 8.8rem;
	text-align: center;
}
.feature .box_lists li h3 {
	position: static;
	display: inline-block;
	width: 25.4rem;
	margin-bottom: 1.4rem;
	font-size: 3rem;
	text-align: left;
	line-height: 1.56;
}
	.feature .box_lists li span {
		letter-spacing: -1em;
	}
.feature .box_lists li p {
	position: static;
	display: inline-block;
	width: 25.4rem;
	font-size: 1.8rem;
	text-align: left;
	line-height: 1.77;
}

/*----feature02*/
.feature02 {
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.lp_img12 {
}
	.lp_img12 h3 {
			top: 22rem;
			left: 0;
		text-align: left;
		line-height: 1.44;
	}
	.lp_img12 h3 + p {
			top: 37.7rem;
			left: 0;
		text-align: left;
		line-height: 1.777;
	}

.lp_img13 {
	position: relative;
}
.lp_img13 .box_lists {
		top: 7.2rem;
}

.lp_img14 {
	position: relative;
}
.lp_img14 h3 {
	color: #d48c8c;
	font-size: 3.2rem;
	letter-spacing: 0.04em;
	text-align: center;
}
.lp_img14 h3 mark {
/*	display: inline-block;*/
	display: block;
	margin-bottom: 0.9rem;
	padding: 1rem 2.4rem;
	color: #fff;
	font-size: 2.1rem;
	font-weight: var(--regular);
	line-height: 1;
	border-radius: 1em;
	background: #d48c8c;
}
.lp_img14 .steps {
	position: absolute;
		z-index: 10;
		top: 17rem;
	display: flex;
		justify-content: space-between;
	width: 92rem;
	margin: 0 auto;
	font-size: 2.4rem;
	font-weight: var(--medium);
	text-align: center;
	line-height: 1.3;
}
.lp_img14 .steps li {
	width: 20rem;
}
.lp_img14 .steps span {
	display: block;
	font-size: 1.6rem;
}

/*----feature03*/
.feature03 {
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.lp_img15 {
}
	.lp_img15 h3 {
			top: 31.5rem;
			left: 56.1rem;
		text-align: left;
		line-height: 1.44;
	}
	.lp_img15 h3 + p {
			top: 40.7rem;
			left: 56.1rem;
		text-align: left;
		line-height: 1.777;
	}

.lp_img16 {
	position: relative;
}
.lp_img16 .box_lists {
		top: 6.1rem;
}
.lp_img16 .box_lists li h3 {
	font-size: 2.6rem;
	line-height: 1.46;
}

/*----feature04*/
.feature04 {
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	background: #fafafa;
}
.lp_img17 {
}
	.lp_img17 h3 {
			top: 25.7rem;
		line-height: 1.44;
	}
.lp_img18 {
	position: relative;
}
.lp_img18 .func_lists {
	position: absolute;
		z-index: 10;
		top: 0rem;
		right: 0;
		left: 0;
}
.lp_img18 .func_lists li {
	width: 100%;
	height: 43rem;
	margin-bottom: 7rem;
	padding-top: 10.4rem;
	padding-left: 7rem;
}
	.lp_img18 .func_lists li:nth-child(even) {
		padding-left: 61rem;
	}
.lp_img18 .func_lists h4 {
	margin-bottom: 1.8rem;
	font-size: 3rem;
}
.lp_img18 .func_lists p {
	width: 42rem;
	font-size: 1.8rem;
	line-height: 1.7777;
}

.func_togglelists_wrap {
	display: flex;
		justify-content: space-between;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.func_togglelists {
	width: 54rem;
}
.func_togglelists li {
	width: 100%;
	min-height: 11rem;
	margin-bottom: 2rem;
	border: 0.2rem solid #bababa;
	border-radius: 2rem;
}
	.func_togglelists li:last-child {
		margin-bottom: 9.5rem;
	}
.func_togglelists label {
	cursor: pointer;
	display: flex;
		justify-content: flex-start;
		align-items: center;
	min-height: 11rem;
	padding-left: 6.6rem;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.333;
	background: url(../images/ohp19_arr.png) no-repeat right 2.2rem center;
	background-size: 2.7rem;
}
	.func_togglelists label:hover {
		opacity: 0.8;
	}
	.func_togglelists input:checked ~ label {
		background-image: url(../images/ohp19_arroff.png);
	}
.func_togglelists .is-toggle {
	pointer-events: none;
	height: 0;
	opacity: 0;
}
	.func_togglelists input:checked ~ .is-toggle {
		pointer-events: auto;
		height: auto;
		min-height: 18rem;
		opacity: 1;
	}

.func_togglelists .is-toggle {
	display: flex;
		justify-content: center;
		align-items: flex-start;
}
.func_togglelists .is-toggle img {
	width: 11.5rem;
	margin-right: 2rem;
}
.func_togglelists .is-toggle p {
	width: 28.8rem;
	font-size: 1.8rem;
	line-height: 1.7777;
}

.feature + .CV {
	padding-bottom: 16rem;
	background: #fafafa;
}


.lp_img22 {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.lp_img22 h2 {
	position: absolute;
		z-index: 10;
		top: 9.8rem;
	font-size: 4.5rem;
	line-height: 1;
}
.lp_img22 .box {
		top: 26rem;
		right: 5.3rem;
		left: auto;
	width: 60rem;
	min-height: 42.8rem;
	padding: 3.8rem 4rem;
	padding-right: 4.2rem;
}
.lp_img22 .box h3 {
	display: inline;
	font-size: 3rem;
	line-height: 1.666;
	border-bottom: 0.21rem solid #333;
}
.lp_img22 .box p {
	padding-top: 1.7rem;
	font-size: 1.8rem;
	line-height: 1.7777;
}
.lp_img22 .data {
	position: absolute;
		z-index: 10;
		left: 15rem;
		right: 68.4rem;
		top: 63rem;
	text-align: right;
}
.lp_img22 .link {
	margin-bottom: 1.7rem;
	color: inherit;
	font-size: 1.6rem;
	line-height: 1;
}
.lp_img22 .name {
	font-size: 2rem;
	line-height: 1;
}


.lp_img23 {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.lp_img23 h2 {
	position: absolute;
		z-index: 10;
		top: 10.7rem;
	text-align: center;
}
.lp_img23 h2 mark {
	display: block;
	margin-bottom: 2.8rem;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1;
	background: none;
}
.lp_img23 h2 .head {
	font-size: 4.5rem;
}
.lp_img23 .box {
		top: 39rem;
		left: 49.5rem;
}
.lp_img23 .box .head {
	width: 52.4rem;
	margin-bottom: 3.3rem;
	font-size: 3rem;
	line-height: 1.6666;
}
.lp_img23 .box p {
	width: 52.4rem;
	font-size: 1.8rem;
	line-height: 2.222;
}
.lp_img23 .txt {
	position: absolute;
		z-index: 10;
		top: 92rem;
	font-size: 1.8rem;
	line-height: 2.22;
}



/*--------------------
price*/
.lp_img24 {
		flex-direction: column;
		align-items: center;
	padding: 9rem 0 10rem 0;
	background: #ececec;
}
.lp_img24 h2 {
	margin-bottom: 6rem;
	font-size: 4.5rem;
}

.lp_img24 .price {
	display: flex;
		justify-content: space-between;
	width: 104rem;
}
.lp_img24 .koumoku,
.lp_img24 .plan {
	width: 20rem;
}
.lp_img24 div .tit {
	display: flex;
		justify-content: center;
		align-items: center;
	min-height: 5rem;
	color: #fff;
	font-size: 2.5rem;
	background: #cd5a5a;
	border-radius: 1rem 1rem 0 0;
}
	.lp_img24 div.p_light .tit {background: #d77d7d;}
	.lp_img24 div.p_stan .tit {background: #e1a0a0;}
	.lp_img24 div.p_pro .tit {background: #ecc1c1;}
	.lp_img24 div.koumoku .tit {opacity: 0;}

.lp_img24 div .en {
	position: relative;
	display: flex;
		justify-content: center;
		align-items: center;
	flex-direction: column;
	height: 6.6rem;
	font-size: 2.5rem;
	font-weight: var(--bold);
	line-height: 1;
	background: #fff;
}
	.lp_img24 div.koumoku .en {opacity: 0;}
.lp_img24 div .en span {
	font-size: 1.8rem;
	vertical-align: bottom;
	margin-top: 4px;
}
.lp_img24 div .en span.sm {
	font-size: 1.4rem;
}

	.lp_img24 div .en span:after {
		content: "";
		position: absolute;
			z-index: 10;
			left: 50%;
			bottom: 0;
			transform: translateX(-50%);
		display: block;
		width: 17rem;
		height: 0.4rem;
		background: #dd9090;
	}
		.lp_img24 div.p_light .en span:after {background: #d77d7d;}
		.lp_img24 div.p_stan .en span:after {background: #e1a0a0;}
		.lp_img24 div.p_pro .en span:after {background: #ecc1c1;}

.lp_img24 div .normal {
	position: relative;
	box-sizing: content-box;
	display: flex;
		justify-content: center;
		align-items: center;
	height: 6rem;
	font-size: 1.8rem;
	font-weight: bold;
	background: url(../images/line_dot.png) repeat-x center bottom;
	background-color: #fff;
	background-size: 0.4rem;
}
		.lp_img24 div .normal .ls0 {
/*			letter-spacing: -1em;*/
			letter-spacing: -0.8em;
		}
	.lp_img24 div .normal:before,
	.lp_img24 div .normal:after {
		content: "";
		position: absolute;
			z-index: 100;
			bottom: 0;
		width: 1.5rem;
		height: 2px;
		background-color: #fff;
	}
		.lp_img24 div .normal:before {left: 0;}
		.lp_img24 div .normal:after {right: 0;}
		.lp_img24 div .normal:last-child:before,
		.lp_img24 div .normal:last-child:after {
			width: 100%;
		}
	.lp_img24 div .g_limit {
		padding-top: 1.3rem;
	}

.lp_img24 div .btn {
		flex-direction: column;
	height: 8rem;
	font-size: 1.6rem;
	line-height: 1.2;
}
	.lp_img24 div .btn span {
		font-size: 1.4rem;
	}
.lp_img24 div .btn .link {
	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	width: 17.5rem;
	height: 4.5rem;
	color: #fff;
	text-decoration: none;
	border-radius: 1rem;
	background: url(../images/ohp24_arr.png) no-repeat right 1rem center;
	background-color: #cd5a5a;
}
	.lp_img24 div.p_light .btn .link {background-color: #d77d7d;}
	.lp_img24 div.p_stan .btn .link {background-color: #e1a0a0;}
	.lp_img24 div.p_pro .btn .link {background-color: #ecc1c1;}

.lp_img24 div .k_limit {
		flex-direction: column;
	height: 11rem;
	font-size: 1.8rem;
	line-height: 1.2;
}
.lp_img24 div .k_limit .lm {
	margin-bottom: 1rem;
}
.lp_img24 div .k_limit mark {
	font-size: 1.4rem;
	font-weight: var(--regular);
	background: none;
}

.lp_img24 div .capa {
		flex-direction: column;
	height: 11rem;
	font-size: 1.8rem;
	line-height: 1.2;
}
.lp_img24 div .capa .lm {
	margin-bottom: 1rem;
}
.lp_img24 div .capa .small {
	font-size: 1.4rem;
}
.lp_img24 div .capa mark {
	font-size: 1.4rem;
	font-weight: var(--regular);
	background: none;
}
.lp_img24 div .checked {
	background:
		url(../images/line_dot.png) repeat-x center bottom,
		url(../images/ohp24_check.png) no-repeat center center;
	background-size:
		0.4rem,
		1.3rem;
	background-color: #fff;
}

	/*toggle*/
.lp_img24 div .is-toggle {
	pointer-events: auto;
	opacity: 1;
}
.lp_img24 input:checked ~ div .is-toggle {
	pointer-events: none;
	height: 0;
	opacity: 0;
}
			.lp_img24 input:checked ~ div .btn:before,
			.lp_img24 input:checked ~ div .btn:after {
				width: 100%;
			}
.lp_img24 .togglebtn {
	cursor: pointer;
	display: flex;
		justify-content: center;
		align-items: center;
	width: 30rem;
	height: 7rem;
	margin-top: 4.5rem;
	font-size: 1.8rem;
	font-weight: var(--bold);
	border: 1px solid #333;
	border-radius: 7rem;
}
	.lp_img24 .togglebtn .txt:before {
		content: "閉じる";
	}
	.lp_img24 input:checked ~ .togglebtn .txt:before {
		content: "もっと詳しく";
	}
	.lp_img24 .togglebtn:hover {
		opacity: 0.8;
	}



/*--------------------
lp_img25-*/
.lp_img25 {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.lp_img25 h2 {
	position: absolute;
		z-index: 10;
		top: 14.9rem;
	font-size: 4.5rem;
	line-height: 1;
}
.lp_img25 .txt {
	position: absolute;
		z-index: 10;
		top: 23.1rem;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.77;
}
.lp_img25 .box {
		top: 35.5rem;
	padding-left: 28.7rem;
	line-height: 1;
}
.lp_img25 .box li {
	height: 15.7rem;
}
.lp_img25 .box h3 {
	margin-bottom: 2.5rem;
	padding-left: 5.1rem;
	font-size: 3rem;
}
.lp_img25 .box p {
	font-size: 1.8rem;
}

.lp_img26 {
	position: relative;
	display: block;
	padding-top: 8.5rem;
	padding-bottom: 12rem;
	background: #fafafa;
}
.lp_img26 h2 {
	margin-bottom: 4rem;
	font-size: 4.5rem;
	text-align: center;
	line-height: 1;
}
.lp_img26 .lists {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.lp_img26 .lists li {
	margin-bottom: 2rem;
	border: 1px solid #f1d4ce;
}
.lp_img26 .lists li label {
	cursor: pointer;
	display: flex;
		align-items: center;
/*	height: 10rem;*/
	padding: 3.4rem 0;
	padding-left: 10.8rem;
	color: #d48c8c;
	font-size: 2.5rem;
	font-weight: var(--bold);
	line-height: 1.44;
	background:
		url(../images/ohp26_q.png) no-repeat left 3.5rem center,
		url(../images/ohp26_on.png) no-repeat right 3.5rem center;
	background-size:
		5rem,
		2.5rem;
}
				.lp_img26 .lists input:checked ~ label {
					background:
						url(../images/ohp26_q.png) no-repeat left 3.5rem center,
						url(../images/ohp26_off.png) no-repeat right 3.5rem center;
					background-size:
						5rem,
						2.5rem;
				}
	.lp_img26 .lists li label:hover {
		opacity: 0.8;
	}
.lp_img26 .lists .anser {
	pointer-events: none;
	position: relative;
	height: 0;
	font-size: 1.8rem;
	line-height: 1.77;
	background: url(../images/ohp26_a.png) no-repeat left 3.5rem center;
	background-size: 5rem;
	opacity: 0;
}
				.lp_img26 .lists input:checked ~ .anser {
					pointer-events: auto;
					height: auto;
					padding: 3rem 7.8rem 3rem 10.8rem;
					opacity: 1;
				}
	.lp_img26 .lists .anser:before {
		content: "";
		position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
		width: 93rem;
		height: 1px;
		background: #f1d4ce;
	}

.lp_img27 {
	position: relative;
	display: block;
	padding-top: 10rem;
	padding-bottom: 17rem;
	background: #fff;
}
.lp_img27 h2 {
	margin-bottom: 3rem;
	font-size: 4.5rem;
	text-align: center;
	line-height: 1;
}
.lp_img27 .lists {
	width: 100rem;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 2rem;
	line-height: 1;
}
.lp_img27 .lists li {
	display: flex;
	padding: 2rem 0;
	border-bottom: 1px solid #bababa;
}
.lp_img27 .lists .head {
  line-height: 1.8;
	box-sizing: content-box;
	width: 4em;
	padding-right: 6rem;
	padding-left: 4rem;
	font-weight: var(--bold);
}
.lp_img27 .lists .cont {
  line-height: 1.8;
}



.lp_img01 + .lp_img02 {
	background: #fafafa;
}




.fixbnr .lp_img02 .box .btn02 {
	background: #b1b1b1;
}
.is-fixed {
	position: fixed;
		z-index: 1000;
		right: 0;
		left: 0;
		bottom: 0;
	display: flex;
		align-items: center;
	height: 11.8rem;
	background: rgba(255,255,255,0.8);
}
	.is-fixed {
	}

.annotation {
	margin-top: 1rem;
	width: 104rem;
	max-width: 1100px;
}

.annotation p {
	text-align: left;
	font-size: 1.2rem;
}



/*--------------------
form*/
.form {
	color: #333;
	padding-top: 8rem;
	padding-bottom: 11rem;
	background: #f0f0f0;
	overflow-x: hidden;
}
.form h2 {
	margin-bottom: 3rem;
	text-align: center;
	line-height: 1.9;
}
	#formWrap .form h2 {
		margin-bottom: 6rem;
	}
.form h2 p {
	font-size: 4.8rem;
}
	.form h2 mark {
		position: relative;
		padding: 0.3em 0.6em;
		color: #fff;
		font-size: 2.2rem;
		font-weight: var(--regular);
		background: #d48c8c;
		border-radius: 0.8rem;
	}
	.form h2 mark:after {
		content: "";
		position: absolute;
			z-index: 10;
			bottom: 0;
			left: 50%;
		width: 1.6rem;
		height: 1.6rem;
		background: #d48c8c;
		transform: scaleX(0.8) translate(-50%,50%) rotate(45deg);
	}
	.form h2 .small {
		font-size: 1.8rem;
		font-weight: var(--regular);
	}

	/*--formblock*/
	.formblock {
	}
	.formblock .wrap {
		max-width: 1100px;
		width: 110rem;
		margin: 0 auto;
		background: #fff;
		border-radius: 1rem;
	}
			/*--------------------
			フォームテンプレート*/
			.php-MailForm01 {
				width: 100%;
				padding: 7.5rem 12rem 7rem 12rem;
				margin: 0 auto;
				overflow: hidden;
			}
			.php-MailForm01 h2 {
				padding-top: 5%;
				font-size: 2.4rem;
				text-align: center;
			}
			.php-MailForm01 .desc {
				font-size: 1.8rem;
				text-align: center;
			}
			.php-MailForm01 .form-name- {
				margin-bottom: 5%;
				padding-bottom: 5%;
				border-radius: 1rem;
				background: #fff;
			}
			.php-MailForm01 .formarea {
				font-size: 1.8rem;
			}
				.php-MailForm01 .formarea:not(:first-child) {
					padding-top: 0;
				}
			.php-MailForm01 .formarea li {
				margin-bottom: 2.5rem;
				/*padding: 0 3%;*/
				/*padding-bottom: 5%;*/
				/*border-bottom: 1px dotted #000;*/
			}
				.php-MailForm01 .formarea:last-of-type li {
					margin-bottom: 0;
					border-bottom: 0;
				}
			.php-MailForm01 .formbox {
				position: relative;
				display: inline-flex;
					justify-content: space-between;
					flex-shrink: 0;
/*					align-items: center;*/
					align-items: flex-start;
				min-width: 13em;
				/*width: 13em;*/
				max-width: 16em;
				/*margin-right: 10%;*/
				margin-right: 2.6rem;
				/*font-size: 1.8rem;*/
				padding: 1em 0;
			}
			.php-MailForm01 .formsubmit {
				cursor: pointer;
				display: block;
				width: 38rem;
				height: 9rem;
				margin: 0 auto;
				margin-top: 5rem;
				color: #fff;
				font-size: 2.5rem;
				font-weight: var(--bold);
				border-radius: 1rem;
				background: #ce6d6d;
/*				filter: drop-shadow(0.6rem 0.6rem 0.6rem rgba(0,0,0,0.2));*/
			}
					.php-MailForm01 .formsubmit.btn_back {
						background: #b1b1b1;
					}

				/*テキスト入力欄*/
				.php-MailForm01 .formtxt label {
					display: flex;
				}
				.php-MailForm01 .formtxt .forminput {
					position: relative;
					width: 100%;
				}
				.php-MailForm01 .formtxt input {
					width: 100%;
					padding: 1em;
					line-height: 1;
/*					border: 0.2rem solid #e9e9ee;*/
/*					border-radius: 0.6rem;*/
					background: #f7f7f7;
				}
				.php-MailForm01 .formtxt .unit {
						align-self: flex-end;
					margin-left: 1em;
					font-size: 80%;
				}
							::-webkit-input-placeholder {
								color: #b3b3b3;
							}
				/*複数行のプレーンテキスト入力欄*/
				.php-MailForm01 .formtxt textarea {
					width: 100%;
					padding: 1em;
					line-height: 1.4;
/*					border: 1px solid #afafaf;*/
					background: #f7f7f7;
				}
				/*セレクトボックス入力欄*/
				.php-MailForm01 .formselect label {
					position: relative;
					/*display: flex;*/
					display: inline-flex;
				}
				.php-MailForm01 .formselect label:after {
					content: "";
					position: absolute;
						top: 50%;
						right: 1em;
						transform: translateY(-50%);
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 1.3rem 1rem 0 1rem;
					border-color: #37281e transparent transparent transparent;
				}
				.php-MailForm01 .formselect select {
					width: 50%;
					min-width: 46rem;
					padding: 0.6em 0.5em 0.6em 1em;
					border: 0.2rem solid #e9e9ee;
					border-radius: 0.6rem;
					background: #fff;
				}
				.php-MailForm01 .formselect_block {
					position: absolute;
						right: 0;
						z-index: 100;
					width: 46rem;
					border: 0.2rem solid #e9e9ee;
					border-radius: 0.6rem;
					overflow: hidden;
					opacity: 0;
				}
					.php-MailForm01 .formselect_block.is-active {
						opacity: 1;
					}
				.php-MailForm01 .formselect_block li {
					cursor: pointer;
					margin: 0;
					padding: 0.6em 0.5em 0.6em 1em;
					border-top: 0;
					border-bottom: 0;
					background: #fff;
				}
					.php-MailForm01 .formselect_block li:first-child {
						background: #98c7d3;
						opacity: 0.5;
					}
					.php-MailForm01 .formselect_block li:not(:first-child) {
						height: 0;
						padding: 0;
						visibility: hidden;
					}
						.php-MailForm01 .formselect_block.is-active li:not(:first-child) {
							height: auto;
							padding: 0.6em 0.5em 0.6em 1em;
							visibility: visible;
						}
					.php-MailForm01 .formselect_block li:not(:first-child):hover {
						background: #e9e9ee;
					}
				/*ラジオボタン入力欄*/
				.php-MailForm01 .formcheck li {
					display: flex;
				}
				.php-MailForm01 .formcheck .formcheck_block {
				}
				.php-MailForm01 .formcheck label {
					cursor: pointer;
					display: inline-flex;
						align-items: flex-start;
					line-height: 1;
					margin-right: 1em;
					padding: 0.5em 0;
				}
				.php-MailForm01 .formcheck input {
					display: none;
				}
				.php-MailForm01 .formcheck .checkstyle {
					position: relative;
						flex-shrink: 0;
					/*display: flex;
						justify-content: center;
						align-items: center;*/
					width: 2.2rem;
					height: 2.2rem;
					margin-right: 0.5em;
					border-radius: 0.5rem;
					border: 0.1rem solid #333333;
				}
					.php-MailForm01 .formcheck .checkstyle:before {
						content: "";
						position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
						display: block;
						width: 1.2rem;
						height: 1.2rem;
						background: #333333;
						opacity: 0;
					}
					.php-MailForm01 .formcheck input:checked ~ .checkstyle:before {
						opacity: 1;
					}
						/*必須項目*/
						.formbox:after {
							content: "任意";
							display: inline-flex;
								justify-content: center;
								align-items: center;
							margin: 0 0.8em 0 0;
							padding: 0.4em 0.5em;
							color: #fff;
							font-size: 70%;
							line-height: 1;
							white-space: nowrap;
							background: #979797;
						}
						.required:after {
							content: "必須";
							background: #d48c8c;
						}
						.optional:after {
							display: none;
						}
						.formbox ~ .forminput label.error,
						.formbox ~ .formcheck_block label.error {
							/*position: absolute;*/
								top: 100%;
								left: 0;
							width: 100%;
							margin-top: 2%;
							color: #e41d24;
							font-size: 60%;
							line-height: 1;
							visibility: hidden;
						}
							.formbox ~ .forminput label.error,
							.formbox ~ .formcheck_block label.error {
								visibility: visible;
							}
							.formcheck .formcheck_block > span {
								width: 100%;
							}
							.formbox ~ .formcheck_block label.error {
								margin-top: 0;
								padding: 0 0.5em;
							}
							.error_messe {
								font-size: 1.8rem;
								line-height: 1.5;
							}
							@media screen and (max-width: 750px) {
								.formbox .formerror {
										left: 0;
									margin-top: 0;
									white-space: nowrap;
								}
							}
	.centerarea .formcheck .formcheck_block {
    display: flex;
    justify-content: center;
    align-items: center;
	}
		.centerarea {
			padding-top: 4rem;
			text-align: center;
		}
		.centerarea .txt {
			margin-bottom: 2rem;
			font-size: 1.8rem;
		}
			.centerarea .txt a {
				color: inherit;
			}
				.centerarea .txt a:hover {
					text-decoration: none;
					opacity: 0.8;
				}
						.centerarea.foot .txt a {
							text-decoration: none;
						}
			.centerarea .formcheck {
				font-weight: bold;
			}
			.centerarea .required:after {
				color: #fff;
				font-size: 70%;
				font-weight: var(--regular);
				vertical-align: middle;
							margin: 0 0.8em 0 0;
							padding: 0.4em 0.5em;
			}

		#formWrap li:last-of-type {
			display: none;
		}
		#formWrap	.php-MailForm01 .itemname {
			position: relative;
			display: inline-flex;
			justify-content: space-between;
			flex-shrink: 0;
			align-items: flex-start;
			min-width: 13em;
			max-width: 16em;
			margin-right: 2.6rem;
			padding: 1em 0;
			line-height: 1.5;
		}
			#formWrap	.php-MailForm01 .itemname:after {
				content: "必須";
		    display: inline-flex;
		    justify-content: center;
		    align-items: center;
		    margin: 0 0.8em 0 0;
		    padding: 0.4em 0.5em;
				color: #fff;
				font-size: 70%;
		    line-height: 1;
		    white-space: nowrap;
				background: #d48c8c;
			}
			#formWrap	.php-MailForm01 li:nth-child(5) .itemname:after {
				content: "任意";
				background: #979797;
			}
		#formWrap	.php-MailForm01 .checkitem {
			width: 100%;
	    padding: 1em;
			line-height: 1.5;
		}
			#formWrap	.flex {
				display: flex;
					justify-content: center;
			}
			#formWrap .php-MailForm01 .formsubmit {
				margin-right: 1rem;
				margin-left: 1rem;
			}

			.THANKS {
				text-align: center;
			}
			.THANKS img {
				margin: 0 auto;
			}
			.THANKS .txt {
				font-size: 2rem;
				line-height: 1.9;
			}
			.THANKS .top {
				display: flex;
					justify-content: center;
					align-items: center;
				margin-top: 9rem;
				text-decoration: none;
				background: #b1b1b1;
			}
			.THANKS .php-MailForm01 {
				padding-bottom: 10rem;
			}