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


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

}

.input_form dt{
}

.input_form dd{
	margin-bottom: 1em;
	margin-left: 0;

}

.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;
	
}
/*
.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  padding-right: 1.5rem;
  font-weight: normal;
	width: 40%;
}
.label-checkbox .lever:before{
  content:"\f0c8";
  font-family: "Font Awesome 5 Free";
  margin-right: 0.7rem;
  color: #ccc;
  font-size: 1.8rem;
  position: relative;
	top: 0.1rem;
  left: 0.2rem;
}

.label-checkbox input[type="checkbox"]:checked + .lever{
  color: #5b7dac;
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
  content:"\f14a";
  font-family: "Font Awesome 5 Free";
  color: #5b7dac;
}



.label-radio input[type="radio"]{
  display: none;
}
.label-radio{
  cursor: pointer;
  padding-right: 1.5rem;
  font-weight: normal;
}
.label-radio .lever:before{
  content:"\f111";
  font-family: "Font Awesome 5 Free";
  margin-right: 0.7rem;
  font-size: 1.8rem;
  position: relative;
  top: 0.2rem;
}
.label-radio input[type="radio"]:checked + .lever{
  color: #5b7dac;
}
.label-radio input[type="radio"]:checked + .lever:before{
  content:"\f058";
	font-weight: bold;
  font-family: "Font Awesome 5 Free";
  color: #5b7dac;
}
*/

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

#input_info{
	display: none;
}
.for_corp, .for_person{
	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;
}

/*---------------------------
 個人情報保護方針 
-----------------------------*/
.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;
}
 .inner table {
    width: 100%;
}
.inner table td[align="right"] {
  text-align: right;
}

.inner h1{
	margin: 0;
  font-size: 2.0rem;
  padding: 1.0rem;
}

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

@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
	-------------------------------------*/

	
	
	#conts_wrap {
    padding: 4.0rem 0;
	}
	.conts_inner {
		width: 95%;
    padding-top:0;
	}
	.box_head h1 {
			font-size: 2.0rem;
	}
	
	.conts_inner {
    margin-bottom: 1em;
	}
  
  .outer {
    height: 65vh;
  }

	

	
}