@charset "utf-8";

.form_base .form_meta{
	position:absolute!important;
	left:-9999px!important;
	top:-9999px!important;
}

.form_base label {
	display:inline-block;
	cursor: pointer
}
.form_base table{
	font-size: 1.4em;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: left;
	width: 100%;
	margin: 0 0 20px;
	border-collapse: collapse;
	border-spacing: 0;
}
.form_base table th,
.form_base table td {
	padding: 10px 0;
}
.form_base table th {
	width: 160px;
	font-weight: bold;
}
.form_base table th .required {
	color: #D93600;
}
.form_base input[type="text"],
.form_base input[type="password"],
.form_base textarea {
	-webkit-appearance: none;
	appearance: none;
	font-size: 14px;
	line-height: 1.4;
	/*width: 60%;*/
	margin: 4px 0;
	padding: 6px;
	border: 1px solid #999;
	box-sizing: border-box;
}
.form_base input[type="text"]:hover,
.form_base input[type="password"]:hover,
.form_base textarea:hover{
	border: 1px solid #666;
}
.form_base input[type="text"]:focus,
.form_base input[type="password"]:focus,
.form_base textarea:focus{
	background-color: #ffc;
	border: 1px solid #333;
}
.form_base input.text_name,
.form_base input.text_zip {
	width: 120px;
}
.form_base textarea {
	height: 8em;
	width: 100%;
}
.form_base select {
	font-size:14px;
}

/* 添付ファイル */
.form_base .in_file_wrap {
	position: relative;
}
.form_base .in_file {
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 5px;
}
.form_base .in_file input {
	display: none;
}
.form_base .in_file input + span {
	vertical-align: middle;
	display: inline-block;
}
.form_base .in_file input + span span {
	vertical-align: middle;
	display: inline-block;
	transition: .3s;
}
.form_base .in_file input + span::before {
	content:"ファイルを選択";
	vertical-align: middle;
	display: inline-block;
	background: #EEE;
	border:1px solid #AAA;
	margin: 0 10px 0 0;
	padding: 4px 9px 2px 9px;
	border-radius: 3px;
	font-size:1em;
	line-height: 1;
	transition: .3s;
}
.form_base .in_file:hover input + span span {
	text-decoration: underline;
}
.form_base .in_file:hover input + span::before {
	color:#000;
	background: #DDD;
	border-color:#000;
}
.form_base .in_file_clear {
	position: absolute;
	top: 0;
	right: 0;
	appearance: none;
	vertical-align: middle;
	display: inline-block;
	background: #EEE;
	border: 1px solid #AAA;
	padding: 3px 9px;
	border-radius: 3px;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
	transition: 0.3s;
}
.form_base .in_file_clear:hover {
	color:#000;
	background: #DDD;
	border-color:#000;
}
.form_base .in_file.ip_off input + span span{color:#666;}
.form_base .in_file.ip_off input + span span::after {
	content:"選択されていません";
}
.form_base .in_file.ip_off ~ .in_file_clear {
	display: none;
}

.form_base input[type="submit"],
.form_base input[type="button"] {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.form_base input[type="submit"] {
	font-size: 15px;
	line-height: 50px;
	font-weight: bold;
	color:#fff;
	background-color: #666;
	width: 260px;
	border-radius: 6px;
}
.form_base input[type="button"] {
	font-size: 0.8em;
	font-weight: bold;
	color:#333;
	background-color: #ccc;
	margin: 0 0 0 5px;
	padding: 6px 10px;
	border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
	.form_base input[type="submit"]:hover {
		background-color: #21afef;
	}
	.form_base input[type="button"]:hover {
		background-color: #bbb;
		border: 1px solid #bbb;
	}
}

/*=改行・制限=*/
.form_base .nowrap{	
	white-space: nowrap;
}
/*=入力モード切替 ※IEのみ有効=*/
.form_base .ime_ac {ime-mode: active;}
.form_base .ime_dis {ime-mode: disabled;}

/*=左右寄せ= */
.form_base .align_l {text-align:left!important;}
.form_base .align_r {text-align:right!important;}
.form_base .align_c {text-align:center!important;}
/*上下位置*/
.form_base .align_t {vertical-align: top;}
.form_base .align_b {vertical-align: bottom;}

.form_base input[type="text"],
.form_base textarea {box-sizing:border-box;}
.form_base .min_w2em {min-width:2em;}
.form_base .min_w3em {min-width:3em;}
.form_base .min_w4em {min-width:4em;}
.form_base .min_w5em {min-width:5em;}
.form_base .min_w6em {min-width:6em;}
.form_base .min_w7em {min-width:7em;}
.form_base .min_w8em {min-width:8em;}
.form_base .min_w9em {min-width:9em;}
.form_base .min_w10em {min-width:10em;}

/* 字数幅 */
.form_base .w2em {width:2em;}
.form_base .w3em {width:3em;}
.form_base .w4em {width:4em;}
.form_base .w5em {width:5em;}
.form_base .w6em {width:6em;}
.form_base .w7em {width:7em;}
.form_base .w8em {width:8em;}
.form_base .w9em {width:9em;}
.form_base .w10em {width:10em;}
.form_base .w11em {width:11em;}
.form_base .w12em {width:12em;}
.form_base .w13em {width:13em;}
.form_base .w14em {width:14em;}
.form_base .w15em {width:15em;}
.form_base .w20em {width:20em;}
.form_base .w21em {width:21em;}
.form_base .w22em {width:22em;}
.form_base .w23em {width:23em;}
.form_base .w24em {width:24em;}
.form_base .w25em {width:25em;}
.form_base .w26em {width:26em;}
.form_base .w27em {width:27em;}
.form_base .w28em {width:28em;}
.form_base .w29em {width:29em;}
.form_base .w30em {width:30em;}

/* 0.5文字ずつ */
.form_base .w1_5em {width:1.5em;}
.form_base .w2_5em {width:2.5em;}
.form_base .w3_5em {width:3.5em;}
.form_base .w4_5em {width:4.5em;}
.form_base .w5_5em {width:5.5em;}
.form_base .w6_5em {width:6.5em;}
.form_base .w7_5em {width:7.5em;}
.form_base .w8_5em {width:8.5em;}
.form_base .w9_5em {width:9.5em;}

/* % */
.form_base .w20per {width:20%;}
.form_base .w25per {width:25%;}
.form_base .w30per {width:30%;}
.form_base .w40per {width:40%;}
.form_base .w50per {width:50%;}
.form_base .w60per {width:60%;}
.form_base .w70per {width:70%;}
.form_base .w80per {width:80%;}
.form_base .w90per {width:90%;}
.form_base .w100per {width:100%;}

/* エラー表示 */
.form_base .err{
	font-size:12px;
	display:block;
	color:#FF0000;
}

/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{
	line-height: 1.5;
	padding: 15px;
	border: 1px solid #F00;
	margin: 0 0 30px;
	background: #FFE4E4;
	border-radius: 5px;
}

/*-------------------------
__entry_style
-------------------------*/

#main h2 {
	font-size:20px;
	text-align:left;
	color:#003092;/*------------------- color -------------------*/
	padding:0 0 0 15px;
	border-left:#003092/*------------------- color -------------------*/ double 10px;
	margin-bottom:20px;
}
#login {
	background-color:#003092;/*------------------- color -------------------*/
	margin-bottom: 30px;
	padding: 15px 0 20px;
}
#login dt {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 15px;
}
#login dd {
	color: #fff;
	font-size: 14px;
}
#login dd button {
	display: inline-block;
	*display: inline; /* IE7 and below */
	*zoom: 1; /* IE7 and below */
	vertical-align:top;
	text-align:center;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#003092;/*------------------- color -------------------*/
	text-decoration:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:none;
	width:100px;
	cursor:pointer;
	background-color:#ff0;
}
#main #login dd input {
	margin-right: 10px;
}
#subject,
#main .id_personal,
#main .id_add_file{
	padding-bottom: 30px;
}
.id_personal .surely {
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
}
#subject table,
#main .id_personal table,
#main .id_add_file table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.4em;
	line-height: 1.6;
	text-align: left;
	width: 100%;
}
#subject th,
#main .id_personal th,
#main .id_add_file th,
#subject td,
#main .id_personal td,
#main .id_add_file td{
	border: 1px solid #999;
	padding: 10px;
}
#subject th,
#main .id_personal th,
#main .id_add_file th{
	background-color: #faf8f5;
	font-weight: 700;
	width: 185px;
}
.attention {
	color: #ff0000;
}
.transmit {
	font-size: 1.4em;
	line-height: 1.2;
	padding-bottom: 10px;
}
.recap {
	text-align:center;
	margin:2em 0;
}
.recap > div {
	margin:0 auto;
}
.recap_er_ip {
	display:none;
}
/*reCAPTCHAの無料枠超過時の代替用チェックcss*/
.not_robot.fallback{
	text-align:center;
}
.not_robot.fallback .recap{
	display:inline-block;
	font-family:Roboto,helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:17px;
	padding:15px;
	border-radius: 3px;
	color:#000;
	background:#f9f9f9;
	border:1px solid #d3d3d3;
	box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
}

/*
#to_conf_btn,
#submit_btn {
	display:block;
	text-align:center;
	font-size:20px;
	line-height:50px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:none;
	width:240px;
	margin:0 auto 10px;
	cursor:pointer;
	background-color:#003092;------------------- color -------------------
}
#to_conf_btn:hover,
#submit_btn:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}

#confirm {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 30px;
}
#confirm table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.4em;
	line-height: 1.6;
	text-align: left;
	width: 100%;
}
#confirm th,
#confirm td {
	border: 1px solid #999;
	padding: 10px;
}
#confirm th {
	background-color: #faf8f5;
	font-weight: 700;
	width: 185px;
}
*/
/*
#thanks p {
	font-size: 1.4em;
	line-height: 1.6;
	padding-bottom: 15px;
	text-align: left;
}
#thanks .proviso {
	color: #666;
}
#thanks dl {
	border-top: 1px dotted #999;
	padding-top: 15px;
	text-align: left;
}
#thanks dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
#thanks .tel {
	color: #ff0000;
	font-size: 16px;
	font-weight: 700;
}
#thanks dd {
	font-size: 14px;
	line-height: 24px;
}
#thanks dd a {
	color: #000;
}
#thanks dd a:hover {
	text-decoration: none;
}

*/










.contact_block {padding: 0 0 100px!important;}
@media screen and (max-width: 1060px) {
.contact_block {padding: 0 0 8.92vw!important;}
}
@media screen and (max-width: 767px) {
.contact_block {padding: 0 0 5vw!important;}
}






.move_main_pic {width:  840px;margin:0 auto 100px;}
.move_main_pic{opacity: 0;transform: translateY(30px);transition: opacity .6s ease, transform .6s ease;}
.move_main_pic.show{opacity: 1;transform: translateY(0);}
.move_main_pic .pic_block {border-radius: 40px;overflow: hidden;margin: 0 0 50px;}
.move_main_pic .pic_block img {width: 100%;height: auto;display: block;}
.move_main_pic p.text {color: var(--blue-color);font-size: 18px;line-height: 1.6;text-align: left;margin: 0 20px;}

@media screen and (max-width:1120px) {
.move_main_pic {width:  90vw;margin:0 auto 8.92vw;}
.move_main_pic{transform: translateY(2.67vw);}
.move_main_pic .pic_block {border-radius: 3.57vw;margin: 0 0 4.46vw;}
.move_main_pic p.text {font-size: 1.60vw;margin: 0 1.78vw;}
}
@media screen and (max-width:767px) {
.move_main_pic {width:  90vw;margin:0 auto 10vw;}
.move_main_pic .pic_block {border-radius: 5vw;margin: 0 0 5vw;}
.move_main_pic p.text {font-size: 3vw;margin: 0 5vw;}
}







.procedure {max-width: 1060px;margin: 100px auto;text-align: left;}
.procedure h2.procedure_title {margin: 0;font-size: 48px;line-height: 1.4;font-weight: 500;}
.procedure h2.procedure_title span {display: inline-block;background: #f3d600;padding: 8px 16px;font-size: 28px;line-height: 1;margin-bottom: 20px;}
.procedure > p.text {margin: 15px 0 100px;font-size: 26px;}
.procedure ul.procedure_step {margin: 0;padding: 0;list-style: none;}
.procedure ul.procedure_step li {position: relative;background: #edf1f3;border-radius: 16px;padding: 40px;margin-bottom: 60px;}


.procedure ul.procedure_step li{opacity: 0;transform: translateY(30px);transition: opacity .6s ease, transform .6s ease;}
.procedure ul.procedure_step li.show{opacity: 1;transform: translateY(0);}


.procedure ul.procedure_step li {
	position: relative;
}

.procedure ul.procedure_step li:nth-child(1){z-index: 10;}
.procedure ul.procedure_step li:nth-child(2){z-index: 9;}
.procedure ul.procedure_step li:nth-child(3){z-index: 8;}
.procedure ul.procedure_step li:nth-child(4){z-index: 7;}
.procedure ul.procedure_step li:nth-child(5){z-index: 6;}
.procedure ul.procedure_step li:nth-child(6){z-index: 5;}

.procedure ul.procedure_step li::after{
	z-index: 100;
}


.procedure ul.procedure_step li:last-child {margin-bottom: 0;}
.procedure ul.procedure_step li::after {content: "";position: absolute;left: 50%;bottom: -78px;transform: translateX(-50%);width: 78px;height: 100px;background: url(/move/images/flow.svg) no-repeat center center;background-size: contain;z-index: 99;}
.procedure ul.procedure_step li:last-child::after {display: none;}
.procedure ul.procedure_step li h3.step_title {margin: 0 0 0 200px;font-size: 40px;line-height: 1;font-weight: 500;}
.procedure ul.procedure_step li::before {content: "";position: absolute;left: 70px;top: -20px;width: 100px;height: 172px;background: url(/move/images/step1.svg) no-repeat center center;background-size: contain;}
.procedure ul.procedure_step li:nth-child(1)::before {background-image: url(/move/images/step1.svg);}
.procedure ul.procedure_step li:nth-child(2)::before {background-image: url(/move/images/step2.svg);}
.procedure ul.procedure_step li:nth-child(3)::before {background-image: url(/move/images/step3.svg);}
.procedure ul.procedure_step li:nth-child(4)::before {background-image: url(/move/images/step4.svg);}
.procedure ul.procedure_step li:nth-child(5)::before {background-image: url(/move/images/step5.svg);}
.procedure ul.procedure_step li:nth-child(6)::before {background-image: url(/move/images/step6.svg);}
.procedure ul.procedure_step li .step_pic {width: 45%;}
.procedure ul.procedure_step li .step_pic img {width: 100%;height: auto;display: block;}
.procedure ul.procedure_step li .step_text {width: calc(55% - 40px);}
.procedure ul.procedure_step li {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 40px;}
.procedure ul.procedure_step li h3.step_title {width: 100%;}
.procedure ul.procedure_step li .step_text p.text {margin: 0;font-size: 16px;line-height: 1.6;}
.procedure ul.procedure_step li ol.step_list {margin: 20px 0;padding-left: 1.2em;}
.procedure ul.procedure_step li ol.step_list li {background: none;padding: 0;margin: 0 0 0 1em;border-radius: 0;display: list-item;	font-size: 16px;line-height: 1.6;list-style: disc;}
.procedure ul.procedure_step li ol.step_list li::before,
.procedure ul.procedure_step li ol.step_list li::after {display: none;}
.procedure ul.procedure_step li .matters {width: 100%;margin-top: 30px;background: #fff;border-radius: 10px;padding: 25px 30px;}
.procedure ul.procedure_step li .matters dl {margin: 0;}
.procedure ul.procedure_step li .matters dl dt {margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
.procedure ul.procedure_step li .matters dl dd  p.text{font-size: 16px;line-height: 1.6;}
.procedure ul.procedure_step li .matters ol.step_list {margin-bottom: 0;}
.procedure .end {margin-top: 80px;background: #2e91aa;color: #fff;border-radius: 999px;padding: 30px 40px;text-align: center;}
.procedure .end dl {margin: 0;}
.procedure .end dl dt {font-size: 28px;font-weight: 500;margin-bottom: 10px;}
.procedure .end dl dd {margin: 0;font-size: 14px;}
@media screen and (max-width:1120px) {
.procedure {max-width: 90vw;margin:8.92vw auto;}
.procedure h2.procedure_title {font-size: 4.28vw;}
.procedure h2.procedure_title span {padding: 0.71vw 1.42vw;font-size: 2.5vw;margin-bottom: 1.78vw;}
.procedure > p.text {margin: 1.33vw 0 8.92vw;font-size: 2.32vw;}
.procedure ul.procedure_step li {border-radius: 1.42vw;padding: 3.57vw;margin-bottom: 5.35vw;}

.procedure ul.procedure_step li{transform: translateY(2.67vw);}

.procedure ul.procedure_step li::after {bottom: -6.96vw;width: 6.96vw;height: 8.92vw}
.procedure ul.procedure_step li h3.step_title {margin: 0 0 0 17.85vw;font-size: 3.57vw;}
.procedure ul.procedure_step li::before {left: 6.25vw;top: -1.78vw;width: 8.92vw;height: 15.35vw;}
.procedure ul.procedure_step li .step_text {width: calc(55% - 3.57vw);}
.procedure ul.procedure_step li {gap: 3.57vw;}
.procedure ul.procedure_step li .step_text p.text {font-size: 1.42vw;}
.procedure ul.procedure_step li ol.step_list {margin: 1.78vw 0;}
.procedure ul.procedure_step li ol.step_list li {font-size: 1.42vw;}
.procedure ul.procedure_step li .matters {margin-top: 2.67vw;border-radius: 0.89vw;padding: 2.23vw 2.67vw;}
.procedure ul.procedure_step li .matters dl dt {margin-bottom: 1.33vw;font-size: 1.42vw;}
.procedure ul.procedure_step li .matters dl dd  p.text{font-size: 1.42vw;}
.procedure .end {margin-top: 7.14vw;border-radius: 89.19vw;padding: 2.67vw 3.57vw;}
.procedure .end dl dt {font-size: 2.4vw;margin-bottom: 0.89vw;}
.procedure .end dl dd {font-size: 1.25vw;}
}

@media screen and (max-width: 768px){

.procedure {padding: 0 5vw;}
.procedure h2.procedure_title {font-size: 5vw;}
.procedure h2.procedure_title span {font-size: 3vw;padding: 1vw 2vw;margin-bottom: 2.5vw;}
.procedure > p.text {font-size: 3vw;margin: 2.5vw 0 10vw;}
.procedure ul.procedure_step li {display: block;padding: 5vw;margin-bottom: 6.5vw;border-radius: 2.5vw;}
.procedure ul.procedure_step li::before {left: 7.5vw;top: -2.5vw;width: 12vw;height: 20vw;}
.procedure ul.procedure_step li::after {bottom: -9vw;width: 12vw;height: 12vw}
.procedure ul.procedure_step li h3.step_title {margin: 0 0 2.5vw 16vw;font-size: 4vw;line-height: 1.5;}
.procedure ul.procedure_step li .step_pic,
.procedure ul.procedure_step li .step_text {width: 100%;}
.procedure ul.procedure_step li .step_pic {margin-bottom: 5vw;}
.procedure ul.procedure_step li .step_text p.text {font-size: 3vw;line-height: 1.9;}
.procedure ul.procedure_step li ol.step_list {margin: 5vw 0;padding-left: 1.2em;}
.procedure ul.procedure_step li ol.step_list li {font-size: 3vw;}
.procedure ul.procedure_step li .matters {width: 88%;margin-top: 20px;padding: 20px;}
.procedure ul.procedure_step li .matters dl dt {font-size: 3vw;margin-bottom: 2.5vw;}
.procedure ul.procedure_step li .matters dl dd  p.text{font-size: 3vw;}
.procedure .end {margin-top: 10vw;padding: 5vw;border-radius: 5vw;}
.procedure .end dl dt {font-size: 3.8vw;line-height: 1.6;}
.procedure .end dl dd {font-size: 3vw;line-height: 1.6;}

}


