@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}

html{
	-webkit-text-size-adjust: 100%;
}

body{
	color: #333333;
	line-height: 1.5;
	font-size: 18px;
	/*background-image: radial-gradient(#efefef, #cdcdcd);*/
	
}

img{
	border: 0;
	max-width: 100%;
	height: auto;
}

ul,ol{
	list-style-type: none;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

a {
	color: #333333;
}
a:hover {
	color: #2460ac;;
}

/*
=========================================
	Base Layout
=========================================
*/
/*ALL and Smart Phone*/
/*#wrapper {
	width:100%;
	background-color:#96E9F7;
	
	
}
#wrapper:after {
	content: "";
	display: block;
	clear: both;
}

#wrapper_inner{
	max-width:960px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
}*/

footer{
	background-color:transparent;
} 

/*--フッターを一番下に固定---*/
html {
	min-height: 100%;
	position: relative;
}

footer {
	position:absolute;
	bottom: 0;
	width:100%;
	height: 40px;
	background-color:#ffffff;
}
/*.wrapper{
	width:966px;
	margin:0 auto;
	padding:0 7px;
}*/


header{
	width:100%;
	background-color:#000099;
	height:14px;
	margin-bottom:48px;
}

.inner{
	max-width:966px;
	padding-left:7px;
	padding-right:7px;
	margin:0 auto;
	/*position:relative;
	overflow:hidden;*/
}

.header_inner{
	text-align:center;
	}

.inner:after{
	content:"";
	display:block;
	clear:both;
}

.container{
	max-width:966px;
	padding-left:7px;
	padding-right:7px;
	margin:0 auto;
	/*position:relative;
	overflow:hidden;*/
}

.container:after{
	content:"";
	display:block;
	clear:both;
}

.container article h1{
	line-height:1.2em;
	font-size:18px;
	font-weight:bold;
	margin-bottom:40px;
	margin-top:-3px;
}

.interval{
	margin:1em 0;
	font-size:12px;
	margin-bottom:30px;
}

@media screen and (min-width: 640px) {
	.container article h1{
		line-height:1.2em;
		font-size:28px;
	}
	
	.interval{
		margin:1em 0;
		font-size:18px;
	}
}

.progress_container{
	margin-bottom:40px;
}

.step_1_wrapper{
	width:50%;
	float:left;
	font-weight:bold;
}

.step_1_inner,.step_2_inner{
	height:50px;
	width:89.64803%;
	float:left;
	background-color:#f2f2f2;
	color:#5290E9;
}

.step_1_inner + div{
	float:left;
	top:0;
	right:0;
	width:0;
	height:0;
	border-top: 25px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid #f2f2f2;
    background-color: #ffffff;
    margin-right: -30px;
}

.form-step-current{
	background-color:#5290E9;
	color:#fff;
}

.form-step-current + div{
	border-left-color:#5290E9;
}

.step_1_inner div:nth-of-type(1){
	float:left;
	margin:4px 5px 5px 5px;
	font-size:12px;
}

.step_1_inner div:nth-of-type(2){
	float:left;
	margin:2px 0px 5px;
	font-size:18px;
}

.step_1_inner div:nth-of-type(3){
	clear:both;
	margin:5px 0 5px 5px;
	font-size:12px;
}

.step_2_wrapper{
	width:50%;
	float:left;
	font-weight:bold;
}

.step_2_inner{
	width:100%;
	height:50px;
	float:left;
	background-color:#f2f2f2;
	color:#5290e9;
}

.step_2_inner div:nth-of-type(1){
	float:left;
	margin:4px 5px 5px 5px;
	font-size:12px;
}

.step_2_inner div:nth-of-type(2){
	float:left;
	margin:2px 0px 5px;
	font-size:18px;
}

.step_2_inner div:nth-of-type(3){
	clear:both;
	margin:4px 0px 5px 5px;
	font-size:12px;
}

@media screen and (min-width: 640px) {
	.step_1_wrapper{
		font-weight:normal;
	}
	
	.step_1_inner{
		height:70px;
		width:86%;
		float:left;
		line-height:65px;
		position:relative;
	}
	.step_1_inner div:nth-of-type(1){
		margin-left:34px;
		margin-right:10px;
		display:inline;
		font-size:18px;
	}
	.step_1_inner div:nth-of-type(2){
		vertical-align:-3px;
		font-size:32px;
		display:inline;
	}
	.step_1_inner div:nth-of-type(3){
		display:inline;
		position:absolute;
		right:25px;
		font-size:18px;
	}
	.step_1_inner + div{
		width:0;
		height:0;
		border:35px solid transparent;
		float:left;
		/*margin-right:-20px;*/
		font-weight:bold;
		border-left:35px solid #f2f2f2;
	}
	
	.form-step-current + div{
		border-left-color:#5290E9;
	}
	
	.step_2_wrapper{
		font-weight:normal;
	}
	
	.step_2_inner{
		height:70px;
		float:left;
		line-height:65px;
		position:relative;
	}
	
	.step_2_inner div:nth-of-type(1){
		margin-left:34px;
		margin-right:10px;
		display:inline;
		font-size:18px;
	}
	
	.step_2_inner div:nth-of-type(2){
		vertical-align:-3px;
		font-size:32px;
		display:inline;
	}
	
	.step_2_inner div:nth-of-type(3){
		display:inline;
		position:absolute;
		right:25px;
		font-size:18px;
	}
}

.input_form{
	clear:both;
	margin-bottom:144px;
}

.form{
	width:auto;
	margin:15px 0;
	word-break:break-all;
	word-wrap:break-word;
	overflow:auto;
}

.form table{
	width:100%;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

.form tr{
	border:solid 1px #dedede;
}

/*.form tr:nth-of-type(1) th{
	vertical-align:top;
	padding-top:26px;
}*/

.form th, form td{
	vertical-align:middle;
	text-align:left;
	padding:10px;
	display:block;
	font-size:12px;
}

.form th, .form td{
	vertical-align:middle;
	text-align:left;
	padding:10px;
}

.form .required{
	margin-left:10px;
	color:#fff;
	background:#F44C59;
	padding:3px 4px 1px 3px;
	font-size:12px;
	font-weight:normal;
}

.form input[type="text"]{
	border:1px solid #333;
	height:33px;
	width:100%;
	letter-spacing:1px;
}

.form tr:nth-of-type(5) th{
	vertical-align:top;
	padding-top:20px;
}

.form textarea{
	border:1px solid #333;
	padding:.5em;
	width:98%;
	height:100px;
	overflow:hidden;
	/*margin:5px 5px 0 5px;*/
	resize:vertical;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}

textarea{
	outline:0;	
}

.form tr:last-child th{
	height:auto;
	padding-bottom:25px;
}

.form tr:last-child th p:nth-of-type(1) {
	margin:10px 0 20px;
}

.form_confirm input{
	height:50px;
	width:36.26708%;
	margin:0 auto;
	line-height:45px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
    border: 3px solid #0064CC;
    background-color: #0064CC;
    color: #fff;
}

a.p_policy span{
	color:#59AEFF;
	font-weight:bold;
}

a.p_policy{
	text-decoration:none;
}

a.p_policy:hover{
	border-bottom:1px solid #59aeff;
	box-sizing:border-box;
}

.form_confirm input:hover{
	background-color:#fff;
	color:#0064CC;
	cursor:pointer;
}

@media screen and (min-width: 640px) {
	.form{
		width:auto;
		margin:40px 0;
	}
	
	.form table{
		width:100%;
	}
	
	.form th, .form td{
		vertical-align:middle;
		text-align:left;
		padding:12px 20px;
		height:76px;
	}
		
	.form th{
		width:30.74534%;
		display:table-cell;
		font-size:16px;
	}
	
	.form input[type="text"]{
		border:1 solid #333;
		height:42px;
		padding:.5em;
		width:400px;
		letter-spacing:1px;
		margin:5px;
		font-size:14px;
	}
	
	.form tr:nth-of-type(5) th{
		vertical-align:top;
		padding-top:25px;
		height:246px;
	}
	.form textarea{
		border:1px solid #333;
		padding:.5em;
		width:90%;
		height:210px;
		overflow:hidden;
		margin:5px 5px 0 5px;
		font-size:14px;
		resize:vertical;
	}
	
	.form_confirm input{
		font-size:16px;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , 'Helvetica', sans-serif;
		line-height:46px;
	}
}

footer{
	width:100%;
}
.footer_top{
	width:100%;
	height:10px;
	background-color:#014399;
}

.footer_copyright{
	width:100%;
	height:40px;
	background-color:#122B88;
}

.inner{
	max-width:966px;
	padding-left:7px;
	padding-right:7px;
	margin:0 auto;
	/*position:relative;
	overflow:hidden;*/
}

.footer_inner .footer_logo{
	float:left;
	margin-top:9px;
}

.copyright{
	float:right;
	font-size:14px;
	color:#ffffff;
	line-height:40px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , 'Helvetica', sans-serif;
}

.top_link_footer{
	position:relative;
}

.top_link_footer a{
	position:absolute;
	top:-42px;
	left:90%;
}

.top_link_footer div{
	width:40px;
	height:40px;
	border-radius:5px;
	background-color:rgba(221,221,221,0.5);
	text-align:center;
	line-height:40px;
}

.arrow{
	display:inline-block;
	background-image:url(../images/img_top_arrow_2.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:13px;
	width:13px;
	text-align:center;
}

.top_link_footer i{
	margin:0;
}

@media screen and (min-width: 640px) {
	.form_confirm input{
		height:58px;
		width:37.26708;
		margin:0 auto;
		line-height:54px;
	}
	.top_link_footer a{
		position:absolute;
		top:-67px;
		left:93.78881%;
	}
	.top_link_footer div{
		width:60px;
		height:60px;
		border-radius:5px;
		background-color:rgba(221,221,221,0.5);
		text-align:center;
		line-height:60px;
	}
}

/*ENDページ*/
.txt_completed{
	margin:1em 0;
	font-size:12px;
	margin-bottom:30px;
	font-weight:bold;
}

.form-step-current{
	background-color:#5290E9;
	color:#fff;
}

.txt_desc{
	font-size:12px;
	margin-bottom:76px;
}

.btn_area a{
	border:3px solid #aaa;
	background-color:#aaa;
	width:37.26708%;
	height:50px;
	line-height:45px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	display:block;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , 'Helvetica', sans-serif;
	color:#fff;
	margin:0 auto;
	border-radius:5px;
	text-decoration:none;	
}

.btn_area a:hover{
	border-color:#aaa;
	background-color:#fff;
	color:#aaa;
	cursor:pointer;
	text-decoration:none;
}
	

@media screen and (min-width: 640px) {
	.txt_completed{
		font-size:18px;
	}
	
	.txt_desc{
	font-size:16px;
	margin-bottom:76px;
	}

	.btn_area a{
		height:58px;
		line-height:60px;
		font-size:20px;
		text-align:center;
		display:block;
		margin:0 auto;
		font-weight:400;
	}
	.top_link_footer{
		display:none;
	}
}