@charset "shift_jis";



/* PC */
@media print, screen and (min-width:769px) {
	#sec1{
		min-width:1200px;
		text-align: center;
		padding: 120px 0 35px;
	}
	#sec1 p{margin-top: 15px}
	#sec1 .con img{width:380px;}
	#sec1 .ent img{width:380px;}

	#sec2{min-width:1200px;
		/*background: url("../img_2012/top/works_bg.png") no-repeat;
		background-size: cover;*/
		text-align: center;
		padding: 50px 0
	}
	#sec2.form-thanks{padding: 0px 0 50px}
	#sec2 .sec2_inn{margin: 0 auto;
		width:850px;
		text-align: left;}
	#sec2 .sec2_inn dl{margin-bottom: 0px}
	#sec2 .conf dl{padding-top: 5px; border-top: rgba(255,255,255,0.50) 1px solid}
	#sec2 .conf dl:last-of-type{border-bottom: rgba(255,255,255,0.50) 1px solid}
	/*#sec2 .conf dl.dlend{border-bottom: rgba(255,255,255,0.50) 1px solid}*/
	
	#sec2 .req{font-size: 10px;vertical-align: super;}
	#sec2 .help-text{font-size: 10px}
	#sec2 .alert-text{font-size: 10px}
	
	#sec2 dt,#sec2 dd{
		display: inline-block;
		vertical-align:top;
		padding:10px 0 10px;
		}
	#sec2 dt {width:180px;}
	
	#sec2 dt.long {width:100%; }
	#sec2 dd.space {width:180px; }
	#sec2 .conf_txt	{width: 600px;}
	#sec2 .conf_txt pre {
		padding: 0;
		margin: 0;
		white-space: pre-wrap ;
	}	
	
	#sec2 textarea{width: 600px;
		height: 10em;
		line-height: 1.5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 2px 5px;
		margin: 0;
		font-size: 14px;
		display:block;
		}

	#sec2 input[type="text"] {
		width: 500px;
		line-height: 1.5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 2px 5px;
		margin: 0;
		font-size: 14px;
		display:block;}
	#sec2 input[type="text"].short{width:50px}
	#sec2 input[type="text"].mid{width:200px}
	#sec2 input[type="text"] ,#sec2 .help-text{display: inline-block;/*height:15px*/}


	#sec2 select::-ms-expand {
		display: none;
	}
	#sec2 select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 5px 30px 5px 10px;
		font-size: 93%;
		line-height: 1.1em;
		border-radius: 3px;
		border: none;
		background-image: url(../img/other/icon_arrow.svg);
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
		background-color: #fff;
		}
	
	/*#sec2 button{font-size: 14px;
		border: #237BD0 1px solid;
		border-radius: 3px;
		background:#237BD0;
		color: #fff;
		padding: 5px 25px
	}
	#sec2 .conf button{margin: 20px 0 5px}
	#sec2 button:hover{opacity: 0.6;}*/
	#sec2 .linkbtn{
		color:#fff;
		background:#326c9b ;
		margin-bottom:70px;}
	#sec2 .linkbtn:after{
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#sec2 .linkbtn.linkback{
		color:#326c9b;
		background:#fff ;
		margin-bottom:70px;
	}
	#sec2 .linkbtn.linkback:after{
		border-top: 1px solid #326c9b;
		border-right: 1px solid #326c9b;
	}

	#sec2 .thks_txt{text-align: center}	
	#sec2 .thks_txt p {margin: 0 0 20px 0;}	
	
	

		}



/* SP */
@media screen and (max-width:768px) {
	#sec1{width:100%;
	text-align: center;
	padding: calc(60px + 10%) 0 5%;}
	#sec1 p{margin-top: 1%;font-size: 1.3em}
	#sec1 .con img{width:80%}
	#sec1 .ent img{width:80%}
	
	#sec2{
		/*background: url("../img_2012/top/works_bg.png") no-repeat;
		background-size: cover;*/
		min-width:100%;
		text-align: center;
		padding: 5% 0
	}
	#sec2.form-thanks{padding: 0}
	#sec2 .sec2_inn{margin: 0 auto;
		width:92%;
		text-align: left;
		font-size: 1.4em
	}
	#sec2 .sec2_inn dl{margin-bottom: 0px}
	
	#sec2 .conf dl{padding-top: 5px; border-top: rgba(255,255,255,0.50) 1px solid}
	#sec2 .conf dl:last-of-type{border-bottom: rgba(255,255,255,0.50) 1px solid}
	/*#sec2 .conf dl.dlend{border-bottom: rgba(255,255,255,1) 1px solid}*/
	
	#sec2 .req{font-size: 0.8em;vertical-align: super;}
	#sec2 .help-text{width:98%;font-size: 0.8em;text-align: right}
	#sec2 .alert-text{width:98%;font-size: 0.8em;text-align: left;padding-bottom: 3%}
	
	/*#sec2 dl{padding-bottom: 5%;}*/
	#sec2 dt,#sec2 dd{vertical-align:middle;margin-bottom: 0;font-size: 3.733vw ;}
	#sec2 dt {width:100%;}
	
	#sec2 dt.long {width:100%; }
	#sec2 dd.space {width:180px; }
	
	#sec2 .conf_txt	{width: 96%;}
	#sec2 .conf_txt pre {
		font-size:1.2em;
		padding: 0;
		margin: 0;
		white-space: pre-wrap ;
	}	

	#sec2 textarea{width: 96%;
		height: 5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 1%;
		margin: 0 ;
		font-size: 1em;
		display:block;
		}

	#sec2 input[type="text"] {width: 96%;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding:1%;
		margin: 0;
		font-size: 1em;
		display:block;}
	#sec2 input[type="text"].short{width:50px}
	#sec2 input[type="text"].mid{width:200px}
	#sec2 input[type="text"] ,#sec2 .help-text{display: inline-block;/*height:15px*/}


	#sec2 select::-ms-expand {
		display: none;
	}
	#sec2 select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;

		padding: 2% 10% 2% 5%;
		font-size: 1em;
		line-height: 1.1em;
		border-radius: 3px;
		border: none;
		background-image: url(../img/other/icon_arrow.svg);
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
		background-color: #fff;
	}
	/*#sec2 button{font-size: 1em;
		border: #237BD0 1px solid;
		border-radius: 3px;
		background:#237BD0;
		color:#fff;
		padding: 2vw 10vw;
		margin: 5% 0 15%;}
	#sec2 .conf button{margin: 20px 0 5px}
	#sec2 button:hover{opacity: 0.6;}*/
	#sec2 .linkbtn{
		color:#fff;
		background:#326c9b ;
		margin-bottom:70px;}
	#sec2 .linkbtn:after{
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#sec2 .linkbtn.linkback{
		color:#326c9b;
		background:#fff ;
	}
	#sec2 .linkbtn.linkback:after{
		border-top: 1px solid #326c9b;
		border-right: 1px solid #326c9b;
	}
	
		#sec2 .thks_txt{padding: 50px 0}
		#sec2.form-thanks .thks_txt{padding:0 0 5vw}
		#sec2 .thks_txt p {
			margin: 0 0 20px 0;
			font-size: 3.733vw;
			text-align: center;
}	
}


	.checkboxItem {
	  display: flex;
	  align-items: center;
	  line-height: 1;
	  cursor: pointer;
		margin-top: 1em
	}

	.checkbox {
	  appearance: none;
	  position: relative;
	  width: 1.5em;
	  height:1.5em;
	  border: 1px solid #237BD0;
	  border-radius: 2px;
	  cursor: pointer;
		margin-right: 0.5em
	}

	.checkbox:checked::after {
	  content: "";
	  position: absolute;
	  top: 0.2em;
	  left: 0.2em;
	  width: 1em;
	  height:0.5em;
	  border-bottom: 2px solid #237BD0;
	  border-left: 2px solid #237BD0;
	  transform: rotate(-45deg);
	}
.checkboxItem a{
	text-decoration: underline
}