@charset "UTF-8";

:root {
	--color-green: #4bb77c;
	--color-blue: #008cd6;
}

/* body */
body {
	padding-top: 130px;
}

@media only screen and (max-width: 767px) {
	body {
		padding-top: 0;
		padding-bottom: calc(120 / 750 * 100vw);
	}
}

svg {
	height: auto;
	vertical-align: bottom;
}

/* header */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	background-color: #fff;
}

.header > .wrap {
	justify-content: space-between;
	gap: 8px;
	position: relative;
}

.header__logo a:hover {
	text-decoration: none;
}

.header__logo br {
	display: none;
}

.header__list {
	display: flex;
	gap: clamp(4px, -2.508px + 0.847vw, 8px);
}

.header__list li {
	flex-shrink: 0;
	width: clamp(132px, -11.186px + 18.644vw, 220px);
}

.header__list a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 4px;
	width: 100%;
	height: 56px;
	border-radius: calc(infinity * 1px);
	background-color: #ccc;
	color: #fff;
	font-size: clamp(14px, 7.492px + 0.847vw, 18px);
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	transition: opacity .3s;
}

.header__list a.-bike,
.header__list a.-pet { background-color: #01ab4f;}
.header__list a:hover.-bike,
.header__list a:hover.-pet { background-color: rgb(1 171 79 / .7);}

.header__list a.-first { background-color: #fb8c00;}
.header__list a:hover.-first { background-color: rgb(251 140 0 / .7);}

.header__list a.-entry { background-color: #008bcc;}
.header__list a:hover.-entry { background-color: rgb(0 139 204 / .7);}

.header__list a:hover {
	text-decoration: none;
}

.header__list a::before {
	content: ">";
	position: absolute;
	top: 50%;
	right: 12px;
	font-size: 2.2rem;
	transform: translateY(-50%);
}

.header__list a > span {
	font-size: clamp(10px, 6.746px + 0.424vw, 12px);
}

@media only screen and (max-width: 1240px) {
	.header__logo br {
		display: block;
	}

	.header__list a::before {
		content: none;
	}
}

@media only screen and (max-width: 1200px) {
	.header__list .btn.-entry {
		width: 140px;
		font-size: 1.5rem;
	}
	.header__list .btn.-entry::before {
		content: none;
	}

	.header__list .btn.-entry > span {
		margin-top: 2px;
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 767px) {
	.header {
		position: static;
		height: calc(148 / 750 * 100vw);
	}
	.header > .wrap {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.header__logo {
		text-align: left;
	}
	.header__logo br {
		display: block;
	}
	.header__list {
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		padding: calc(16 / 750 * 100vw) calc(30 / 750 * 100vw);
		background-color: rgba(0, 0, 0, .5);
		-webkit-transform: none;
		transform: none;
	}
	.header__list li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.header__list li:not(:first-child) {
		margin-left: calc(14 / 750 * 100vw);
	}
	.header__list .btn.-entry {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: auto;
		height: calc(88 / 750 * 100vw);
		border: 2px solid #fff;
		font-size: calc(24 / 750 * 100vw);
	}
	.header__list .btn.-entry::before {
		right: calc(10 / 750 * 100vw);
	}
	.header__list .btn.-entry > span {
		margin-top: calc(6 / 750 * 100vw);
		margin-left: 0;
		font-size: calc(20 / 750 * 100vw);
	}
}

/* nav-menu */
.nav-menu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.nav-menu span {
	position: absolute;
	inset: auto 0 calc(20 / 750 * 100vw);
}

.nav-menu a,
.nav-menu button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(calc(140 / 750 * 100vw) - 1px);
	height: calc(calc(138 / 750 * 100vw) - 1px);
	padding-bottom: calc(30 / 750 * 100vw);
	background-color: #fff;
	font-size: calc(20 / 750 * 100vw);
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.nav-menu a {
	color: #00ab4e;
}

.nav-menu button {
	cursor: pointer;
}

.nav-menu__list {
	display: flex;
}
.nav-menu__list a.is-active {
	background-color: #00ab4e;
	color: #fff;
	pointer-events: none;
}
.nav-menu__list a.is-active i {
	background-color: #fff;
}
.nav-menu__list i {
	background-color: #00ab4e;
	mask: center / contain no-repeat;
}
.nav-menu__list i.-car {
	width: calc(75 / 750 * 100vw);
	height: calc(33 / 750 * 100vw);
	mask-image: url(../../resources/img/common/ic_car.svg);
}
.nav-menu__list i.-bike {
	width: calc(61 / 750 * 100vw);
	height: calc(37 / 750 * 100vw);
	mask-image: url(../../resources/img/common/ic_bike.svg);
}
.nav-menu__list i.-pet {
	width: calc(60 / 750 * 100vw);
	height: calc(48 / 750 * 100vw);
	mask-image: url(../../resources/img/common/ic_pet.svg);
}

.nav-menu__menu {
	border-left: 1px solid #ccc;
	background-color: #f0f0f0;
}
.nav-menu__menu i {
	position: relative;
	width: calc(50 / 750 * 100vw);
	height: calc(8 / 750 * 100vw);
	border-radius: calc(8 / 750 * 100vw);
	background-color: #b4b4b4;
	transition: .3s;
}
.nav-menu__menu i::before,
.nav-menu__menu i::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	height: calc(8 / 750 * 100vw);
	border-radius: calc(8 / 750 * 100vw);
	background-color: #b4b4b4;
	transition: .3s;
}
.nav-menu__menu i::before {
	top: calc(-16 / 750 * 100vw);
}
.nav-menu__menu i::after {
	bottom: calc(-16 / 750 * 100vw);
}

.nav-menu__menu span {
	color: #999;
	transition: .3s;
}
.nav-menu__menu span + span {
	opacity: 0;
}
.nav-menu__menu.is-active i {
	background-color: transparent;
}

.nav-menu__menu.is-active i::before {
	transform: translateY(calc(16 / 750 * 100vw)) rotate(-45deg);
}

.nav-menu__menu.is-active i::after {
	transform: translateY(calc(-16 / 750 * 100vw)) rotate(45deg);
}

.nav-menu__menu.is-active span {
	opacity: 0;
}

.nav-menu__menu.is-active span + span {
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.nav-menu {
		display: flex;
	}
}

/* contents */
.contents {
	padding-top: 40px;
	padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.contents {
		padding-top: calc(50 / 750 * 100vw);
		padding-bottom: 0;
	}
}

/* footer */
.footer {
	margin-top: 80px;
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
}

#top .footer {
	margin-top: 0;
}

#notfound .footer {
	margin-top: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #ccc;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.footer {
		margin-top: calc(80 / 750 * 100vw);
		padding-top: 0;
		padding-bottom: 0;
	}
	#notfound .footer {
		padding-top: calc(40 / 750 * 100vw);
		padding-bottom: calc(40 / 750 * 100vw);
	}
	#notfound .footer__logo img {
		width: calc(272 / 750 * 100vw);
	}
}

/* contact-footer */
.contact-footer {
	padding-top: 30px;
	padding-bottom: 30px;
}

.contact-footer__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contact-footer__item {
	font-size: 1.2rem;
	color: #666;
}

.contact-footer__item:not(:first-child) {
	margin-left: 30px;
}

.contact-footer__headline-sub {
	margin-top: 5px;
}

.contact-footer__list {
	margin-top: 5px;
	letter-spacing: -.4em;
}

.contact-footer__list li {
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	font-weight: normal;
}

.contact-footer__list li:not(:first-child) {
	margin-left: 1em;
	padding-left: calc(1em + 1px);
}

.contact-footer__list li:not(:first-child)::before {
	content: "";
	position: absolute;
	top: .1em;
	left: 0;
	bottom: .3em;
	border-left: 1px solid #313131;
}

.contact-footer__list li a {
	color: inherit;
}

@media only screen and (max-width: 767px) {
	.contact-footer {
		padding-top: calc(40 / 750 * 100vw);
		padding-bottom: calc(40 / 750 * 100vw);
		background-color: #fafafa;
	}
	.contact-footer__unit {
		display: block;
	}
	.contact-footer__item {
		font-size: calc(24 / 750 * 100vw);
		text-align: center;
	}
	.contact-footer__item:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
		margin-left: 0;
	}
	.contact-footer__headline-sub {
		margin-top: calc(10 / 750 * 100vw);
	}
	.contact-footer__list {
		margin-top: calc(10 / 750 * 100vw);
	}
}

.ly-cfx {
	*zoom: 1;
}

.ly-cfx:after {
	content: "";
	display: block;
	clear: both;
}

.ly-wrp-cts {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
	max-width: 1200px;
}

@media (max-width: 979px) {
	.ly-wrp-cts {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 736px) {
	.ly-wrp-cts {
		padding: 0;
	}
}

.ly-foot-flink-area {
	padding: 20px 0 28px;
	background-color: #fff;
	border-bottom: 45px solid #0296e6;
	font-family: "Noto Sans JP", sans-serif;
}

.ly-foot-flink-area .ly-logo-privacy {
	float: left;
}

.ly-foot-flink-area .ly-logo-privacy img {
	width: 70px;
	height: auto;
}

.ly-foot-flink-area .ly-wrp-flink-list {
	float: left;
	margin-top: 15px;
	width: 680px;
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list {
	*zoom: 1;
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list:after {
	content: "";
	display: block;
	clear: both;
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list li {
	float: left;
	margin: 5px 15px 5px 0;
	border-right: 1px solid #c9c9c9;
	padding-right: 15px;
	font-size: 1.3rem;
	line-height: 1em;
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list li:last-child {
	border-right: none;
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list li a {
	color: #707070;
	font-size: 11px;
	font-weight: normal;
	text-shadow: 0 0 .1px rgba(51, 51, 51, .5);
}

.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list-break {
	clear: both;
}

.ly-foot-flink-area .ly-logo-hldgs {
	display: none;
}

.ly-foot-flink-area .ly-copyright {
	float: right;
	margin-top: 43px;
	color: #707070;
	font-size: 10px;
}

@media only screen and (max-width: 736px) {
	.ly-foot-flink-area {
		padding: 0;
		border-bottom: 5px solid #0296e6;
		background-color: #fff;
	}
	.ly-foot-flink-area .ly-logo-privacy {
		float: none;
		padding-top: 15px;
		background-color: #fafafa;
		text-align: center;
	}
	.ly-foot-flink-area .ly-logo-privacy img {
		width: 45px;
		height: auto;
	}
	.ly-foot-flink-area .ly-wrp-flink-list {
		float: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 15px 15px 0;
		width: 100%;
		border-bottom: 1px solid #d2d2d2;
		background-color: #fafafa;
	}
	.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list li {
		float: none;
		margin: 0 0 18px 0;
		border-right: none;
		padding-right: 0;
		line-height: 1.6em;
		text-align: center;
	}
	.ly-foot-flink-area .ly-wrp-flink-list .ly-flink-list li a {
		font-size: 13px;
	}
	.ly-foot-flink-area .ly-logo-hldgs {
		display: block;
		margin-top: 20px;
		text-align: center;
	}
	.ly-foot-flink-area .ly-copyright {
		float: none;
		margin-top: 15px;
		margin-bottom: 17px;
		color: #707070;
		font-size: 13px;
		text-align: center;
	}
}

/* entry */
.entry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 80px;
	padding-block: 25px 30px;
	border-radius: 10px;
	background-color: rgb(0 139 204 / .07);
	text-align: center;
}

.entry__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.entry__list li:not(:first-child) {
	margin-left: 20px;
}

.area-notes + .entry {
	margin-block: 0 60px;
}

@media only screen and (max-width: 767px) {
	.entry {
		margin-block: calc(40 / 750 * 100vw);
		padding: calc(30 / 750 * 100vw);
		border-radius: calc(20 / 750 * 100vw);
	}
	.entry__list {
		display: block;
		width: 100%;
	}
	.entry__list li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}

	.area-notes + .entry {
		margin-block: 0 calc(70 / 750 * 100vw);
	}
}

/* nav-global */
.nav-global {
	position: fixed;
	top: 80px;
	right: 0;
	left: 0;
	z-index: 100;
	background-color: #00ab4e;
}

.nav-global__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	justify-content: center;/*20200605追加*/
}

.nav-global__list li {
	font-size: 1.5rem;
	font-weight: 700;
}

.nav-global__list li:not(:last-child) {
	margin-right: 60px;
}

.nav-global__list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	justify-content: center;/*20200605追加*/
	height: 50px;
	color: #fff;
}

.nav-global__list li a:hover, .nav-global__list li a.is-active {
	opacity: .5;
}

.nav-global__list li a:hover {
	text-decoration: none;
}

.nav-global__list li a.is-active {
	pointer-events: none;
}

.nav-global__list li span {
	display: none;
}

@media only screen and (max-width: 1200px) {
	.nav-global__list li {
		flex: 1;
	}
	.nav-global__list li:not(:last-child) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.nav-global {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: calc(148 / 750 * 100vw);
		right: 0;
		bottom: 0;
		left: 0;
		height: calc(100vh - calc(148 / 750 * 100vw));
		z-index: 110;
		background-color: #f0f0f0;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.nav-global.is-active {
		visibility: visible;
		opacity: 1;
	}
	.nav-global > .wrap {
		overflow-x: hidden;
		overflow-y: scroll;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		height: calc(100% - calc(330 / 750 * 100vw));
		padding-top: calc(30 / 750 * 100vw);
		padding-bottom: calc(300 / 750 * 100vw);
	}
	.nav-global__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		height: auto;
	}
	.nav-global__list li {
		font-size: calc(24 / 750 * 100vw);
		margin-top: calc(4 / 750 * 100vw);
	}
	.nav-global__list li:not(:last-child) {
		margin-right: 0;
	}
	.nav-global__list li a {
		height: calc(100 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
		background-color: #fff;
		justify-content: flex-start;/*20200605追加*/
		color: #00ab4e;
	}
	.nav-global__list li span {
		display: inline;
		font-size: calc(20 / 750 * 100vw);
	}
}

/* pagetop */
.pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	text-indent: -9999px;
}

.pagetop a {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	background-color: rgba(0, 0, 0, .5);
}

.pagetop a::before {
	content: "";
	position: absolute;
	top: calc(50% + 3px);
	left: 50%;
	width: 12px;
	height: 12px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}

.pagetop a:hover::before {
	-webkit-transform: translate(-50%, -50%) translateY(-4px) rotate(45deg);
	transform: translate(-50%, -50%) translateY(-4px) rotate(45deg);
}

@media only screen and (max-width: 767px) {
	.pagetop {
		right: calc(20 / 750 * 100vw);
		bottom: calc(140 / 750 * 100vw);
	}
	.pagetop a {
		width: calc(72 / 750 * 100vw);
		height: calc(72 / 750 * 100vw);
	}
	.pagetop a::before {
		top: calc(50% + calc(4 / 750 * 100vw));
		width: calc(18 / 750 * 100vw);
		height: calc(18 / 750 * 100vw);
	}
	.pagetop a:hover::before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
}

/* visual-main */
.visual-main {
	padding-bottom: 30px;
	background-image: linear-gradient(90deg, var(--color-green), var(--color-green) 50%, var(--color-blue) 50%, var(--color-blue) 100%);
}

.visual-main > .wrap {
	max-width: 1280px;
}

.visual-main__contents {
	padding-top: 40px;
	border-radius: 0 0 40px 40px;
	background-color: #fff;
	text-align: center;
}

.visual-main__headline {
}

.visual-main__image {
	display: block;
	margin-top: 30px;
}

.visual-main__list {
	display: flex;
	padding-top: 16px;
	padding-bottom: 16px;
}
.visual-main__list li {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 1;
	padding: 8px 16px;
}
.visual-main__list li:not(:first-child)::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 3px solid var(--color-blue);
}
.visual-main__list li:not(:first-child):last-child::before {
	border-left-color: var(--color-green);
}

.visual-main.-v .visual-main__list li img[src*="02"] {
	margin-bottom: -20px;
}

@media only screen and (max-width: 767px) {
	.visual-main {
		padding-bottom: calc(30 / 750 * 100vw);
	}

	.visual-main > .wrap {
		padding-right: calc(20 / 750 * 100vw);
		padding-left: calc(20 / 750 * 100vw);
	}

	.visual-main img[src*="@pc."] {
		display: inline;
	}

	.visual-main__contents {
		padding-top: calc(30 / 750 * 100vw);
		border-radius: 0 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
	}

	.visual-main__headline img {
		width: calc(620 / 750 * 100vw);
	}

	.visual-main__image {
		display: block;
		margin-top: calc(40 / 750 * 100vw);
	}

	.visual-main__list {
		padding-top: calc(16 / 750 * 100vw);
		padding-bottom: calc(16 / 750 * 100vw);
	}
	.visual-main__list li {
		padding: calc(8 / 750 * 100vw) calc(16 / 750 * 100vw);
	}
	.visual-main__list li:not(:first-child)::before {
		border-left-width: calc(4 / 750 * 100vw);
	}
	.visual-main__list li img[src*="01"] {
		width: calc(183 * .945 / 750 * 100vw);
	}
	.visual-main__list li img[src*="02"] {
		width: calc(183 * .945 / 750 * 100vw);
	}
	.visual-main__list li img[src*="03"] {
		width: calc(180 * .945 / 750 * 100vw);
	}

	.visual-main.-v .visual-main__list li {
		padding: calc(20 / 750 * 100vw) calc(2 / 750 * 100vw);
	}
	.visual-main.-v .visual-main__list li img[src*="01"] {
		width: calc(183 / 750 * 100vw);
	}
	.visual-main.-v .visual-main__list li img[src*="02"] {
		width: calc(219 / 750 * 100vw);
		margin-bottom: calc(-26 / 750 * 100vw);
	}
	.visual-main.-v .visual-main__list li img[src*="03"] {
		width: calc(194 / 750 * 100vw);
	}
}

/* notes */
.notes{
  display: none;
}
@media only screen and (max-width: 767px) {
  .notes{
    display: block;
    padding: 20px;
    border-bottom: 1px solid #dcdcdc;
  }
}

/* headline-top */
.headline-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	margin-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 10px;
	background-color: #00ab4e;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.1;
}

@media only screen and (max-width: 767px) {
	.headline-top {
		height: auto;
		min-height: calc(80 / 750 * 100vw);
		margin: 0 calc(50% - 50vw);
		padding: calc(20 / 750 * 100vw) calc(50vw - 50%);
		border-radius: 0;
		font-size: calc(36 / 750 * 100vw);
	}
}

/* headline-border */
.headline-border {
	margin-bottom: 20px;
	padding-bottom: 13px;
	border-bottom: 2px solid #00ab4e;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.334;
}

@media only screen and (max-width: 767px) {
	.headline-border {
		margin-bottom: calc(40 / 750 * 100vw);
		padding-bottom: calc(20 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
}

/* headline */
.headline {
	margin-bottom: 5px;
	font-size: 2rem;
  font-weight: 700;
}

.headline:not(:first-child) {
	margin-top: 40px;
}

.headline.-link {
  display: inline-block;
  color: #000;
  text-decoration: underline;
}

.headline.-small {
	font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
	.headline {
		margin-bottom: calc(10 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.headline:not(:first-child) {
		margin-top: calc(60 / 750 * 100vw);
	}
}

/* btn */
.btn.-entry {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 360px;
	height: 80px;
	border: 3px solid #fff;
	border-radius: 70px;
	background-color: #008bcc;
	color: #fff;
	font-size: 2.4rem;
}

.btn.-entry::before {
	content: ">";
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-entry:hover {
	background-color: rgba(0, 139, 204, .7);
	text-decoration: none;
}

.btn.-entry.-first {
	background-color: #fb8c00;
}

.btn.-entry.-first:hover {
	background-color: rgba(251, 140, 0, .7);
}

.btn.-site {
	background-color: #01ab4f;
}

.btn.-site:hover {
	background-color: rgba(1, 171, 79, .7);
}

.btn.-entry > span {
	margin-top: 5px;
	font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
	.btn.-entry {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: auto;
		height: calc(88 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.btn.-entry::before {
		right: calc(40 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.btn.-entry > span {
		margin-top: 0;
		margin-left: 1em;
		font-size: calc(22 / 750 * 100vw);
	}
}

/* area-plan */
.area-plan:not(:first-child) {
	margin-top: 40px;
}

.area-plan__headline {
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #00ab4e;
	color: #00ab4e;
	font-size: 2rem;
	font-weight: 700;
}

.area-plan__headline > b {
	font-size: 3rem;
	font-weight: 700;
}

.area-plan__list > li:not(:first-child) {
	margin-top: 30px;
}

.area-plan__notes {
	margin-top: 15px;
	font-size: 1.2rem;
}

.area-plan__notes li {
	padding-left: 1em;
	text-indent: -1em;
}

.area-plan__btn {
	margin-top: 40px;
}

.area-plan .swiper {
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}

.area-plan .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.area-plan .swiper-slide {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 640px;
	position: relative;
	transition-property: transform;
}

.area-plan .swiper-button-prev,
.area-plan .swiper-button-next {
	display: block;
	position: absolute;
	top: calc(50% - 28px);
	z-index: 3;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #00ab4e;
	cursor: pointer;
	transform: translateY(-50%);
	transition: .3s;
}
.area-plan .swiper-button-prev::before,
.area-plan .swiper-button-next::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
}
.area-plan .swiper-button-prev:hover,
.area-plan .swiper-button-next:hover {
	background-color: rgba(1, 171, 79, .7);
}

.area-plan .swiper-button-prev {
	left: calc(50% - 362px);
}
.area-plan .swiper-button-prev::before {
	transform: translate(-50%, -50%) translateX(4px) rotate(-45deg);
}

.area-plan .swiper-button-next {
	right: calc(50% - 362px);
}
.area-plan .swiper-button-next::before {
	transform: translate(-50%, -50%) translateX(-4px) rotate(135deg);
}

.area-plan .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}
.area-plan .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #ccc;
	cursor: pointer;
}
.area-plan .swiper-pagination-bullet-active {
	border-color: #00ab4e;
	background-color: #00ab4e;
	pointer-events: none;
}

.area-plan .swiper .menu-plan {
	flex: 1;
}

.area-plan .swiper .menu-plan__header {
	-ms-flex-preferred-size: 300px;
	flex-basis: 300px;
	max-width: 300px;
	padding-right: 0;
	padding-left: 20px;
}

.area-plan .swiper .menu-plan__contents {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
}

.area-plan .swiper .menu-plan__list {
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.area-plan .swiper .menu-plan__list li {
	flex: 0 0 calc((100% - 10px * 2) / 3);
	font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
	.area-plan:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}

	.area-plan__headline {
		margin-bottom: calc(30 / 750 * 100vw);
		padding-bottom: 0;
		border-bottom: 0;
		font-size: calc(28 / 750 * 100vw);
	}
	.area-plan__headline > b {
		font-size: calc(40 / 750 * 100vw);
	}
	.area-plan__list > li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-plan__notes {
		margin-top: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}

	.area-plan__btn {
		margin-top: calc(30 / 750 * 100vw);
	}

	.area-plan .swiper-slide {
		width: 70%;
	}
	.area-plan .swiper-button-prev,
	.area-plan .swiper-button-next {
		width: calc(64 / 750 * 100vw);
		height: calc(64 / 750 * 100vw);
	}
	.area-plan .swiper-button-prev::before,
	.area-plan .swiper-button-next::before {
		width: calc(20 / 750 * 100vw);
		height: calc(20 / 750 * 100vw);
		border-top-width: calc(4 / 750 * 100vw);
		border-left-width: calc(4 / 750 * 100vw);
	}

	.area-plan .swiper-button-prev {
		left: calc(62 / 750 * 100vw);
	}
	.area-plan .swiper-button-prev::before {
		transform: translate(-50%, -50%) translateX(calc(4 / 750 * 100vw)) rotate(-45deg);
	}

	.area-plan .swiper-button-next {
		right: calc(62 / 750 * 100vw);
	}
	.area-plan .swiper-button-next::before {
		transform: translate(-50%, -50%) translateX(calc(-4 / 750 * 100vw)) rotate(135deg);
	}

	.area-plan .swiper-pagination {
		gap: calc(20 / 750 * 100vw);
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-plan .swiper-pagination-bullet {
		width: calc(20 / 750 * 100vw);
		height: calc(20 / 750 * 100vw);
	}

	.area-plan .swiper .menu-plan {
		display: flex;
		flex-direction: column;
	}

	.area-plan .swiper .menu-plan__header {
		flex: 0 1 auto;
		max-width: none;
		padding-right: calc(30 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
	}

	.area-plan .swiper .menu-plan__contents {
		padding: calc(20 / 750 * 100vw);
	}

	.area-plan .swiper .menu-plan__list {
		display: flex;
		gap: calc(20 / 750 * 100vw);
	}
	.area-plan .swiper .menu-plan__list li {
		flex: 0 0 calc((100% - calc(20 / 750 * 100vw) * 2) / 3);
		font-size: 1.2rem;
	}
}

/* menu-plan */
.menu-plan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	background-color: #fff;
	border: 4px solid transparent;
}

.menu-plan.-none {
	border-color: #008bcc;
}

.menu-plan.-none .menu-plan__header {
	background-color: rgba(0, 139, 204, .07);
}

.menu-plan.-none .menu-plan__price > strong {
	color: #008bcc;
}

.menu-plan.-none .menu-plan__image {
	background-color: rgba(0, 139, 204, .07);
}

.menu-plan.-none .menu-plan__image g {
	fill: #008bcc;
}

.menu-plan.-standard {
	border-color: #00ab4e;
}

.menu-plan.-standard .menu-plan__header {
	background-color: rgba(0, 171, 78, .07);
}

.menu-plan.-standard .menu-plan__price > strong {
	color: #00ab4e;
}

.menu-plan.-standard .menu-plan__image {
	background-color: rgba(0, 171, 78, .07);
}

.menu-plan.-standard .menu-plan__image g {
	fill: #00ab4e;
}

.menu-plan.-premium {
	border-color: #fb8c00;
}

.menu-plan.-premium .menu-plan__header {
	background-color: rgba(251, 140, 0, .07);
}

.menu-plan.-premium .menu-plan__price > strong {
	color: #fb8c00;
}

.menu-plan.-premium .menu-plan__image {
	background-color: rgba(251, 140, 0, .07);
}

.menu-plan.-premium .menu-plan__image g {
	fill: #fb8c00;
}

.menu-plan__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-preferred-size: 330px;
	flex-basis: 330px;
	max-width: 330px;
	padding-left: 35px;
}

.menu-plan__headline {
	font-size: 2.4rem;
	font-weight: 700;
}

.menu-plan__headline > b {
	font-weight: 700;
}

.menu-plan__headline > span {
	display: block;
	font-size: 1.6rem;
}

.menu-plan__headline sup {
	font-size: 60%;
	vertical-align: top;
}

.menu-plan__price {
	margin-top: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}

.menu-plan__price > strong {
	font-size: 4rem;
	font-weight: 700;
}

.menu-plan__price > strong > span {
	font-size: 1.8rem;
}

.menu-plan__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 35px 40px;
}

.menu-plan__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
}

.menu-plan__list li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #008bcc;
	text-align: center;
}

.menu-plan__list li.is-disable {
	color: #999;
}

.menu-plan__list li.is-disable a {
	text-decoration: none;
	pointer-events: none;
}

.menu-plan__list li.is-disable .menu-plan__image {
	background-color: #e6e6e6;
}

.menu-plan__list li.is-disable .menu-plan__image g {
	fill: #fff;
}

.menu-plan__list li a {
	display: block;
	color: inherit;
	text-decoration: underline;
}

.menu-plan__list li a:hover {
	text-decoration: none;
}

.menu-plan__list li a .menu-plan__list--no-svg img {
	width: 100%;
	height: auto;
}

.menu-plan__list li img {
	display: block;
	margin-bottom: 5px;
}

.menu-plan__image {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	border-radius: 100%;
	background-color: #ccc;
}

.menu-plan__image::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.menu-plan__image svg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.menu-plan__link {
	display: flex;
	justify-content: flex-end;
	text-decoration: underline;
	font-size: 1.8rem;
	margin: 5px;
}

@media only screen and (max-width: 1000px) {
	.menu-plan__header {
		-ms-flex-preferred-size: 300px;
		flex-basis: 300px;
		max-width: 300px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.menu-plan__contents {
		padding: 25px 30px;
	}
	.menu-plan__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.menu-plan {
		display: block;
	}
	.menu-plan__header {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: none;
		height: calc(150 / 750 * 100vw);
		padding-right: calc(30 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
	}
	.menu-plan__headline {
		font-size: calc(20 / 750 * 100vw);
	}
	.menu-plan__headline > b {
		font-size: calc(30 / 750 * 100vw);
	}
	.menu-plan__headline > span {
		font-size: calc(20 / 750 * 100vw);
	}
	.menu-plan__price {
		margin-top: 0;
		font-size: calc(24 / 750 * 100vw);
	}
	.menu-plan__price > strong {
		font-size: calc(40 / 750 * 100vw);
	}
	.menu-plan__price > strong > span {
		font-size: calc(24 / 750 * 100vw);
	}
	.menu-plan__contents {
		padding: calc(40 / 750 * 100vw);
	}
	.menu-plan__list {
		gap: calc(30 / 750 * 100vw) calc(52 / 750 * 100vw);
	}
	.menu-plan__list li {
		font-size: calc(22 / 750 * 100vw);
	}
	.menu-plan__list li > img {
		width: 100%;
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.menu-plan__image {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.menu-plan__link {
		font-size: calc(24 / 750 * 100vw);
	}
}

/* flow-step */
.flow-step {
	margin-top: 80px;
}

.flow-step__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flow-step__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flow-step__item:not(:first-child) {
	margin-left: 80px;
}

.flow-step__item:not(:first-child)::before {
	content: "";
	position: absolute;
	top: 0;
	left: -40px;
	margin-top: calc(120 / 560 * 100%);
	width: 40px;
	height: 59px;
	background: url(../../resources/img/common/ic_arrow.svg?Ver=20240329001) no-repeat;
	background-size: contain;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
	.flow-step {
		display: block;
		margin-top: calc(40 / 750 * 100vw);
	}
	.flow-step__unit {
		display: block;
		margin-top: calc(60 / 750 * 100vw);
	}
	.flow-step__item {
		display: block;
	}
	.flow-step__item:not(:first-child) {
		margin-top: calc(70 / 750 * 100vw);
		margin-left: 0;
	}
	.flow-step__item:not(:first-child)::before {
		top: calc(-80 / 750 * 100vw);
		left: 50%;
		margin-top: 0;
		width: calc(40 / 750 * 100vw);
		height: calc(59 / 750 * 100vw);
		-webkit-transform: translate(-50%, 50%) rotate(90deg);
		transform: translate(-50%, 50%) rotate(90deg);
	}
	.area-common__text + .flow-step {
		margin-top: calc(40 / 750 * 100vw);
	}
}

/* media-flow */
.media-flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.media-flow__image {
	-ms-flex-preferred-size: calc(280 / 560 * 100%);
	flex-basis: calc(280 / 560 * 100%);
}

.media-flow__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: calc(20 / 560 * 100%);
}

.media-flow__step {
	padding-bottom: 20px;
	border-bottom: 2px solid #00ab4e;
	color: #00ab4e;
	font-weight: 700;
	line-height: 1;
}

.media-flow__step > b {
	margin-left: 5px;
	font-size: 6.4rem;
	font-weight: 700;
	line-height: .8;
}

.media-flow__headline {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
}

.media-flow__headline > span {
	display: block;
	margin-top: 3px;
	font-size: 1.4rem;
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	.media-flow__image {
		-ms-flex-preferred-size: calc(320 / 750 * 100vw);
		flex-basis: calc(320 / 750 * 100vw);
	}
	.media-flow__contents {
		padding-left: calc(30 / 750 * 100vw);
	}
	.media-flow__step {
		padding-bottom: calc(20 / 750 * 100vw);
		font-size: calc(22 / 750 * 100vw);
	}
	.media-flow__step > b {
		margin-left: calc(6 / 750 * 100vw);
		font-size: calc(64 / 750 * 100vw);
	}
	.media-flow__headline {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.media-flow__headline > span {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
}

/* flow-detail */
.flow-detail {
	margin-top: 80px;
}

.flow-detail__headline-case {
	position: relative;
	margin-bottom: 25px;
	font-weight: 700;
}

.flow-detail__headline-case > span {
	position: relative;
}

.flow-detail__headline-case img {
	margin-right: 15px;
}

.flow-detail__headline-case b {
	font-size: 2.2rem;
	font-weight: 700;
}

.flow-detail__headline-case.-icon::before, .flow-detail__headline-case.-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow-detail__headline-case.-icon::before {
	left: 9px;
	width: 43px;
	height: 39px;
	background-image: url(../../resources/img/common/ic_pc.svg?Ver=20240329001);
}

.flow-detail__headline-case.-icon::after {
	left: 60px;
	width: 21px;
	height: 39px;
	background-image: url(../../resources/img/common/ic_sp.svg?Ver=20240329001);
}

.flow-detail__headline-case.-icon > span {
	padding-left: 95px;
}

.flow-detail__headline-case.-icon-pc::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	width: 43px;
	height: 39px;
	background-image: url(../../resources/img/common/ic_pc.svg?Ver=20240329001);
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow-detail__headline-case.-icon-pc > span {
	padding-left: 65px;
}

.flow-detail__item:not(:first-child) {
	margin-top: 60px;
}

.flow-detail__notes {
	position: relative;
	margin-top: 30px;
	padding-left: 1.5em;
	color: #999;
	font-size: 1.2rem;
}

.flow-detail__notes::before {
	content: "※";
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.flow-detail {
		margin-top: calc(80 / 750 * 100vw);
	}
	.flow-detail__headline-case {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: calc(120 / 750 * 100vw);
		margin: 0 calc(50% - 50vw);
		border-bottom: 2px solid #ccc;
		font-size: calc(24 / 750 * 100vw);
		cursor: pointer;
	}
	.flow-detail__headline-case.is-active i::after {
		opacity: 0;
	}
	.flow-detail__headline-case > span {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding-right: calc(108 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
	}
	.flow-detail__headline-case img {
		width: calc(200 / 750 * 100vw);
		margin-bottom: calc(4 / 750 * 100vw);
		margin-right: calc(20 / 750 * 100vw);
	}
	.flow-detail__headline-case b {
		font-size: calc(32 / 750 * 100vw);
	}
	.flow-detail__headline-case i {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: calc(30 / 750 * 100vw);
		width: calc(48 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
		border-radius: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.flow-detail__headline-case i::before, .flow-detail__headline-case i::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: calc(28 / 750 * 100vw);
		height: calc(4 / 750 * 100vw);
		background-color: #fff;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.flow-detail__headline-case i::before {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.flow-detail__headline-case i::after {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.flow-detail__headline-case.-icon::before {
		left: calc(30 / 750 * 100vw);
		width: calc(34 / 750 * 100vw);
		height: calc(62 / 750 * 100vw);
		background-image: url(../../resources/img/common/ic_sp.svg?Ver=20240329001);
	}
	.flow-detail__headline-case.-icon::after {
		left: calc(74 / 750 * 100vw);
		width: calc(68 / 750 * 100vw);
		height: calc(62 / 750 * 100vw);
		background-image: url(../../resources/img/common/ic_pc.svg?Ver=20240329001);
	}
	.flow-detail__headline-case.-icon > span {
		padding-left: calc(158 / 750 * 100vw);
	}
	.flow-detail__headline-case.-icon .display-sp {
		display: inline-block;
	}
	.flow-detail__headline-case.-internet i {
		background-color: #00ab4e;
	}
	.flow-detail__headline-case.-famiport i {
		background-color: #008bcc;
	}
	.flow-detail__item:not(:first-child) {
		margin-top: 0;
	}
	.flow-detail__notes {
		margin-top: calc(30 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
}

/* step-feature */
.step-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: -40px;
	margin-left: calc(-36 / 1200 * 100%);
}

.step-feature__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	-ms-flex-preferred-size: calc(376 / 1236 * 100%);
	flex-basis: calc(376 / 1236 * 100%);
	max-width: calc(376 / 1236 * 100%);
	margin-top: 40px;
	margin-left: calc(36 / 1236 * 100%);
	border: 3px solid #dcdcdc;
}

.step-feature__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 84px;
	padding: 7px 17px;
	background-color: #f0f0f0;
}

.step-feature__step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #00ab4e;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.step-feature__step > b {
	margin-top: 3px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: .8;
}

.step-feature__headline-step {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 15px;
	color: #00ab4e;
	font-weight: 700;
	line-height: 1.2;
}

.step-feature__contents {
	padding: 25px 20px 20px;
	background-color: #fff;
}

.step-feature__lead {
	margin-bottom: 10px;
	font-size: 1.8rem;
	line-height: 1.334;
	text-align: center;
}

.step-feature__lead b {
	color: #fb8c00;
	font-size: 2.2rem;
	font-weight: 700;
}

.step-feature__notes {
	color: #999;
	font-size: 1rem;
	letter-spacing: -.025em;
	text-align: center;
}

.step-feature__notes:not(:last-child) {
	margin-bottom: 5px;
}

.step-feature__details {
	margin-top: 30px;
}

.step-feature__details-text {
	font-size: 1rem;
	position: absolute;
	bottom: 17px;
}

.step-feature__image {
	width: 100%;
	text-align: center;
}

.step-feature__text {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 20px;
	font-size: 1.4rem;
	line-height: 1.715;
}

.step-feature__text b {
	color: #f10101;
	font-weight: 500;
}

.step-feature__text sup {
	font-size: 50%;
}

.step-feature__text p.-notes {
	margin-top: 5px;
	font-size: 1.2rem;
}

.step-feature__link {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.step-feature {
		display: block;
		margin-top: calc(60 / 750 * 100vw);
		margin-left: 0;
	}
	.step-feature__item {
		display: block;
		max-width: none;
		margin-top: 0;
		margin-left: 0;
		border-width: 2px;
	}
	.step-feature__item:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.step-feature__item:not(:last-child)::after {
		top: calc(100% + 2px);
		left: 50%;
		border-width: 15px 13px 0;
		border-color: #dcdcdc transparent transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.step-feature__item:nth-child(3)::before, .step-feature__item:nth-child(6)::before {
		content: none;
	}
	.step-feature__item:nth-child(3)::after, .step-feature__item:nth-child(6)::after {
		right: auto;
		left: 50%;
		width: auto;
		height: auto;
		border-style: solid;
		border-width: 15px 13px 0;
		border-color: #dcdcdc transparent transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.step-feature__item:nth-child(4)::before, .step-feature__item:nth-child(7)::before {
		content: none;
	}
	.step-feature__header {
		min-height: auto;
		padding: calc(15 / 750 * 100vw) calc(30 / 750 * 100vw);
	}
	.step-feature__step {
		width: calc(76 / 750 * 100vw);
		height: calc(76 / 750 * 100vw);
		background-color: #00ab4e;
		font-size: calc(20 / 750 * 100vw);
	}
	.step-feature__step > b {
		margin-top: calc(5 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.step-feature__headline-step {
		margin-left: calc(24 / 750 * 100vw);
		line-height: 1.5;
	}
	.step-feature__contents {
		padding: calc(40 / 750 * 100vw);
	}
	.step-feature__lead {
		margin-bottom: calc(16 / 750 * 100vw);
		font-size: calc(33 / 750 * 100vw);
	}
	.step-feature__lead b {
		font-size: calc(44 / 750 * 100vw);
	}
	.step-feature__notes {
		margin-right: calc(-20 / 750 * 100vw);
		margin-left: calc(-20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.step-feature__notes:not(:last-child) {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.step-feature__image.-bottom {
		margin-bottom: calc(-40 / 750 * 100vw);
	}
}

/* step-case */
.step-case {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: -60px;
	margin-left: calc(-36 / 1200 * 100%);
}

.step-case__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	-ms-flex-preferred-size: calc(376 / 1236 * 100%);
	flex-basis: calc(376 / 1236 * 100%);
	max-width: calc(376 / 1236 * 100%);
	margin-top: 70px;
	margin-left: calc(36 / 1236 * 100%);
	border: 3px solid #dcdcdc;
}

.step-case__item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% + 3px);
	border-style: solid;
	border-width: 18px 0 18px 20px;
	border-color: transparent transparent transparent #dcdcdc;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.step-case__item:nth-child(3)::before, .step-case__item:nth-child(6)::before {
	content: "";
	position: absolute;
	top: calc(100% + 3px + 32px);
	left: calc(-827 / 370 * 100% + 50%);
	height: 30px;
	border-left: 3px solid #dcdcdc;
}

.step-case__item:nth-child(3)::after, .step-case__item:nth-child(6)::after {
	top: calc(100% + 3px);
	right: calc(50% - 1px);
	left: auto;
	width: calc(827 / 370 * 100%);
	height: 35px;
	border-right: 3px solid #dcdcdc;
	border-bottom: 3px solid #dcdcdc;
	border-left: 0;
	border-top: 0;
	-webkit-transform: none;
	transform: none;
}

.step-case__item:nth-child(4)::before, .step-case__item:nth-child(7)::before {
	content: "";
	position: absolute;
	bottom: calc(100% + 3px);
	left: calc(50% - 1px);
	border-top: 20px solid #dcdcdc;
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.step-case__item:nth-child(3):last-child::before, .step-case__item:nth-child(6):last-child::before {
	content: none;
}

.step-case__header {
  min-height: 84px;
	padding: 7px 17px;
  background-color: #f0f0f0;
  display: -webkit-box;
	display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.step-case__step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #00ab4e;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.step-case__step > b {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: .8;
}

.step-case__txt-step{
  flex-basis: 228px;
  margin-left: 15px;
}

.step-case__headline-step {
	-webkit-box-flex: 1;
	-ms-flex: 1;
  flex: 1;
	color: #00ab4e;
	font-weight: 700;
	line-height: 1.2;
}

.step-case__link-step{
  display: -webkit-box;
	display: -ms-flexbox;
  display: flex;
}

.step-case__link-step a{
  font-size: 11px;
  color: #00ab4e;
  text-decoration: underline;
}

.step-case__link-step a:first-child{
  margin-right: 10px;
}

.step-case__contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 20px;
	background-color: #fff;
}

.step-case__image {
	width: 100%;
	text-align: center;
}

.step-case__image.-bottom {
	margin-bottom: -20px;
}

.step-case__text {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 10px;
	font-size: 1.4rem;
}

.step-case__link {
	margin-top: 5px;
}
.step-case__link a {
	text-decoration: underline;
}
.step-case__link a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.step-case {
		display: block;
		margin: 0 calc(50% - 50vw);
		padding: calc(30 / 750 * 100vw);
	}
	.step-case__item {
		display: block;
		max-width: none;
		margin-top: 0;
		margin-left: 0;
		border-width: 2px;
	}
	.step-case__item:not(:first-child) {
		margin-top: 15px;
	}
	.step-case__item:not(:last-child)::after {
		top: calc(100% + 2px);
		left: 50%;
		border-width: 15px 13px 0;
		border-color: #dcdcdc transparent transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.step-case__item:nth-child(3)::before, .step-case__item:nth-child(6)::before {
		content: none;
	}
	.step-case__item:nth-child(3)::after, .step-case__item:nth-child(6)::after {
		right: auto;
		left: 50%;
		width: auto;
		height: auto;
		border-style: solid;
		border-width: 15px 13px 0;
		border-color: #dcdcdc transparent transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.step-case__item:nth-child(4)::before, .step-case__item:nth-child(7)::before {
		content: none;
	}
	.step-case__header {
		min-height: auto;
		padding: calc(15 / 750 * 100vw) calc(30 / 750 * 100vw);
	}
	.step-case__step {
		width: calc(76 / 750 * 100vw);
		height: calc(76 / 750 * 100vw);
		background-color: #00ab4e;
		font-size: calc(20 / 750 * 100vw);
	}
	.step-case__step > b {
		margin-top: calc(5 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
  }
  .step-case__txt-step{
    margin-left: calc(24 / 750 * 100vw);
  }
	.step-case__headline-step {
		line-height: 1.5;
  }
  .step-case__link-step{
    margin-top: 7px;
  }
	.step-case__contents {
		padding: calc(40 / 750 * 100vw);
	}
	.step-case__image.-bottom {
		margin-bottom: calc(-40 / 750 * 100vw);
	}

	.step-case__link {
		margin-top: calc(10 / 750 * 100vw);
	}
}

/* scene */
.scene {
	margin-top: 80px;
}

.scene__text {
	margin-top: -10px;
}

.scene__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px;
}

.scene__unit.-lower {
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}

/* .scene__unit.-lower .scene__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.scene__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
} */

.scene__item:not(:first-child) {
	/* margin-left: 40px; */
}

.scene__item.-link {
	display: block;
	max-width: 550px;
	width: 45%;
}

.scene__item.-link:hover {
	text-decoration: none;
	opacity: .7;
}

.scene__item.-link:nth-child(even) {
	margin-left: 20px;
}

.scene__item.-link:nth-child(n+3) {
	margin-top: 40px;
}

.scene__btn {
	margin-top: 20px;
}

.scene__btn .btn.-submit {
	max-width: 350px;
}

@media only screen and (max-width: 767px) {
	.scene {
		display: block;
		margin-top: calc(4 / 750 * 100vw);
	}
	.scene__text {
		margin-top: calc(50 / 750 * 100vw);
	}
	.scene__unit {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: calc(40 / 750 * 100vw);
	}
	/* .scene__item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	} */
}

/* media-scene */
.media-scene {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.media-scene__image {
	width: 44%;
}

.media-scene__image img {
	display: block;
	width: 100%;
	height: auto;;
}

.media-scene__contents {
	padding-left: 32px;
	text-align: left;
}

.media-scene__headline {
	font-size: 1.8rem;
	font-weight: 700;
	color: #000;
}

.media-scene__headline > b {
	font-size: 2.4rem;
	font-weight: 700;
}

.media-scene__headline br + br {
	display: none;
}

@media only screen and (max-width: 767px) {
	.media-scene {
		display: block;
	}
	.media-scene__contents {
		margin-top: calc(10 / 750 * 100vw);
		padding-left: 0;
		text-align: center;
	}
	.media-scene__image  {
		width: 100%;
	}
	.media-scene__image img {
		width: calc(240 / 750 * 100vw);
		margin: 0 auto;
	}
	.media-scene__headline {
		font-size: calc(24 / 750 * 100vw);
	}
	.media-scene__headline > b {
		font-size: calc(36 / 750 * 100vw);
	}
	.media-scene__headline br {
		display: none;
	}
	.media-scene__headline br + br {
		display: block;
	}
}

/* area-notes */
.area-notes {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 55px calc(50vw - 50%);
}

.area-notes__list:not(:first-child) {
	margin-top: 20px;
}

.area-notes__list li {
	padding-left: 2em;
	color: #666;
	font-size: 1.2rem;
	line-height: 1.667;
	text-indent: -2em;
}

.area-notes__notes {
	margin-top: 20px;
	font-size: 1.2rem;
	color: #666;
}

.area-notes__notes dl {
	margin-top: 20px;
}

.area-notes__notes dt {
	font-weight: 500;
}

.area-notes__notes a {
	color: #666;
	pointer-events: none;
	line-height: 1.3;
}

.area-notes__notes p:not(:first-child) {
	margin-top: 20px;
}

.area-notes__btn {
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.area-notes {
		padding-top: calc(70 / 750 * 100vw);
		padding-bottom: calc(70 / 750 * 100vw);
	}
	.area-notes__list:not(:first-child) {
		margin-top: calc(50 / 750 * 100vw);
	}
	.area-notes__list li {
		color: #313131;
		font-size: calc(20 / 750 * 100vw);
	}
	.area-notes__notes {
		margin-top: calc(40 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.area-notes__notes dl {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-notes__notes a {
		pointer-events: auto;
	}
	.area-notes__notes p:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-notes__btn {
		margin-top:  calc(40 / 750 * 100vw);
	}
}

/* area-faq */
.area-faq:not(:first-child) {
	margin-top: 60px;
}

.area-faq__btn {
	margin-top: 40px;
}

.area-faq__btn a:not(:first-child) {
	margin-top: 15px;
}

.breadcrumb + .area-faq {
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.area-faq:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
	}
	.area-faq__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-faq__btn a:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.breadcrumb + .area-faq {
		margin-top: calc(40 / 750 * 100vw);
	}
}

/* list-faq */
.list-faq {
	margin-top: 20px;
	padding-top: 15px;
}

.area-faq__text + .list-faq {
	border-top: 1px solid #00ab4e;
}

.headline-border + .list-faq {
	margin-top: 0;
	border-top: 0;
}

.list-faq h2, .list-faq li, .list-faq dt, .list-faq dd {
	text-align: justify;
	text-justify: inter-ideograph;
}

.list-faq dt {
	position: relative;
	margin-bottom: 15px;
	padding: 2px 20px 0 60px;
	font-size: 1.8rem;
	font-weight: 700;
}

.list-faq dt::before {
	content: "Q.";
	position: absolute;
	top: 0;
	left: 20px;
	color: #00ab4e;
	font-size: 2.8rem;
	line-height: 1;
}

.list-faq dt:not(:first-of-type) {
	margin-top: 30px;
}

.list-faq dd {
	position: relative;
	padding: 15px 20px 15px 60px;
	border-radius: 10px;
	background-color: #f5f5f5;
}

.list-faq dd::before {
	content: "A.";
	position: absolute;
	top: 13px;
	left: 20px;
	color: #008bcc;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
}

.list-faq dd sup {
	font-size: 1.2rem;
	vertical-align: top;
}

.list-faq dd ul {
	margin-top: 10px;
}

.list-faq dd ul li:not(:first-child) {
	margin-top: 5px;
}

.list-faq dd hr {
	margin-top: 10px;
	margin-bottom: 0;
	border-top: 0;
}

.list-faq dd b {
	display: block;
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 700;
}

.list-faq dd table {
	table-layout: fixed;
	width: 100%;
	margin-top: 5px;
}

.list-faq dd table th, .list-faq dd table td {
	padding: 10px 15px;
	border: 1px solid #000;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}

.list-faq dd a[href^="tel:"] {
	color: #000;
	pointer-events: none;
}

.list-faq > h2, .list-faq > li {
	padding-bottom: 15px;
	font-size: 1.8rem;
	font-weight: 700;
	border-bottom: 1px solid #00ab4e;
}

.list-faq > h2:not(:first-child), .list-faq > li:not(:first-child) {
	margin-top: 15px;
}

.list-faq > h2 a, .list-faq > li a {
	display: block;
	position: relative;
	padding: 12px 60px 10px;
	color: #000;
}

.list-faq > h2 a::before, .list-faq > li a::before {
	content: "Q.";
	position: absolute;
	top: 10px;
	left: 20px;
	color: #00ab4e;
	font-size: 2.8rem;
	line-height: 1;
}

.list-faq > h2 a::after, .list-faq > li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 16px;
	height: 16px;
	border-top: 4px solid #00ab4e;
	border-right: 4px solid #00ab4e;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}

.list-faq > h2 a:hover, .list-faq > li a:hover {
	color: #00ab4e;
	text-decoration: none;
}

.list-faq > h2 a:hover::after, .list-faq > li a:hover::after {
	-webkit-transform: translateX(10px) translateY(-50%) rotate(45deg);
	transform: translateX(10px) translateY(-50%) rotate(45deg);
}

.list-faq__headline {
	position: relative;
	margin-bottom: 15px;
	padding: 2px 20px 0 60px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: justify;
	text-justify: inter-ideograph;
}

.list-faq__headline::before {
	content: "Q.";
	position: absolute;
	top: 0;
	left: 20px;
	color: #00ab4e;
	font-size: 2.8rem;
	line-height: 1;
}

.list-faq__headline:not(:first-of-type) {
	margin-top: 30px;
}

.list-faq__contents {
	position: relative;
	padding: 15px 20px 15px 60px;
	border-radius: 10px;
	background-color: #f5f5f5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.list-faq__contents::before {
	content: "A.";
	position: absolute;
	top: 13px;
	left: 20px;
	color: #008bcc;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
}

.list-faq__contents sup {
	font-size: 1.2rem;
	vertical-align: top;
}

.list-faq__contents ul {
	margin-top: 10px;
}

.list-faq__contents ul li:not(:first-child) {
	margin-top: 5px;
}

.list-faq__contents hr {
	margin-top: 10px;
	margin-bottom: 0;
	border-top: 0;
}

.list-faq__contents b {
	display: block;
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 700;
}

.list-faq__contents table {
	table-layout: fixed;
	width: 100%;
	margin-top: 5px;
}

.list-faq__contents table th, .list-faq__contents table td {
	padding: 10px 15px;
	border: 1px solid #000;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}

.list-faq__contents a[href^="tel:"] {
	color: #000;
	pointer-events: none;
}

.list-faq__notes {
	margin-top: 10px;
	font-size: 1.4rem;
}

.list-faq__link {
	margin-top: 10px;
}

.list-faq__list {
	margin-left: 1.5em;
}

.list-faq__list li {
	list-style: disc;
}

@media only screen and (max-width: 767px) {
	.list-faq dt {
		margin-bottom: calc(30 / 750 * 100vw);
		padding: calc(4 / 750 * 100vw) calc(30 / 750 * 100vw) 0 calc(86 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.list-faq dt::before {
		left: calc(20 / 750 * 100vw);
		font-size: calc(48 / 750 * 100vw);
	}
	.list-faq dt:not(:first-of-type) {
		margin-top: calc(50 / 750 * 100vw);
	}
	.list-faq dd {
		padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(86 / 750 * 100vw);
		border-radius: calc(20 / 750 * 100vw);
	}
	.list-faq dd::before {
		top: calc(26 / 750 * 100vw);
		left: calc(20 / 750 * 100vw);
		font-size: calc(48 / 750 * 100vw);
	}
	.list-faq dd sup {
		font-size: calc(24 / 750 * 100vw);
	}
	.list-faq dd ul {
		margin-top: calc(20 / 750 * 100vw);
	}
	.list-faq dd ul li:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.list-faq dd hr {
		margin-top: calc(20 / 750 * 100vw);
	}
	.list-faq dd b {
		margin-bottom: calc(10 / 750 * 100vw);
		font-size: calc(28 / 750 * 100vw);
	}
	.list-faq dd table {
		margin-top: calc(10 / 750 * 100vw);
	}
	.list-faq dd table th, .list-faq dd table td {
		padding: calc(4 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.list-faq dd a[href^="tel:"] {
		pointer-events: auto;
	}
	.list-faq > h2, .list-faq > li {
		padding-bottom: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.list-faq > h2:not(:first-child), .list-faq > li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.list-faq > h2 a, .list-faq > li a {
		padding: calc(14 / 750 * 100vw) calc(80 / 750 * 100vw) calc(10 / 750 * 100vw) calc(86 / 750 * 100vw);
		color: #000;
	}
	.list-faq > h2 a::before, .list-faq > li a::before {
		left: calc(20 / 750 * 100vw);
		font-size: calc(48 / 750 * 100vw);
	}
	.list-faq > h2 a::after, .list-faq > li a::after {
		right: calc(30 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		border-top-width: calc(6 / 750 * 100vw);
		border-right-width: calc(6 / 750 * 100vw);
	}
	.list-faq > h2 a:hover::after, .list-faq > li a:hover::after {
		-webkit-transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
		transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
	}
	.list-faq__notes {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.list-faq__link {
		margin-top: calc(20 / 750 * 100vw);
	}
}

/* breadcrumb */
.breadcrumb {
	margin-top: -20px;
	letter-spacing: -.4em;
	line-height: 1.2;
}

.breadcrumb > li {
	display: inline;
	font-size: 1.4rem;
	letter-spacing: normal;
}

.breadcrumb > li:not(:first-child)::before {
	content: ">";
	margin-right: .5em;
	margin-left: .5em;
}

@media only screen and (max-width: 767px) {
	.breadcrumb {
		margin-top: calc(-30 / 750 * 100vw);
	}
	.breadcrumb > li {
		font-size: calc(20 / 750 * 100vw);
	}
}

/* nav-category */
.nav-category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 1px;
}

.nav-category__item {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	margin-top: -1px;
	border: 1px solid #00ab4e;
}

.nav-category__item:nth-child(even) {
	border-left: 0;
}

.nav-category__item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	height: 100%;
	padding: 15px 50px 15px 20px;
	color: #000;
}

.nav-category__item a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 16px;
	height: 16px;
	border-top: 4px solid #00ab4e;
	border-right: 4px solid #00ab4e;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}

.nav-category__item a:hover {
	color: #00ab4e;
	text-decoration: none;
}

.nav-category__item a:hover::after {
	-webkit-transform: translateX(10px) translateY(-50%) rotate(45deg);
	transform: translateX(10px) translateY(-50%) rotate(45deg);
}

.nav-category__headline {
	font-size: 1.8rem;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.nav-category {
		display: block;
		padding-top: 0;
	}
	.nav-category__item {
		max-width: none;
		margin-top: 0;
		border: 1px solid #00ab4e;
	}
	.nav-category__item:nth-child(even) {
		border-left: 1px solid #00ab4e;
	}
	.nav-category__item:not(:first-child) {
		border-top: 0;
	}
	.nav-category__item a {
		padding: calc(20 / 750 * 100vw) calc(80 / 750 * 100vw) calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
		color: #000;
	}
	.nav-category__item a::after {
		right: calc(30 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		border-top-width: calc(6 / 750 * 100vw);
		border-right-width: calc(6 / 750 * 100vw);
	}
	.nav-category__headline {
		font-size: calc(28 / 750 * 100vw);
	}
	.nav-category__text {
		font-size: calc(24 / 750 * 100vw);
	}
}

/* area-common */
.area-common:not(:first-child) {
	margin-top: 60px;
}

.area-common__header {
	max-width: 960px;
	margin: 40px auto 0;
}

.area-common__contents {
	max-width: 750px;
	margin: 50px auto 0;
}

.area-common__lead {
	line-height: 1.8;
}

.area-common__lead:not(:first-child) {
	margin-top: 20px;
}

.area-common__text:not(:first-child) {
	margin-top: 10px;
}

.area-common__text b {
	font-weight: 700;
}

.area-common__text strong {
	color: #f10101;
	font-weight: 700;
}

.area-common__text + .area-common__notes {
	margin-top: 5px;
}

.area-common__text a {
	text-decoration: underline;
}
.area-common__text a:hover {
	text-decoration: none;
}

.area-common__btn {
	margin-top: 40px;
}

.area-common__btn a:not(:first-child) {
	margin-top: 15px;
}

.area-common__notes {
	margin-top: 20px;
}

.area-common__notes.-number li {
	padding-left: 2em;
	text-indent: -2em;
}

.area-common__notes.-number li > span {
	margin-right: .5em;
}

.area-common__notes li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem;
}

.area-common__notes b {
	color: #f10101;
	font-weight: 500;
}

.area-common__list:not(:first-child) {
	margin-top: 10px;
}

.area-common__list li {
	padding-left: 1em;
	text-indent: -1em;
}

.area-common__list-disc {
	margin-left: 1.5em;
	list-style: disc;
}

.area-common__list-disc:not(:first-child) {
	margin-top: 10px;
}

.area-common__list-disc > li:not(:first-child) {
	margin-top: 5px;
}

.area-common__list-disc + .area-common__text {
	margin-top: 20px;
}

.area-common__list-num {
	margin-left: 1.5em;
	list-style: decimal;
}

.area-common__list-num:not(:first-child) {
	margin-top: 10px;
}

.area-common__list-num > li:not(:first-child) {
	margin-top: 5px;
}

.area-common__list-num + .area-common__text {
	margin-top: 20px;
}

.area-common__contact th {
	padding-right: 1em;
	font-weight: 500;
}

.area-common__image {
	margin-top: 20px;
	text-align: center;
}

.area-common__image + .area-common__text {
	margin-top: 20px;
}

.breadcrumb + .area-common {
	margin-top: 40px;
}

.area-information + .area-common__notes {
	margin-top: 5px;
}

@media only screen and (max-width: 767px) {
	.area-common:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
	}
	.area-common__header {
		margin-top: calc(60	 / 750 * 100vw);
	}
	.area-common__contents {
		margin-top: calc(70 / 750 * 100vw);
	}
	.area-common__lead:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-common__text + .area-common__notes {
		margin-top: calc(10 / 750 * 100vw);
	}
	.area-common__text a {
		text-decoration: underline;
		pointer-events: auto;
	}
	.area-common__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-common__btn a:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-common__notes {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-common__notes li {
		font-size: calc(24 / 750 * 100vw);
	}
	.area-common__list:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-common__list > li:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.area-common__image {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-common__image + .area-common__text {
		margin-top: calc(40 / 750 * 100vw);
	}
	.breadcrumb + .area-common {
		margin-top: calc(40 / 750 * 100vw);
	}

	.area-information + .area-common__notes {
		margin-top: calc(10 / 750 * 100vw);
	}
}

/* list-common */
.list-common {
	margin-top: 20px;
	border-top: 1px solid #00ab4e;
}

.headline-border + .list-common {
	margin-top: 0;
}

.list-common li {
	text-align: justify;
	text-justify: inter-ideograph;
	border-bottom: 1px solid #00ab4e;
}

.list-common li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 12px 50px 10px 20px;
	min-height: 65px;
	color: #000;
}

.list-common li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 16px;
	height: 16px;
	border-top: 4px solid #00ab4e;
	border-right: 4px solid #00ab4e;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}

.list-common li a:hover {
	color: #00ab4e;
	text-decoration: none;
}

.list-common li a:hover::after {
	-webkit-transform: translateX(10px) translateY(-50%) rotate(45deg);
	transform: translateX(10px) translateY(-50%) rotate(45deg);
}

.list-common__headline {
	font-size: 1.8rem;
	font-weight: 700;
}

.list-common + .area-common__btn {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.list-common {
		margin-top: calc(30 / 750 * 100vw);
	}
	.list-common li {
		font-size: calc(26 / 750 * 100vw);
	}
	.list-common li a {
		padding: calc(14 / 750 * 100vw) calc(80 / 750 * 100vw) calc(10 / 750 * 100vw) calc(30 / 750 * 100vw);
		min-height: auto;
	}
	.list-common li a::after {
		right: calc(30 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		border-top-width: calc(6 / 750 * 100vw);
		border-right-width: calc(6 / 750 * 100vw);
	}
	.list-common li a:hover::after {
		-webkit-transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
		transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
	}
	.list-common__headline {
		font-size: calc(28 / 750 * 100vw);
	}
	.list-common + .area-common__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
}

/* block-common */
.block-common {
	padding: 20px 25px;
	border-radius: 10px;
	background-color: #f5f5f5;
}

.block-common:not(:first-child) {
	margin-top: 20px;
}

.block-common__headline {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: 700;
}

.block-common__list:not(:first-child) {
	margin-top: 20px;
}

.block-common__list > dt {
	font-weight: 700;
}

.block-common__list > dt:not(:first-of-type) {
	margin-top: 20px;
}

.block-common__list > dd {
	position: relative;
}

.block-common__list > dd sup {
	font-size: 1.2rem;
	vertical-align: top;
}

.block-common__list > dd ul {
	margin-top: 10px;
	margin-left: 1.5em;
}

.block-common__list > dd ul:not(:last-child) {
	margin-bottom: 10px;
}

.block-common__list > dd ul li {
	list-style: disc;
}

.block-common__list > dd ul li:not(:first-child) {
	margin-top: 5px;
}

.block-common__list > dd table {
	table-layout: fixed;
	width: 100%;
	margin-top: 5px;
}

.block-common__list > dd table th, .block-common__list > dd table td {
	padding: 10px 15px;
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center;
}

.block-common__list > dd a[href^="tel:"] {
	color: #000;
	pointer-events: none;
}

.block-common__notes {
	margin-top: 10px;
	font-size: 1.4rem;
}

.block-common__notes li span {
	display: inline-block;
	width: 24px;
	text-align: center;
}

.block-common__link {
	margin-top: 10px;
}

.block-common__sub {
	margin-top: 10px;
}

.block-common__list-plan > dt {
	position: absolute;
	font-weight: 500;
}

.block-common__list-plan > dd {
	padding-left: 9em;
}

@media only screen and (max-width: 767px) {
	.block-common {
		padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
	}
	.block-common:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.block-common__headline {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.block-common__list > dt:not(:first-of-type) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.block-common__list > dd sup {
		font-size: calc(24 / 750 * 100vw);
	}
	.block-common__list > dd ul {
		margin-top: calc(15 / 750 * 100vw);
	}
	.block-common__list > dd ul:not(:last-child) {
		margin-bottom: calc(15 / 750 * 100vw);
	}
	.block-common__list > dd ul li {
		list-style: disc;
	}
	.block-common__list > dd ul li:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.block-common__list > dd table {
		margin-top: calc(10 / 750 * 100vw);
	}
	.block-common__list > dd table th, .block-common__list > dd table td {
		padding: calc(4 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.block-common__notes {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.block-common__link {
		margin-top: calc(20 / 750 * 100vw);
	}
}

/* table-plan */
.table-plan {
	table-layout: fixed;
	width: 100%;
}

.table-plan:not(:first-child) {
	margin-top: 10px;
}

.table-plan.-column thead th {
	font-size: 1.6rem;
}

.table-plan.-column thead th span {
	font-size: 1.4rem;
}

.table-plan.-column tbody th {
	font-weight: 700;
}

.table-plan.-column tbody th, .table-plan.-column tbody td {
	border-top: 3px solid #fff;
}

.table-plan.-column .table-plan__cell b {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
}

.table-plan.-column .table-plan__price strong {
	font-size: 2.4rem;
}

.table-plan th, .table-plan td {
	padding: 10px 20px;
	line-height: 1.334;
	text-align: center;
	vertical-align: middle;
}

.table-plan th:not(:first-child), .table-plan td:not(:first-child) {
	border-left: 3px solid #fff;
}

.table-plan thead th {
	font-size: 2rem;
	font-weight: 700;
}

.table-plan thead th span {
	display: block;
	font-size: 1.6rem;
}

.table-plan__head {
	background-color: #ececec;
	color: #313131;
}

.table-plan__head.-none, .table-plan__head.-standard, .table-plan__head.-premium {
	color: #fff;
}

.table-plan__head.-none {
	background-color: #008bcc;
}

.table-plan__head.-standard {
	background-color: #00ab4e;
}

.table-plan__head.-premium {
	background-color: #fb8c00;
}

.table-plan__cell {
	background-color: #ececec;
	color: #313131;
}

.table-plan__cell.-none {
	background-color: rgba(0, 139, 204, .07);
}

.table-plan__cell.-none > span {
	color: #008bcc;
}

.table-plan__cell.-none .table-plan__price strong, .table-plan__cell.-none .table-plan__text strong {
	color: #008bcc;
}

.table-plan__cell.-standard {
	background-color: rgba(0, 171, 78, .07);
}

.table-plan__cell.-standard > span {
	color: #00ab4e;
}

.table-plan__cell.-standard .table-plan__price strong, .table-plan__cell.-standard .table-plan__text strong {
	color: #00ab4e;
}

.table-plan__cell.-premium {
	background-color: rgba(251, 140, 0, .07);
}

.table-plan__cell.-premium > span {
	color: #fb8c00;
}

.table-plan__cell.-premium .table-plan__price strong, .table-plan__cell.-premium .table-plan__text strong {
	color: #fb8c00;
}

.table-plan__cell > span {
	font-size: 2.4rem;
}

.table-plan__price {
	font-size: 2rem;
}

.table-plan__price strong {
	display: block;
	font-size: 4rem;
	font-weight: 700;
}

.table-plan__price span {
	font-size: 1.6rem;
}

.table-plan__text {
	margin-top: 10px;
}

.table-plan__text strong {
	font-size: 2.4rem;
	font-weight: 700;
}

.table-plan__text span {
	font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
	.table-plan:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.table-plan.-column th, .table-plan.-column td {
		padding-right: calc(10 / 750 * 100vw);
		padding-left: calc(10 / 750 * 100vw);
	}
	.table-plan.-column thead th {
		font-size: calc(24 / 750 * 100vw);
	}
	.table-plan.-column thead th span {
		font-size: calc(20 / 750 * 100vw);
	}
	.table-plan.-column tbody th, .table-plan.-column tbody td {
		font-size: calc(24 / 750 * 100vw);
		border-top-width: 2px;
	}
	.table-plan.-column .table-plan__cell b {
		font-size: calc(20 / 750 * 100vw);
	}
	.table-plan.-column .table-plan__price strong {
		font-size: calc(32 / 750 * 100vw);
	}
	.table-plan th, .table-plan td {
		padding: calc(10 / 750 * 100vw) 0;
	}
	.table-plan thead th {
		font-size: calc(22 / 750 * 100vw);
	}
	.table-plan thead th span {
		font-size: calc(20 / 750 * 100vw);
	}
	.table-plan__cell > span {
		font-size: calc(32 / 750 * 100vw);
	}
	.table-plan__note {
		font-size: calc(20 / 750 * 100vw);
	}
	.table-plan__price {
		font-size: calc(24 / 750 * 100vw);
	}
	.table-plan__price strong {
		font-size: calc(40 / 750 * 100vw);
	}
	.table-plan__price span {
		font-size: calc(24 / 750 * 100vw);
	}
	.table-plan__text {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.table-plan__text strong {
		font-size: calc(32 / 750 * 100vw);
	}
	.table-plan__text span {
		font-size: calc(24 / 750 * 100vw);
	}
}

/* area-information */
.area-information {
	padding: 20px 30px 25px;
	border: 1px solid #f10101;
	background-color: #fdeded;
}

.area-information:not(:first-child) {
	margin-top: 20px;
}

.area-information__headline {
	color: #f10101;
	font-size: 2rem;
	font-weight: 700;
}

.area-information__text:not(:first-child) {
	margin-top: 10px;
}

.area-information__text > b {
	color: #f10101;
}

.area-information__btn {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.area-information {
		padding: calc(30 / 750 * 100vw);
	}
	.area-information:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-information__headline {
		font-size: calc(28 / 750 * 100vw);
	}
	.area-information__text:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-information__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-information .btn.-submit {
		font-size: calc(28 / 750 * 100vw);
	}
}

/* area-column */
.area-column {
	counter-increment: count;
}

.area-column:not(:first-child) {
	margin-top: 75px;
}

.area-column__headline {
	font-weight: 700;
}

.area-column__headline.-link {
  display: inline-block;
  color: #000;
  text-decoration: underline;
}

.area-column__headline.-primary {
	position: relative;
	margin-bottom: 40px;
	padding: 30px 0 25px 50px;
	border-top: 4px solid #00ab4e;
	border-bottom: 1px solid #dcdcdc;
	font-size: 2.2rem;
}

.area-column__headline.-primary::before {
	content: counter(count);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 28px;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 2px;
	border-radius: 36px;
	background-color: #00ab4e;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
}

.area-column__headline.-primary:not(:first-child) {
	margin-top: 40px;
}

.area-column__headline.-secondary {
	position: relative;
	margin-bottom: 30px;
	padding: 5px 0 5px 25px;
	color: #00ab4e;
	font-size: 2rem;
}

.area-column__headline.-secondary::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 4px solid #00ab4e;
}

.area-column__headline.-secondary:not(:first-child) {
	margin-top: 50px;
}

.area-column__headline.-tertiary {
	margin-bottom: 10px;
	font-size: 2rem;
}

.area-column__headline.-tertiary:not(:first-child) {
	margin-top: 30px;
}

.area-column__headline.-tertiary + .area-column__image {
	margin-top: 15px;
}

.area-column__headline.-tertiary + .area-column__text {
	margin-top: 10px;
}

.area-column__headline.-tertiary a {
	color: #000;
}

.area-column__headline.-quaternary {
	color: #00ab4e;
}

.area-column__headline.-quaternary:not(:first-child) {
	margin-top: 20px;
}

.area-column__headline.-quaternary + .area-column__text {
	margin-top: 5px;
}

.area-column__image {
	margin-top: 40px;
	text-align: center;
}

.area-column__link {
	margin-top: 30px;
}

.area-column__bnr {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.area-column__bnr a:hover {
	opacity: .7;
}

.area-column__line {
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px solid #dcdcdc;
}

.area-column__text {
	line-height: 1.8;
}

.area-column__text:not(:first-child) {
	margin-top: 30px;
}

.area-column__text strong {
	color: #f10101;
	font-weight: 500;
}

.area-column__text + .area-column__text {
	margin-top: 25px;
}

.area-column__plan {
	margin-top: 10px;
}

.area-column__plan dt {
	margin-bottom: 5px;
	color: #999;
	font-weight: 700;
}

.area-column__notes {
	margin-top: 10px;
	color: #999;
	font-weight: 500;
}

.area-column__notes.-number li {
	padding-left: 2em;
	text-indent: -2em;
}

.area-column__notes.-number li > span {
	margin-right: .5em;
}

.area-column__notes li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
}

.area-column__notes b {
	color: #f10101;
	font-weight: 500;
}

.area-column__notes-table {
	margin-top: 10px;
	text-align: center;
}

.area-column__list-disc {
	margin-left: 1.5em;
	list-style: disc;
}

.area-column__list-disc:not(:first-child) {
	margin-top: 10px;
}

.area-column__list-disc > li:not(:first-child) {
	margin-top: 5px;
}

.area-column__list-disc + .area-column__text {
	margin-top: 20px;
}

.area-column__list-num {
	counter-reset: count;
}

.area-column__list-num:not(:first-child) {
	margin-top: 15px;
}

.area-column__list-num > li {
	position: relative;
	padding-left: 35px;
	font-weight: bold;
	counter-increment: count;
}

.area-column__list-num > li::before {
	content: counter(count);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background-color: #00ab4e;
	color: #fff;
	line-height: 1;
	text-align: center;
}

.area-column__list-num > li:not(:first-child) {
	margin-top: 15px;
}

.area-column__list-num > li > span {
	font-size: 1.2rem;
}

.area-column__list-num > li > sup {
	font-size: .5em;
	vertical-align: text-top;
}

.area-column__list-num + .area-column__text {
	margin-top: 20px;
}

.area-column__list-num .area-column__list-disc {
	margin-top: 10px;
}

.area-column__list-num + .area-column__notes {
	margin-top: 25px;
}

.area-column__time {
	margin-top: 40px;
	font-size: 1.4rem;
	text-align: right;
}

.area-column__table {
	width: 100%;
	margin-top: 20px;
}

.area-column__table.-fixed {
	table-layout: fixed;
}

.area-column__table th, .area-column__table td {
	padding: 10px 15px;
	border: 1px solid #000;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}

.area-column__table th {
	background-color: #ececec;
}

.area-column__table .-w15 {
	width: 15% !important;
}

.area-column__table .-w20 {
	width: 20% !important;
}

.area-column__table .-w25 {
	width: 25% !important;
}

.area-column__table .-w30 {
	width: 30% !important;
}

.area-column__table .-tal {
	text-align: left !important;
}

.area-column__table .-tar {
	text-align: right !important;
}

.area-column__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.area-column__btn:not(:first-child) {
	margin-top: 20px;
}

.area-column__btn li {
	flex: 1;
}

.area-column .list-faq {
	padding-top: 0;
}

.area-column .list-faq__headline {
	margin-bottom: 0;
	padding: 20px 35px 15px 65px;
	background-color: #ececec;
}

.area-column .list-faq__headline::before {
	top: 17px;
	left: 20px;
}

.area-column .list-faq__contents {
	padding: 20px 35px 20px 65px;
	border-radius: 0;
	background-color: #f4f4f4;
}

.area-column .list-faq__contents::before {
	top: 17px;
}

.area-column .list-faq + .area-column__line {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.area-column:not(:first-child) {
		margin-top: calc(100 / 750 * 100vw);
		margin-bottom: calc(80 / 750 * 100vw);
	}
	.area-column__headline.-primary {
		margin-bottom: calc(60 / 750 * 100vw);
		padding: calc(40 / 750 * 100vw) 0 calc(30 / 750 * 100vw) calc(70 / 750 * 100vw);
		border-top-width: 2px;
		font-size: calc(34 / 750 * 100vw);
	}
	.area-column__headline.-primary::before {
		top: calc(40 / 750 * 100vw);
		left: 0;
		width: calc(48 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
		padding-top: 0;
		font-size: calc(32 / 750 * 100vw);
	}
	.area-column__headline.-primary:not(:first-child) {
		margin-top: calc(60 / 750 * 100vw);
	}
	.area-column__headline.-secondary {
		margin-bottom: calc(40 / 750 * 100vw);
		padding: calc(10 / 750 * 100vw) 0 calc(10 / 750 * 100vw) calc(40 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.area-column__headline.-secondary::before {
		border-left-width: 2px;
	}
	.area-column__headline.-secondary:not(:first-child) {
		margin-top: calc(70 / 750 * 100vw);
	}
	.area-column__headline.-tertiary {
		margin-bottom: calc(16 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
	.area-column__headline.-tertiary:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-column__headline.-tertiary + .area-column__image, .area-column__headline.-tertiary + .area-column__text {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__headline.-quaternary:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__headline.-quaternary + .area-column__text {
		margin-top: calc(10 / 750 * 100vw);
	}
	.area-column__image {
		margin-top: calc(60 / 750 * 100vw);
  }
  .area-column__link {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-column__bnr {
		margin-top: calc(60 / 750 * 100vw);
		margin-bottom: calc(60 / 750 * 100vw);
	}
	.area-column__line {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
	}
	.area-column__text:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-column__text + .area-column__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__plan {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__plan dt {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.area-column__notes {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__notes li {
		font-size: calc(24 / 750 * 100vw);
	}
	.area-column__notes-table {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__list-disc:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__list-disc > li:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.area-column__list-disc + .area-column__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__list-num:not(:first-child) {
		margin-top: calc(24 / 750 * 100vw);
	}
	.area-column__list-num > li {
		padding-left: calc(50 / 750 * 100vw);
	}
	.area-column__list-num > li::before {
		width: calc(36 / 750 * 100vw);
		height: calc(36 / 750 * 100vw);
	}
	.area-column__list-num > li:not(:first-child) {
		margin-top: calc(24 / 750 * 100vw);
	}
	.area-column__list-num > li > span {
		font-size: calc(24 / 750 * 100vw);
	}
	.area-column__list-num + .area-column__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__list-num .area-column__list-disc {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column__list-num + .area-column__notes {
		margin-top: calc(40 / 750 * 100vw);
	}
	.area-column__time {
		margin-top: calc(60 / 750 * 100vw);
		font-size: calc(26 / 750 * 100vw);
	}
	.area-column__table {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__table th, .area-column__table td {
		padding: calc(4 / 750 * 100vw);
	}
	.area-column__table {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-column__table th, .area-column__table td {
		padding: calc(10 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.area-column__btn:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.area-column .list-faq__headline {
		padding: calc(30 / 750 * 100vw) calc(50 / 750 * 100vw) calc(20 / 750 * 100vw) calc(86 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.area-column .list-faq__headline::before {
		top: calc(26 / 750 * 100vw);
		left: calc(20 / 750 * 100vw);
		font-size: calc(48 / 750 * 100vw);
	}
	.area-column .list-faq__contents {
		padding: calc(30 / 750 * 100vw) calc(50 / 750 * 100vw) calc(30 / 750 * 100vw) calc(86 / 750 * 100vw);
	}
	.area-column .list-faq__contents::before {
		top: calc(26 / 750 * 100vw);
		left: calc(20 / 750 * 100vw);
	}
	.area-column .list-faq + .area-column__line {
		margin-top: calc(80 / 750 * 100vw);
	}
}

/* point-column */
.point-column {
	margin-top: 40px;
	border: 1px solid #dcdcdc;
	background-color: #f0f0f0;
}

.point-column__headline {
	padding: 15px;
	border-bottom: 1px solid #dcdcdc;
	color: #00ab4e;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.point-column__list {
	padding: 30px;
}

.point-column__list li {
	position: relative;
	padding-left: 37px;
}

.point-column__list li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(/oneday/resources/img/common/ic_check.svg) center center/contain no-repeat;
}

.point-column__list li:not(:first-child) {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.point-column {
		margin-top: calc(60 / 750 * 100vw);
	}
	.point-column__headline {
		padding: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.point-column__list {
		padding: calc(40 / 750 * 100vw);
	}
	.point-column__list li {
		padding-left: calc(60 / 750 * 100vw);
	}
	.point-column__list li::before {
		top: calc(2 / 750 * 100vw);
		width: calc(36 / 750 * 100vw);
		height: calc(36 / 750 * 100vw);
	}
	.point-column__list li:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
}

/* anchor */
.anchor {
	margin-top: 50px;
}

.anchor__headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 50px;
	margin-bottom: 30px;
	padding-top: 4px;
	border-bottom: 1px solid #dcdcdc;
	color: #008bcc;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}

.anchor__headline::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	border-radius: 2px;
	background-color: #dcdcdc;
}

.anchor__list {
	counter-reset: count;
}

.anchor__list > li {
	position: relative;
	padding-left: 50px;
	font-size: 2rem;
	font-weight: 700;
	counter-increment: count;
}

.anchor__list > li::before {
	content: counter(count);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -4px;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 2px;
	border-radius: 36px;
	background-color: #008bcc;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
}

.anchor__list > li:not(:first-child) {
	margin-top: 30px;
}

.anchor__list > li > a {
	text-decoration: underline;
}

.anchor__list > li > a:hover {
	text-decoration: none;
}

.anchor__list-2nd {
	margin-top: 20px;
}

.anchor__list-2nd > li {
	font-size: 1.6rem;
	font-weight: 500;
}

.anchor__list-2nd > li:not(:first-child) {
	margin-top: 5px;
}

.anchor__list-2nd > li > a {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	color: #787878;
}

.anchor__list-2nd > li > a::before {
	content: ">";
	position: absolute;
	top: 1px;
	left: 0;
	color: #008bcc;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	-webkit-transform: scale(1.15, .8) rotate(90deg);
	transform: scale(1.15, .8) rotate(90deg);
}

@media only screen and (max-width: 767px) {
	.anchor {
		margin-top: calc(70 / 750 * 100vw);
	}
	.anchor__headline {
		height: calc(70 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
		padding-top: calc(4 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.anchor__headline::before {
		height: 2px;
		border-radius: 1px;
	}
	.anchor__list > li {
		padding-left: calc(70 / 750 * 100vw);
		font-size: calc(34 / 750 * 100vw);
	}
	.anchor__list > li::before {
		top: calc(-6 / 750 * 100vw);
		width: calc(54 / 750 * 100vw);
		height: calc(54 / 750 * 100vw);
		padding-top: calc(2 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.anchor__list > li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.anchor__list-2nd {
		margin-top: calc(30 / 750 * 100vw);
	}
	.anchor__list-2nd > li {
		font-size: calc(28 / 750 * 100vw);
	}
	.anchor__list-2nd > li:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.anchor__list-2nd > li > a {
		padding-left: calc(36 / 750 * 100vw);
	}
	.anchor__list-2nd > li > a::before {
		top: calc(4 / 750 * 100vw);
		font-size: calc(34 / 750 * 100vw);
	}
}

/* area-bnr */
.area-bnr {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f5f5f5;
	text-align: center;
}
.area-bnr a:hover {
	opacity: .7;
	text-decoration: none;
}

/* nav-column */
.nav-column {
	margin-top: 20px;
}

.nav-column__item {
	border-top: 1px solid #00ab4e;
	border-bottom: 1px solid #00ab4e;
}
.nav-column__item:not(:first-child) {
	margin-top: -1px;
}

.nav-column__item a {
	display: flex;
	position: relative;
	padding: 12px 50px 12px 20px;
	color: #000;
}
.nav-column__item a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 16px;
	height: 16px;
	border-top: 4px solid #00ab4e;
	border-right: 4px solid #00ab4e;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}
.nav-column__item a:hover {
	color: #00ab4e;
	text-decoration: none;
}
.nav-column__item a:hover::after {
	-webkit-transform: translateX(10px) translateY(-50%) rotate(45deg);
	transform: translateX(10px) translateY(-50%) rotate(45deg);
}
.nav-column__item a:hover .nav-column__image img {
	opacity: .7;
}

.nav-column__image {
	flex-shrink: 0;
}

.nav-column__contents {
	flex: 1;
	margin-left: 20px;
}

.nav-column__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 16px;
	margin-bottom: 3px;
	background-color: #fb8c00;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	vertical-align: top;
}

.nav-column__headline {
	font-size: 1.8rem;
	font-weight: 700;
}

.nav-column + .area-common__btn {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.nav-column {
		margin-top: calc(30 / 750 * 100vw);
	}

	.nav-column__item a {
		display: block;
		padding: calc(24 / 750 * 100vw) calc(80 / 750 * 100vw) calc(24 / 750 * 100vw) calc(30 / 750 * 100vw);
	}
	.nav-column__item a::after {
		right: calc(30 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		border-top-width: calc(6 / 750 * 100vw);
		border-right-width: calc(6 / 750 * 100vw);
	}
	.nav-column__item a:hover::after {
		-webkit-transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
		transform: translateX(calc(10 / 750 * 100vw)) translateY(-50%) rotate(45deg);
	}

	.nav-column__image {
		text-align: center;
	}
	.nav-column__image img {
		width: 100%;
	}

	.nav-column__contents {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}

	.nav-column__label {
		width: calc(120 / 750 * 100vw);
		height: calc(32 / 750 * 100vw);
		margin-bottom: calc(4 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}

	.nav-column__headline {
		font-size: calc(28 / 750 * 100vw);
	}

	.nav-column + .area-common__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
}

/*　リスト→カードタイプ表示への変更 20230525 */
/* list-pic */
.list-pic {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
	margin-top: 60px;
}

.list-pic.-is-center {
	justify-content: center;
}

.list-pic li {
	flex-basis: calc(372 / 1200 * 100%);
    max-width: calc(372 / 1200 * 100%);
	margin-left: calc(42 / 1200 * 100%);
}

.list-pic li:nth-child(1) ,
.list-pic li:nth-child(4) ,
.list-pic li:nth-child(7) ,
.list-pic li:nth-child(10) ,
.list-pic li:nth-child(13) ,
.list-pic li:nth-child(16) {
	margin-left: 0;
}

.list-pic li:nth-child(n+4){
	margin-top: 40px;
}

.list-pic li a {
	display: block;
	height: 100%;
	border-radius: 10px;
	background-color: #f0f0f0;
	color: #000;
}

.list-pic li a:hover {
	color: #00ab4e;
    text-decoration: none;
}

.list-pic li a:hover img {
	opacity: .7;
}

.list-pic li a:hover .list-pic__headline::after {
	-webkit-transform: translateX(10px) translateY(-50%) rotate(45deg);
    transform: translateX(10px) translateY(-50%) rotate(45deg);
}

.list-pic li a img {
	border-radius: 10px 10px 0 0;
}

.list-pic .list-pic__headline {
	position: relative;
	padding: 30px 35px 30px 15px;
	font-weight: bold;
  /*height: 185px;*/
}

.list-pic .list-pic__headline::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #00ab4e;
    border-right: 3px solid #00ab4e;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s;
}

@media only screen and (max-width: 767px) {
	.list-pic {
		margin-top: 40px;
	}

	.list-pic li {
		flex-basis: 48%;
		max-width: none;
		margin-top: 0;
		margin-left: 0;
		width: 48%;
	}

	.list-pic li:nth-child(n+3){
		margin-top: 40px;
	}

	.list-pic li:nth-child(even){
		margin-left: 4%;
	}

	.list-pic .list-pic__headline {
		padding: calc(20 / 750 * 100vw) calc(80 / 750 * 100vw) calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}


	.list-pic .list-pic__headline::after {
		right: calc(30 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		border-top-width: calc(6 / 750 * 100vw);
		border-right-width: calc(6 / 750 * 100vw);
	}
}

/* link-related */
.link-related {}
.link-related:not(:first-child) {
	margin-top: 15px;
}
.link-related > div {
	display: flex;
}
.link-related dt {
	flex-shrink: 0;
	font-weight: 700;
}
.link-related dd {
	flex: 1;
}

.link-related a {
	text-decoration: underline;
}
.link-related a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.link-related:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.link-related > div {
		display: block;
	}
}

/* area-merit */
.area-merit:not(:first-child) {
	margin-top: 40px;
}

.area-merit__unit {
	display: flex;
	gap: 32px;
}

.area-merit__item {
	flex: 1;
}

.area-merit__header {
	display: flex;
	align-items: center;
	gap: 16px;
}

.area-merit__step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #00ab4e;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.area-merit__step > b {
	margin-top: 3px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: .8;
}

.area-merit__headline {
	font-size: 2.4rem;
	font-weight: 700;
}

.area-merit__image {
	overflow: hidden;
	margin-top: 20px;
	border-radius: 10px;
}
.area-merit__image img {
	aspect-ratio: 16 / 9;
}

.area-merit__text {
	margin-top: 16px;
}

@media only screen and (max-width: 767px) {
	.area-merit:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}

	.area-merit__unit {
		display: block;
		margin-top: calc(32 / 750 * 100vw);
	}

	.area-merit__item:not(:first-child) {
		margin-top: calc(32 / 750 * 100vw);
	}

	.area-merit__header {
		gap: calc(16 / 750 * 100vw);
	}

	.area-merit__step {
		width: calc(100 / 750 * 100vw);
		height: calc(100 / 750 * 100vw);
	}

	.area-merit__step > b {
		margin-top: calc(2 / 750 * 100vw);
		font-size: calc(44 / 750 * 100vw);
	}

	.area-merit__headline {
		font-size: calc(36 / 750 * 100vw);
	}

	.area-merit__image {
		margin-top: calc(20 / 750 * 100vw);
		border-radius: calc(10 / 750 * 100vw);
	}

	.area-merit__text {
		margin-top: calc(16 / 750 * 100vw);
	}
}
