@charset "UTF-8";
/*##################################################
-------------LIST-------------
 00: Reset
 01: Utility
 02: Base
 03: Animation
 04: Link
 05: Wrapper
 06: Header
 07: Contents
 08: Footer
     Component
     Project
------------------------------
##################################################*/
/* --------------------------------------------------
 00: Reset Style
 -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+JP:wght@100..900&display=swap');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6, strong, b, dt, th {
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle;
}

select {
	text-indent: .01px;
	text-overflow: "";
}

select::-ms-expand {
	display: none;
}

/* --------------------------------------------------
 01: Utility Style
 -------------------------------------------------- */
/* float */
.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

/* align */
.taL {
	text-align: left !important;
}

.taR {
	text-align: right !important;
}

.taC {
	text-align: center !important;
}

/* size */
.txXS {
	font-size: 1rem !important;
}

.txSS {
	font-size: 1.1rem !important;
}

.txS {
	font-size: 1.2rem !important;
}

.txM {
	font-size: 1.4rem !important;
}

.txL {
	font-size: 1.6rem !important;
}

.txLL {
	font-size: 1.8rem !important;
}

.txXL {
	font-size: 2rem !important;
}

/* Margin Padding */
.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

/* Clear */
.clr {
	clear: both;
}

/* display */
@media only screen and (max-width: 767px) {
	.display-pc {
		display: none;
	}
}

.display-sp {
	display: none;
}

@media only screen and (max-width: 767px) {
	.display-sp {
		display: block;
	}
}

/* --------------------------------------------------
 02: Base Style
 -------------------------------------------------- */
html {
	font-size: 62.5%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
	margin: 0 auto;
	font-family: "M PLUS Rounded 1c", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body.is-fixed {
	position: fixed;
	width: 100%;
}

body#login main {
	background-color: #f0f0f0;
	padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
	body {
		font-size: calc(28 / 750 * 100vw);
	}
	body#login main {
		padding-bottom: calc(80 / 750 * 100vw);
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-transition: .3s;
	transition: .3s;
}

img[src*="@sp."] {
	display: none;
}

@media only screen and (max-width: 767px) {
	img[src*="@pc."] {
		display: none;
	}
	img[src*="@sp."] {
		display: inline;
	}
}


/* 標準 */
:placeholder-shown {
	color: #999;
}

::-webkit-input-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
}

/* フォーカス時 */
:focus:placeholder-shown {
	color: transparent;
}

:focus::-webkit-input-placeholder {
	color: transparent;
}

:focus::-moz-placeholder {
	color: transparent;
	opacity: 1;
}

:focus:-ms-input-placeholder {
	color: transparent;
}

/* --------------------------------------------------
 03: Animation
 -------------------------------------------------- */
/* fadeIn */
@-webkit-keyframes fadeIn {
	0% {
		visibility: hidden;
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		visibility: hidden;
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* --------------------------------------------------
 04: Link Style
 -------------------------------------------------- */
a {
	color: #008bcc;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}

a:hover {
	color: #008bcc;
	text-decoration: underline;
}

/* --------------------------------------------------
 05: Wrapper Style
 -------------------------------------------------- */
.wrap {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.wrap.-narrow {
	max-width: 960px;
}

@media only screen and (max-width: 767px) {
	.wrap {
		padding-right: calc(30 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
	}
}

/* --------------------------------------------------
 06: Header Style
 -------------------------------------------------- */
.header {
	border-bottom: 1px solid #ccc;
	height: 80px;
}

.header > .wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.header__logo {
	color: #00ab4e;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
}

.header__logo a {
	color: inherit;
}

.header__logo img {
	margin: -3px -5px;
	line-height: 0;
}

.header__logo span {
	display: block;
	margin-top: 4px;
}

.header__btn {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header__login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header__login dt {
	font-size: 1.4rem;
	color: #f10101;
	text-align: center;
}

.header__login dd {
	margin-left: 10px;
}

.header__login .btn.-logout {
	width: 240px;
	height: 42px;
	border: 1px solid #a2a2a2;
	background-color: transparent;
	font-size: 1.4rem;
	color: #a2a2a2;
}

.header__login .btn.-logout > svg {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header__login .btn.-logout path {
	-webkit-transition: .3s;
	transition: .3s;
}

.header__login .btn.-logout:hover {
	background-color: #a2a2a2;
	color: #fff;
}

.header__login .btn.-logout:hover path {
	fill: #fff;
}

@media only screen and (max-width: 767px) {
	.header {
		border-top: calc(10 / 750 * 100vw) solid #00ab4e;
		height: calc(140 / 750 * 100vw);
	}
	.header__logo {
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
	}
	.header__logo img {
		width: calc(272 / 750 * 100vw);
		margin: calc(-6 / 750 * 100vw) calc(-8 / 750 * 100vw);
	}
	.header__logo > span {
		margin-top: calc(8 / 750 * 100vw);
	}
	.header__btn {
		right: calc(20 / 750 * 100vw);
	}
	.header__login {
		display: block;
		right: calc(20 / 750 * 100vw);
	}
	.header__login dt {
		font-size: calc(20 / 750 * 100vw);
	}
	.header__login dd {
		margin-top: calc(6 / 750 * 100vw);
		margin-left: 0;
	}
	.header__login .btn.-logout {
		width: calc(300 / 750 * 100vw);
		height: calc(60 / 750 * 100vw);
		min-height: auto;
		padding-top: 0;
		padding-bottom: 0;
		font-size: calc(20 / 750 * 100vw);
	}
	.header__login .btn.-logout > svg {
		left: calc(18 / 750 * 100vw);
		width: calc(36 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
	}
	.header__login .btn.-logout path {
		-webkit-transition: .3s;
		transition: .3s;
	}
	.header__login .btn.-logout:hover {
		background-color: #a2a2a2;
		color: #fff;
	}
	.header__login .btn.-logout:hover path {
		fill: #fff;
	}
}

/* --------------------------------------------------
 07: Contents Style
-------------------------------------------------- */
main {
	overflow: hidden;
}

.contents {
	position: relative;
	z-index: 3;
}

.contents.-space {
	padding-top: 60px;
	padding-bottom: 80px;
}

.contents__btn {
	margin-top: 75px;
}

.contents__btn + .contents__btn {
	margin-top: 30px;
}

.contents__btn.-narrow {
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.contents.-space {
		padding-top: calc(70 / 750 * 100vw);
		padding-bottom: calc(80 / 750 * 100vw);
	}
	.contents__btn {
		margin-top: calc(80 / 750 * 100vw);
	}
	.contents__btn + .contents__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.contents__btn.-narrow {
		margin-top: calc(60 / 750 * 100vw);
	}
}

/* contact */
.contact {
	margin: 80px calc(50% - 50vw) 0;
	padding: 40px calc(50vw - 50%);
	background-color: #f5f5f5;
}

.contact__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.contact__item {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	padding: 30px 40px;
	background-color: #fff;
}

.contact__item:not(:first-child) {
	margin-left: 40px;
}

.contact__headline {
	margin-bottom: 15px;
	font-size: 2rem;
	font-weight: bold;
}

.contact__tel {
	margin-top: 10px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1;
}

.contact__tel > a {
	position: relative;
	padding-left: 50px;
	color: #00ab4e;
	pointer-events: none;
}

.contact__tel > a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 24px;
	background: url(../../resources/img/common/ic_free.svg?Ver=20240329001) no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact__tel > a:hover {
	text-decoration: none;
}

.contact__time {
	margin-top: 5px;
	color: #999;
	font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
	.contact {
		margin-top: calc(80 / 750 * 100vw);
		padding-top: calc(40 / 750 * 100vw);
		padding-bottom: calc(40 / 750 * 100vw);
	}
	.contact__unit {
		display: block;
	}
	.contact__item {
		max-width: 100%;
		padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
	}
	.contact__item:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}
	.contact__headline {
		margin-bottom: calc(16 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
	.contact__text {
		font-size: calc(24 / 750 * 100vw);
	}
	.contact__tel {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(54 / 750 * 100vw);
	}
	.contact__tel > a {
		padding-left: calc(94 / 750 * 100vw);
		pointer-events: auto;
	}
	.contact__tel > a::before {
		width: calc(66 / 750 * 100vw);
		height: calc(39 / 750 * 100vw);
	}
	.contact__time {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		white-space: nowrap;
	}
}

/* --------------------------------------------------
 08: Footer Style
 -------------------------------------------------- */
.footer {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #ccc;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.footer {
		padding-top: calc(40 / 750 * 100vw);
		padding-bottom: calc(40 / 750 * 100vw);
	}
	.footer__logo img {
		width: calc(272 / 750 * 100vw);
	}
}

/* copyright */
.copyright {
	margin-top: 25px;
	font-size: 1.2rem;
	font-family: Meiryo, メイリオ, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
}

@media only screen and (max-width: 767px) {
	.copyright {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
}

/* --------------------------------------------------
 Component
 -------------------------------------------------- */
/* area
------------------------------ */
/* area-common */
/* area-form */
.area-form.-info {
	display: none;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.area-form.-info.is-active {
	display: block;
	-webkit-animation: fadeIn .3s ease-in-out .1s forwards;
	animation: fadeIn .3s ease-in-out .1s forwards;
}

.area-form:not(:first-child) {
	margin-top: 55px;
}

.area-form__lead {
	margin-bottom: 20px;
}

.area-form__text {
	font-size: 1.2rem;
}

.area-form__notes {
	margin-top: 30px;
	margin-bottom: -50px;
	font-size: 1.2rem;
}

.area-form__btn {
	margin-top: 75px;
}

.area-form__link {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.area-form:not(:first-child) {
		margin-top: calc(75 / 750 * 100vw);
	}
	.area-form__text {
		font-size: calc(20 / 750 * 100vw);
	}
	.area-form__notes {
		margin-top: calc(30 / 750 * 100vw);
		margin-bottom: calc(-30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.area-form__btn {
		margin-top: calc(80 / 750 * 100vw);
	}
	.area-form__link {
		margin-top: calc(20 / 750 * 100vw);
	}
}

/* headline
------------------------------ */
.headline {
	font-weight: bold;
	text-align: justify;
	text-justify: inter-ideograph;
}

.headline.-oneday {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 90px;
	margin-bottom: 30px;
	padding-left: 2px;
	border-top: 2px solid #00ab4e;
	border-bottom: 1px solid #dcdcdc;
	font-size: 2.4rem;
	font-weight: bold;
}

.headline.-oneday + .headline.-form {
	margin-top: 0;
}

.headline.-sub {
	margin-bottom: 15px;
	color: #313131;
	font-weight: bold;
}

.headline.-sub > b {
	color: #00ab4e;
	font-size: 2rem;
	font-weight: bold;
}

.headline.-step {
	position: relative;
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: bold;
}

.headline.-step:not(:first-child) {
	margin-top: 50px;
}

.headline.-step > span {
	color: #00ab4e;
}

.headline.-step > i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 43px;
	height: 25px;
	margin-left: 1em;
	background-color: #fb8c00;
	color: #fff;
	font-size: 1.4rem;
	font-style: normal;
	vertical-align: middle;
}

.headline.-step .btn.-update {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.headline.-complete {
	margin-bottom: 45px;
	padding-top: 60px;
	padding-bottom: 10px;
	border-bottom: 6px solid #00ab4e;
	font-size: 3rem;
	font-weight: bold;
}

.headline.-form {
	margin-bottom: 15px;
	font-size: 2.4rem;
}

.headline.-form:not(:first-child) {
	margin-top: 60px;
}

.headline.-common {
	position: relative;
	margin-bottom: 10px;
	font-size: 1.8rem;
}

.headline.-common:not(:first-child) {
	margin-top: 30px;
}

.headline.-common .btn.-update {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.headline.-mypage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 60px;
	margin: 0 calc(50% - 50vw) 60px;
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	background-color: #00ab4e;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
}

.headline.-mypage > a {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(50vw - 1200px / 2);
	color: #fff;
	font-size: 1.4rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.headline.-mypage > a > img {
	width: 29px;
	margin-right: 10px;
	vertical-align: middle;
}

.headline.-notfound {
	margin-bottom: 45px;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 1240px) {
	.headline.-mypage > a {
		right: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.headline.-oneday {
		height: calc(130 / 750 * 100vw);
		margin: 0 calc(50% - 50vw) calc(50 / 750 * 100vw);
		margin-left: calc(50% - 50vw);
		padding-right: calc(50vw - 50%);
		padding-left: calc(50vw - 50%);
		font-size: calc(44 / 750 * 100vw);
	}
	.headline.-sub {
		margin-top: calc(45 / 750 * 100vw);
		margin-bottom: calc(30 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.headline.-sub > b {
		font-size: calc(36 / 750 * 100vw);
	}
	.headline.-step {
		margin-bottom: calc(30 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.headline.-step:not(:first-child) {
		margin-top: calc(70 / 750 * 100vw);
	}
	.headline.-step > i {
		min-width: calc(70 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		font-size: calc(22 / 750 * 100vw);
		vertical-align: calc(6 / 750 * 100vw);
	}
	.headline.-complete {
		margin-bottom: calc(50 / 750 * 100vw);
		padding-top: calc(70 / 750 * 100vw);
		padding-bottom: calc(15 / 750 * 100vw);
		border-bottom-width: 3px;
		font-size: calc(38 / 750 * 100vw);
	}
	.headline.-form {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.headline.-form:not(:first-child) {
		margin-top: calc(60 / 750 * 100vw);
	}
	.headline.-common {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.headline.-common:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.headline.-mypage {
		height: calc(100 / 750 * 100vw);
		margin-bottom: calc(50 / 750 * 100vw);
		font-size: calc(40 / 750 * 100vw);
	}
	.headline.-mypage > a {
		right: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.headline.-mypage > a > img {
		width: calc(40 / 750 * 100vw);
		margin-right: calc(16 / 750 * 100vw);
	}
	.headline.-notfound {
		margin-bottom: calc(50 / 750 * 100vw);
		font-size: calc(38 / 750 * 100vw);
	}
}

/* text
------------------------------ */
/* text-error */
.text-error {
	color: #f10101;
	font-size: 1.4rem;
	font-weight: bold;
}

.text-error.-large {
	font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
	.text-error {
		font-size: calc(28 / 750 * 100vw);
	}
	.text-error.-large {
		font-size: calc(32 / 750 * 100vw);
	}
}

/* text-notfound */
.text-notfound {
	font-weight: bold;
	text-align: center;
}

.text-notfound.-large {
	font-size: 2.4rem;
}

@media only screen and (max-width: 767px) {
	.text-notfound.-large {
		font-size: calc(36 / 750 * 100vw);
	}
}

/* btn
------------------------------ */
/* btn */
.btn {
	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;
	width: 100%;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
}

.btn.-default {
	max-width: 580px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 50px;
	border: 1px solid #00ab4e;
	color: #00ab4e;
}

.btn.-default:hover {
	background-color: #00ab4e;
	color: #fff;
	text-decoration: none;
}

.btn.-primary {
	max-width: 320px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 50px;
	border: 2px solid #ddd;
	background-color: #fff;
	color: #008bcc;
}

.btn.-primary:hover {
	border-color: #008bcc;
	background-color: #008bcc;
	color: #fff;
	text-decoration: none;
}

.btn.-secondary {
	position: relative;
	max-width: 580px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	background-color: #01ab4f;
	color: #fff;
	cursor: pointer;
}

.btn.-secondary::before {
	content: ">";
	position: absolute;
	top: 50%;
	right: 18px;
	font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-secondary:hover {
	background-color: rgba(1, 171, 79, .7);
	text-decoration: none;
}

.btn.-submit {
	position: relative;
	max-width: 580px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	background-color: #fb8c00;
	color: #fff;
	font-size: 1.8rem;
	cursor: pointer;
}

.btn.-submit::before {
	content: ">";
	position: absolute;
	top: 50%;
	right: 18px;
	font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-submit:hover {
	background-color: rgba(251, 140, 0, .7);
	text-decoration: none;
}

.btn.-search, .btn.-update, .btn.-prev, .btn.-next {
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 40px;
	color: #fff;
	background-color: #008bcc;
	font-size: 1.6rem;
}

.btn.-search:hover, .btn.-update:hover, .btn.-prev:hover, .btn.-next:hover {
	background-color: #00ab4e;
	text-decoration: none;
}

.btn.-search {
	width: 200px;
}

.btn.-update {
	width: 120px;
}

.btn.-prev, .btn.-next {
	width: 120px;
	height: 48px;
}

.btn.-back {
	width: 120px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 50px;
	border: 1px solid #fb8c00;
	background-color: #fff;
	color: #fb8c00;
}

.btn.-back:hover {
	background-color: #fb8c00;
	color: #fff;
	text-decoration: none;
}

.btn.-gray {
	max-width: 120px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 50px;
	border: 1px solid #a2a2a2;
	color: #a2a2a2;
}

.btn.-gray:hover {
	background-color: #a2a2a2;
	color: #fff;
	text-decoration: none;
}

.btn.-return {
	max-width: 200px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	border: 1px solid #a2a2a2;
	background-color: #fff;
	color: #a2a2a2;
	cursor: pointer;
}

.btn.-return:hover {
	background-color: #a2a2a2;
	color: #fff;
	text-decoration: none;
}

.btn.-select {
	position: relative;
	height: 120px;
	border: 5px solid #fff;
	border-radius: 70px;
	color: #fff;
	font-size: 2rem;
	line-height: 1.5;
}

.btn.-select::after {
	content: ">";
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-select:hover {
	text-decoration: none;
}

.btn.-select + p {
	display: inline-block;
	position: relative;
	margin-top: 15px;
	min-height: 40px;
	padding: 10px 25px;
	border-radius: 46px;
	background-color: #fff;
	-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .15));
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, .15));
	color: #000;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	pointer-events: none;
}

.btn.-select + p::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	border-bottom: 14px solid #fff;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.btn.-select + p > b {
	font-size: 1.6rem;
	font-weight: bold;
}

.btn.-extarnal {
	position: relative;
	width: 240px;
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	border-radius: 42px;
	border: 1px solid #a2a2a2;
	color: #a2a2a2;
	font-size: 1.4rem;
	font-weight: 500;
}

.btn.-extarnal::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	background: url(../../resources/img/common/ic_external.svg?Ver=20240329001) no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s;
}

.btn.-extarnal:hover {
	background-color: #a2a2a2;
	color: #fff;
	text-decoration: none;
}

.btn.-extarnal:hover::before {
	background-image: url(../../resources/img/common/ic_external_ov.svg?Ver=20240329001);
}

.btn.-login, .btn.-logout {
	position: relative;
	max-width: 320px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}

.btn.-login > img, .btn.-logout > img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-login > img[src*="log"], .btn.-logout > img[src*="log"] {
	left: 20px;
	width: 24px;
	height: 20px;
}

.btn.-login > img[src*="cancel"], .btn.-logout > img[src*="cancel"] {
	left: 28px;
	width: 18px;
	height: 22px;
}

.btn.-login:hover, .btn.-logout:hover {
	text-decoration: none;
}

.btn.-login {
	background-color: #fb8c00;
}

.btn.-login:hover {
	background-color: rgba(251, 140, 0, .7);
}

.btn.-logout {
	background-color: #959595;
}

.btn.-logout:hover {
	background-color: rgba(149, 149, 149, .7);
}

.btn[disabled] {
	background-color: #dcdcdc;
	pointer-events: none;
}

.btn.-gotoback {
	max-width: 580px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	background-color: #fb8c00;
	color: #fff;
	text-decoration: none;
}

.btn.-gotoback:hover {
	background-color: rgba(251, 140, 0, .7);
}

.btn.-bike {
	position: relative;
	max-width: 480px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	border-radius: 50px;
	background-color: #008bcc;
	color: #fff;
	cursor: pointer;
}

.btn.-bike::before {
	content: ">";
	position: absolute;
	top: 50%;
	right: 18px;
	font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-bike:hover {
	background-color: rgba(0, 139, 204, .7);
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.btn {
		max-width: none;
	}
	.btn.-default {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.btn.-primary {
		max-width: none;
		height: calc(80 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.btn.-seconfary {
		height: auto;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
	}
	.btn.-seconfary::before {
		right: calc(20 / 750 * 100vw);
		font-size: calc(40 / 750 * 100vw);
	}
	.btn.-submit {
		height: auto;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.btn.-submit::before {
		right: calc(20 / 750 * 100vw);
		font-size: calc(44 / 750 * 100vw);
	}
	.btn.-search, .btn.-update, .btn.-prev, .btn.-next {
		height: calc(60 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.btn.-search {
		width: calc(320 / 750 * 100vw);
	}
	.btn.-update {
		width: calc(156 / 750 * 100vw);
	}
	.btn.-prev, .btn.-next {
		width: calc(200 / 750 * 100vw);
	}
	.btn.-back {
		width: calc(249 / 750 * 100vw);
		height: calc(70 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.btn.-gray {
		max-width: calc(249 / 750 * 100vw);
		height: calc(70 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.btn.-return {
		max-width: calc(400 / 750 * 100vw);
		height: calc(70 / 750 * 100vw);
	}
	.btn.-select {
		height: calc(180 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.btn.-select::after {
		right: calc(40 / 750 * 100vw);
		font-size: calc(44 / 750 * 100vw);
	}
	.btn.-select + p {
		min-height: 40px;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.btn.-select + p > b {
		font-size: calc(28 / 750 * 100vw);
	}
	.btn.-extarnal {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: calc(300 / 750 * 100vw);
		height: calc(60 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(24 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
	}
	.btn.-extarnal::before {
		right: calc(18 / 750 * 100vw);
		width: calc(20 / 750 * 100vw);
		height: calc(20 / 750 * 100vw);
	}
	.btn.-login, .btn.-logout {
		max-width: none;
		height: auto;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
	}
	.btn.-login > img[src*="log"], .btn.-logout > img[src*="log"] {
		left: calc(30 / 750 * 100vw);
		width: calc(36 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
	}
	.btn.-login > img[src*="cancel"], .btn.-logout > img[src*="cancel"] {
		left: calc(42 / 750 * 100vw);
		width: calc(27 / 750 * 100vw);
		height: calc(33 / 750 * 100vw);
	}
	.btn.-gotoback {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.btn.-bike {
		height: auto;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
	}
	.btn.-bike::before {
		right: calc(20 / 750 * 100vw);
		font-size: calc(44 / 750 * 100vw);
	}
}

/* link
------------------------------ */
.link {
	font-weight: bold;
}

.link.-question, .link.-excl {
	position: relative;
	padding-left: 30px;
}

.link.-question::before, .link.-excl::before {
	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: -2px;
	left: 0;
	width: 25px;
	height: 25px;
	padding-left: 1px;
	border-radius: 25px;
	background-color: #008bcc;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.link.-question::before {
	content: "？";
}

.link.-excl::before {
	content: "！";
}

@media only screen and (max-width: 767px) {
	.link.-question, .link.-excl {
		padding-left: calc(60 / 750 * 100vw);
	}
	.link.-question::before, .link.-excl::before {
		top: calc(-4 / 750 * 100vw);
		width: calc(50 / 750 * 100vw);
		height: calc(50 / 750 * 100vw);
		padding-left: calc(2 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
}

/* list
------------------------------ */
/* list-form */
.list-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -10px;
}

.list-form:not(:first-child) {
	margin-top: 25px;
}

.list-form li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 10px;
}

.list-form.-period {
	display: none;
	-webkit-transition: .3s;
	transition: .3s;
}

.list-form.-period br {
	display: none;
}

.list-form.-period:only-child, .list-form.-period.is-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: fadeIn .3s ease-in-out .1s forwards;
	animation: fadeIn .3s ease-in-out .1s forwards;
}

.list-form.-sex li {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 216px;
	flex: 0 1 216px;
}

.list-form.-number,
.list-form.-column2 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -10px;
	margin-left: -10px;
}

.list-form.-number {
	margin-top: -10px;
}

.list-form.-number li,
.list-form.-column2 li {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	margin-top: 10px;
}

.list-form.-number .list-form__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.list-form.-number .list-form__btn .btn.-prev {
	margin-left: 0;
}

.list-form.-number .list-form__btn .btn.-next {
	margin-right: 0;
}

.list-form.-column2 {
	margin-top: 15px;
}

.text-error + .list-form {
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	.list-form {
		margin-top: calc(-20 / 750 * 100vw);
		margin-left: calc(-20 / 750 * 100vw);
	}
	.list-form:not(:first-child) {
		margin-top: 0;
	}
	.list-form li {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: calc(20 / 750 * 100vw);
	}
	.list-form.-type {
		display: block;
	}
	.list-form.-period {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -10px;
	}
	.list-form.-period li {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-preferred-size: calc(296 / 750 * 100vw);
		flex-basis: calc(296 / 750 * 100vw);
		margin-top: 10px;
	}
	.list-form.-period br {
		display: block;
	}
	.list-form.-sex {
		margin-top: calc(-20 / 750 * 100vw);
	}
	.list-form.-number,
	.list-form.-column2 {
		display: block;
		margin-left: 0;
	}
	.list-form.-number li,
	.list-form.-column2 li {
		margin-left: 0;
	}
	.list-form.-number .list-form__btn .btn {
		-ms-flex-preferred-size: calc(200 / 750 * 100vw);
		flex-basis: calc(200 / 750 * 100vw);
	}
}

/* list-notes */
.list-notes {
	margin-top: 15px;
	font-size: 1.2rem;
}

.list-notes > li {
	padding-left: 1.25em;
	text-indent: -1.25em;
}

.list-notes > li:not(:first-child) {
	margin-top: 1px;
}

.list-notes > li b {
	color: #f10101;
	font-weight: bold;
}

.list-notes ul {
	margin-top: 5px;
	padding-left: 1.25em;
}

@media only screen and (max-width: 767px) {
	.list-notes {
		margin-top: calc(15 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.list-notes ul {
		margin-top: calc(10 / 750 * 100vw);
	}
}

/* input
------------------------------ */
/* input-radio */
.input-radio {
	position: absolute;
	opacity: 0;
}

.input-radio + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 50px;
	padding: 0 14px 1px 39px;
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	background-color: #fff;
	line-height: 1.3;
	-webkit-transition: .3s;
	transition: .3s;
}

.input-radio + label::before, .input-radio + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s;
}

.input-radio + label::before {
	left: 14px;
	width: 20px;
	height: 20px;
	border: 2px solid #dcdcdc;
	border-radius: 20px;
}

.input-radio + label::after {
	visibility: hidden;
	opacity: 0;
	left: 19px;
	width: 10px;
	height: 10px;
	background-color: #00ab4e;
	border-radius: 10px;
}

.input-radio + label span {
	font-size: 1.4rem;
}

.input-radio:checked + label {
	border-color: #00ab4e;
	color: #00ab4e;
}

.input-radio:checked + label::before {
	border-color: #00ab4e;
}

.input-radio:checked + label::after {
	visibility: visible;
	opacity: 1;
}

.input-radio.-center + label {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-right: 39px;
	text-align: center;
}

.input-radio.-line + label {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	.input-radio + label {
		height: calc(80 / 750 * 100vw);
		padding-left: calc(55 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.input-radio + label::before {
		left: calc(17 / 750 * 100vw);
		width: calc(30 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
	}
	.input-radio + label::after {
		left: calc(24 / 750 * 100vw);
		width: calc(16 / 750 * 100vw);
		height: calc(16 / 750 * 100vw);
	}
	.input-radio + label span {
		font-size: calc(20 / 750 * 100vw);
	}
	.input-radio.-center + label {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-right: 0;
		padding-left: calc(74 / 750 * 100vw);
		text-align: left;
	}
}

/* input-check */
.input-check {
	position: absolute;
	opacity: 0;
}

.input-check + label {
	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;
	max-width: 555px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 60px 1px;
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	background-color: #fff;
	color: #dcdcdc;
	line-height: 1.3;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
}

.input-check + label::before, .input-check + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transition: .3s;
	transition: .3s;
}

.input-check + label::before {
	left: 20px;
	width: 25px;
	height: 25px;
	background-color: #dcdcdc;
	border-radius: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.input-check + label::after {
	left: 26px;
	width: 14px;
	height: 8px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: translateY(-50%) translateY(-2px) rotate(-45deg);
	transform: translateY(-50%) translateY(-2px) rotate(-45deg);
}

.input-check:checked + label {
	border-color: #00ab4e;
	color: #00ab4e;
}

.input-check:checked + label::before {
	background-color: #00ab4e;
}

@media only screen and (max-width: 767px) {
	.input-check + label {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(80 / 750 * 100vw);
		padding-left: calc(80 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.input-check + label::before {
		left: calc(30 / 750 * 100vw);
		width: calc(30 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
		border-radius: calc(6 / 750 * 100vw);
	}
	.input-check + label::after {
		left: calc(36 / 750 * 100vw);
		width: calc(18 / 750 * 100vw);
		height: calc(12 / 750 * 100vw);
		-webkit-transform: translateY(-50%) translateY(calc(-2 / 750 * 100vw)) rotate(-45deg);
		transform: translateY(-50%) translateY(calc(-2 / 750 * 100vw)) rotate(-45deg);
	}
}

/* input-calendar */
.input-calendar {
	position: relative;
	width: 100%;
	max-width: 415px;
}

.input-calendar::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(../../resources/img/common/ic_calendar.png?Ver=20240329001) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s;
	pointer-events: none;
}

.input-calendar input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 50px;
	padding-right: 49px;
	padding-left: 19px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	cursor: pointer;
}

.input-calendar:hover::before {
	opacity: .7;
}

@media only screen and (max-width: 767px) {
	.input-calendar {
		max-width: none;
	}
	.input-calendar::before {
		right: calc(14 / 750 * 100vw);
		width: calc(32 / 750 * 100vw);
		height: calc(32 / 750 * 100vw);
	}
	.input-calendar input {
		height: calc(70 / 750 * 100vw);
		padding-right: calc(59 / 750 * 100vw);
		padding-left: calc(39 / 750 * 100vw);
	}
}

/* input-text */
.input-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	max-width: 415px;
	height: 50px;
	padding-right: 19px;
	padding-left: 19px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.input-text:focus {
	color: #000;
}

.input-text.-wide {
	max-width: 480px;
}

.input-text.-narrow {
	max-width: 240px;
}

.input-text.-name {
	max-width: 240px;
}

.input-text.-address01 {
	max-width: 150px;
}

.input-text.-address02 {
	max-width: 200px;
}

.input-text.-tel {
	max-width: 150px;
}

.input-text.-tel ~ .input-text.-tel.-tel {
	max-width: 200px;
}

.input-text.-year {
	max-width: 150px;
}

@media only screen and (max-width: 1200px) {
	.input-text {
		max-width: calc(415 / 1200 * 100vw);
		padding-right: 14px;
		padding-left: 14px;
	}
	.input-text.-wide {
		max-width: calc(480 / 1200 * 100vw);
	}
	.input-text.-narrow {
		max-width: calc(240 / 1200 * 100vw);
	}
	.input-text.-name {
		max-width: calc(240 / 1200 * 100vw);
	}
	.input-text.-address01 {
		max-width: calc(150 / 1200 * 100vw);
	}
	.input-text.-address02 {
		max-width: calc(200 / 1200 * 100vw);
	}
	.input-text.-tel {
		max-width: calc(140 / 1200 * 100vw);
	}
	.input-text.-tel ~ .input-text.-tel.-tel {
		max-width: calc(190 / 1200 * 100vw);
	}
	.input-text.-year {
		max-width: calc(150 / 1200 * 100vw);
	}
}

@media only screen and (max-width: 767px) {
	.input-text {
		max-width: 100%;
		height: calc(70 / 750 * 100vw);
		padding-right: calc(39 / 750 * 100vw);
		padding-left: calc(39 / 750 * 100vw);
	}
	.input-text.-wide {
		max-width: none;
	}
	.input-text.-narrow {
		max-width: none;
	}
	.input-text.-name {
		display: inline-block;
		max-width: calc(50% - 2em - calc(28 / 750 * 100vw));
	}
	.input-text.-address01, .input-text.-address02 {
		display: inline-block;
	}
	.input-text.-address01 {
		max-width: calc(200 / 750 * 100vw);
	}
	.input-text.-address02 {
		max-width: calc(340 / 750 * 100vw);
	}
	.input-text.-tel {
		display: inline-block;
		max-width: calc(150 / 750 * 100vw);
		padding-right: calc(14 / 750 * 100vw);
		padding-left: calc(14 / 750 * 100vw);
	}
	.input-text.-tel ~ .input-text.-tel.-tel {
		display: inline-block;
		max-width: calc(166 / 750 * 100vw);
	}
	.input-text.-year {
		display: inline-block;
		max-width: calc(180 / 750 * 100vw);
		padding-right: calc(14 / 750 * 100vw);
		padding-left: calc(14 / 750 * 100vw);
		vertical-align: top;
	}
}

/* input-textarea */
.input-textarea {
	width: 100%;
	max-width: 480px;
	height: 100px;
	padding: 12px 19px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.input-textarea:focus {
	color: #000;
}

@media only screen and (max-width: 767px) {
	.input-textarea {
		height: calc(140 / 750 * 100vw);
		padding: calc(24 / 750 * 100vw) calc(39 / 750 * 100vw);
	}
}

/* input-select */
.input-select {
	position: relative;
	width: 100%;
	max-width: 415px;
}

.input-select::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	border-top: 8px solid #dcdcdc;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.input-select select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 50px;
	padding-right: 19px;
	padding-left: 19px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.input-select.-year {
	max-width: 95px;
}

.input-select.-year-large {
	max-width: 210px;
}

@media only screen and (max-width: 767px) {
	.input-select {
		max-width: none;
	}
	.input-select::before {
		right: calc(19 / 750 * 100vw);
		border-top-width: calc(16 / 750 * 100vw);
		border-right-width: calc(9 / 750 * 100vw);
		border-left-width: calc(9 / 750 * 100vw);
	}
	.input-select select {
		height: calc(70 / 750 * 100vw);
		padding-right: calc(39 / 750 * 100vw);
		padding-left: calc(39 / 750 * 100vw);
	}
	.input-select.-year {
		display: inline-block;
		max-width: calc(150 / 750 * 100vw);
	}
	.input-select.-year + .input-select.-year {
		margin-left: calc(19 / 750 * 100vw);
	}
	.input-select.-year-large {
		max-width: none;
	}
}

/* modal
------------------------------ */
.modal {
	visibility: hidden;
	opacity: 0;
	position: relative;
	z-index: 3000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.modal.is-active, .modal.is-active .modal__overlay, .modal.is-active .modal__contents {
	visibility: visible;
	opacity: 1;
}

.modal.is-active .modal__contents {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.modal.-info .modal__text {
	margin-top: 40px;
	text-align: center;
}

.modal.-info .modal__btn .btn.-submit {
	max-width: 400px;
}

.modal.-confirm.is-active {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.modal.-confirm .modal__contents {
	box-sizing: content-box;
	display: flex;
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	z-index: 3;
	flex-direction: column;
	justify-content: center;
	height: calc(100% - 80px);
	padding: 40px 20px;
	background-color: transparent;
	transform: none;
}

.modal.-confirm .modal__inner {
	padding: 55px 40px 60px;
	height: auto;
	background-color: #fff;
	pointer-events: auto;
}

.modal.-coupon .modal__contents {
	padding: 0;
	background-color: transparent;
	transition: none;
}

.modal.-coupon .modal__close {
	border-color: #00ab4e;
	background-color: #00ab4e;
	color: #fff;
}

.modal.-coupon .modal__close::before,
.modal.-coupon .modal__close::after {
	background-color: #fff;
}

.modal.-coupon .modal__close:hover {
	background-color: #fff;
	color: #00ab4e;
}

.modal.-coupon .modal__close:hover::before,
.modal.-coupon .modal__close:hover::after {
	background-color: #00ab4e;
}

.modal__overlay {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	-webkit-transition: .3s .1s;
	transition: .3s .1s;
}

.modal__contents {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 50%;
	right: 20px;
	left: 20px;
	width: calc(100% - 40px);
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 55px 40px 60px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateY(15px);
	transform: translateY(-50%) translateY(15px);
	-webkit-transition: .3s .2s;
	transition: .3s .2s;
}

.modal__inner {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	height: 100%;
}

.modal__headline {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: bold;
}

.modal__headline:not(:first-child) {
	margin-top: 30px;
}

.modal__headline.-alert {
	color: #f10101;
	text-align: center;
}

.modal__headline b {
	color: #f10101;
	font-weight: bold;
}

.modal__text {
	margin-top: 15px;
}

.modal__text > p:not(:first-child), .modal__text > ul:not(:first-child) {
	margin-top: 10px;
}

.modal__text li {
	padding-left: 1.25em;
	text-indent: -1.25em;
}

.modal__text li:not(:first-child) {
	margin-top: 5px;
}

.modal__text b {
	font-weight: bold;
}

.modal__text strong {
	font-size: 2.4rem;
	font-weight: bold;
}

.modal__notes {
	margin-top: 5px;
	font-size: 1.2rem;
}

.modal__notes > b {
	color: #f10101;
	font-weight: bold;
}

.modal__notes a {
	color: #000;
	pointer-events: none;
}

.modal__area {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 640px;
}

.modal__area:not(:first-child) {
	margin-top: 25px;
}

.modal__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 35px;
}

.modal__list li {
	font-size: 1.4rem;
	text-align: center;
}

.modal__list li:not(:first-child) {
	margin-left: 70px;
}

.modal__list li > img {
	display: block;
	margin: 0 auto 15px;
}

.modal__list li > img[src*="img_entry_01"] {
	width: 160px;
}

.modal__list li > img[src*="img_entry_02"] {
	width: 143px;
}

.modal__image {
	text-align: center;
}
.modal__image:not(:first-child) {
	margin-top: 15px;
}

.modal__column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 40px;
}

.modal__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding: 14px;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	font-size: 1.4rem;
	text-align: center;
}

.modal__item:not(:first-child) {
	margin-left: 60px;
}

.modal__item:not(:first-child)::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -55px;
	width: 48px;
	height: 48px;
	background: url(../../resources/img/common/bnr_ic.png) no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.modal__item > p {
	margin-top: 10px;
}

.modal__list-notes {
	font-size: 1.4rem;
}

.modal__list-notes > dt {
	font-weight: bold;
}

.modal__list-notes > dt:not(:first-of-type) {
	margin-top: 10px;
}

.modal__list-notes > dt::after {
	content: "：";
}

.modal__list-notes > dd > dl:not(:first-child) {
	margin-top: 10px;
}

.modal__list-notes > dd dt {
	font-weight: bold;
}

.modal__list-notes > dd dt:not(:first-of-type) {
	margin-top: 5px;
}

.modal__list-notes > dd dd {
	padding-left: 1em;
}

.modal__list-notes ul {
	margin-bottom: 5px;
}

.modal__list-notes ul:not(:first-child) {
	margin-top: 5px;
}

.modal__list-notes li {
	padding-left: 1em;
	text-indent: -1em;
}

.modal__list-notes li:not(:first-child) {
	margin-top: 3px;
}

.modal__list-btn:not(:first-child) {
	margin-top: 25px;
}

.modal__list-btn li:not(:first-child) {
	margin-top: 15px;
}

.modal__label {
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px 20px;
	color: #fff;
	border-radius: 20px;
	background-color: #008bcc;
}

.modal__close {
	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;
	width: 100%;
	max-width: 200px;
	height: 50px;
	margin: 40px auto 0;
	padding-right: 39px;
	padding-left: 39px;
	border: 1px solid #00ab4e;
	border-radius: 50px;
	background-color: #fff;
	outline: 0;
	color: #00ab4e;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

.modal__close::before, .modal__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 15px;
	height: 2px;
	border-radius: 2px;
	margin: auto;
	background-color: #00ab4e;
	-webkit-transition: .3s;
	transition: .3s;
}

.modal__close::before {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.modal__close::after {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.modal__close:hover {
	background-color: #00ab4e;
	color: #fff;
}

.modal__close:hover::before, .modal__close:hover::after {
	background-color: #fff;
}

.btn + .modal__close {
	margin-top: 20px;
}

.modal__btn {
	text-align: center;
}

.modal__btn:not(:first-child) {
	margin-top: 30px;
}

.modal__btn .btn {
	max-width: 320px;
}

.modal__btn .btn:not(:first-child) {
	margin-top: 30px;
}

.modal__info {
	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;
	height: 100px;
	margin: -55px -40px 0;
	padding: 10px 15px;
	background-color: #f5f5f5;
	text-align: center;
}

.modal__info > p {
	font-size: 1.8rem;
}

.modal__info > p::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	background: url(../../resources/img/common/ic_info.svg?Ver=20240329001) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.modal__info > p > span {
	font-size: 1.4rem;
}

.modal__box {
	padding: 19px;
	border: 1px solid #dcdcdc;
	background-color: #f5f5f5;
}

.modal__box-text > span {
	color: #f10101;
}

.modal__box-list {
	margin-top: 15px;
}

.modal__box-list.-column {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 10px;
}

.modal__box-list.-column li {
	flex-basis: calc(100% / 2 - 5px);
	margin-top: 5px;
}

.modal__box-list li {
	padding-left: 1em;
	text-indent: -1em;
}

.modal__box-list li b {
	font-weight: bold;
}

.modal__box-btn {
	margin-top: 20px;
}

.modal__box-btn .input-check + label {
	max-width: 320px;
}

@media only screen and (min-width: 768px) and (max-height: 812px) {
	.modal__contents {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.modal__area {
		height: 310px;
	}
}

@media only screen and (max-width: 767px) {
	.modal.-info .modal__text {
		margin-top: calc(60 / 750 * 100vw);
	}
	.modal.-info .modal__btn .btn.-submit {
		max-width: none;
	}
	.modal.-confirm .modal__contents {
		height: calc(100% - calc(40 / 750 * 100vw));
		padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	.modal.-confirm .modal__inner {
		padding: calc(55 / 750 * 100vw) calc(40 / 750 * 100vw) calc(60 / 750 * 100vw);
	}
	.modal__contents {
		right: calc(30 / 750 * 100vw);
		left: calc(30 / 750 * 100vw);
		width: calc(100% - calc(60 / 750 * 100vw));
		padding: calc(55 / 750 * 100vw) calc(40 / 750 * 100vw) calc(60 / 750 * 100vw);
		-webkit-transform: translateY(-50%) translateY(calc(30 / 750 * 100vw));
		transform: translateY(-50%) translateY(calc(30 / 750 * 100vw));
	}
	.modal__headline {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.modal__headline:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__text.-scroll {
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		height: calc(840 / 750 * 100vw);
	}
	.modal__text strong {
		font-size: calc(36 / 750 * 100vw);
	}
	.modal__list {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: calc(40 / 750 * 100vw);
	}
	.modal__list li {
		-ms-flex-preferred-size: calc(290 / 750 * 100vw);
		flex-basis: calc(290 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.modal__list li:not(:first-child) {
		margin-left: 0;
	}
	.modal__list li > img {
		margin-bottom: calc(20 / 750 * 100vw);
	}
	.modal__list li > img[src*="img_entry_01"] {
		width: calc(200 / 750 * 100vw);
	}
	.modal__list li > img[src*="img_entry_02"] {
		width: calc(179 / 750 * 100vw);
	}
	.modal__image:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__notes {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.modal__notes a {
		pointer-events: auto;
	}
	.modal__area {
		height: calc(480 / 750 * 100vw);
	}
	.modal__area:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.modal__column {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
	}
	.modal__item {
		padding: calc(14 / 750 * 100vw) calc(4 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.modal__item:not(:first-child) {
		margin-left: calc(48 / 750 * 100vw);
	}
	.modal__item:not(:first-child)::before {
		left: calc(-44 / 750 * 100vw);
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		background-size: 100% 100%;
	}
	.modal__item > p {
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__list-notes {
		font-size: calc(24 / 750 * 100vw);
	}
	.modal__list-notes > dt:not(:first-of-type) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__list-notes > dd > dl:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__list-notes > dd dt {
		font-weight: bold;
	}
	.modal__list-notes > dd dt:not(:first-of-type) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.modal__list-notes ul {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.modal__list-notes ul:not(:first-child) {
		margin-top: calc(10 / 750 * 100vw);
	}
	.modal__list-notes li:not(:first-child) {
		margin-top: calc(6 / 750 * 100vw);
	}
	.modal__list-btn:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.modal__list-btn li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__label {
		margin-bottom: calc(30 / 750 * 100vw);
		padding: calc(4 / 750 * 100vw) calc(20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.modal__close {
		height: calc(80 / 750 * 100vw);
		margin-top: calc(80 / 750 * 100vw);
		padding-right: calc(78 / 750 * 100vw);
		padding-left: calc(78 / 750 * 100vw);
	}
	.modal__close::before, .modal__close::after {
		left: calc(30 / 750 * 100vw);
		width: calc(30 / 750 * 100vw);
	}
	.btn + .modal__close {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__btn:not(:first-child) {
		margin-top: calc(50 / 750 * 100vw);
	}
	.modal__btn .btn {
		max-width: none;
	}
	.modal__btn .btn:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.modal__info {
		height: auto;
		margin: calc(-55 / 750 * 100vw) calc(-40 / 750 * 100vw) 0;
		padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
		text-align: left;
	}
	.modal__info > p {
		position: relative;
		padding-top: calc(8 / 750 * 100vw);
		padding-left: calc(84 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.modal__info > p::before {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(64 / 750 * 100vw);
		height: calc(64 / 750 * 100vw);
		margin-right: 0;
	}
	.modal__info > p > span {
		font-size: calc(28 / 750 * 100vw);
	}
	.modal__box {
		padding: calc(18 / 750 * 100vw);
	}
	.modal__box-list {
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__box-list.-column {
		display: block;
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal__box-list.-column li {
		margin-top: calc(10 / 750 * 100vw);
	}
	.modal__box-btn {
		margin-top: calc(20 / 750 * 100vw);
	}
}

/*.price-modal */
.price-modal {
	width: 100%;
	table-layout: fixed;
}

.price-modal:not(:first-child) {
	margin-top: 20px;
}

.price-modal thead th {
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

.price-modal thead th > img {
	display: block;
	margin: 0 auto 10px;
}

.price-modal thead th > b {
	font-size: 1.8rem;
	font-weight: bold;
}

.price-modal thead th > span {
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
}

.price-modal thead th:nth-child(2) {
	width: 130px;
}

.price-modal tbody th, .price-modal tbody td {
	height: 80px;
	padding: 5px 10px;
	border: 2px solid #dcdcdc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.price-modal tbody th > span, .price-modal tbody td > span {
	font-size: 1.6rem;
}

.price-modal tbody th {
	width: 130px;
	background-color: #f0f0f0;
	font-size: 1.8rem;
}

.price-modal tbody td {
	background-color: #fff;
	font-size: 2.4rem;
}

@media only screen and (max-width: 767px) {
	.price-modal:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.price-modal thead th {
		padding-bottom: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.price-modal thead th > img {
		margin-bottom: calc(10 / 750 * 100vw);
		height: calc(84 / 750 * 100vw);
	}
	.price-modal thead th > b {
		font-size: calc(32 / 750 * 100vw);
	}
	.price-modal thead th > span {
		font-size: calc(20 / 750 * 100vw);
	}
	.price-modal thead th:nth-child(2) {
		width: calc(100 / 750 * 100vw);
	}
	.price-modal tbody th, .price-modal tbody td {
		height: calc(100 / 750 * 100vw);
		padding: calc(5 / 750 * 100vw);
	}
	.price-modal tbody th {
		width: calc(100 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.price-modal tbody th > span {
		display: block;
		font-size: calc(20 / 750 * 100vw);
	}
	.price-modal tbody td {
		font-size: calc(36 / 750 * 100vw);
	}
	.price-modal tbody td > span {
		font-size: calc(24 / 750 * 100vw);
	}
}

/*number-modal*/
.number-modal {
	margin-top: 25px;
	margin-bottom: 20px;
}

.number-modal__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.number-modal__item:not(:first-child) {
	margin-top: 15px;
}

.number-modal__headline {
	-ms-flex-item-align: center;
	align-self: center;
	-ms-flex-preferred-size: 18%;
	flex-basis: 18%;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.number-modal__image {
	margin-left: 20px;
}

.number-modal__image > img {
	max-width: none;
}

.number-modal__text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
}

.number-modal__text li:not(:first-child) {
	margin-top: 3px;
}

.number-modal__text li > span {
	font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
	.number-modal {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(30 / 750 * 100vw);
	}
	.number-modal__item {
		display: block;
	}
	.number-modal__item:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.number-modal__headline {
		font-size: calc(32 / 750 * 100vw);
	}
	.number-modal__image {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
		text-align: center;
	}
	.number-modal__image > img {
		width: 101px;
	}
	.number-modal__text {
		margin-left: 0;
	}
	.number-modal__text ul {
		margin-top: calc(20 / 750 * 100vw);
	}
	.number-modal__text li:not(:first-child) {
		margin-top: calc(6 / 750 * 100vw);
	}
	.number-modal__text li > span {
		font-size: calc(24 / 750 * 100vw);
	}
}

/* BOX
------------------------------ */
/* box-check */
.box-check {
	margin-top: 30px;
	padding: 35px;
	background-color: #f5f5f5;
	text-align: center;
}

.box-check__text {
	font-size: 1.2rem;
}

.box-check__check {
	display: inline-block;
	margin-top: 25px;
}

.box-check__check input {
	position: absolute;
	opacity: 0;
}

.box-check__check input + label {
	position: relative;
	padding-bottom: 1px;
	padding-left: 35px;
}

.box-check__check input + label::before, .box-check__check input + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transition: .3s;
	transition: .3s;
}

.box-check__check input + label::before {
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #dcdcdc;
	border-radius: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.box-check__check input + label::after {
	left: 6px;
	width: 14px;
	height: 8px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: translateY(-50%) translateY(-2px) rotate(-45deg);
	transform: translateY(-50%) translateY(-2px) rotate(-45deg);
}

.box-check__check input:checked + label::before {
	background-color: #00ab4e;
}

@media only screen and (max-width: 767px) {
	.box-check {
		margin-top: calc(30 / 750 * 100vw);
		padding: calc(40 / 750 * 100vw);
	}
	.box-check__text {
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
	}
	.box-check__check {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-check__check input {
		position: absolute;
		opacity: 0;
	}
	.box-check__check input + label {
		padding-bottom: calc(4 / 750 * 100vw);
		padding-left: calc(75 / 750 * 100vw);
	}
	.box-check__check input + label::before, .box-check__check input + label::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.box-check__check input + label::before {
		width: calc(50 / 750 * 100vw);
		height: calc(50 / 750 * 100vw);
		border-radius: calc(6 / 750 * 100vw);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.box-check__check input + label::after {
		left: calc(10 / 750 * 100vw);
		width: calc(28 / 750 * 100vw);
		height: calc(16 / 750 * 100vw);
	}
	.box-check__check input:checked + label::before {
		background-color: #00ab4e;
	}
}

/* box-gray */
.box-gray {
	padding: 39px;
	border: 1px solid #dcdcdc;
	background-color: #f5f5f5;
}

.box-gray:not(:last-child) {
	margin-top: 30px;
}

.headline + .box-gray {
	margin-top: 15px;
}

.alert-form + .box-gray {
	margin-top: 60px;
}

.box-gray.-narrow {
	padding-top: 14px;
	padding-bottom: 14px;
}

.box-gray__headline {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: bold;
}

.box-gray__headline:first-child {
	margin-top: -15px;
}

.box-gray__headline.-accordion {
	position: relative;
	margin: -14px -39px;
	padding: 14px 39px;
	cursor: pointer;
}

.box-gray__headline.-accordion > i {
	position: absolute;
	top: 50%;
	right: 19px;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	background-color: #0095da;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.box-gray__headline.-accordion > i::before, .box-gray__headline.-accordion > i::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

.box-gray__headline.-accordion > i::before {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.box-gray__headline.-accordion > i::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.box-gray__headline.-accordion.is-active > i::after {
	opacity: 0;
}

.box-gray__list-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.box-gray__list-btn:not(:first-child) {
	margin-top: 20px;
}

.box-gray__list-btn li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.box-gray__list-btn li:not(:first-child) {
	margin-left: 20px;
}

.box-gray__list-btn a {
	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;
	height: 50px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 50px;
	border: 2px solid #ddd;
	background-color: #fff;
	color: #008bcc;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.box-gray__list-btn a:hover {
	border-color: #008bcc;
	background-color: #008bcc;
	color: #fff;
	text-decoration: none;
}

.box-gray__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.box-gray__list dt, .box-gray__list dd {
	padding-top: 10px;
	padding-bottom: 10px;
}

.box-gray__list dt {
	-ms-flex-preferred-size: 310px;
	flex-basis: 310px;
	font-size: 1.8rem;
	font-weight: bold;
}

.box-gray__list dd {
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 40px;
	padding-left: 40px;
	border-left: 1px solid #dcdcdc;
	line-height: 2;
}

.box-gray__list dd > b {
	color: #f10101;
	font-weight: 500;
}

.box-gray__table {
	table-layout: fixed;
	width: 100%;
	margin-top: 15px;
	background-color: #fff;
}

.box-gray__table tr.-error th {
	background-color: #fae1e1;
}

.box-gray__table tr.-error td {
	background-color: #fdeded;
}

.box-gray__table th, .box-gray__table td {
	padding: 25px 40px;
	border: 1px solid #dcdcdc;
	word-break: break-all;
	vertical-align: middle;
}

.box-gray__table th {
	width: 45%;
	padding-right: 20px;
	background-color: #e6e6e6;
	font-weight: 500;
	text-align: left;
}

.box-gray__table a {
	text-decoration: underline;
}

.box-gray__table a:hover {
	text-decoration: none;
}

.box-gray__notes {
	margin-top: 10px;
	font-size: 1.2rem;
}

.box-gray__panel {
	display: none;
	padding-bottom: 25px;
}

.box-gray .input-text, .box-gray .input-select {
	max-width: 300px;
}

.box-gray .text-error {
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.box-gray {
		padding: calc(38 / 750 * 100vw);
	}
	.box-gray:not(:last-child) {
		margin-top: calc(60 / 750 * 100vw);
	}
	.headline + .box-gray {
		margin-top: calc(20 / 750 * 100vw);
	}
	.alert-form + .box-gray {
		margin-top: calc(80 / 750 * 100vw);
	}
	.box-gray.-narrow {
		padding-top: calc(38 / 750 * 100vw);
		padding-bottom: calc(38 / 750 * 100vw);
	}
	.box-gray__headline {
		margin-top: calc(40 / 750 * 100vw);
		margin-bottom: calc(28 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.box-gray__headline:first-child {
		margin-top: calc(-10 / 750 * 100vw);
	}
	.box-gray__headline.-accordion {
		margin: calc(-38 / 750 * 100vw);
		padding: calc(38 / 750 * 100vw);
	}
	.box-gray__headline.-accordion > i {
		right: calc(38 / 750 * 100vw);
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
	}
	.box-gray__headline.-accordion > i::before, .box-gray__headline.-accordion > i::after {
		width: calc(20 / 750 * 100vw);
		height: calc(4 / 750 * 100vw);
	}
	.box-gray__list-btn {
		display: block;
	}
	.box-gray__list-btn:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.box-gray__list-btn li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}
	.box-gray__list-btn a {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
	.box-gray__list {
		display: block;
	}
	.box-gray__list dt {
		padding-top: 0;
		padding-bottom: 0;
		font-size: calc(36 / 750 * 100vw);
		font-weight: bold;
	}
	.box-gray__list dd {
		margin-top: calc(36 / 750 * 100vw);
		padding: calc(36 / 750 * 100vw) 0 0;
		border-top: 1px solid #dcdcdc;
		border-left: 0;
		font-size: calc(30 / 750 * 100vw);
	}
	.box-gray__table {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-gray__table th, .box-gray__table td {
		display: block;
		padding: calc(24 / 750 * 100vw) calc(28 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.box-gray__table th {
		width: auto;
	}
	.box-gray__notes {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.box-gray__panel {
		padding-bottom: calc(30 / 750 * 100vw);
	}
	.box-gray .input-text, .box-gray .input-select {
		max-width: none;
	}
	.box-gray .text-error {
		margin-bottom: calc(10 / 750 * 100vw);
	}
}

/* PAGING
------------------------------ */
.paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px;
}

.paging:not(:last-child) {
	margin-bottom: 60px;
}

.paging li {
	-ms-flex-preferred-size: 120px;
	flex-basis: 120px;
}

.paging li:not(:first-child) {
	margin-left: 20px;
}

.paging a {
	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;
	width: 100%;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 50px;
	border: 1px solid #a2a2a2;
	color: #a2a2a2;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.paging a:hover {
	background-color: #a2a2a2;
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.paging {
		margin-top: calc(60 / 750 * 100vw);
	}
	.paging:not(:last-child) {
		margin-bottom: calc(70 / 750 * 100vw);
	}
	.paging li {
		-ms-flex-preferred-size: calc(200 / 750 * 100vw);
		flex-basis: calc(200 / 750 * 100vw);
	}
	.paging li:not(:first-child) {
		margin-left: calc(30 / 750 * 100vw);
	}
	.paging.-gray {
		max-width: calc(249 / 750 * 100vw);
		height: calc(70 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 750 * 100vw);
	}
}

/* picker
------------------------------ */
.picker {
	position: absolute;
	z-index: 5000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.picker--opened .picker__holder, .picker--opened .picker__frame {
	visibility: visible;
	opacity: 1;
}

.picker--opened .picker__frame {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.picker__holder, .picker__frame {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__holder {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}

.picker__frame {
	top: 50%;
	right: 20px;
	left: 20px;
	width: calc(100% - 40px);
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 40px 35px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateY(15px);
	transform: translateY(-50%) translateY(15px);
}

.picker__wrap {
	position: relative;
	height: 100%;
}

.picker__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 5px;
	border-bottom: 2px solid #dcdcdc;
}

.picker__month, .picker__year {
	font-size: 1.8rem;
	font-weight: bold;
}

.picker__month {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-left: .25em;
	font-size: 2.4rem;
}

.picker__year::after {
	content: "年";
}

.picker__nav--prev, .picker__nav--next {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__nav--prev::before, .picker__nav--next::before {
	content: "";
	position: absolute;
	top: 50%;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	cursor: pointer;
	border-radius: 100%;
	background-color: #00ab4e;
}

.picker__nav--prev {
	left: -35px;
}

.picker__nav--prev::before {
	left: calc(50% - 2px);
	border-right: 10px solid #313131;
}

.picker__nav--prev:hover::before {
	border-right-color: #fff;
}

.picker__nav--next {
	right: -35px;
}

.picker__nav--next::before {
	left: calc(50% + 2px);
	border-left: 10px solid #313131;
}

.picker__nav--next:hover::before {
	border-left-color: #fff;
}

.picker__nav--disabled:hover, .picker__nav--disabled::before, .picker__nav--disabled::before:hover {
	cursor: default;
	background: none;
	border-right-color: #ccc;
	border-left-color: #ccc;
}

.picker__table {
	width: 100%;
	table-layout: fixed;
}

.picker__table th, .picker__table td {
	text-align: center;
	vertical-align: middle;
}

.picker__table th {
	font-size: 1.4rem;
}

.picker__table time {
	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;
	height: 100%;
}

.picker__table thead th {
	height: 39px;
}

.picker__table tbody tr td:first-child {
	background-color: #ffefeb;
}

.picker__table tbody tr td:last-child {
	background-color: #eaf8ff;
}

.picker__table tbody th, .picker__table tbody td {
	height: 49px;
	border: 1px solid #dcdcdc;
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__table tbody th > div, .picker__table tbody td > div {
	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;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
}

.picker__day {
	cursor: pointer;
}

.picker__day--disabled, .picker__day--outfocus {
	color: #ddd;
	pointer-events: none;
}

.picker__day--disabled {
	background-color: #f5f5f5 !important;
}

.picker__day--outfocus {
	text-align: left;
	text-indent: -9999px;
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
	background-color: #00ab4e;
	color: #fff;
}

.picker__day--selected {
	position: relative;
	z-index: 3;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
}

.picker__day--selected::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 32px;
	height: 32px;
	margin: auto;
	border-radius: 32px;
	background-color: #00ab4e;
}

.picker__footer {
	margin-top: 30px;
}

.picker__button--close {
	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;
	width: 100%;
	max-width: 200px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 39px;
	padding-left: 39px;
	border: 1px solid #00ab4e;
	border-radius: 50px;
	background-color: #fff;
	outline: 0;
	color: #00ab4e;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__button--close::before, .picker__button--close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 15px;
	height: 2px;
	border-radius: 2px;
	margin: auto;
	background-color: #00ab4e;
	-webkit-transition: .3s;
	transition: .3s;
}

.picker__button--close::before {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.picker__button--close::after {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.picker__button--close:hover {
	background-color: #00ab4e;
	color: #fff;
}

.picker__button--close:hover::before, .picker__button--close:hover::after {
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.picker__frame {
		right: calc(30 / 750 * 100vw);
		left: calc(30 / 750 * 100vw);
		width: calc(100% - calc(60 / 750 * 100vw));
		padding: calc(30 / 750 * 100vw) calc(55 / 750 * 100vw) calc(35 / 750 * 100vw);
		-webkit-transform: translateY(-50%) translateY(calc(30 / 750 * 100vw));
		transform: translateY(-50%) translateY(calc(30 / 750 * 100vw));
	}
	.picker__header {
		padding-bottom: calc(10 / 750 * 100vw);
	}
	.picker__month, .picker__year {
		font-size: calc(36 / 750 * 100vw);
	}
	.picker__month {
		font-size: calc(48 / 750 * 100vw);
	}
	.picker__nav--prev, .picker__nav--next {
		width: calc(48 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
	}
	.picker__nav--prev::before, .picker__nav--next::before {
		border-top-width: calc(9 / 750 * 100vw);
		border-bottom-width: calc(9 / 750 * 100vw);
	}
	.picker__nav--prev {
		left: calc(-50 / 750 * 100vw);
	}
	.picker__nav--prev::before {
		left: calc(50% - calc(2 / 750 * 100vw));
		border-right-width: calc(12 / 750 * 100vw);
	}
	.picker__nav--next {
		right: calc(-50 / 750 * 100vw);
	}
	.picker__nav--next::before {
		left: calc(50% + calc(2 / 750 * 100vw));
		border-left-width: calc(12 / 750 * 100vw);
	}
	.picker__table {
		width: calc(100% - 1px);
	}
	.picker__table th {
		font-size: calc(28 / 750 * 100vw);
	}
	.picker__table thead th {
		height: calc(70 / 750 * 100vw);
	}
	.picker__table tbody th, .picker__table tbody td {
		height: calc(84 / 750 * 100vw);
	}
	.picker__day--selected::before {
		width: calc(64 / 750 * 100vw);
		height: calc(64 / 750 * 100vw);
	}
	.picker__footer {
		margin-top: calc(30 / 750 * 100vw);
	}
	.picker__button--close {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(78 / 750 * 100vw);
		padding-left: calc(78 / 750 * 100vw);
	}
	.picker__button--close::before, .picker__button--close::after {
		left: calc(30 / 750 * 100vw);
		width: calc(30 / 750 * 100vw);
	}
}

/* --------------------------------------------------
 Project
 -------------------------------------------------- */
/* --------------------------------------------------
 FORM
 -------------------------------------------------- */
/* step-car
------------------------------ */
.step-car {
	padding-top: 35px;
	padding-bottom: 40px;
}

.step-car ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.step-car li {
	position: relative;
	-ms-flex-preferred-size: calc(300 / 1200 * 100%);
	flex-basis: calc(300 / 1200 * 100%);
	color: #96deb7;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.step-car li::before {
	content: "";
	position: absolute;
	top: 17px;
	right: 50%;
	left: -50%;
	z-index: -1;
	border-top: 6px solid #96deb7;
}

.step-car li:first-child::before {
	left: 0;
}

.step-car li:first-child > span::before {
	left: 20%;
}

.step-car li:last-child::after {
	content: "";
	position: absolute;
	top: 17px;
	right: 0;
	left: 50%;
	z-index: -1;
	border-top: 6px solid #e6e6e6;
}

.step-car li > span {
	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;
	width: 40px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 40px;
	background-color: #96deb7;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
}

.step-car li > span::before {
	content: "";
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 44px;
	height: 30px;
	background: url(../../resources/img/common/ic_car.svg?Ver=20240329001) no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.step-car li.is-active {
	color: #00ab4e;
}

.step-car li.is-active::before {
	border-top-color: #00ab4e;
}

.step-car li.is-active > span {
	background-color: #00ab4e;
}

.step-car li.is-active > span::before {
	visibility: visible;
	opacity: 1;
}

.step-car li.is-active ~ li {
	color: #e6e6e6;
}

.step-car li.is-active ~ li::before {
	border-top-color: #e6e6e6;
}

.step-car li.is-active ~ li > span {
	background-color: #e6e6e6;
}

.step-car li.is-confirm::after {
	border-top-color: #00ab4e;
}

.step-car li.is-confirm > span::before {
	visibility: visible;
	opacity: 1;
	right: -10px;
	left: auto;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

@media only screen and (max-width: 767px) {
	.step-car {
		position: relative;
		z-index: 3;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding-top: calc(35 / 750 * 100vw);
		padding-bottom: calc(60 / 750 * 100vw);
		background-color: #f5f5f5;
	}
	.step-car li {
		-ms-flex-preferred-size: calc(230 / 750 * 100vw);
		flex-basis: calc(230 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.step-car li::before {
		top: calc(28 / 750 * 100vw);
		border-top-width: calc(12 / 750 * 100vw);
	}
	.step-car li:first-child > span::before {
		left: calc(10 / 750 * 100vw);
		-webkit-transform: none;
		transform: none;
	}
	.step-car li:last-child::after {
		top: calc(28 / 750 * 100vw);
		border-top-width: calc(12 / 750 * 100vw);
	}
	.step-car li > span {
		width: calc(60 / 750 * 100vw);
		height: calc(60 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.step-car li > span::before {
		top: auto;
		bottom: calc(-62 / 750 * 100vw);
		left: 50%;
		width: calc(74 / 750 * 100vw);
		height: calc(33 / 750 * 100vw);
	}
	.step-car li.is-confirm > span::before {
		right: calc(20 / 750 * 100vw);
		left: auto;
	}
}

/* box-form */
.box-form {
	padding: 39px;
	border: 1px solid #dcdcdc;
	background-color: #f5f5f5;
}

.box-form.-mail {
	border-color: #00ab4e;
	background-color: rgba(0, 171, 78, .07);
}

.box-form.-error {
	background-color: #fdeded;
}

.box-form.-error .info-unit__list dt {
	padding-top: 26px;
}

.box-form__headline-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.box-form__headline-group:not(:first-child) {
	margin-top: 35px;
}

.box-form__headline {
	color: #00ab4e;
	font-weight: bold;
}

.box-form__headline:not(:first-child) {
	margin-top: 35px;
}

.box-form__headline.-small {
	font-size: 1.4rem;
}

.box-form__headline + .box-form__text {
	margin-top: 15px;
}

.box-form__text + .box-form__text {
	margin-top: 15px;
}

.box-form__text a {
	text-decoration: underline;
}

.box-form__text a:hover {
	text-decoration: none;
}

.box-form__text > b {
	font-weight: bold;
}

.box-form__text > span {
	color: #f10101;
}

.box-form__text.-small {
	font-size: 1.4rem;
}

.box-form__list-number {
	counter-reset: count;
}

.box-form__list-number:not(:first-child) {
	margin-top: 15px;
}

.box-form__list-number li {
	counter-increment: count;
	padding-left: 1.25em;
	text-indent: -1.25em;
}

.box-form__list-number li::before {
	content: counter(count) ". ";
	color: #00ab4e;
}

.box-form__list-number li:not(:first-child) {
	margin-top: 10px;
}

.box-form__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: 5px;
}

.box-form__list li {
	-ms-flex-preferred-size: calc(100% / 3);
	flex-basis: calc(100% / 3);
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

.box-form__list li::before {
	content: "・";
}

.box-form__list li > span {
	font-size: 1.2rem;
}

.box-form__box {
	margin-top: 10px;
	padding: 29px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	color: #666;
	line-height: 1.715;
}

.box-form__inner {
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	height: 6em;
}

.box-form__btn:not(:first-child) {
	margin-top: 40px;
}

.box-form__notes {
	margin-top: 15px;
	font-size: 1.2rem;
	text-align: center;
}

.box-form__paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.box-form__paging:not(:first-child) {
	margin-top: 25px;
}

.box-form__paging li:not(:first-child) {
	margin-left: 20px;
}

.alert-form + .box-form, .area-form__text + .box-form {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.box-form {
		padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw);
	}
	.box-form.-error .info-unit__list dt {
		padding-top: 0;
	}
	.box-form__headline-group {
		display: block;
	}
	.box-form__headline-group:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__headline:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__headline.-small {
		font-size: calc(24 / 750 * 100vw);
	}
	.box-form__headline + .box-form__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__text + .box-form__text {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__text.-small {
		font-size: calc(24 / 750 * 100vw);
	}
	.box-form__list-number:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__list-number li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.box-form__list {
		margin-top: calc(10 / 750 * 100vw);
	}
	.box-form__list li {
		-ms-flex-preferred-size: calc(100% / 2);
		flex-basis: calc(100% / 2);
		margin-top: calc(10 / 750 * 100vw);
		padding-left: 0;
		text-indent: 0;
		font-size: calc(24 / 750 * 100vw);
	}
	.box-form__list li > span {
		display: block;
		font-size: calc(20 / 750 * 100vw);
		margin-left: 1em;
	}
	.box-form__box {
		margin-top: calc(20 / 750 * 100vw);
		padding: calc(28 / 750 * 100vw);
	}
	.box-form__inner {
		height: 10em;
	}
	.box-form__btn:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.box-form__notes {
		margin-top: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
	}
	.box-form__paging:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.box-form__paging li:not(:first-child) {
		margin-left: calc(20 / 750 * 100vw);
	}
	.alert-form + .box-form, .area-form__text + .box-form {
		margin-top: calc(40 / 750 * 100vw);
	}
}

/* info-unit */
.info-unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.info-unit__image {
	-ms-flex-item-align: center;
	align-self: center;
	-ms-flex-preferred-size: 260px;
	flex-basis: 260px;
	text-align: center;
}

.info-unit__image > img {
	width: 229px;
}

.info-unit__list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 40px;
	padding-left: 41px;
	border-left: 1px solid #dcdcdc;
}

.info-unit__list > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.info-unit__list > div:not(:first-child) {
	margin-top: 10px;
}

.info-unit__list > div.-multi {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.info-unit__list > div.-multi dt {
	margin-top: 15px;
}

.info-unit__list > div.-multi dd {
	display: block;
}

.info-unit__list dt {
	position: relative;
	-ms-flex-preferred-size: 160px;
	flex-basis: 160px;
	padding-right: 70px;
	font-weight: bold;
}

.info-unit__list dt > b {
	color: #00ab4e;
}

.info-unit__list dt > span {
	display: block;
	margin-top: 5px;
	font-size: 1.2rem;
}

.info-unit__list dt > i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-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: 50%;
	right: 20px;
	min-width: 43px;
	height: 25px;
	background-color: #fb8c00;
	color: #fff;
	font-size: 1.4rem;
	font-style: normal;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-unit__list dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.info-unit__list dd > span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 15px;
	font-size: 1.2rem;
}

.info-unit__list .input-text {
	-ms-flex-preferred-size: 150px;
	flex-basis: 150px;
	max-width: 150px;
}

.info-unit__list .input-select {
	-ms-flex-preferred-size: 300px;
	flex-basis: 300px;
	max-width: 300px;
}

.info-unit__list .input-select:not(:first-child) {
	margin-top: 10px;
}

.info-unit__text {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-bottom: 5px;
}

.info-unit__link {
	margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
	.info-unit {
		display: block;
	}
	.info-unit__list {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.info-unit__image > img {
		width: calc(343 / 750 * 100vw);
	}
	.info-unit__list {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	.info-unit__list > div {
		display: block;
	}
	.info-unit__list > div:not(:first-child) {
		margin-top: calc(50 / 750 * 100vw);
	}
	.info-unit__list > div.-multi dt {
		margin-top: 0;
	}
	.info-unit__list dt {
		padding-right: 0;
	}
	.info-unit__list dt > span {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.info-unit__list dt > i {
		position: static;
		min-width: calc(70 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		margin-left: 1em;
		font-size: calc(22 / 750 * 100vw);
		vertical-align: calc(6 / 750 * 100vw);
		-webkit-transform: none;
		transform: none;
	}
	.info-unit__list dd {
		margin-top: calc(14 / 750 * 100vw);
	}
	.info-unit__list dd > span {
		margin-left: calc(20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.info-unit__list .input-text {
		max-width: calc(230 / 750 * 100vw);
	}
	.info-unit__list .input-select {
		max-width: none;
	}
	.info-unit__list .input-select:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.info-unit__text {
		margin-bottom: calc(10 / 750 * 100vw);
	}
}

/* input-unit */
.input-unit {
	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;
	margin-top: -15px;
	margin-left: -15px;
}

.input-unit > * {
	margin-top: 15px;
	margin-left: 15px;
}

.input-unit + .input-unit {
	margin-top: 5px;
}

.input-unit__notes {
	font-size: 1.2rem;
}

.input-unit__notes > b {
	color: #f10101;
	font-weight: bold;
}

.input-unit__text {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-bottom: -10px;
}

.input-unit__hyphen, .input-unit__year, .input-unit__conect {
	margin-left: 10px;
	margin-right: -5px;
}

.input-unit__conect {
	width: 2em;
	text-align: center;
}

.input-unit__conect:first-child {
	margin-left: 0;
}

.input-unit__address {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 0;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

@media only screen and (max-width: 767px) {
	.input-unit {
		display: block;
		margin-top: calc(-25 / 750 * 100vw);
		margin-left: 0;
	}
	.input-unit > * {
		margin-top: calc(25 / 750 * 100vw);
		margin-left: 0;
	}
	.input-unit + .input-unit {
		margin-top: calc(40 / 750 * 100vw);
	}
	.input-unit__notes {
		font-size: calc(20 / 750 * 100vw);
		text-align: right;
	}
	.input-unit__link {
		margin-top: calc(20 / 750 * 100vw);
	}
	.input-unit__text {
		margin-bottom: calc(-15 / 750 * 100vw);
	}
	.input-unit__hyphen, .input-unit__year, .input-unit__conect {
		display: inline-block;
		margin-left: calc(8 / 750 * 100vw);
		margin-right: calc(8 / 750 * 100vw);
	}
	.input-unit__hyphen, .input-unit__conect {
		vertical-align: middle;
	}
	.input-unit__address {
		margin-top: calc(20 / 750 * 100vw);
		margin-bottom: 0;
		padding-right: calc(39 / 750 * 100vw);
		padding-left: calc(39 / 750 * 100vw);
	}
}

/* table-form */
.table-form:not(:first-child) {
	margin-top: 15px;
}

.table-form table {
	width: 100%;
}

.table-form tr.-error th {
	background-color: #fae1e1;
}

.table-form tr.-error td {
	background-color: #fdeded;
}

.table-form th, .table-form td {
	padding: 39px;
	border: 1px solid #dcdcdc;
	vertical-align: middle;
	-webkit-transition: .3s;
	transition: .3s;
}

.table-form th > span, .table-form td > span {
	font-size: 1.2rem;
}

.table-form th {
	position: relative;
	z-index: -1;
	width: 300px;
	padding-left: 29px;
	padding-right: 69px;
	border-right: 0;
	background-color: #f5f5f5;
	font-weight: bold;
	text-align: left;
	-webkit-transition: .3s;
	transition: .3s;
}

.table-form th > span {
	display: block;
	font-weight: 500;
}

.table-form th > em {
	font-style: normal;
}

.table-form th .btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100px;
	margin-left: 15px;
}

.table-form td {
	border-left: 0;
	word-break: break-all;
}

.table-form td > b {
	font-size: 2.4rem;
	color: #00ab4e;
	font-weight: bold;
}

.table-form__text {
	margin-bottom: 5px;
}

.table-form__error {
	display: inline-block;
	margin-left: 1em;
	font-size: 1.4rem !important;
}

.table-form__error > b {
	color: #f10101;
	font-weight: bold;
}

.table-form__icon {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-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: 50%;
	right: 20px;
	width: 45px;
	height: 25px;
	background-color: #fb8c00;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.table-form__list-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
}

.table-form__list-btn li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.table-form__list-btn li:not(:first-child) {
	margin-left: 20px;
}

.table-form__list-btn li .btn {
	width: auto;
}

@media only screen and (max-width: 1200px) {
	.table-form th, .table-form td {
		padding: 24px;
	}
	.table-form th {
		width: 270px;
	}
	.table-form th > span {
		margin-top: calc(5 / 750 * 100vw);
	}
}

@media only screen and (max-width: 767px) {
	.table-form:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.table-form tr:not(:first-child) th {
		border-top: 0;
	}
	.table-form th, .table-form td {
		display: block;
		padding: calc(39 / 750 * 100vw);
	}
	.table-form th > span, .table-form td > span {
		margin-top: calc(5 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.table-form th {
		position: relative;
		width: auto;
		padding-left: calc(39 / 750 * 100vw);
		padding-right: calc(39 / 750 * 100vw);
		border-right: 1px solid #dcdcdc;
		border-bottom: 0;
	}
	.table-form th .btn {
		position: absolute;
		top: 50%;
		right: calc(39 / 750 * 100vw);
		width: calc(180 / 750 * 100vw);
		margin-left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.table-form td {
		border-left: 1px solid #dcdcdc;
		border-top: 0;
	}
	.table-form td > b {
		font-size: calc(44 / 750 * 100vw);
	}
	.table-form__text {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.table-form__error {
		display: block;
		margin-left: 0;
		font-size: calc(28 / 750 * 100vw) !important;
	}
	.table-form__icon {
		position: static;
		width: calc(70 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		margin-top: 0 !important;
		margin-left: calc(30 / 750 * 100vw);
		font-size: calc(22 / 750 * 100vw);
		vertical-align: middle;
		-webkit-transform: none;
		transform: none;
	}
	.table-form__list-btn {
		display: block;
		margin-top: calc(30 / 750 * 100vw);
	}
	.table-form__list-btn li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}
}

/* list-plan */
.list-plan > li:not(:first-child) {
	margin-top: 30px;
}

.list-plan__notes {
	margin-top: 7px;
	font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
	.list-plan > li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.list-plan__notes {
		margin-top: calc(14 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
}

/* input-plan */
.input-plan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	background-color: #fff;
}

.input-plan input {
	opacity: 0;
	position: absolute;
}

.input-plan input + label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

.input-plan input:checked + label {
	border-width: 4px;
}

.input-plan input:checked ~ .input-plan__header::after {
	visibility: visible;
	opacity: 1;
}

.input-plan.-none input + label {
	border-color: #008bcc;
}

.input-plan.-none input:checked ~ .input-plan__header::before {
	border-color: #008bcc;
}

.input-plan.-none .input-plan__header {
	background-color: rgba(0, 139, 204, .07);
}

.input-plan.-none .input-plan__header::after {
	background-color: #008bcc;
}

.input-plan.-none .input-plan__price > strong {
	color: #008bcc;
}

.input-plan.-none .input-plan__image {
	background-color: rgba(0, 139, 204, .07);
}

.input-plan.-none .input-plan__image g {
	fill: #008bcc;
}

.input-plan.-standard input + label {
	border-color: #00ab4e;
}

.input-plan.-standard input:checked ~ .input-plan__header::before {
	border-color: #00ab4e;
}

.input-plan.-standard .input-plan__header {
	background-color: rgba(0, 171, 78, .07);
}

.input-plan.-standard .input-plan__header::after {
	background-color: #00ab4e;
}

.input-plan.-standard .input-plan__price > strong {
	color: #00ab4e;
}

.input-plan.-standard .input-plan__image {
	background-color: rgba(0, 171, 78, .07);
}

.input-plan.-standard .input-plan__image g {
	fill: #00ab4e;
}

.input-plan.-premium input + label {
	border-color: #fb8c00;
}

.input-plan.-premium input:checked ~ .input-plan__header::before {
	border-color: #fb8c00;
}

.input-plan.-premium .input-plan__header {
	background-color: rgba(251, 140, 0, .07);
}

.input-plan.-premium .input-plan__header::after {
	background-color: #fb8c00;
}

.input-plan.-premium .input-plan__price > strong {
	color: #fb8c00;
}

.input-plan.-premium .input-plan__image {
	background-color: rgba(251, 140, 0, .07);
}

.input-plan.-premium .input-plan__image g {
	fill: #fb8c00;
}

.input-plan.-disabled {
	pointer-events: none;
}

.input-plan.-disabled::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, .7);
}

.input-plan.-disabled .input-plan__caution {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.input-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;
	position: relative;
	-ms-flex-preferred-size: 370px;
	flex-basis: 370px;
	max-width: 370px;
	padding-left: 80px;
}

.input-plan__header::before, .input-plan__header::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s;
}

.input-plan__header::before {
	left: 33px;
	width: 30px;
	height: 30px;
	border: 3px solid #ccc;
	border-radius: 30px;
	background-color: #fff;
}

.input-plan__header::after {
	visibility: hidden;
	opacity: 0;
	left: 40px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: #ccc;
}

.input-plan__headline {
	font-size: 2.4rem;
	font-weight: bold;
}

.input-plan__headline > b {
	font-weight: bold;
}

.input-plan__headline > span {
	display: block;
	font-size: 1.6rem;
}

.input-plan__headline sup {
	font-size: 60%;
	vertical-align: top;
}

.input-plan__price {
	margin-top: 10px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}

.input-plan__price > strong {
	font-size: 4rem;
	font-weight: bold;
}

.input-plan__price > strong > span {
	font-size: 2rem;
}

.input-plan__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 35px 40px;
}

.input-plan__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -20px;
}

.input-plan__list li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
	color: #008bcc;
	text-align: center;
}

.input-plan__list li > img {
	display: block;
	margin-bottom: 5px;
}

.input-plan__list li.is-disable {
	color: #999;
}

.input-plan__list li.is-disable .input-plan__image {
	background-color: #e6e6e6;
}

.input-plan__list li.is-disable .input-plan__image g {
	fill: #fff;
}

.input-plan__image {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	border-radius: 100%;
	background-color: #ccc;
}

.input-plan__image::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.input-plan__image svg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.input-plan__caution {
	display: none;
	-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;
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 15;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}

.input-plan__caution > span {
	margin-top: 5px;
	font-size: 1.6rem;
}

@media only screen and (max-width: 1000px) {
	.input-plan__header {
		-ms-flex-preferred-size: 340px;
		flex-basis: 340px;
		max-width: 340px;
		padding-left: 40px;
		padding-right: 15px;
	}
	.input-plan__header::before {
		left: 8px;
	}
	.input-plan__header::after {
		left: 15px;
	}
	.input-plan__contents {
		padding: 25px 30px;
	}
	.input-plan__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -10px;
		margin-left: -10px;
	}
	.input-plan__list li {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-preferred-size: calc(100% / 3 - 10px);
		flex-basis: calc(100% / 3 - 10px);
		margin-top: 10px;
		margin-left: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.input-plan {
		display: block;
	}
	.input-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(80 / 750 * 100vw);
	}
	.input-plan__header::before {
		left: calc(20 / 750 * 100vw);
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		border-width: 2px;
	}
	.input-plan__header::after {
		left: calc(28 / 750 * 100vw);
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
	}
	.input-plan__headline {
		font-size: calc(18 / 750 * 100vw);
	}
	.input-plan__headline > b {
		font-size: calc(26 / 750 * 100vw);
	}
	.input-plan__headline > span {
		font-size: calc(18 / 750 * 100vw);
	}
	.input-plan__price {
		margin-top: 0;
		font-size: calc(20 / 750 * 100vw);
	}
	.input-plan__price > strong {
		font-size: calc(38 / 750 * 100vw);
	}
	.input-plan__price > strong > span {
		font-size: calc(20 / 750 * 100vw);
	}
	.input-plan__contents {
		padding: calc(40 / 750 * 100vw);
	}
	.input-plan__list {
		margin-top: calc(-30 / 750 * 100vw);
		margin-left: calc(-28 / 750 * 100vw);
	}
	.input-plan__list li {
		-ms-flex-preferred-size: calc(162 / 750 * 100vw);
		flex-basis: calc(162 / 750 * 100vw);
		margin-top: calc(30 / 750 * 100vw);
		margin-left: calc(28 / 750 * 100vw);
		font-size: calc(22 / 750 * 100vw);
	}
	.input-plan__list li > img {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.input-plan__image {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.input-plan__caution {
		top: calc(40 / 750 * 100vw);
		right: calc(40 / 750 * 100vw);
		bottom: calc(40 / 750 * 100vw);
		left: calc(40 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.input-plan__caution > span {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
}

/* alert-form */
.alert-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-height: 36px;
	margin-top: 20px;
	padding-left: 55px;
	color: #f10101;
	font-weight: bold;
}

.alert-form::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 36px;
	background: url(../../resources/img/common/ic_alert.png?Ver=20240329001) no-repeat;
	background-size: 100% 100%;
}

@media only screen and (max-width: 767px) {
	.alert-form {
		min-height: calc(54 / 750 * 100vw);
		margin-top: calc(30 / 750 * 100vw);
		padding-left: calc(82 / 750 * 100vw);
	}
	.alert-form::before {
		width: calc(63 / 750 * 100vw);
		height: calc(54 / 750 * 100vw);
	}
}

/* flow-entry */
.flow-entry {
	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;
	counter-reset: count;
}

.flow-entry__item {
	-ms-flex-preferred-size: calc(376 / 1200 * 100%);
	flex-basis: calc(376 / 1200 * 100%);
	position: relative;
	counter-increment: count;
}

.flow-entry__item.-step01::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	border-style: solid;
	border-width: 17px 0 17px 20px;
	border-color: transparent #dcdcdc;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow-entry__item.-step02 {
	-ms-flex-preferred-size: calc(788 / 1200 * 100%);
	flex-basis: calc(788 / 1200 * 100%);
}

.flow-entry__item.-step03::before {
	content: "";
	position: absolute;
	bottom: calc(100% + 15px);
	left: 50%;
	border-style: solid;
	border-width: 20px 17px 0 17px;
	border-color: #dcdcdc transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.flow-entry__item.-step03 .flow-entry__contents {
	padding: 0;
}

.flow-entry__item.-step04 {
	-ms-flex-item-align: center;
	align-self: center;
	-ms-flex-preferred-size: calc(788 / 1200 * 100%);
	flex-basis: calc(788 / 1200 * 100%);
}

.flow-entry__item.-last {
	border: 0;
}

.flow-entry__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 70px;
	padding: 5px 13px;
	background-color: #00ab4e;
}

.flow-entry__headline {
	position: relative;
	padding-left: 45px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}

.flow-entry__headline::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: 50%;
	left: 0;
	width: 37px;
	height: 37px;
	padding-bottom: 2px;
	border-radius: 37px;
	background-color: #fff;
	color: #00ab4e;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow-entry__headline > span {
	font-size: 1.2rem;
	color: #f10101;
}

.flow-entry__contents {
	height: calc(100% - 70px);
	padding: 25px 20px 20px;
	border: 3px solid #dcdcdc;
	border-top: 0;
}

.flow-entry__image {
	text-align: center;
}

.flow-entry__text {
	margin-top: 45px;
	font-size: 1.4rem;
}

.flow-entry__text > b {
	color: #f10101;
	font-weight: bold;
}

.flow-entry__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -20px;
}

.flow-entry__list li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: 20px;
}

.flow-entry__list li > img {
	margin-top: 10px;
}

.flow-entry__notes {
	font-size: 1.2rem;
}

.flow-entry__notes:not(:first-child) {
	margin-top: 20px;
}

.flow-entry__line {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 40px;
	margin-bottom: 0;
	padding-top: 35px;
	border-top: 1px solid #dcdcdc;
}

.flow-entry__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flow-entry__item-case {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flow-entry__item-case:not(:first-child) {
	margin-left: 20px;
}

.flow-entry__item-case .flow-entry__text {
	margin-top: 20px;
}

.flow-entry__headline-sub {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.flow-entry {
		display: block;
	}
	.flow-entry__item:not(:first-child) {
		margin-top: calc(50 / 750 * 100vw);
	}
	.flow-entry__item.-step01::before, .flow-entry__item.-step02::before {
		top: 100%;
		left: 50%;
		border-width: calc(30 / 750 * 100vw) calc(24 / 750 * 100vw) 0 calc(24 / 750 * 100vw);
		border-color: #dcdcdc transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.flow-entry__item.-step03::before {
		bottom: calc(100% + calc(20 / 750 * 100vw));
		border-width: calc(30 / 750 * 100vw) calc(24 / 750 * 100vw) 0 calc(24 / 750 * 100vw);
	}
	.flow-entry__item.-step03 .flow-entry__contents {
		padding: 0;
	}
	.flow-entry__item.-step04 {
		-ms-flex-item-align: start;
		align-self: flex-start;
		-ms-flex-preferred-size: calc(788 / 1200 * 100%);
		flex-basis: calc(788 / 1200 * 100%);
	}
	.flow-entry__header {
		height: calc(120 / 750 * 100vw);
		padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	.flow-entry__headline {
		padding-left: calc(75 / 750 * 100vw);
	}
	.flow-entry__headline::before {
		width: calc(56 / 750 * 100vw);
		height: calc(56 / 750 * 100vw);
		padding-bottom: 0;
		font-size: calc(36 / 750 * 100vw);
	}
	.flow-entry__contents {
		height: calc(100% - calc(120 / 750 * 100vw));
		padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw) calc(30 / 750 * 100vw);
		border-width: 2px;
	}
	.flow-entry__image img[src*="_01"] {
		width: calc(321 / 750 * 100vw);
	}
	.flow-entry__image img[src*="_02"] {
		width: calc(450 / 750 * 100vw);
	}
	.flow-entry__text {
		margin-top: calc(60 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.flow-entry__list {
		display: block;
		margin-left: 0;
	}
	.flow-entry__list li {
		margin-left: 0;
	}
	.flow-entry__list li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.flow-entry__list li > img {
		margin-top: calc(15 / 750 * 100vw);
	}
	.flow-entry__notes {
		font-size: calc(20 / 750 * 100vw);
	}
	.flow-entry__notes:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.flow-entry__line {
		display: none;
	}
}

/* info-entry */
.info-entry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.info-entry__contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	padding: 25px 20px;
	text-align: center;
}

.info-entry__name, .info-entry__price, .info-entry__notes {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.info-entry__name > span {
	font-weight: bold;
}

.info-entry__price {
	margin-top: 10px;
	font-size: 2.4rem;
	line-height: 1.2;
}

.info-entry__price > span {
	font-size: 3.6rem;
	font-weight: bold;
}

.info-entry__notes {
	margin-top: 10px;
	font-size: 1.2rem;
}

.info-entry__notes > span {
	color: #f10101;
}

.info-entry__list {
	width: 100%;
}

.info-entry__list > div {
	padding: 15px 20px;
	font-size: 1.4rem;
	background-color: #f5f5f5;
	border-top: 1px solid #dcdcdc;
}

.info-entry__list dt {
	float: left;
	clear: left;
	width: 7em;
	color: #00ab4e;
	font-weight: bold;
}

.info-entry__list dd {
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.info-entry__contents {
		display: block;
		padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw);
	}
	.info-entry__price {
		margin-top: calc(15 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.info-entry__price > span {
		font-size: calc(72 / 750 * 100vw);
	}
	.info-entry__notes {
		margin-top: calc(15 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.info-entry__list > div {
		padding: calc(25 / 750 * 100vw) calc(30 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
}

/* block-complete */
.block-complete {
	margin-top: 60px;
	text-align: center;
}

.block-complete__text {
	font-size: 2.4rem;
	font-weight: bold;
}

.block-complete__notes {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.block-complete {
		margin-top: calc(60 / 750 * 100vw);
	}
	.block-complete__text {
		font-size: calc(32 / 750 * 100vw);
	}
	.block-complete__notes {
		margin-top: calc(20 / 750 * 100vw);
	}
}

/* attention */
.attention {
	margin-top: 40px;
	padding: 30px;
	border: 1px solid #f10101;
	background-color: #fdeded;
	text-align: center;
}

.attention__headline {
	font-size: 2rem;
	font-weight: bold;
}

.attention__text {
	margin-top: 15px;
}

.attention__text > b {
	color: #f10101;
}

.attention__btn {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.attention {
		margin-top: calc(40 / 750 * 100vw);
		padding: calc(30 / 750 * 100vw);
	}
	.attention__headline {
		font-size: calc(28 / 750 * 100vw);
	}
	.attention__text {
		margin-top: calc(20 / 750 * 100vw);
	}
	.attention__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.attention .btn.-submit {
		font-size: calc(28 / 750 * 100vw);
	}
}

/* notice */
.notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	padding: 4px 19px 14px;
	border: 1px solid #f10101;
	background-color: #fdeded;
}

.notice:not(:first-child) {
	margin-top: 15px;
}

.notice.-info {
	display: block;
	position: relative;
	padding: 19px 29px 19px 102px;
	border-color: #008bcc;
	background-color: transparent;
}

.notice.-info::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 29px;
	width: 48px;
	height: 48px;
	background: url(../../resources/img/common/ic_info_blue.svg?Ver=20240329001) no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.notice.-info .notice__text, .notice.-info .notice__link {
	margin-top: 0;
}

.notice.-info .notice__text span {
	font-size: 2rem;
}

.notice__text, .notice__link {
	margin-top: 10px;
}

.notice__text {
	font-weight: bold;
}

.notice__text > b {
	color: #f10101;
	font-weight: bold;
}

.notice__link {
	margin-left: auto;
}

@media only screen and (max-width: 767px) {
	.notice {
		display: block;
		padding: calc(14 / 750 * 100vw) calc(29 / 750 * 100vw) calc(44 / 750 * 100vw);
	}
	.notice:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.notice.-info {
		padding: calc(28 / 750 * 100vw) calc(58 / 750 * 100vw) calc(28 / 750 * 100vw) calc(120 / 750 * 100vw);
	}
	.notice.-info::before {
		left: calc(28 / 750 * 100vw);
		width: calc(64 / 750 * 100vw);
		height: calc(64 / 750 * 100vw);
	}
	.notice.-info .notice__text span {
		font-size: calc(36 / 750 * 100vw);
	}
	.notice__text, .notice__link {
		margin-top: calc(30 / 750 * 100vw);
	}
}

/* --------------------------------------------------
 LOGIN
 -------------------------------------------------- */
/* area-login */
.area-login {
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
}

.area-login__text {
	font-size: 1.4rem;
}

.area-login__text + .area-login__btn {
	margin-top: 60px;
}

.area-login__btn {
	margin-top: 20px;
}

.area-login__btn + .area-login__btn {
	margin-top: 30px;
}

.area-login__notes {
	margin-top: 20px;
	font-size: 1.4rem;
	text-align: center;
}

.area-login__notes + .area-login__notes {
	margin-top: 5px;
}

.area-login__notes a {
	text-decoration: underline;
}

.area-login__notes a:hover {
	text-decoration: none;
}

.area-login .btn.-back {
	width: 320px;
}

@media only screen and (max-width: 767px) {
	.area-login {
		max-width: none;
	}
	.area-login__text {
		font-size: calc(28 / 750 * 100vw);
	}
	.area-login__text + .area-login__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
	.area-login__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
	.area-login__btn + .area-login__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-login__notes {
		margin-top: calc(40 / 750 * 100vw);
		font-size: calc(28 / 750 * 100vw);
	}
	.area-login__notes + .area-login__notes {
		margin-top: calc(10 / 750 * 100vw);
	}
	.area-login .btn.-back {
		width: calc(400 / 750 * 100vw);
	}
}

/* form-login */
.form-login {
	margin-top: 25px;
	padding: 45px 30px;
	background-color: #fff;
}

.form-login table {
	width: 100%;
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
}

.form-login th, .form-login td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.form-login th {
	width: 9em;
	padding-right: 1em;
	font-weight: bold;
	text-align: left;
}

.form-login th.-wide {
	width: 9em;
}

.form-login__list {
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
}

.form-login__list li:not(:first-child) {
	margin-top: 30px;
}

.form-login .input-text {
	max-width: 300px;
}

@media only screen and (max-width: 767px) {
	.form-login {
		margin-top: calc(50 / 750 * 100vw);
		padding: calc(50 / 750 * 100vw) calc(40 / 750 * 100vw);
	}
	.form-login table {
		max-width: none;
	}
	.form-login th, .form-login td {
		padding-top: calc(10 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
	}
	.form-login th {
		width: 6em;
	}
	.form-login__list li:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.form-login .input-text {
		max-width: none;
	}
}

/* contact-login */
.contact-login {
	margin-top: 40px;
	padding: 25px 30px 30px;
	border: 1px solid #dcdcdc;
}

.contact-login__headline {
	color: #787878;
	font-weight: bold;
}

.contact-login__list {
	margin-top: 10px;
}

.contact-login__list dt, .contact-login__list dd {
	font-size: 14px;
	color: #787878;
}

.contact-login__list dd > span {
	margin-left: 1em;
	font-size: 1rem;
}

.contact-login__list a {
	color: #787878;
	font-weight: bold;
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.contact-login {
		margin-top: calc(80 / 750 * 100vw);
		padding: calc(30 / 750 * 100vw);
	}
	.contact-login__headline {
		font-size: calc(32 / 750 * 100vw);
	}
	.contact-login__list {
		margin-top: calc(20 / 750 * 100vw);
	}
	.contact-login__list dt, .contact-login__list dd {
		font-size: calc(28 / 750 * 100vw);
	}
	.contact-login__list dd > span {
		display: block;
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
		font-size: calc(20 / 750 * 100vw);
	}
	.contact-login__list a {
		pointer-events: auto;
	}
}

/* --------------------------------------------------
 MYPAGE
 -------------------------------------------------- */
/* block-name */
.block-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100px;
}

.block-name__name > span {
	margin-right: .5em;
	color: #00ab4e;
	font-size: 2.4rem;
	font-weight: bold;
}

.block-name__log {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.block-name__log dt, .block-name__log dd {
	font-size: 1.4rem;
	color: #999;
}

@media only screen and (max-width: 767px) {
	.block-name {
		display: block;
		height: auto;
	}
	.block-name__name {
		font-size: calc(24 / 750 * 100vw);
	}
	.block-name__name > span {
		font-size: calc(49 / 750 * 100vw);
	}
	.block-name__log {
		margin-top: calc(20 / 750 * 100vw);
	}
	.block-name__log dt, .block-name__log dd {
		font-size: calc(24 / 750 * 100vw);
	}
}

/* area-histroy */
.area-histroy {
	margin-top: 55px;
}

.area-histroy__table {
	margin-top: 25px;
	width: 100%;
}

.area-histroy__table th, .area-histroy__table td {
	padding: 5px 30px;
	vertical-align: middle;
}

.area-histroy__table th a, .area-histroy__table td a {
	text-decoration: underline;
}

.area-histroy__table th a:hover, .area-histroy__table td a:hover {
	text-decoration: none;
}

.area-histroy__table th:first-child {
	width: 361px;
	padding-right: 0;
	padding-left: 0;
	font-weight: bold;
}

.area-histroy__table th:first-child > span {
	float: left;
}

.area-histroy__table th:first-child > span:first-child {
	width: 220px;
}

.area-histroy__table th:first-child > span:last-child {
	width: 140px;
}

.area-histroy__table thead th {
	height: 60px;
	background-color: #00ab4e;
	color: #fff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.area-histroy__table thead th:not(:first-child) {
	border-left: 1px solid #fff;
}

.area-histroy__table tbody th, .area-histroy__table tbody td {
	height: 95px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}

.area-histroy__table tbody th:first-child, .area-histroy__table tbody td:first-child {
	border-left: 1px solid #dcdcdc;
}

.area-histroy__table tbody th:last-child, .area-histroy__table tbody td:last-child {
	border-right: 1px solid #dcdcdc;
}

.area-histroy__table tbody th {
	background-color: #f5f5f5;
	font-size: 2rem;
}

.area-histroy__table tbody td > b, .area-histroy__table tbody td > span {
	display: inline-block;
}

.area-histroy__table tbody td > b {
	margin-right: 1em;
	font-size: 2rem;
	font-weight: 500;
}

.area-histroy__table tbody td > b:not(:first-child) {
	margin-left: 1em;
}

.area-histroy__table tbody td > span {
	color: #999;
	font-size: 1.4rem;
}

.area-histroy__label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 60px;
	height: 30px;
	padding-right: 5px;
	padding-left: 5px;
	color: #fff;
	font-size: 1.4rem;
	font-style: normal;
	text-align: center;
}

.area-histroy__label.-complete {
	background-color: #fb8c00;
}

.area-histroy__label.-reserved {
	background-color: #008cd6;
}

.area-histroy__label.-changed {
	background-color: #1cb5b3;
}

.area-histroy__label.-canceled {
	background-color: #959595;
}

@media only screen and (max-width: 767px) {
	.area-histroy {
		margin-top: calc(70 / 750 * 100vw);
	}
	.area-histroy__table {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-histroy__table th, .area-histroy__table td {
		padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	.area-histroy__table th:first-child {
		width: calc(250 / 750 * 100vw);
	}
	.area-histroy__table th:first-child > span {
		display: block;
		float: none;
	}
	.area-histroy__table th:first-child > span:first-child {
		width: auto;
	}
	.area-histroy__table th:first-child > span:last-child {
		width: auto;
	}
	.area-histroy__table thead th {
		height: calc(80 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.area-histroy__table tbody th, .area-histroy__table tbody td {
		height: calc(150 / 750 * 100vw);
	}
	.area-histroy__table tbody th {
		font-size: calc(30 / 750 * 100vw);
	}
	.area-histroy__table tbody td > b {
		font-size: calc(24 / 750 * 100vw);
	}
	.area-histroy__table tbody td > b:not(:first-child) {
		margin-left: 0;
	}
	.area-histroy__table tbody td > span {
		font-size: calc(20 / 750 * 100vw);
	}
	.area-histroy__label {
		min-width: calc(106 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		padding-right: calc(10 / 750 * 100vw);
		padding-left: calc(10 / 750 * 100vw);
		font-size: calc(22 / 750 * 100vw);
	}
}

/* area-maypage */
.area-mypage__text p:not(:first-child) {
	margin-top: 20px;
}

.area-mypage__text-btn {
	margin-top: 55px;
	font-weight: bold;
	text-align: center;
}

.area-mypage__text-btn + .area-mypage__btn {
	margin-top: 15px;
}

.area-mypage__btn {
	margin-top: 60px;
}

.area-mypage__btn + .area-mypage__btn {
	margin-top: 40px;
}

.area-mypage__notes {
	margin-top: 50px;
	font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
	.area-mypage__text p {
		font-size: calc(30 / 750 * 100vw);
	}
	.area-mypage__text p:not(:first-child) {
		margin-top: calc(24 / 750 * 100vw);
	}
	.area-mypage__text-btn {
		margin-top: calc(70 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
		text-align: left;
	}
	.area-mypage__text-btn + .area-mypage__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
	.area-mypage__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
	.area-mypage__btn + .area-mypage__btn {
		margin-top: calc(60 / 750 * 100vw);
	}
	.area-mypage__notes {
		margin-top: calc(54 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
}

/* unit-change */
.unit-change {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.unit-change:not(:first-child) {
	margin-top: 15px;
}

.unit-change__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 14px 19px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.unit-change__item:not(:first-child) {
	margin-left: 40px;
}

.unit-change__item.-changed {
	position: relative;
	padding: 12px 17px;
	border: 3px solid #00ab4e;
}

.unit-change__item.-changed::before {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(100% + 3px);
	border-left: 40px solid #00ab4e;
	border-top: 36px solid transparent;
	border-bottom: 36px solid transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.unit-change__item.-changed .unit-change__headline {
	color: #00ab4e;
	font-size: 2.4rem;
	font-weight: bold;
}

.unit-change__item.-error {
	border-color: #f10101;
	background-color: #fdeded;
}

.unit-change__headline {
	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;
	min-height: 29px;
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}

.unit-change__list li {
	color: #999;
	font-size: 1.4rem;
}

.unit-change__list li:not(:first-child) {
	margin-top: 5px;
}

.unit-change__list b {
	margin-right: 1em;
	color: #000;
	font-size: 2rem;
	font-weight: 500;
}

.unit-change__error {
	margin-bottom: 5px;
}

.unit-change .input-select {
	display: inline-block;
	max-width: 300px;
	margin-right: 1em;
	font-size: 1.4rem;
}

.unit-change .input-select select {
	padding-left: 9px;
}

.unit-change .text-error {
	font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
	.unit-change {
		display: block;
	}
	.unit-change:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.unit-change__item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: calc(28 / 750 * 100vw) calc(38 / 750 * 100vw);
	}
	.unit-change__item:not(:first-child) {
		margin-top: 20px;
		margin-left: 0;
	}
	.unit-change__item.-changed {
		padding: calc(26 / 750 * 100vw) calc(36 / 750 * 100vw);
		border-width: 2px;
	}
	.unit-change__item.-changed::before {
		top: auto;
		bottom: calc(100% + 2px);
		right: 50%;
		border-top: 20px solid #00ab4e;
		border-right: 18px solid transparent;
		border-left: 18px solid transparent;
		border-bottom: 0;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	.unit-change__item.-changed .unit-change__headline {
		font-size: calc(36 / 750 * 100vw);
	}
	.unit-change__item.-changed .unit-change__headline > span {
		font-size: calc(30 / 750 * 100vw);
	}
	.unit-change__headline {
		display: block;
		min-height: auto;
		margin-bottom: calc(30 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
	}
	.unit-change__list li {
		font-size: calc(24 / 750 * 100vw);
	}
	.unit-change__list li:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.unit-change__list b {
		font-size: calc(36 / 750 * 100vw);
	}
	.unit-change__error {
		margin-bottom: calc(10 / 750 * 100vw);
	}
	.unit-change .input-select {
		max-width: calc(460 / 750 * 100vw);
		margin-right: .5em;
		font-size: calc(24 / 750 * 100vw);
	}
	.unit-change .input-select select {
		padding-left: calc(9 / 750 * 100vw);
	}
	.unit-change .text-error {
		font-size: calc(32 / 750 * 100vw);
	}
}

@media only screen and (max-width: 767px) {
	.sp-mt-30 {
		margin-top: calc(30 / 750 * 100vw);
	}
}

/* 201023 */
.notation{
  background-color: #FEE7E7;
  padding: 10px 0;
}
.notation__txt{
  color: #f10101;
}

.note{
  font-size: 14px;
  color: #f10101;
  margin-top: 10px;
}