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

/* header */

header {background-color: #013a63;

	width: 100%;
/*	 z-index: 999;*/
	 z-index: 999;
  box-sizing: border-box;
}

header p {font-weight: bold;
color: #fff;
padding: 10px 10px 10px 20px;}

.step {	width:70%;
	margin:30px auto 0 auto;}
.step img{width: 100%;}

/*スマホの時だけ折り返すクラス*/
.br-sp {
    display: none;
}

/*リード文*/



p.lead {line-height: 1.6;
margin-bottom: 20px;}



/*form*/

#formWrap {
	width:70%;
	margin:0 auto;
	color:#000;
	line-height:120%;
	font-size:90%;
}

#formWrap p{margin-bottom: 0;}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
    vertical-align: middle;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	background:#DAEAFF;
	text-align:left;
}


/*スマホの時だけ折り返すクラス*/
.br-sp {
    display: none;
}

/*　簡易版レスポンシブ用CSS　*/

@media screen and (max-width:572px) {
    
    	.br-sp {
        display: block;
    }
	
	.step {width:95%;
	margin:0 auto;}
	
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable{
	width:95%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}
	
table.formTable th, table.formTable td {
	width:auto;
	display:block;
		
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
/*	width:80%;*/
	padding:5px;
	font-size:110%;
	display:block;

}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:90%!important;
	height:40px;
	font-size: 1.6em!important;
		margin: 0 auto;
}
	
	input[type=checkbox] {
	transform: scale(1.5);
	margin: 6px;

}
	
	
	h1 {font-size: 1.2em;}
	
	h2 {font-size: 1.2em;
}
	
	form input.cale{	width:30%;}
	
	select {width: 100%}
	
	#privacy th, #privacy td {
	width:auto;
	display:block;
}
		#privacy th {
font-weight: bold!important;
}
		.br-sp {
        display: block;
    }
	
}



/*20230627以降追加*/

#formWrap h2 {line-height: 1.6;
font-size: 1.4em;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;}

#formWrap h3 {font-weight: bold;
margin-bottom: 5px;} 

input {height: 1.8em;border-radius: 5px;
border: 1px solid #c9caca;}

input[type="radio"],input[type="checkbox"]{
/*  position: relative;
  top: 6px;*/
}

td.radiolayout span {display: inline-block;vertical-align: top;
margin-top: 10px;
margin-right: 10px;}

td.boxlayout span {display: inline-block;vertical-align: top;
margin-top: 11px;
margin-right: 12px;}

p.agree span {display: inline-block;vertical-align: top;
margin-top: 7px;
margin-left: 3px;
}
/*セレクトに▼*/

select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
/*	margin-bottom: 20px;*/
	padding: 7px 30px 7px 10px;
	font-size: 0.8em;
	line-height: 1.1em;
/*	border-radius: 5px;*/
	border-radius: 5px;
border: 1px solid #c9caca;
/*	border: none;*/
	background-image: url("../images/ico_select.png");
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
/*	background-color: #bddfff;*/
	height: 35px;
}

span.need {color: #ffffff;
background-color:#ff0000;
	padding: 0 3px;
	font-weight:normal;
	font-size: 0.8em;
	margin-left: 5px;
/*padding: 3px;*/}
span.option {color: #ffffff;
background-color:#888888;
	padding: 0 3px;
	font-weight:normal;
	font-size: 0.8em;
	margin-left: 5px;
/*padding: 3px;*/}

span.caution{
	font-size: 0.8em;
}

#privacy {
	width: 100%;
	margin: 0 auto;

}

#privacy h1{

	text-align: center;
	padding-bottom: 5px;
	margin-top: 60px;
	margin-bottom: 30px;
	
}

#privacy h2{
margin-top: 30px;
	font-size: 1.2em;

}


#privacy p{
	line-height: 1.6;


}

.tred{color: #FF0000;}

#privacy  table{
/*	border-collapse: collapse;*/
	margin: 0 auto;
	width: 100%;
}
#privacy th, #privacy td {
/*	border: 1px solid #c9caca;*/
	padding: 5px;
}
#privacy  th {
	white-space: nowrap;
/*	background: #efefef;*/
	font-weight: normal;
	text-align: left;
	width: 15%;
}


#privacy  td {
	background: #fff;
/*	font-size: 0.8em;*/
	
}


/*同意するボタン*/


p.agree {
text-align: center;
font-size: 1.2em;
line-height: 2;
	margin-bottom: 0!important;
	margin-top: 30px;
}



p.agree a {text-decoration: none;
color: #000000;
}

/*input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 6px;
}
*/

p.agreebtn {
/*    margin: 2% 0 0;*/
        text-align: center;
}
p.agreebtn input {
	width: 390px;
	height: 64px;
	margin-bottom: 15px;
	background-color: #013a63;	
	border: none;
	font-size: 1.2em;
		font-weight: bold;
	   cursor: pointer;        /* マウスポインタの形状 */  
	color: #FFFFFF;
}

p.agreebtn input[disabled] {
		background-color: #efefef;	
	color: #727171;
	cursor: default;
}


input[type=checkbox] {
	transform: scale(1.5);
	margin: 6px 6px 0 0;
}




/*
サンクスページのボタン*/
/* 001 */

.button001{margin-top: 30px;}
.button001 a {
    background: #013a63;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
    color: #FFF;
}
.button001 a:hover {
     opacity: 0.7;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}

.tsmall{font-size: 0.8em;}

/*
サンクスページの文章*/

div.thanksText{

	margin-top: 30px;
	line-height: 1.4;


}

div.thanksText h3{
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 15px!important;

}

div.thanksText p{
    width: 75%;
    margin: 0 auto;

}