@charset "utf-8";
/* CSS Document */

/*-----------------------------------
Wrap
-------------------------------------*/

html{
    font-size: 62.5%;/* 16px*62.5%=10px */
}

body{
	font-size: 1.6rem;/* default = 10px * 1.6倍 = 16px */
	margin: 0;
	line-height: 1.5em;
}

a{
	color: #064287;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
	transition: all .3s ease;
}

.phone{
	display: none;
}
b{
	font-weight: bold;
}
.inner{
	font-size: 13px;
}


/*-----------------------------------
header
-------------------------------------*/

.gHeaderInner{
	width: 80%;
	margin:0 auto;
	padding: 1.6em 0;
		
}

/*-----------------------------------
footer
-------------------------------------*/


/*-----------------------------------
Contents
-------------------------------------*/
#wrapper{
	width: 100%;
	background-color: #f9f9f9;
}
#conts_wrap{
	min-height: 100vh;
	color: #393f48;
	background-color: #f9f9f9;
	padding: 6.0rem 0;
}

.conts_inner{
	margin: 0 auto ;
	width: 80%;
	max-width: 100.0rem;
	margin-bottom: 3em;
}
.note{
	font-size: 1.3rem;
	color: #85898e;
}
.txt_red{
  color: #870a06;
}

.required{
	font-size: 1.3rem;
	color: #870a06;
}

.error_msg{
	color:#870a06;
}
#box_err{
	margin: 2rem 0;
}


/*headline*/
.box_head *{
	margin: 0;
	margin-bottom: 1em;
}
.box_head h1{
	font-weight: normal;
	font-size: 3.0rem;
}



/*InputForm*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;

}

.dl_row dt{
  float: left;
	width: 28rem;
	min-height: 3em;
	padding-right: 0.5rem;
}

.dl_row dt.wd_100{
  width:100%;
}
.dl_row dd::after{
	content: "";
  clear: both;
}
.input_form dd{
	margin-bottom: 1em;
	margin-left: 28rem;

}
.input_form dd.mb_large{
	margin-bottom: 5rem;
}

.input_form dd.mb_large.eg{
	margin-bottom: 8rem;
}

.input_form input[type="text"], input[type="email"], input[type="tel"],input[type="date"], textarea, select {	
	padding: 0.8em;
	outline: none;
	border: 0.1em solid #DDD;
	-webkit-border-radius: 0.3em;
	-moz-border-radius:0.3em;
	border-radius: 0.3em;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #384048;
}
.input_short {
	width: 80%;
	max-width: 450px;
}

.input_form .btn {
	display: inline-block;
	transition: .3s;
	margin-top: 2.0em;
}
.input_form a.btn:hover {
	text-decoration: none;
	
}
.hr{
	font-weight: bold;
	margin-top: 2rem;
	clear: both;
}
.dl_row::after{
	content: "";
	clear: both;
}

.box_select{
	margin-bottom: 2em;
}
.box_select label{
	width: 30%;
}
.radio-input {
    display: none;
}
.radio-parts {
	transition: .4s;
	padding-left: 2.0em;
	position: relative;
	margin-right: 2.0rem;
	line-height: 1;
	z-index: 0;
}

.radio-parts::after {
	content: "";
	position: absolute;
	top: 0.3rem;
	left: 0;
	display: inline-block;
	width: 1.7rem;
  height: 1.7rem;
  text-align:center;
  line-height:1.7rem;
  vertical-align: middle;
  border-radius: 50%;
  border: solid 0.15rem #bfc4c7;
	transition: .4s;
	
}
.radio-input:checked + .radio-parts::after {
	transform: scale(1,1);
	border-radius: 50%;
	background: #5a82af;
	border: solid 0.15rem #5a82af;
}

.box_unselected .radio-input:checked + .radio-parts::after {
    background: #5a82af;
    border: solid 0.15rem #5a82af
}



.box_submit {
    margin: 0 0 3em;
}
.btn_submit{
	width: 100%;
	border-radius: 3.0rem;
	padding: 0.5em;
	border: none;
	background-color: #5a82af;
	color: #FFF;
	text-align: center;
	transition: all .3s ease;
	box-sizing: border-box;
  cursor: pointer;

}
.btn_submit:hover{
	background-color: #8aa6c6;
}

.box_flex{
	display: flex;
	justify-content: space-between;
}

.box_flex #btn_submit{
	width: 60%;
	
}
.box_flex #btn_return{
	width: 30%;
	background-color: #aab4bd;
}
.box_flex #btn_return:hover{
	background-color: #bdc4cc
}


.area_corporate_access{
	display: none;
  margin-top: 2.0rem;
}

.label_checkbox{
	display: flex;
	margin-top: 1rem;
}
.label_checkbox input{
	width: 1.6rem;
	margin-right: 1rem;
}



.area_method_memo{
  display: none;
}

/*----------------
StepBar
----------*/
.cp_stepflow01 {
	font-size: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 3em;
	padding: 0;
}
.cp_stepflow01 > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-overflow: ellipsis;
	color: #d1d3d5;
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.cp_stepflow01 > li .bubble {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 0.5em;
	border-radius: 1000px;
	background-color: #d1d3d5;
}
.cp_stepflow01 > li .bubble::after,
.cp_stepflow01 > li .bubble::before {
	position: absolute;
	top: 9px;
	display: block;
	width: 100%;
	height: 3px;
	content: '';
	background-color: #d1d3d5;
}
.cp_stepflow01 > li.completed,
.cp_stepflow01 > li.completed .bubble {
	color: #afc2d8;
}
.cp_stepflow01 > li.completed .bubble,
.cp_stepflow01 > li.completed .bubble::after,
.cp_stepflow01 > li.completed .bubble::before {
	background-color: #afc2d8;
}
.cp_stepflow01 > li:last-child .bubble::after,
.cp_stepflow01 > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}
.cp_stepflow01 > li.active,
.cp_stepflow01 > li.active .bubble {
	font-weight: bold;
	color: #5a82af;
}
.cp_stepflow01 > li.active .bubble,
.cp_stepflow01 > li.active .bubble::after,
.cp_stepflow01 > li.active .bubble::before {
	background-color: #5a82af;
}

.area_indent{
  background-color: #ebf0f5;
  padding: 1em;
  margin-top: 3em;
}

/*---------------------------
 個人情報保護方針 
-----------------------------*/
.box_policy{
	width: 100%;
	margin: 4rem 0;
}

.outer {
	padding: 0.5em 1em;
	margin: 0.5rem 0 2rem 0;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #999;
	background-color: #fff;
	width: 100%;
  box-sizing: border-box;
}


.chk_policy label{
	display: block;
	margin-bottom: 0.5rem;
}

/*-------
確認ページ

-----*/

.list_conf dt {
	/* font-weight: bold; */
	color: #053b78;
	
}
.list_conf dd{
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #8aa6c6;
	margin-bottom: 3.0rem;
	margin-left: 0;
}

@media (max-width:750px){
	.phone{
		display: block;
	}
	.pc{
		display: none;
	}

	

	
	/*-----------------------------------
	Header
	-------------------------------------*/	
	.gHeaderInner{
		width: 90%;
		margin: 0 auto;
	}


	/*-----------------------------------
	Footer
	-------------------------------------*/

	
	/*-----------------------------------
	Contents
	-------------------------------------*/
	
	#conts_wrap {
    width: 100%;
	}
	.conts_row{
	/*	display: block;*/
		
		
	}
	.conts_column{
		display: flex;
		flex-flow:row;
		
	}

	
}


@media (max-width:480px){
 .phone{
		display: block;
	}
	.pc{
		display: none;
	}
	


	
	/*-----------------------------------
	header
	-------------------------------------*/

	
  
  .dl_row dt{
    float:none;
    width: 100%;
	}
	.dl_row dd{
		margin-left: 0;
		width: 100%;
	}
	
	
	#conts_wrap {
    padding: 4.0rem 0;
	}
	.conts_inner {
		width: 95%;
    padding-top:0;
	}
	.box_head h1 {
			font-size: 2.0rem;
	}
	.hr{
    font-size: 1.4rem;
	}
	
	.conts_inner {
    margin-bottom: 1em;
	}
  
  .outer {
    height: 65vh;
  }

	

	
}