@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%;
}

@media only screen and (max-width: 767px) {
	body {
		font-size: calc(28 / 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;
	}
}

/* float */
@keyframes float {
  0% { transform: translateY(0);}
  50% { transform: translateY(-4px);}
  100% { transform: translateY(0);}
}

@media only screen and (max-width: 767px) {
	@keyframes float {
		0% { transform: translateY(0);}
		50% { transform: translateY(calc(-8 / 750 * 100vw));}
		100% { transform: translateY(0);}
	}
}

/* --------------------------------------------------
 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;
}

@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;
}

.header__logo a {
	color: inherit;
}

.header__logo a:hover {
	text-decoration: none;
}

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

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

.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 > .wrap {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.header__logo {
		padding-top: calc(20 / 750 * 100vw);
		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__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 {
	padding-top: 60px;
	padding-bottom: 80px;
}

.contents__text-error {
	margin-top: 38px;
	color: #f10101;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.contents__text-error + .contents__btn {
	margin-top: 10px;
}

.contents__btn {
	margin-top: 75px;
}

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

@media only screen and (max-width: 767px) {
	.contents {
		padding-top: calc(70 / 750 * 100vw);
		padding-bottom: calc(80 / 750 * 100vw);
	}
	.contents__text-error {
		margin-top: calc(40 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.contents__text-error + .contents__btn {
		margin-top: calc(20 / 750 * 100vw);
	}
	.contents__btn {
		margin-top: calc(80 / 750 * 100vw);
	}
	.contents__btn + .contents__btn {
		margin-top: calc(30 / 750 * 100vw);
	}
}

/* pagetop */
.pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	text-indent: -9999px;
}

.pagetop a {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	background-color: rgba(0, 0, 0, .5);
}

.pagetop a::before {
	content: "";
	position: absolute;
	top: calc(50% + 3px);
	left: 50%;
	width: 12px;
	height: 12px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transition: .3s;
	transition: .3s;
}

.pagetop a:hover::before {
	-webkit-transform: translate(-50%, -50%) translateY(-4px) rotate(45deg);
	transform: translate(-50%, -50%) translateY(-4px) rotate(45deg);
}

@media only screen and (max-width: 767px) {
	.pagetop {
		right: calc(20 / 750 * 100vw);
		bottom: calc(140 / 750 * 100vw);
	}
	.pagetop a {
		width: calc(72 / 750 * 100vw);
		height: calc(72 / 750 * 100vw);
	}
	.pagetop a::before {
		top: calc(50% + calc(4 / 750 * 100vw));
		width: calc(18 / 750 * 100vw);
		height: calc(18 / 750 * 100vw);
	}
	.pagetop a:hover::before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
}

/* --------------------------------------------------
 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, .area-form.is-inactive {
	display: none;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.area-form.-info.is-active, .area-form.is-inactive.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;
}

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

@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);
	}
	.area-form__update {
		margin-top: calc(30 / 750 * 100vw);
	}
}

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

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

.headline.-form > i,
.headline.-form-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;
	text-indent: 0;
	letter-spacing: normal;
	vertical-align: middle;
}

.headline.-form-step {
	padding-left: 1.25em;
	text-indent: -1.25em;
	letter-spacing: -.01em;
}

.alert-form + .headline.-form-step {
	margin-top: 40px;
}

.headline.-form-step span {
	font-size: 1.8rem;
}

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

.headline.-form-entry ~ .headline.-form-entry {
	margin-top: 60px;
}

.headline.-form-2nd {
	margin-bottom: 15px;
	font-size: 1.8rem;
}

.headline.-form-2nd ~ .headline.-form-2nd {
	margin-top: 55px;
}

.headline.-form-entry + .headline.-form-2nd {
	margin-top: 0;
}

.headline.-form-sub {
	margin-bottom: 10px;
	font-size: 1.6rem;
}

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

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

.headline.-has-btn {
	position: relative;
	display: inline-block;
	padding-right: 135px;
}

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

.notice + .headline.-form-2nd {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.headline.-form {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.headline.-form, .headline.-form-step {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.headline.-form > i,
	.headline.-form-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);
	}
	.alert-form + .headline.-form-step {
		margin-top: calc(60 / 750 * 100vw);
	}
	.headline.-form-entry {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.headline.-form-entry ~ .headline.-form-entry {
		margin-top: calc(60 / 750 * 100vw);
	}
	.headline.-form-2nd {
		margin-bottom: calc(20 / 750 * 100vw);
		font-size: calc(28 / 750 * 100vw);
	}
	.headline.-form-2nd ~ .headline.-form-2nd {
		margin-top: calc(80 / 750 * 100vw);
	}
	.headline.-form-entry + .headline.-form-2nd {
		margin-top: 0;
	}
	.headline.-form-sub {
		margin-bottom: calc(15 / 750 * 100vw);
		font-size: clac(3.2vw);
	}
	.headline.-complete {
		margin-bottom: calc(50 / 750 * 100vw);
		padding-bottom: calc(15 / 750 * 100vw);
		border-bottom-width: 3px;
		font-size: calc(38 / 750 * 100vw);
	}
	.headline.-notfound, .headline.-thanks {
		margin-bottom: calc(50 / 750 * 100vw);
		font-size: calc(38 / 750 * 100vw);
	}
	.headline.-has-btn {
		display: block;
		margin-bottom: calc(36 / 750 * 100vw);
		padding-right: calc(200 / 750 * 100vw);
	}
	.headline.-has-btn .btn.-search {
		width: calc(180 / 750 * 100vw);
	}
	.notice + .headline.-form-2nd {
		margin-top: calc(20 / 750 * 100vw);
	}
}

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

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

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

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

@media only screen and (max-width: 767px) {
	.text-notfound.-large, .text-thanks.-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,
.btn.-secondary {
	position: relative;
	max-width: 580px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}

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

.btn.-primary:hover,
.btn.-secondary:hover {
	text-decoration: none;
}

.btn.-primary {
	background-color: #008bcc;
}

.btn.-primary:hover {
	background-color: rgba(0, 139, 204, .7);
}

.btn.-secondary {
	background-color: #01ab4f;
}

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

.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 {
	width: 120px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 40px;
	color: #fff;
	background-color: #008bcc;
	cursor: pointer;
}

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

.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;
	color: #fb8c00;
}

.btn.-back:hover {
	background-color: #fb8c00;
	color: #fff;
	text-decoration: 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.-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.-first::before, .btn.-select.-postcard::before {
	content: "";
	position: absolute;
	background: center center no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.-select.-first {
	padding-right: 150px;
	padding-left: 150px;
	background-color: #00ab4e;
}

.btn.-select.-first::before {
	top: calc(50% + 7px);
	left: 14px;
	width: 134px;
	height: 71px;
	background-image: url(../../resources/img/common/img_select_01.png?Ver=20221104001);
}

.btn.-select.-first:hover {
	background-color: #00c55a;
}

.btn.-select.-postcard {
	padding-right: 110px;
	padding-left: 110px;
	background-color: #008bcc;
}

.btn.-select.-postcard::before {
	top: calc(50% + 2px);
	left: 38px;
	width: 70px;
	height: 95px;
	background-image: url(../../resources/img/common/img_select_02.png?Ver=20221104001);
}

.btn.-select.-postcard:hover {
	background-color: #009ce6;
}

.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.-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;
}

@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,
	.btn.-seconfary {
		height: auto;
		padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
	}
	.btn.-primary::before,
	.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 {
		width: calc(249 / 750 * 100vw);
		height: calc(70 / 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.-gotoback {
		height: calc(80 / 750 * 100vw);
		padding-right: calc(40 / 750 * 100vw);
		padding-left: calc(40 / 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.-first::before, .btn.-select.-postcard::before {
		content: none;
	}
	.btn.-select.-first {
		padding-right: 0;
		padding-left: 0;
	}
	.btn.-select.-postcard {
		padding-right: 0;
		padding-left: 0;
	}
	.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.-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);
	}
}

/* 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 li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 10px;
}

.list-form li .input-radio + label {
	height: 100%;
}

.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-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: 216px;
	flex-basis: 216px;
}

.list-form.-facility, .list-form.-column2 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -10px;
}

.list-form.-facility 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.-facility li:last-child {
	margin-left: auto;
}

.list-form.-full {
	display: block;
	margin-top: -10px;
}

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

@media only screen and (max-width: 767px) {
	.list-form {
		margin-top: calc(-10 / 750 * 100vw);
		margin-left: calc(-10 / 750 * 100vw);
	}
	.list-form li {
		margin-top: calc(10 / 750 * 100vw);
		margin-left: calc(10 / 750 * 100vw);
	}
	.list-form.-type {
		display: block;
	}
	.list-form.-period, .list-form.-multi {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: calc(-10 / 750 * 100vw);
		margin-left: calc(-10 / 750 * 100vw);
	}
	.list-form.-period li, .list-form.-multi li {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-preferred-size: calc(50% - calc(10 / 750 * 100vw));
		flex-basis: calc(50% - calc(10 / 750 * 100vw));
		margin-top: calc(10 / 750 * 100vw);
		margin-left: calc(10 / 750 * 100vw);
	}
	.list-form.-period br {
		display: block;
	}
	.list-form.-facility li:last-child {
		margin-left: calc(10 / 750 * 100vw);
	}
	.list-form.-column2 {
		display: block;
	}
}

/* list-notes */
.list-notes {
	flex-basis: 100%;
	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;
}

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

/* list-number */
.list-number {
	flex-basis: 100%;
	margin-top: 15px;
	font-size: 1.4rem;
}

.list-number li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

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

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

@media only screen and (max-width: 767px) {
	.list-number {
		margin-top: calc(15 / 750 * 100vw);
		font-size: calc(24 / 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;
	min-height: 50px;
	padding: 4px 9px 5px 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: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 + label i {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	width: fit-content;
	min-height: 24px;
	padding: 4px 12px;
	border-radius: calc(infinity * 1px);
	background-color: #fb8c00;
	color: #fff;
	font-size: 1rem;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	translate: -50% calc(-50% - 6px);
	animation: float 3s ease-in-out infinite;
}
.input-radio + label i::after {
	content: "";
	position: absolute;
	inset: 100% 0 auto;
	width: 6px;
	height: 5px;
	margin-inline: auto;
	background-color: #fb8c00;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.input-radio + label i span {
	display: flex;
	gap: 6px;
	line-height: 1.1;
}
.input-radio + label i span::before,
.input-radio + label i span::after {
	content: "";
	width: 2px;
	border-radius: calc(infinity * 1px);
	background-color: #fff;
}

.input-radio + label i span::before {
	rotate: -45deg;
}

.input-radio + label i span::after {
	rotate: 45deg;
}

@media only screen and (max-width: 767px) {
	.input-radio + label {
		height: calc(80 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
		padding: calc(8 / 750 * 100vw) calc(18 / 750 * 100vw) calc(10 / 750 * 100vw) 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.-center + label {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-right: 0;
		text-align: left;
	}

	.input-radio + label i {
		left: auto;
		right: 0;
		min-height: calc(48 / 750 * 100vw);
		padding: calc(8 / 750 * 100vw) calc(24 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		translate: 0 -50%;
	}
	.input-radio + label i::after {
		width: calc(12 / 750 * 100vw);
		height: calc(10 / 750 * 100vw);
	}

	.input-radio + label i span {
		gap: calc(12 / 750 * 100vw);
	}
	.input-radio + label i span::before,
	.input-radio + label i span::after {
		width: calc(4 / 750 * 100vw);
	}
}

/* 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-checkbox */
.input-checkbox {
	position: absolute;
	opacity: 0;
}

.input-checkbox + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 50px;
	min-height: 50px;
	padding: 4px 10px 5px 60px;
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	background-color: #fff;
	line-height: 1.3;
	text-align: left;
	-webkit-transition: .3s;
	transition: .3s;
}

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

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

.input-checkbox + 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-checkbox:checked + label {
	border-color: #00ab4e;
	color: #00ab4e;
}

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

@media only screen and (max-width: 767px) {
	.input-checkbox + label {
		height: calc(80 / 750 * 100vw);
		min-height: calc(80 / 750 * 100vw);
		padding: calc(8 / 750 * 100vw) calc(18 / 750 * 100vw) calc(10 / 750 * 100vw) calc(80 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	.input-checkbox + label::before {
		left: calc(30 / 750 * 100vw);
		width: calc(30 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
		border-radius: calc(6 / 750 * 100vw);
	}
	.input-checkbox + 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;
	max-width: 580px;
}

.input-calendar::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(../../resources/img/common/ic_calendar.png?Ver=20221104001) 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;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	text-align: center;
	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);
	}
}

/* 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.-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.-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 {
		display: inline-block;
		max-width: calc(50% - calc(15 / 750 * 100vw));
	}
	.input-text.-narrow + .input-text.-narrow {
		margin-left: calc(20 / 750 * 100vw);
	}
	.input-text.-narrow:only-of-type {
		max-width: 100%;
	}
	.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;
}

@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);
	}
}

/* modal
------------------------------ */
.modal {
	position: relative;
	z-index: 3000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .3s;
	transition: .3s;
}

.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.-bnr .modal__headline-image {
	text-align: center;
}

.modal.-bnr .modal__headline {
	margin-bottom: 15px;
	padding: 5px 10px;
	text-align: center;
	background-color: #008bcc;
	color: #fff;
}

.modal.-bnr .modal__text {
	margin-top: 15px;
	text-align: center;
}

.modal.-narrow .modal__contents {
	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 {
	width: fit-content;
	max-width: none;
	padding: 40px;
	background-color: rgba(255, 255, 255, .5);
	transition: none;
}

.modal.-coupon .modal__close {
	margin-top: 25px;
	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 {
	font-size: 1.8rem;
	font-weight: bold;
}

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

.modal__headline-sub {
	font-size: 1.6rem;
	font-weight: bold;
}
.modal__headline-sub:not(:first-child) {
	margin-top: 30px;
}
.modal__headline + .modal__headline-sub {
	margin-top: 15px;
}

.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 {
	color: #f10101;
	font-weight: bold;
}

.modal__message {
	color: #f10101;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.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__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 15px;
}

.modal__list li {
	-ms-flex-preferred-size: 240px;
	flex-basis: 240px;
	font-size: 1.2rem;
	text-align: center;
}

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

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

.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/jibaiseki/top/bnr_ic.png?Ver=20221104001) 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__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[disabled] {
	border-color: #dcdcdc;
	background-color: #dcdcdc;
	color: #fff;
	pointer-events: none;
}
.modal__close[disabled]::before, .modal__close[disabled]::after {
	background-color: #fff;
}

.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;
}

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

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

@media only screen and (min-width: 768px) and (max-height: 812px) {
	.modal__area {
		height: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.modal.-bnr .modal__headline {
		margin-bottom: calc(30 / 750 * 100vw);
		padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	.modal.-bnr .modal__text {
		font-size: calc(20 / 750 * 100vw);
		margin-top: calc(20 / 750 * 100vw);
	}
	.modal.-narrow .modal__contents {
		max-width: 100%;
	}
	.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.-coupon .modal__contents {
		width: auto;
		padding: calc(30 / 750 * 100vw);
	}
	.modal.-coupon .modal__close {
		margin-top: calc(20 / 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 {
		font-size: calc(36 / 750 * 100vw);
	}
	.modal__headline:not(:first-child) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__headline-sub {
		font-size: calc(30 / 750 * 100vw);
	}
	.modal__headline-sub:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.modal__headline + .modal__headline-sub {
		margin-top: calc(20 / 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__message {
		font-size: calc(36 / 750 * 100vw);
	}
	.modal__list {
		margin-top: calc(30 / 750 * 100vw);
	}
	.modal__list li {
		font-size: calc(24 / 750 * 100vw);
	}
	.modal__list li:not(:first-child) {
		margin-left: calc(20 / 750 * 100vw);
	}
	.modal__list li > img {
		margin: calc(10 / 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(920 / 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__close {
		max-width: calc(360 / 750 * 100vw);
		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);
	}
	.modal__label {
		margin-bottom: calc(30 / 750 * 100vw);
		padding: calc(4 / 750 * 100vw) calc(20 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.modal.-calendar .modal__contents {
		top: calc(30 / 750 * 100vw);
		bottom: calc(30 / 750 * 100vw);
		-webkit-transform: none;
		transform: none;
	}
	.modal__box-btn {
		margin-top: calc(60 / 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;
}

.price-modal .price-modal__next {
	display: block;
}

.price-modal .price-modal__next > b {
	font-size: 2rem;
	font-weight: 700;
}

@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);
	}
	.price-modal .price-modal__next > b {
		font-size: calc(32 / 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);
	}
}

/* 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);
	}
}

/* line */
.line {
	margin-top: 60px;
	margin-bottom: 60px;
	border-top: 1px solid #dcdcdc;
}

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

/* --------------------------------------------------
 Project
 -------------------------------------------------- */
/* --------------------------------------------------
 SELECT
 -------------------------------------------------- */
/* menu-select */
.menu-select {
	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: 305px;
	margin: 30px calc(50% - 50vw) 0;
	padding: 50px calc(50vw - 50%);
	background: url(../../resources/img/jibaiseki/top/entry_bg@pc.jpg?Ver=20221104001) center center no-repeat;
	background-size: cover;
	text-align: center;
}

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

.menu-select__list li {
	-ms-flex-preferred-size: 555px;
	flex-basis: 555px;
}

.menu-select__list li:not(:first-child) {
	margin-left: 10px;
}

@media only screen and (max-width: 1000px) {
	.menu-select {
		height: auto;
		min-height: 305px;
	}
	.menu-select__list {
		display: block;
		max-width: 555px;
		margin-right: auto;
		margin-left: auto;
	}
	.menu-select__list li:not(:first-child) {
		margin-top: 30px;
		margin-left: auto;
	}
}

@media only screen and (max-width: 767px) {
	.menu-select {
		padding: calc(60 / 750 * 100vw) calc(30 / 750 * 100vw);
		background-image: url(../../resources/img/jibaiseki/top/entry_bg@sp.jpg?Ver=20221104001);
	}
	.menu-select__list li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}
}

/* --------------------------------------------------
 FORM
 -------------------------------------------------- */
/* step
------------------------------ */
.step {
	margin-bottom: 55px;
}

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

.step 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 li::before {
	content: "";
	position: absolute;
	top: 17px;
	right: 50%;
	left: -50%;
	z-index: -1;
	border-top: 6px solid #96deb7;
}

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

.step 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: 0 auto 10px;
	border-radius: 40px;
	background-color: #96deb7;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
}

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

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

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

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

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

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

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

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

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

.step 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 {
		margin: 0 calc(50% - 50vw) calc(55 / 750 * 100vw);
	}
	.step li {
		-ms-flex-preferred-size: calc(230 / 750 * 100vw);
		flex-basis: calc(230 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.step li::before {
		top: calc(34 / 750 * 100vw);
		border-top-width: calc(12 / 750 * 100vw);
	}
	.step li:first-child > span::before {
		left: calc(20 / 750 * 100vw);
	}
	.step li:last-child::after {
		top: calc(34 / 750 * 100vw);
		border-top-width: calc(12 / 750 * 100vw);
	}
	.step li > span {
		width: calc(80 / 750 * 100vw);
		height: calc(80 / 750 * 100vw);
		margin-bottom: calc(25 / 750 * 100vw);
		font-size: calc(32 / 750 * 100vw);
	}
	.step li > span::before {
		top: calc(-13 / 750 * 100vw);
		left: 0;
		width: calc(73 / 750 * 100vw);
		height: calc(45 / 750 * 100vw);
	}
	.step 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.-error {
	background-color: #fdeded;
}

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

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

.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;
	}
	.area-form__text + .box-form {
		margin-top: calc(40 / 750 * 100vw);
	}
}

/* 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;
	}
}

/* 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__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__text, .notice__link {
		margin-top: calc(30 / 750 * 100vw);
	}
}

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

.list-calendar__item {
	-ms-flex-preferred-size: 390px;
	flex-basis: 390px;
}

.list-calendar__headline {
	padding-bottom: 5px;
	border-bottom: 2px solid #dcdcdc;
	font-weight: bold;
}

.list-calendar__headline > strong, .list-calendar__headline > b {
	font-weight: bold;
}

.list-calendar__headline > strong {
	margin-left: .25em;
	font-size: 2.4rem;
}

.list-calendar__headline > b {
	display: inline-block;
	margin-left: .75em;
	padding: 4px 7px 3px 5px;
	background-color: #00ab4e;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

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

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

.list-calendar__table th.is-blank, .list-calendar__table th.is-finished, .list-calendar__table td.is-blank, .list-calendar__table td.is-finished {
	background-color: #f5f5f5 !important;
	pointer-events: none;
}

.list-calendar__table th.is-active, .list-calendar__table td.is-active {
	position: relative;
	z-index: 3;
	color: #fff;
	font-weight: bold;
}

.list-calendar__table th.is-active::before, .list-calendar__table td.is-active::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;
}

.list-calendar__table th {
	font-size: 1.4rem;
}

.list-calendar__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%;
}

.list-calendar__table thead th {
	height: 39px;
}

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

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

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

.list-calendar__table tbody th:hover, .list-calendar__table tbody td:hover {
	background-color: #00ab4e !important;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.list-calendar {
		display: block;
	}
	.list-calendar__item:not(:first-child) {
		margin-top: calc(60 / 750 * 100vw);
	}
	.list-calendar__headline {
		padding-bottom: calc(10 / 750 * 100vw);
	}
	.list-calendar__headline > strong {
		font-size: calc(48 / 750 * 100vw);
	}
	.list-calendar__headline > b {
		padding: calc(8 / 750 * 100vw) calc(14 / 750 * 100vw) calc(6 / 750 * 100vw) calc(10 / 750 * 100vw);
		background-color: #00ab4e;
		font-size: calc(28 / 750 * 100vw);
		-webkit-transform: translateY(calc(-7 / 750 * 100vw));
		transform: translateY(calc(-7 / 750 * 100vw));
	}
	.list-calendar__table {
		width: calc(100% - 1px);
	}
	.list-calendar__table th.is-active::before, .list-calendar__table td.is-active::before {
		width: calc(64 / 750 * 100vw);
		height: calc(64 / 750 * 100vw);
	}
	.list-calendar__table th {
		font-size: calc(28 / 750 * 100vw);
	}
	.list-calendar__table thead th {
		height: calc(70 / 750 * 100vw);
	}
	.list-calendar__table tbody th, .list-calendar__table tbody td {
		height: calc(84 / 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 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	text-align: center;
}

.info-unit__list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.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 dt {
	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 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, .info-unit__list .input-select {
	-ms-flex-preferred-size: 300px;
	flex-basis: 300px;
	max-width: 300px;
}

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

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

.info-unit.-info01 .info-unit__image {
	-ms-flex-preferred-size: calc(470 / 1120 * 100%);
	flex-basis: calc(470 / 1120 * 100%);
}

.info-unit.-info01 .info-unit__list dt {
	-ms-flex-preferred-size: 115px;
	flex-basis: 115px;
}

.info-unit.-info02 .info-unit__image {
	-ms-flex-preferred-size: calc(425 / 1120 * 100%);
	flex-basis: calc(425 / 1120 * 100%);
}

.info-unit.-info02 .info-unit__list dt {
	-ms-flex-preferred-size: 175px;
	flex-basis: 175px;
}

.info-unit.-info03 {
	display: block;
}

.info-unit.-info03 .info-unit__image {
	display: flex;
	justify-content: center;
	gap: 50px;
	margin-top: 40px;
}

.info-unit.-info03 .info-unit__list dt {
	-ms-flex-preferred-size: 115px;
	flex-basis: 115px;
}

.info-unit.-info03 .info-unit__list dd {
	gap: 10px 15px;
}

.info-unit.-info03 .info-unit__list dd > span {
	flex: 0 1 auto;
	margin-left: 0;
}

.info-unit.-update {
	display: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.info-unit.-update.is-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: fadeIn .3s ease-in-out forwards;
	animation: fadeIn .3s ease-in-out forwards;
}

.info-unit.-update .info-unit__image, .info-unit.-update .info-unit__list {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.info-unit.-update .info-unit__image {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-top: 40px;
	text-align: left;
}

@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__list {
		margin-top: calc(60 / 750 * 100vw);
	}
	.info-unit__list > div {
		display: block;
	}
	.info-unit__list > div:not(:first-child) {
		margin-top: calc(20 / 750 * 100vw);
	}
	.info-unit__list dt > span {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
	}
	.info-unit__list dd {
		display: block;
		margin-top: calc(10 / 750 * 100vw);
	}
	.info-unit__list dd > span {
		display: block;
		margin-top: calc(10 / 750 * 100vw);
		margin-left: 0;
		font-size: calc(20 / 750 * 100vw);
		text-align: right;
	}
	.info-unit__list .input-text, .info-unit__list .input-select {
		max-width: none;
	}
	.info-unit__text {
		margin-bottom: calc(10 / 750 * 100vw);
	}

	.info-unit.-info03 {
		display: flex;
		flex-direction: column;
	}
	.info-unit.-info03 .info-unit__image {
		order: -1;
		flex-direction: column;
		gap: calc(40 / 750 * 100vw);
		margin-top: 0;
	}

	.info-unit.-info03 .info-unit__list dd > a {
		display: block;
		width: fit-content;
		margin: calc(20 / 750 * 100vw) auto 0;
	}
}

/* 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 {
	margin-left: 10px;
	margin-right: -5px;
}

.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 {
		display: inline-block;
		margin-left: calc(8 / 750 * 100vw);
		margin-right: calc(8 / 750 * 100vw);
	}
	.input-unit__hyphen {
		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;
	width: 300px;
	padding-right: 29px;
	padding-left: 29px;
	border-right: 0;
	background-color: #f5f5f5;
	font-weight: bold;
	text-align: left;
	-webkit-transition: .3s;
	transition: .3s;
}

.table-form th.-wide {
	width: 350px;
}

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

.table-form th > i {
	font-style: normal;
	font-weight: 500;
}

.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__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(-4px);
	transform: translateY(-4px);
}

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

@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;
		border-right: 1px solid #dcdcdc;
		border-bottom: 0;
	}
	.table-form th.-wide {
		width: auto;
	}
	.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__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;
	}
}

/* alert-form */
.alert-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	min-height: 36px;
	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=20221104001) no-repeat;
	background-size: 100% 100%;
}

.alert-form span {
	padding-left: 1em;
	color: #000;
	font-weight: normal;
	text-indent: -1em;
}

@media only screen and (max-width: 767px) {
	.alert-form {
		min-height: calc(54 / 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: start;
	align-self: flex-start;
	-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;
	min-height: 80px;
	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__headline > em {
	display: block;
	margin-top: 5px;
	padding-left: 1em;
	font-size: 1.1rem;
	font-style: normal;
	text-indent: -1em;
}

.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 {
	margin-top: 20px;
	font-size: 1.2rem;
}

.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__item.-step04::before {
		content: "";
		position: absolute;
		bottom: calc(100% + calc(20 / 750 * 100vw));
		left: 50%;
		border-style: solid;
		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__header {
		min-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 > em {
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(22 / 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 {
		margin-top: calc(30 / 750 * 100vw);
		font-size: calc(20 / 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;
	flex: 1;
	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;
}

.block-complete__btn {
	margin-top: 40px;
}

.block-complete__btn .btn.-primary {
	font-size: 1.8rem;
}

@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);
	}
	.block-complete__btn {
		margin-top: calc(40 / 750 * 100vw);
	}
	.block-complete__btn .btn.-primary {
		font-size: calc(28 / 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);
	}
}

/* info-number */
.info-number {
	display: none;
	-webkit-transition: .3s;
	transition: .3s;
}

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

/* media-form */
.media-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

.media-form__image {
	text-align: center;
}

.media-form__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
}

.media-form__contents b, .media-form__contents strong {
	font-weight: bold;
}

.media-form__contents strong {
	color: #00ab4e;
}

.notice + .media-form {
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.media-form {
		display: block;
		margin-bottom: calc(30 / 750 * 100vw);
	}
	.media-form__contents {
		margin-top: calc(20 / 750 * 100vw);
		margin-left: 0;
	}
	.media-form.-rev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
	}
	.media-form.-rev .media-form__contents {
		order: -1;
		margin-top: 0;
		margin-bottom: calc(20 / 750 * 100vw);
	}

	.notice + .media-form {
		margin-top: calc(20 / 750 * 100vw);
	}
}


/*　以下ハコレコ分追加　CSS */
/*　ネット更新登録：完了　ご契約成立までの流れ・step4　20200608　ハコレコ対応*/
.reservation-complate-arrow-right::after {
	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%);
}

@media only screen and (max-width: 767px) {
	.reservation-complate-arrow-right::after {
		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__contents > .flow-entry__headline-sub {
	font-size: 1.6rem;
	font-weight: 500;
}

.flow-entry__headline-sub > img {
	margin-top: 10px;
}

.reservation-complate-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;
	margin-top: 20px;
}

.reservation-complate-flow-entry-list li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: 13px;
	font-size: 1.6rem;
}

.reservation-complate-flow-entry-list li > img {
	margin-top: 10px;
}

/* info-entry */
.reservation-complate-flow-entry-list {
	margin-top: 30px;
}

.info-entry__contents {
	-ms-flex: auto;
	flex: auto;
}

.flow-entry__image.-image {
	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%;
}

@media only screen and (max-width: 767px) {
	.flow-entry__headline-sub > img {
		margin-top: calc(15 / 750 * 100vw);
	}
	.reservation-complate-flow-entry-list {
		display: block;
		margin-left: 0;
		margin-top: 20px;
	}

	.reservation-complate-flow-entry-list li {
		margin-left: 0;
	}

	.reservation-complate-flow-entry-list li:not(:first-child) {
		margin-top: calc(40 / 750 * 100vw);
	}

	.reservation-complate-flow-entry-list li > img {
		margin-top: calc(15 / 750 * 100vw);
	}
}