@charset "utf-8";


section {width: 90.625%;}
section h3 {margin: 0 5.834% 0 3.334%;}
section h3 + p {
	font-size: 1.067em;
	margin: 1.219em 3.334% 0 3.334%;}
section > h3,
section > p {color: #fff;}

.mds_maru {
	font-size: 1.8em;
	letter-spacing: 0.1482em;
	padding-left: 2.593em;}
.mds_maru::before {
	top: calc(50% - 1.1115em); left: 0;
	width: 2.223em; height: 2.223em;
	background-color: #f7ce5e;}
.mds_maru::after {
	top: calc(50% - 0.926em); left: 0.371em;
	width: 1.852em; height: 1.852em;
	background-color: #f9eed1;}

.btn-red {
	width: 68.966%;
	max-width: 360px;
	font-size: 1.334em;
	text-align: center;
	margin-top: 1.312em;
	padding: 0.5994em 0;}

.error_wk > p:first-child {
	margin-top: 60px;}

.input_wk,
.bg_wk {
	padding: 2.667em 4.5% 3.6em;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}
.bg_wk {
	padding-top: 3.6em;}
h3 + .input_wk,
p + .input_wk ,
h3 + .bg_wk,
p + .bg_wk {margin-top: 1.73325em;}

@media (min-width:1324px) {
	section {max-width: 1200px;}
}
@media (min-width:641px) {
	section h3 + p {
		margin-right: 9.167%;
		padding-left: 4.374em;}
}


/* --------------- common container：●●● --------------- */
/* --------------- container：●●● --------------- */
/* --------- contents：●●● --------- */
/* --- section：●●● --- */
/* --- ●●● --- */


/* --------------- container：check --------------- */
.check .input_wk dl.address {max-width: 980px;}

/* --------- contents：●●● --------- */
/* --- section：areaCheck_wk --- */

.areaCheck_wk {
	margin-top: 5.09992em;}

/* --- input_wk --- */

.input_wk dl.address {margin: 2em auto 0;}
.input_wk .address dt,
.input_wk .address dd {width: 100%;}
.input_wk .address dt + dd {margin-top: 0.784em;}

.input_wk .address dt {
	padding-top: 0.49997em;
	padding-bottom: 0.49997em;}

.input_wk .address dt > small {
	display: block;
	font-size: 0.867em;
	margin-top: 0.231em;}

.input_wk .address dd > span {
	display: inline-block;
	margin-right: 6px;}
.input_wk .address dd > input {
	max-width: 640px;
	padding: 0.375em 0.813em;
	background-color: #fffaed;
	border: solid 2px #b9b9c2;
	border-radius: 4px;}

.input_wk .address input + .reject {
	margin: 0.334em 0 0 1.334em;
	padding: 0.584em 1em;
	background-color: #fffaed;
	max-width: 50%;
	min-width: 490px;
	border-bottom: solid 2px #b9b9c2;
	border-radius: 4px;}


.input_wk .address input[autocomplete="postal-code"],
.input_wk .address input.todoufuken {
	width: 10em;}
.input_wk .address input[placeholder="市区町村"] {
	margin-top: 0.49997em;}

.input_wk [class^="btn-"] {
	margin-left: 2.5%;
	margin-right: 2.5%;}

.input_wk .btn_wk {margin-top: 2.666em;}

.map_wk dl {
	font-size: 1.333em;
	border-radius: 4px;}
.map_wk dt {
	display: flex;
	align-items: center;
	color: #1d7ea8;
	gap: 1em;}
.map_wk dt::after {
	display: block;
	flex: 1;
	height: 6px;
	border-top: solid 2px currentColor;
	border-bottom: solid 1px currentColor;
	content: '';}
.map_wk dd {
	margin-top: 0.5em;}
.map_wk p {
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;}

.map {
	width: 100%;}
.map img {
	width: 100%;
	height: auto;}

/* --- section：contact_wk --- */
.contact_wk {
	margin-top: 5.09992em;}

/* --- bg_wk --- */
.bg_wk h4 {
	letter-spacing: 0.134em;
	padding: 1.5em 0 0.084em 0;
	border-bottom: solid 2px #ccc;
	color: #5a248a;
	font-size: 1.25em;}

.bg_wk p {
	font-size: 1.125em;}
.bg_wk p + p {
	margin-top: 0.5em;}
.bg_wk h4 + p {
	margin-top: 0.667em;}
.bg_wk p > span {
	display: block;
	margin-top: 0.25em;}
.bg_wk a[href^="tel:"] span {
	font-size: 1.75em;
	line-height: 1.25;}

.bg_wk p.error {
	padding-bottom: 2.667em;}
.bg_wk p.error b {
	padding: 0.375em 0.75em;
	border-radius: 5px;
	background: #ffecf0;
	font-size: 1.25em;}

[id^="area_modal_"] {text-align: center;}

[id^="area_modal_"] h3 {
	font-size: 1.5em;
	letter-spacing: 0.134em;
	margin: 0;}
[id^="area_modal_"] h3 span {color: #dd3a5b;}

[id^="area_modal_"] h4 {
	font-size: 1.2em;
	left: 0.112em;}
[id^="area_modal_"] p + h4 {margin-top: 1.512em;}

[id^="area_modal_"] h3 + p {margin-top: 1.184em;}
[id^="area_modal_"] h4 + p {margin-top: 0.45em;}
[id^="area_modal_"] p {
	text-align: center;
	margin: 0;
	padding: 0;}

[id$="_ok"] {}
[id$="_ng"] a {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;}
[id$="_ng"] a span {font-weight: bold;}

@media (min-width:641px) {
	/* --- section：contact_wk --- */
	.contact_wk {
		max-width: 800px;}

	/* --- input_wk --- */
	.map_wk {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 30px;}

	.map_wk .area-text {
		width: 15em;}
	.map_wk span {
		display: block;}
	.map_wk p {
		width: 100%;}

	.map {
		width: 50%;}

	/* --- bg_wk --- */
	.bg_wk h4,
	.bg_wk p {
		text-align: center;}
	
	[id^="area_modal_"] h3 + p {margin-top: 0.375em;}
	[id^="area_modal_"] h4 + p {margin-top: 0.45em;}
	[id^="area_modal_"] p + h4 {margin-top: 1.209em;}
	
}
@media (max-width:640px) {
	/* --- input_wk --- */
	
	.input_wk .address + .map_wk {margin-top: 1.572em;}
	.map_wk dl {}
	.map_wk span {
		display: inline-block;
		padding-right: 1em;}

	.map {
		margin-top: 1em;}
}