/* ------------- */

/* 共通 */

/* ------------- */
body {
	font-family: Futura, Trebuchet MS, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	font-size: 18px;
	color: #000;
	/* max-width: 440px; */
	margin: 0 auto;
	max-width: 410px;
}

.mincho {
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
}

/* スマホで見たときは"SP"のclassがついた画像が表示される */
.sp {
	display: block !important;
}

.pc {
	display: none !important;
}

html {
	scroll-padding-top: 200px;
}

li {
	list-style: none;
}

li a {
	text-decoration: none;
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 22px;
}

p {
	font-size: 16px;
}

a {
	text-decoration: none;
	color: #333;
}

section {
	padding: 40px 0;
}

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

p.center_txt {
	text-align: center;
	width: 94%;
	margin: 25px auto 10px;
	z-index: 99;
	position: relative;
}

p.txt_white {
	color: #fff;
}

.qa_ttl h2 {
	color: #000;
}

.font_monts {
	font-family: 'Montserrat', sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
}

/* -----------------------

heading 見出し

-------------------------- */
.heading {
	color: #333333;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: .04em;
	text-align: center;
	margin-top: 0;
}

.heading::before {
	font-family: Futura, Trebuchet MS, Arial, sans-serif;
	color: #257B3A;
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: .02em;
	content: attr(data-label);
}

.heading.heading-2::before {
	color: #FFE500;
}

.heading-2 {
	color: #fff;
}

/* ------------------

下層ページタイトル

--------------------- */
.top_title {
	position: relative;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-top: 25px;
	font-family: 'Montserrat', sans-serif;
	font-optical-sizing: auto;
}

.top_title h2 {
	margin: 0;
}

/* -------------

メインビジュアル 

---------------*/
.main_visual_top {
	background-image: url(/common/img/fv_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	height: 440px;
	padding-top: 1px;
	position: relative;
	margin-top: 70px;
}

svg.mv_svg.svg_h1 {
	width: 100%;
	font-size: 25px;
	margin-bottom: -28px;
}

/* 文字グラデ */
.mv_svg {
	width: 100%;
	height: auto;
	overflow: visible;
}

.mv_svg text.background {
	fill: none !important;
	stroke: #ffffff;
	stroke-width: 10px;
	stroke-linejoin: round;
}

.mv_svg.svg_h1 text.background {
	fill: none !important;
	stroke: #ffffff;
	stroke-width: 5px;
	stroke-linejoin: round;
}

svg.mv_svg.svg_h2 {
	width: 100%;
	font-size: 78px;
	margin-bottom: 5px;
	margin-top: 8%;
	fill: #257B3A;
	letter-spacing: 5px;
}

.mv_top_price {
	width: 93%;
	margin: 0 auto;
}

.mv_list {
	margin-top: 19px;
	display: flex;
	justify-content: flex-end;
	margin-right: 12px;
	position: relative;
}

.mv_list::after {
	content: '';
	position: absolute;
	background: url(/common/img/character-1.png);
	background-size: contain;
	display: inline-block;
	width: 108px;
	height: 153px;
	background-repeat: no-repeat;
	left: 15px;
	top: 3px;
	background-repeat: no-repeat;
}

.mv_list div {
	width: 58%;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 8px;
	border-radius: 10px;
	box-shadow: 0 0 5px #fff;
}

.mv_list p {
	color: #FF7604;
	padding-left: 2em;
	margin: 2px 0;
	font-size: 16px;
	position: relative;
}

.mv_list p::after {
	content: '';
	position: absolute;
	background: url(../../img/mv_check_icon.png);
	background-size: contain;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	left: 7px;
	top: 3px;
}

/*------------------

バナー

--------------------*/
.flex.banner_icon_flex {
	justify-content: space-between;
	width: 96%;
	margin: 20px auto;
}

.banner_icon {
	border: 2px solid #257B3A;
	border-radius: 10px;
	display: flex;
	align-items: center;
	width: 45%;
	padding: 0 5px;
	justify-content: space-evenly;
}

.banner_icon p {
	font-size: 14px;
	color: #257B3A;
}

.banner_icon img {
	width: 50px;
}

.banner_icon p {
	font-size: 14px;
	margin-left: 5px;
}

.mv_txt {
	margin-top: 18px;
	font-weight: 900;
}

/* -------------

ボタン 

---------------*/
.next_button {
	background-color: #18063F;
	box-shadow: 1px 4px #D8D8D8;
	display: flex;
	justify-content: left;
	align-items: center;
	width: 170px;
	margin: 25px auto 0;
	padding: 15px 15px 15px 64px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	position: relative;
}

/* ------------- */

/*ぱんくずリスト*/

/* ------------- */
.breadcrumb-001 {
	display: flex;
	gap: 0 22px;
	list-style: none;
	padding: 5px 0;
	font-size: 10px;
	margin-top: 71px;
	background-color: #EFEFEF;
	justify-content: center;
	margin-bottom: 0;
}

.breadcrumb-001 li {
	display: flex;
	align-items: center;
}

.breadcrumb-001 li:first-child::before {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 4px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%23333333%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
	display: inline-block;
	transform: rotate(45deg);
	width: .3em;
	height: .3em;
	margin-left: 10px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	content: '';
}

.breadcrumb-001 a {
	color: #333333;
	text-decoration: none;
}

/*---------------

コンタクトボタン

-----------------*/
section.contact_btn {
	background-color: #8EE1A2;
	padding: 30px 0;
}

.content_title h1 {
	color: #FFE500;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: .04em;
	text-align: center;
	margin-top: 0;
}

.content_title h1::after {
	display: block;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5;
	letter-spacing: .02em;
	content: attr(data-label);
	color: #fff;
}

.btn_area {
	text-align: center;
	padding: 15px;
	width: 80%;
	margin: 50px auto 0;
	display: block;
	background-color: #fff;
	border-radius: 26px;
	max-width: 880px;
	position: relative;
}

.btn_area::before {
	content: '';
	position: absolute;
	background: url(../img/character-2.png);
	background-size: contain;
	display: inline-block;
	width: 88px;
	height: 120px;
	background-repeat: no-repeat;
	left: 15px;
	top: -99px;
	z-index: 0;
}

p.inner_text {
	text-align: center;
	color: #fff;
}

.btn_left {
	width: 60%;
}

.btn_area img {
	width: 100%;
	display: block;
	margin: 10px auto;
}

.btn_area img {
	width: 100%;
}

.flex_btn {
	width: 40%;
	margin: 0 auto;
}

.flex_btn img {
	width: 95%;
	margin: 10px 5%;
}

.cash {
	background-color: #fff;
	border: 1px solid #CBC9C9;
	margin-top: 20px;
	width: 85%;
	margin: 20px auto;
	max-width: 880px;
}

p.cash_ttl {
	background-color: #EDEAEA;
	text-align: center;
	padding: 10px 0;
	margin-top: 0;
}

span.c-bg_pink {
	background-color: #FCE7E7;
	padding: 5px;
	font-size: 12px;
	display: flex;
	align-items: center;
	/* height: 2em; */
}

.cash_flex {
	text-align: center;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cash_flex img {
	width: 13%;
	margin: 6px 4px;
	height: auto;
}

img.cash_paypay {
	width: 32%;
}

.cb_item {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transform: translateY(7px);
	width: 215px;
	margin: 0 auto;
	padding: 8px 0;
	/* border: 2px solid #FF7A00; */
	border-radius: 25px;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
	background-color: #fff;
	color: #FF4645;
	font-size: 13px;
	margin-top: 0;
	/* margin-bottom: 25px; */
	/* position: absolute; */
	left: 15%;
	top: 15px;
}

.cb_item::after {
	position: absolute;
	top: 100%;
	content: '';
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	left: 13px;
	transform: rotate(28deg);
	width: 14px;
	height: 20px;
	background-color: #fff;
	top: 77%;
}


/* ------------- */

/* header */

/* ------------- */
.header_sp {
	width: 100vw;
	position: fixed;
	z-index: 9999999;
	background-color: #fff;
	display: flex;
	height: 71px;
	justify-content: space-between;
	align-items: center;
	top: 0;
	max-width: 410px;
}

img.h-logo {
	width: 80%;
	padding-left: 17px;
}

.h-top a {
	display: inline-flex;
}

.h-top {
	width: 80%;
	height: 71px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

img.h-contact_img {
	width: 100%;
}


/* ハンバーガーメニュー */
.nav_menu {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100vh;
	background-color: #615D5D;
	position: fixed;
	top: 70px;
	right: -120%;
	/* 画面の右側に隠すためのコード */
	transition: all .5s;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-left: 0;
	margin-top: 0;
	align-items: initial;
	padding-top: 0.5em;
}

ul.nav {
	overflow-y: scroll;
	height: 115vw;
}

.nav_menu.active {
	visibility: visible;
	right: 0;
	opacity: 1;
	width: 80%;
}

.nav li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 0 7px 6px;
	border-bottom: 1px solid #fff;
	width: 75%;
	margin: 0 auto;
}

.nav a li {
	color: #fff;
	font-size: 15px;
}

.nav_btn {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	background-color: #615D5D;
	height: 72px;
	width: 62px;
	justify-content: center;
	padding-top: 0;
}

.nav_btn span:first-child {
	content: "";
	display: block;
	width: 34px;
	height: 4px;
	border-radius: 2px;
	margin-bottom: 8px;
	background: #fff;
}

.nav_btn span:nth-child(2) {
	content: "";
	display: block;
	width: 34px;
	height: 4px;
	border-radius: 2px;
	margin-bottom: 8px;
	background: #fff;
}

.nav_btn span:nth-child(3) {
	content: "";
	display: block;
	width: 34px;
	height: 4px;
	border-radius: 2px;
	margin-bottom: 4px;
	background: #fff;
}

.nav_btn span:last-child {
	content: "";
	display: block;
	height: 11px;
	margin-bottom: 0px;
	color: #fff;
	font-size: 14px;
}

.nav_btn.active span:first-child {
	background: #fff;
	transform: translate(3%, 15px) rotate(45deg);
	transition: transform .5s;
	width: 36px;
}

.nav_btn.active span:nth-child(2) {
	background: #fff;
	opacity: 0;
	transition: opacity .5s;
}

.nav_btn.active span:nth-child(3) {
	background: #fff;
	transform: translate(5%, -9px) rotate(-45deg);
	transition: .5s;
	width: 36px;
}

.nav_btn.active span:last-child {
	display: none;
}

/* ナビサービス内容 */
.navlist {
	position: relative;
}

.nav-01 summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: #000;
	cursor: pointer;
	list-style-type: none;
	font-size: 16px;
	color: #fff;
}

.nav-01 summary::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 9px;
	width: 18px;
	height: 3px;
	background: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-01 summary::after {
	position: absolute;
	content: '';
	top: 45%;
	right: 11px;
	width: 17px;
	height: 3px;
	background: #fff;
	rotate: 90deg;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-01[open] summary::after {
	display: none;
}

.nav_txt {
	position: relative;
	transform: translateY(-10px);
	opacity: 0;
	margin: 0;
	color: #fff;
	transition: transform .5s, opacity .5s;
	font-weight: bold;
	padding-left: 0px;
	text-align: left;
}

.nav-01[open] p {
	transform: none;
	opacity: 1;
	margin-bottom: 4px;
	font-size: 15px;
}

/* sp 追従 */
.header-2.hidden {
	width: 100vw;
	position: fixed;
	z-index: 9999999999;
	height: 97px;
	justify-content: flex-end;
	align-items: center;
	bottom: 0px;
	padding-bottom: 0px;
	/* opacity: 0; */
	display: none;
	left: 0;
}

.h-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 98%;
	background-color: #615D5D;
	padding: 11px 5px 0px;
	height: 80px;
	position: relative;
	z-index: -9;
}

.header-2 span {
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 10px;
	background-color: #FFE500;
	width: 96%;
	padding: 5px 0;
	margin: 0 auto -14px;
	border-radius: 5px;
	position: relative;
}

.header-2 span::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	border: 12px solid transparent;
	border-top: 12px solid #FFE500;
	border-bottom: 0px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.h-bottom img {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner {
	display: none;
	position: fixed;
	margin: 15px 20px;
	z-index: 99998;
	bottom: 91px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 75%;
	margin: 0px auto;
	text-align: center;
}

.banner-close {
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: -4px;
	z-index: 99999;
	padding: 3px 7px;
	border: none;
	background-color: #f8f8f8;
	border-radius: 25px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
	box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.banner-copy {
	font-size: 13px;
	padding: 8px 0;
	border-radius: 6px;
	background-color: #615D5D;
	opacity: .9;
	color: #fff;
}

/* ------------- */

/* footer */

/* ------------- */
footer {
	/* margin-bottom: 122px; */
	background-color: #F8F7EE;
	padding: 2em 2em;
	font-weight: 500;
	font-size: .9em;
}

h2.footer_ttl {
	font-size: 1.1em;
	background-color: rgba(115, 195, 251, 0.2);
	padding: .5em;
}

.footer_flex {
	padding-bottom: 1.5em;
	padding-left: 1em;
	font-size: .9em;
}

ul.footer_nav li {
	margin: 5px 0;
}

ul.footer_nav a {
	display: block;
}

img.f-logo {
	width: 55%;
	margin: 20px auto;
	display: flex;
}

.overview {
	border: 2px solid #D9D9D9;
	width: 87%;
	margin: 15px auto 25px;
	padding: 10px 12px;
}

p.com_name {
	margin-bottom: 10px;
	margin-top: 5px;
}

p.f-item {
	font-weight: 500;
	margin: 5px 0;
	font-size: 14px;
}

p.f-item span {
	display: block;
}

p.f-item.f_flex {
	display: flex;
}

span.gray_txt {
	color: #000;
	position: relative;
	padding-left: 1em;
}

span.gray_txt::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 50%;
	display: inline-block;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	background-color: #257B3A;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.copy_area {
	background-color: #000;
	color: #fff;
	padding: 1em 1em 2em;
	margin-bottom: 85px;
}

.copy_area p {
	margin: 0;
	font-size: 11px;
	padding: 5px 0;
	text-align: center;
	font-weight: 500;
	color: #fff;
}

.copy_area a {
	border-bottom: 1px solid #fff;
	display: block;
	padding-bottom: 8px;
	margin-bottom: 8px;
}


/* ページトップスクロール */
#pagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 5px;
	bottom: 146px;
	background: #3f98ef;
	opacity: .8;
	border-radius: 50%;
	z-index: 999999;
}

#pagetop a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	text-align: center;
}

#pagetop a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f106';
	font-weight: 900;
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	bottom: 10px;
	right: 0;
	left: 0;
	margin: auto;
}

/* ---------------------

ポップアップ

------------------------ */
#modal-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-mask {
	position: absolute;
	width: 100%;
	height: 100vh;
	opacity: 0.2;
	background: rgba(123, 123, 123, 0.2);
	/* 背面のbodyを少しだけ暗くし、操作できないニュアンスを出す */
}

.modal-container {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 95%;
	transform: translate(-50%, -50%);
}

.modal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 85%;
	text-align: center;
	margin: 10px auto;
	height: auto;
	z-index: 999;
}

button.close {
	position: absolute;
	position: absolute;
	right: -5px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	top: -12px;
	border: none;
	font-size: 22px;
}

.modal-inner img {
	width: 100%;
}

/* ---------------------

 よくある質問

-----------------------*/
section.qa {
	background-color: #EFF6EF;
}

.top_title.qa_ttl h2::before {
	content: "Q&A";
}

.top_title.qa_ttl.js-fadeTop.scroll h2,
.txt_white {
	color: #fff;
}

.top_title.qa_ttl h2::before {
	content: "Q&A";
	/* background-image: linear-gradient(#fff 0 100%); */
}

.qa_wrap {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 1000px;
}

details.qa-007,
details.qa-008 {
	background-color: #fff;
	margin: 9px auto;
	width: 70%;
	padding: 20px 35px 20px 53px;
	border-radius: 12px;
	font-size: 16px;
	position: relative;
	color: #000;
}

details.qa-008 {
	background-color: #F1F1F1;
	margin: 10px auto 15px;
	width: 65%;
	padding: 20px 35px 20px 53px;
	border-radius: 12px;
	font-size: 16px;
	position: relative;
	color: #000;
	border: 1px solid #BFBFBF;
}

details.qa-007::before,
details.qa-008::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	width: 16px;
	height: 3px;
	background: #000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

details.qa-007::after,
details.qa-008::after {
	position: absolute;
	content: '';
	top: 48%;
	right: 11px;
	width: 16px;
	height: 3px;
	background: #000;
	rotate: 90deg;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

details.qa-007 p,
details.qa-008 p {
	border-top: 1px dashed;
	padding-top: 15px;
	font-size: 14px;
	margin-bottom: 0;
	position: relative;
}

details.qa-007 P::before {
	content: "A";
	position: absolute;
	font-size: 18px;
	background-color: #FF3A2C;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	padding: 5px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	left: -41px;
	top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.qa-007 summary,
.qa-008 summary {
	display: block;
	list-style: none;
	position: relative;
}

.qa-007 summary::before {
	content: "Q";
	position: absolute;
	font-size: 18px;
	background-color: #257B3A;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	padding: 5px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	left: -41px;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.qa-007 summary::-webkit-details-marker,
.qa-008 summary::-webkit-details-marker {
	display: none;
}

details.qa-007[open]::after,
details.qa-008[open]::after {
	display: none;
}

details.qa-007[open]::before,
details.qa-008[open]::before {
	top: 43px;
}


/* ---------------

wpスライダー

------------------*/
.slide-2 {
	width: 180px;
	text-align: center;
	background-color: #fff;
	padding: 0px 2px 2px;
	margin: 0 3px;
	margin-top: 5px;
}

.blog_ttl p {
	margin: 5px 0px;
	font-size: .7em;
	text-align: left;
}

.post_text p {
	margin: 0;
	font-size: .6em;
	text-align: left;
}

.post_date p {
	font-size: .5em;
	text-align: left;
	margin: 5px 0px;
}

img.attachment-175x100.size-175x100.wp-post-image {
	border-radius: 10px;
}

ul#js-slick {
	width: 96%;
	margin: 0 auto;
	height: auto;
}

/* ---------------------

対応可能エリア（下層）

------------------------*/
section.area {
	background-color: #F3F3F3;
	padding-bottom: 70px;
}

.top_title.area_ttl h2::before {
	content: "AREA";
}

.area_ttl {
	position: relative;
	z-index: 9;
}

.top_title.area_ttl p {
	margin-top: -2px;
}

.area_ttl::after {
	position: absolute;
	content: "";
	background: url(/common/img/area_bg.png);
	background-size: contain;
	display: inline-block;
	width: 84px;
	height: 100px;
	background-repeat: no-repeat;
	top: 55px;
	left: 50%;
	transform: translatex(-50%);
	z-index: -11;
}

Result Skip Results Iframe EDIT ON * {
	box-sizing: border-box;
	padding: 0;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.tab-area {
	display: flex;
	/* border: 2px solid; */
	cursor: pointer;
	width: 96%;
	margin: 45px auto 0;
}

.tab {
	width: calc(100% / 3);
	padding: 9px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 7px 7px 0 0;
	background-color: #fff;
}

.tab:nth-child(n+2) {
	margin-left: 4px;
	background-color: #fff;
}

.tab.active {
	background-color: #257B3A;
	margin-right: 1px;
	color: #fff;
}

.panel {
	display: none;
	text-align: center;
	padding-left: 0;
}

.panel.active {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.panel-area {
	width: 96%;
	margin: 0 auto;
	padding: 22px 0 10px;
	background-color: #fff;
	position: relative;
}

.panel.active li {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.area_dc {
	text-decoration: underline;
}

.area_type-2 {
	text-align: center;
	background-color: #fff;
	margin-top: 45px;
	padding: 3px 0 25px;
	position: relative;
}

.t-area_content {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}

p.ta_ttl {
	margin-bottom: 8px;
}

.panel {
	display: none;
	text-align: center;
	padding-left: 0;
}

.panel.active {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.panel-area {
	width: 96%;
	margin: 0 auto;
	padding: 20px 0 20px;
	background-color: #fff;
	position: relative;
}

.panel li a {
	font-size: 15px;
}

.panel.active li {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.area_dc {
	text-decoration: underline;
}

.area_type-2 {
	text-align: center;
	background-color: #fff;
	margin-top: 45px;
	padding: 3px 0 25px;
	position: relative;
}

.t-area_content {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}

p.ta_ttl {
	margin-bottom: 8px;
}

@media screen and (min-width: 751px) {

	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}

	.header-2_pc {
		width: 100vw;
		position: fixed;
		z-index: 9999999999;
		height: 95px;
		justify-content: flex-end;
		align-items: center;
		bottom: 0px;
		padding-bottom: 10px;
		background-color: #615D5D;
	}

	.h-2_flex {
		display: flex;
		align-items: unset;
		width: 98%;
		margin: 20px auto;
		max-width: 1260px;
	}

	.h-bottom {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 98%;
		padding: 25px 5px 10px;
		height: 92px;
		position: relative;
		z-index: -9;
	}

	#pagetop {
		width: 65px;
		height: 65px;
		right: 35px;
		bottom: 120dpx;
	}

	#pagetop a {
		width: 65px;
		height: 65px;
	}

	#pagetop a::before {
		font-weight: 900;
		font-size: 45px;
		width: 26px;
		height: 49px;
		top: 10px;
		bottom: 10px;
	}

	#HEADER2 {
		height: 105px;
	}

	.header-2_pc span {
		text-align: center;
		display: flex;
		justify-content: center;
		font-size: 15px;
		background-color: #FFE500;
		width: 26%;
		padding: 8px 0;
		margin: 0 auto -21px;
		border-radius: 5px;
		position: relative;
		height: 47px;
		align-items: center;
	}

	.h-2_flex img {
		width: 96%;
	}

	.h-2_img {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 70%;
		padding-left: 10px;
	}

	.header-2_pc span::after {
		content: '';
		position: absolute;
		bottom: -13px;
		left: 50%;
		border: 15px solid transparent;
		border-top: 15px solid #FFE500;
		border-bottom: 0px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.h-bottom img {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.banner {
		bottom: 100px;
		left: 50%;
		width: 47%;
		margin: 0px auto;
	}

	.banner-copy {
		font-size: 20px;
		padding: 12px 0;
	}

	.banner-close {
		top: 10px;
		right: -4px;
		padding: 5px 10px;
		border-radius: 25px;
		font-size: 20px;
	}

	section.contact_box {
		padding: 80px 0 35px;
	}

	section.area {
		padding-bottom: 200px;
	}

	.panel-area::after {
		width: 214px;
		height: 215px;
		bottom: -203px;
		z-index: 999;
		right: -16px;
	}

	.modal-inner {
		width: 35%;
		top: 55%;
	}
}