@charset "utf-8";

/* edit 2019.10.21 フォーム用スタイル */

html{
	font-size: 100%;
	}
@media screen and (max-width: 1000px) {
html{
	font-size: 87.5%;
	}
}
body{
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #4D4D4D;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}

.nolink{
	pointer-events: none;
	color: #4D4D4D;
	text-decoration: none;
}

li {
	list-style: none;
}

@media screen and (min-width: 38.74em) {
.pcnone{
	display: none !important;
	}
}
@media screen and (max-width: 38.74em) {
.spnone{
	display: none !important;
	}
}

.flex_box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.flex_box img{
	margin-right: 0.8rem;
	width: 2.7rem;
	height: auto;
}

.flex_box p{
	font-size: 1rem;
	text-align: center;
	line-height: 1.7rem;
}

.flex_box p span{
    padding-bottom: 0.6rem;
    font-weight: bold;
    background-size: 200% 0.7rem;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(255, 204, 10) 50%);
	background-position: 100% 0.7rem;
}

.header{
	position: relative;
	z-index: 2;
	padding: .5rem 0;
	box-shadow:0px 2px 8px 0px rgba(7, 4, 4, 0.22);
	}
header .logo{
	display: inline-block;
	vertical-align: -4px;
	padding: 0 0 0 20px;
	text-align: center;
	font-size: 11px;
	}
	header .logo > img{
		width: 90px;
		display: block;
		margin: 0 auto 2px;
		}
	.ttl-h1 > img{
		display: block;
		margin: 0 auto;
		max-width: 178px;
		}

#contents{
	width: 100%;
	max-width: 830px;
	margin:0 auto;
	}

.text-blue{
	color: #eb5405;
	}
.bg-blue{
	color: #fff;
	background: #eb5405;
	}
.bg-lightblue{
	padding-bottom: 15px;
	background: #F5F5F5;
	}
.bg-orange{
	color: #fff;
	background: #EF8F3D;
	}
.note{
	padding: .5rem 0;
	text-align: center;
	line-height: 1.2;
	}
	.note p{
		margin: .4rem 0;
		}
	.note p:first-child{
		font-size: 21px;
		font-weight: bold;
		}
.text-center{
	text-align: center;
	}
.button{
	display: block;
	position: relative;
	width: calc(100% - 20px);
	box-sizing: border-box;
	margin: 0 10px;
	padding: .8rem 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	border-radius: 80px;
	background: #fff;
	cursor: pointer;
	border:none;
	background: #333;
	box-shadow: 0px 4px 4px 0px rgba(7, 4, 4, 0.08);
	}	
.step + .button{
	margin-top: 1rem;
	}
.button.form{
	margin-bottom: 10px;
	padding: 1rem 0 .8rem 40px;
	line-height: 1.4;
	}
.button.tel{
	margin-top: 1rem;
	padding: .7rem 0 .6rem 40px;
	line-height: 1.4;
	}
	.button > strong{
		font-size: 18px;
		}
	.button > .num{
		font-size: 28px;
		line-height: 1;
		font-family: 'Oswald', sans-serif;
		}
	.button > i{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -1.4rem;
		margin-left: -9rem;
		font-size: 180%;
		}
	.button.tel > i{
		left: 1%;
		margin-left: 1rem;
		}
	.button > small{
		display: block;
		font-size: 12px;
		font-weight: normal;
		}
.button.primary,
.button.secondary{
	margin-bottom: 1rem;
	padding: 1.2rem 0;
	}
.button.primary,
.button.tel{
	color: #333;
	background: #fff000;
	}
.button.secondary{
	color: #333;
	background: #E0E0E0;
	}
.button.primary[disabled]{
	background: #E0E0E0;
	opacity: .5;
	cursor: auto;
	box-shadow: none;
	}
.button.tel > i,
.button.tel > strong,
.button.tel > small{
	pointer-events: none;
	}

.privacy{
	margin: 25px 10px;
	font-size: 10px;
	/* text-align: left; */
	line-height: 1.4;
	}
.privacy a{
	text-decoration: underline;
	color: #1568C4;
	}
.form-row{
	margin-top: 25px;
	text-align: center;
}
.back{
	display: block;
	border: none;
	background: none;
	text-align: center;
	margin: 0 auto;
	text-decoration: underline;
	margin-top: 2rem;
	cursor: pointer;
	color: #444444;
}

/* footer */
.footer {
	padding-top: 3.25rem;
	background-color: #fff;
}
.footer_list {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	font-size: .875rem;
	list-style: none;
}
.footer_list li:not(:last-child) {
	margin-right: 2rem;
}
.footer_list a,
.footer_list a:link,
.footer_list a:visited {
	color: #333;
	text-decoration: none;
}
.footer_list a::before {
	margin-right: 0.2em;
	color: #798b90;
	font-size: 1em;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
}
.footer_copy {
	display: block;
	margin-top: .625rem;
	padding: .625rem 0;
	font-size: .75rem;
	color: #fff;
	text-align: center;
	background-color: #333;
}

@media screen and (max-width: 768px) {
.footer_list {
		font-size: 12px;
	}
	.footer_copy {
		font-size: .5rem;
	}
}

.ttl-h1{
	background-color: #f5f5f5;
	}
	.ttl-h1 > h1{
		max-width: 980px;
		margin: 0 auto;
		padding: 3rem 0;
		background-image: url(../img/img_form_pc.jpg);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 36px;
		text-align: center;
		}
@media screen and (max-width: 38.74em) {
	.ttl-h1 > h1{
		font-size: 20px;
		padding: 1.1em 0;
		background-image: url(../img/img_form_sp.jpg);
		background-size: auto 100%;
		}
}
.ttl-h2{
	margin: 0;
	padding: 8px 10px;
	font-size: 18px;
	color: #fff;
	background: #626262;
	}
.step{
	display: inline-block;
	margin: 8px 0 0 0;
	padding: 0;
	}
	.step img{
		max-width: 201px;
		vertical-align: middle;
		}
.ttl-step{
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	}
.form-step{
	margin-bottom: 1.5rem;
	text-align: center;
	}
@media only screen and (max-width: 780px) {
	.form-step {
		margin-top: 1rem;	
	}
	.form-step > div:nth-child(1),
	.form-step > div:nth-child(2){
		display: inline-block;
		margin-bottom: 1rem;
		}
}
/* area form */
.area_form_img_wrap {
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-bottom: 2rem;
}
.area_form_img_wrap i {
	max-width: 20.5rem;
}
.area_form_img_wrap b {
	max-width: 5rem;
}
.area_form_text {
	margin: 0 auto 1rem;
	width: fit-content;
	font-size: .875rem;
	font-weight: 500;
}
.area_form_head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}
.area_form_head h3 {
	margin-right: 2rem;
	font-size: 1.25rem;
	font-weight: bold;
}
.area_form_head h3 em {
	margin: 0 .125rem;
	font-size: 1.5em;
}
.area_form_flow {
	display: flex;
	font-size: .875rem;
	color: #fff;
	font-weight: bold;
}
.area_form_flow li {
	position: relative;
	padding: .75rem 1rem;
}
.area_form_flow li:not(:first-child) {
	padding-left: 2.25rem;
}
.area_form_flow li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.4375rem 0 1.4375rem 1.25rem;
	z-index: 1;
}
.area_form_flow_entry {
	background-color: #eb5405;
}
.area_form_flow_entry::after {
	border-color: transparent transparent transparent #eb5505;
}
.area_form_flow_confirm {
	background-color: #888;
}
.area_form_flow_confirm::after {
	border-color: transparent transparent transparent #888;
}
.area_form_flow_complete {
	background-color: #ccc;
}
.area_form_flow_complete::after {
	border-color: transparent transparent transparent #ccc;
}
.area_form_wrap {
	padding: 2rem;
	border-radius: .375rem;
	background-color: #fdeee6;
	-webkit-border-radius: .375rem;
	-moz-border-radius: .375rem;
	-ms-border-radius: .375rem;
	-o-border-radius: .375rem;
}
.area_form_table th,
.area_form_table td {
	border: none;
	background-color: unset;
}
.area_form_table tr:not(:first-child) th,
.area_form_table tr:not(:first-child) td {
	padding: 1.5rem 0 0 1rem;
}
.area_form_table th {
	padding: 0;
	width: 12em;
	text-align: right;
}
.area_form_table td {
	padding: 0 0 0 1rem;
}
.area_button_wrap {
	position: relative;
	margin: auto;
	max-width: 22.5rem;
	width: 100%;
}
.area_button_wrap::after {
	position: absolute;
	content: "\f105";
	top: 0;
	right: 1.4rem;
	bottom: 0;
	margin: auto;
	font-size: 1.75rem;
	height: fit-content;
	color: #fff;
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	opacity: 0;
}
.area_button_wrap.true::after {
	opacity: 1;
}
.area_form .button.primary {
	position: relative;
	margin: 2rem auto 0;
	padding: 1.5rem 1rem;
	font-size: 1.25rem;
	color: #fff;
	background: none;
	background-color: #eb5405;
	border-radius: .375rem;
	-webkit-border-radius: .375rem;
	-moz-border-radius: .375rem;
	-ms-border-radius: .375rem;
	-o-border-radius: .375rem;
}
.area_form .button.primary[disabled] {
	background-color: #ccc;
}
.area_form .input-group {
	position: relative;
}
.area_form label.content {
	position: relative;
	cursor: pointer;
	padding-left: 35px;
	display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
	line-height: 2.3rem;
	width: fit-content;
	margin-right: 20px;
  }
.area_form label.content::before,
.area_form label.content::after {
  content: "";
  display: block; 
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.area_form label.content::before {
  background-color: #fdeee6;
  border: 1px solid #333;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 5px;
}

.area_form label.content::after {
  background-color: #eb5405;
  border-radius: 50%;
  opacity: 0;
  width: 12px;
  height: 12px;
  left: 10px;
}

.area_form input:checked + label.content::after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
	.area_form .common_head {
		line-height: 1;
	}
	.area_form_img_wrap {
		margin-bottom: 1.5rem;
	}
	.area_form_img_wrap i {
		position: absolute;
		bottom: 0;
		width: 10.25rem;
	}
	.area_form_img_wrap i:first-child {
		left: 0;
	}
	.area_form_img_wrap i:last-child {
		right: 0;
	}
	.area_form_img_wrap b {
		width: 3.75rem;
	}
	.area_form_head {
		justify-content: center;
	}
	.area_form_head h3 {
		margin-right: .375rem;
		font-size: .875rem;
	}
	.area_form_wrap {
		padding: 2rem 1rem;
	}
	.area_form_flow {
		margin-right: .5rem;
		flex-shrink: 0;
	}
	.area_form_flow li {
		padding: .75rem .5rem .75rem .5rem;
	}
	.area_form_flow li::after {
		border-width: 1.4375rem 0 1.4375rem .5rem;
	}
	.area_form_flow li:not(:first-child) {
		padding-left: 1rem;
	}
	.area_form_table,
	.area_form_table tbody,
	.area_form_table tr,
	.area_form_table th,
	.area_form_table td {
		display: block;
	}
	.area_form_table tr:not(:first-child) {
		margin-top: 1rem;
	}
	.area_form_table th {
		width: auto;
		text-align: left;
		font-size: 1rem;
	}
	.area_form_table tr:not(:first-child) th {
		padding: 0;
	}
	.area_form_table td {
		padding: .25rem 0 0;
	}
	.area_form_table tr:not(:first-child) td {
		padding: .25rem 0 0;
	}
		input[type="text"],
		input[type="number"],
		textarea {
			display: block;
			padding: 1rem;
			width: 100%;
		}
	.area_form label.content {
		display: block;
		}
}
input:focus,
select:focus,
textarea:focus{
	outline: none;
	}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
	}
input[type="number"] { 
	-moz-appearance:textfield; 
	}
input[type="text"],
input[type="number"],
select,
textarea{
	border:none;
	border-radius:4px;
	background: #fff;
	border:1px solid #AFAFAF;
	font-size: 16px;
	}
input[type="text"],
input[type="number"],
textarea{
	width: calc(100% - 1.2em);
	padding: .5em;
	}
select {
	width:100%;
	height: 2.2em;
	text-indent: .5em;
	}
#contactday,
#contacttime,
#movetime1,
#movetime2{
	width: 48%;
	}
#contactday,
#movetime1{
	margin-right: 2%;
	}

/* ラジオボタン・チェックボックス */
input[type=radio],
input[type=checkbox] {
	display: none;
	margin: 0;
	}
input[type=radio] + label,
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 22px;	 
	cursor: pointer;
	font-size: 14px;
	}
input[type=checkbox]:nth-of-type(2) + label {
	margin-left: 0;
}

.ERR {
	color:#f00;
	margin: .5rem 0 0;
	}
.required-focus{
	background: #fce2e2 !important;
	border-color: #E75B5B !important;
	}
.any,
.required{
	padding: .1em .5em;
	border-radius: 2px;
	font-size: 10px;
	color: #fff;
	background: #eb5405;
	vertical-align: middle;
	font-weight: normal;
	}
.any{
	background: #666666;
	}
.fz22{
	font-size: 22px;
	}

table {
	width: 100%;
	border-collapse: collapse;
	}
td {
	padding: 10px 10px;
	display: block;
	}
th {
	padding: 4px 10px;
	display: block;
	font-size: 16px;
	text-align: left;
	background: #F5F5F5;
	}
th > br{
	display: none;
	}
.step1,
.step2,
.step3{
	margin:0 20px;
	padding-left: 35px;
	}
.step1{
	margin-top: 25px;
	}
.step3{
	margin-bottom: 40px;
	}
.step1,
.step2{
	position:relative;
	margin-bottom: 0;
	}
	.step1::before,
	.step2::before{
		position: absolute;
		top: 0;
		left: 20px;
		display:block;
		width: 2px;
		height: 100%;
		z-index: -1;
		background: #eb5405;
		content: '';
		}
.step1 .pic,
.step2 .pic{
	position: absolute;
	bottom: 20px;
	right: 0;
	}
.step1 dt,
.step2 dt{
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	}
.step1 > dt::before,
.step2 > dt::before,
.step3 > dt{
	display:block;
	width: 128px;
	height: 30px;
	margin-left: -35px;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	color: #eb5405;
	background: #fff;
	border: 2px solid #eb5405;
	}
.step3 > dt{
	background: #eb5405;
	color: #fff;
	}
.step1 > dt::before{
	content: 'STEP1';
	}
.step2 > dt::before{
	content: 'STEP2';
	}
.step1 dt+ dd,
.step2 dt+ dd{
	margin: 0;
	padding: 0 20px 20px 0;
	}
td p {
	font-size: .75rem;
}


/*------------------------------------------------------*/
/*　media Queries PCサイズ　　　　　*/
/*------------------------------------------------------*/

@media only screen and (min-width: 781px) {
.header{
	padding: 0;
	}
.header .wrap{
	max-width: 980px;
	margin: 0 auto;
	}
.header .logo{
	display: inline-block;
	padding: 12px 0;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	}
	header .logo > img{
		width: 140px;
		display: inline;
		margin-right: 5px;
		vertical-align: -5px;
		}
	table {
		width: 100%;
		margin-bottom: 60px;
		}
	table:last-of-type {
		margin-bottom: unset;
	}
	th, td {
		width: auto;
		display: table-cell;
		padding: 30px 45px;
		border-bottom:1px solid #ebebeb;
		}
	th {
		width: 240px;
		font-size: 16px;
		}
		th > br{
			display: block;
			}
input[type="text"],
input[type="number"],
textarea{
	width:calc(100% - 1.6em);
	padding: 1em .8em;
	}
#provider{
	margin-top: 1em;
	margin-left: 1em;
	width:calc(100% - 9em);
	}
select {
	height: 3.2em;
	}
.privacy br{
	display: none;
	}
footer .privacy p{
	text-align: center;
	width: auto;
	}
.button.tel{
	margin:0;
	width: 280px;
	}
.step2 dt > br{
	display: none;
	}

.form-step{
	display: flex;
	justify-content: space-between;
	margin: 25px 0;
	}
.ttl-step{
	font-size: 30px;
	height: 54px;
	padding-right: 0;
	line-height: 54px;
	}
	.step img{
		max-width: 274px;
		}
}

body.apply .complete {
	padding: 0 10px;
}
.c-button-list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	cursor: pointer;
}

.c-button-list-block .c-button-list {
	margin: .8rem auto 1.6rem;
	width: 90%;
}

.c-button-list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	cursor: pointer;
}

.c-button-list .c-button-list__item {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 6px);
	margin: 6px 0;
	padding: 0.8em 0.8rem;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border: 2px solid #dbdcdc;
	border-radius: 6px;
	color: #444444;
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px rgba(7, 3, 4, 0.1);
	cursor: pointer;
	height: 64px;
}

.c-button-list .c-button-list__item:hover {
	background-color: #fffbdf;
	border-color: #ffe40a;
}

.c-button-list .c-button-list__item.is-active {
	background-color: #fffbdf;
	border-color: #ffe40a;
}

.c-button-list .c-button-list__item * {
	pointer-events: none;
}

.c-button-list input[type=radio]:checked + label {
	background-color: #fffbdf;
	border-color: #ffe40a;
	}

.c-button-list .c-button-list__item img {
	width: 6rem;
}

.modal-content {
	width: 240px;
	height: fit-content;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 20px;
	border: 4px solid #feee50;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 4;
}
@media only screen and (min-width: 38.74em) {
.modal-content {
	width: 480px;
	}
}
#modal-overlay {
	z-index: 3 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

#modal-close {
	position: absolute;
	top: 0;
	right: 7px;
	font-size: 150%;
	color: #666;
	cursor: pointer;
	}

.modal-content p {
	margin: 0;
	text-align:center;
	font-size: 20px;
	}
.modal-content .tel-modal-end {
	position: relative;
	font-size: 10px;
}
.modal-content .text-em{
	font-size: 22px;
	font-style: italic;
	font-weight:bold;
	}
.modal-content .text-blue{
	font-size: 24px;
	font-weight:bold;
	color: #333;
	}
.modal-content .text-number{
	color: #db5e29;
	font-size:44px;
	font-weight:bold;
	}
	.modal-content .text-number:before{
		display:inline-block;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		vertical-align: middle;
		border:2px solid #db5e29;
		border-radius:50%;
		font-family: "Font Awesome 5 Free";
		content: "\f2a0";
		font-size: 80%;
		line-height: 50px;
		}

/* 離脱ブロック */
#alert-modal{
	margin-top: -280px;
	padding: 5px;
	background: #fae608;
	border-radius: 6px;
	}
	#alert-modal .ttl{
		padding-top: .5rem;
		font-size: 160%;
		}
		#alert-modal .ttl > i{
			margin-right: .5rem;
			color: #fa6308;
			font-size: 160%;
            }
	#alert-modal .ttl + p{
        padding-bottom: .5rem;
		line-height: 1.4;
		font-size: 1.15em;
		}
#alert-modal .bg-white{
	padding: 20px;
	border-radius: 6px;
	}
#alert-modal .button{
	margin-top: 20px;
	}
@media screen and (max-width: 38.74em) {
#alert-modal{
	width: 260px;
	margin-top: -184px;
	margin-left: -140px;
	}
	#alert-modal .text{
		font-size: 12px;
		}
	#alert-modal .bg-white img{
		max-width: 85px;
		margin-top: 10px;
		}
#alert-modal .button{
	margin-top: 10px;
	font-size: 1.1rem;
	padding-left: 2em;
	}
	#alert-modal .button > i{
		left: 1.5rem;
		margin-top: -1rem;
		font-size: 170%;
		}
#alert-modal .bg-white{
	padding: 10px;
	}
}
#choice-modal .button{
	max-width: 350px;
	margin: 1rem auto;
	}
@media screen and (max-width: 38.74em) {
#choice-modal .logo > img{
	max-width: 120px;
	}
#choice-modal .button{
	margin: 1rem 0 0;
	padding-top: .5rem;
	font-size: 1rem;
	}
	#choice-modal .button > i{
		top: 58%;
		}
}
@media only screen and (min-width: 38.74em) {
#choice-modal .button.warning{
	padding: .7em 1em;
	}
}

/* contact modal */
#contact-modal {
	padding: 0;
	border: none;
}
.contact-modal-head {
	padding: 1.5rem 0 0;
}
.contact-modal-head-logo {
	margin: auto;
	max-width: 8rem;
}
.contact-modal-wrap {
	padding: 1rem;
	background-color: #FBDDCD;
}
#contact-modal .contact-modal-lead {
	padding: 1rem 0;
	font-size: .8rem;
	text-align: center;
}
#contact-modal a {
	position: relative;
	width: 100%;
	margin: 0 auto 1rem;
	padding: 0.9rem;
	font-size: 1.25rem;
	color: #333;
	border: 1px solid #fff;
	border-radius: .7rem;
	-webkit-border-radius: .7rem;
	-moz-border-radius: .25rem;
	-ms-border-radius: .25rem;
	-o-border-radius: .25rem;
	box-shadow: none;
}
#contact-modal a::after{
	content: "";
	display: block;
	position: absolute;
	width: .5rem;
	height: .5rem;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	rotate: 45deg;
    top: 0;
	right: 7%;
    bottom: 0;
    margin: auto;
}
#contact-modal a i {
	position: absolute;
	display: block;
	margin: auto;
	padding: 0;
	height: fit-content;
	top: 0;
	left: 1rem;
	bottom: 0;
	float: none;
	font-size: 1.5rem;
}
#contact-modal a span {
	display: inline-block;
	font-size: 1rem;
}
#contact-modal a small {
	font-size: .8rem;
	line-height: 1.3;
	font-weight: bold;
	display: inline-block;
}
#contact-modal .button {
	background-color: #fff;
	height: 60px;
	box-sizing: border-box;
	line-height: 1.2rem;
}
#contact-modal .button.btn_1,
#contact-modal .button.btn_2 {
	background-color: #fff000;
}
#contact-modal .button.btn_2 {
	color: #eb5405;
	height: 95px;
	padding: 2.1rem 1rem;
}
#contact-modal .button strong {
	font-size: 1.05rem;
}
#contact-modal .button.btn_2 strong {
	font-size: 1.4rem;
}
.button.btn_2 span {

}
.button.btn_2 small {
	display: inline-block;
	font-weight: bold;
}
#contact-modal a.btn_2::after{
	border-top: 2px solid #eb5405;
	border-right: 2px solid #eb5405;
}
#contact-modal img {
	display: block;
	max-width: 100%;
}
#contact-modal img.icon {
	position: absolute;
	width: 17px;
	height: auto;
	top: 14px;
	left: 7%;
}
#contact-modal .btn_2 img.icon {
	width: 28px;
	top: 30px;
	left: unset;
}
#contact-modal .onetext {
	padding: 1.4rem 1rem;
}

@media screen and (max-width: 768px) {
	#contact-modal {
		top: 6.65rem;
		width: calc(100% - 2rem);
	}
	#contact-modal a {
		font-size: 0.9rem;
	}
}

.complete-wrap {
	margin: 20px 0;
	background-color: #fff5d3;
}
.complete-text {
	font-size: 0.95rem;
    font-weight: bold;
    color: #f7313b;
    text-align: center;
    display: flex;
    align-items: center;
    width: 90%;
    justify-content: center;
    margin: 0 auto 1rem;
}
.complete-text i {
	display: inline-block;
	max-width: 27px;
	transform: translateY(4px);
}
.complete-tel-wrap {
	display: flex;
	flex-direction: column;
	font-size: 42px;
	color: #000;
}
.complete-tel-span {
	font-weight: 500;
	font-size: .333333em;
}
.complete-tel-number {
	display: flex;
	align-items: center;
	margin: 2px 0 4px;
	font-size: 1em;
	justify-content: center;
}
.complete-tel-number i {
	max-width: 40px;
	margin-right: 4px;
	transform: translateY(3px);
}
.complete-tel-number i img {
	display: block;
	width: 2.5rem;
	height: auto;
}
.complete-tel-number span {
	flex-shrink: 0;
	font-weight: bold;
	color: #f7313b;
	line-height: 1;
	letter-spacing: -1px;
}
.complete-tel-number span .nolink {
	flex-shrink: 0;
	font-weight: bold;
	color: #f7313b;
	line-height: 1;
	letter-spacing: -1px;
}
.complete-tel-time {
	font-size: 14px;
	font-weight: normal;
}
.complete-back {
	margin-top: 12px;
	font-size: .85rem;
	font-weight: 500;
	line-height: 1.4rem;
	text-indent: -.5em;
	text-align: center;
	color: #000;
}
.complete-back span {
	color: #f7313b;
	font-weight: bold;
	border-bottom: 1px solid #f7313b;
}
.complete-note p:first-child {
	margin-bottom: 4px;
	text-indent: -.5em;
	font-weight: 500;
}
.p-form__details{
	padding: 1rem;
	background-color: #FFF5D2;
	text-align: center;
}
.p-form__details table{
	width: 500px;
	margin: 0 auto;
}
.p-form__details th{
	padding: .5rem;
	background-color: unset;
	border: none;
}
.p-form__details td{
	padding: .5rem;
	border: none;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.p-form__details table {
		width: 100%;
	}
	.p-form__details th{
		display: block;
	}
	.p-form__details td{
		display: block;
	}
	.complete-tel-span {
		text-align: left;
	}
	.complete-tel-time {
		text-align: left;
	}
	.complete-text{
		justify-content: space-between;
	}
}
.input-area input[type=radio],
.input-area input[type=checkbox] {
	display: none;
	margin: 0;
	}
.input-area input[type=radio] + label,
.input-area input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	width: calc(50% - 10px);
	margin: 6px 0;
	padding: .7em 0;
	border-style: solid;
	border-width: 2px;
	border-color: #dbdcdc;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px rgba(7, 3, 4, 0.1);
	cursor: pointer;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	}
.input-area .input-group label:nth-of-type(-n+2){
	margin-top: 0;
	}
.input-area .input-group label:nth-of-type(odd){
	margin-right: 5px;
	}
.input-area input[type=radio]:checked + label,
.input-area input[type=checkbox]:checked + label {
	background-color: #FFF2F0;
	border-color: #EA381C;
	}
.input-area input[type=radio] + label::before,
.input-area input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -11px;
}
.input-area input[type=radio] + label::before {
	border: 1px solid #dbdcdc;
	border-radius: 50%;
	background: #fff;
}
.input-area input[type=checkbox] + label::before {
	border: 1px solid #dbdcdc;
	background: #fff;
	border-radius:4px;
}
.input-area input[type=radio]:checked + label::before{
	border-color: #EA381C;
	}
.input-area input[type=radio]:checked + label::after,
.input-area input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background:#EA381C;
	 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.input-area input[type=radio]:checked + label::after {
	border-radius: 8px;
}
.input-area .input-group{
    text-align: justify;
}