@charset "utf-8";




/* -------------- 
												フォーム 
																			-------------- */


#form {
	display: block;
	width: 100%;
	background-color: rgba(255,248,188,0.3);
	padding:2em 0 5em;
}

#form p.form_h2Text{
	width: 90%;
	color:red;
	margin: 0 auto;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
}


/* --------------------------------------------

top h2 中

---------------------------------------------- */ 

.form_ul {
	width:100%;
	max-width: 1003px;
	margin: 2em auto;
}

.form_ul .form-style-1 {
	margin:0 auto;
	width: 90%;
	max-width: 709px;
	font-size: 15px; 
	/*"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}

@media screen and (max-width:768px){

#form {
	margin:0 auto 10%;
}	

.form_ul {
	margin: 9% auto;
}
}


.form-style-1 li {
    padding: 0;
    display: block;
	width: 100%;
    margin: 2em auto ;
}

.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
	width: 100%;
    font-weight: bold;
}


.check-text {
	font-weight: 400;
	font-size:14px;
	font-size:1.4rem;
}

.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #ed6d46;
    padding: 7px;
    margin:0px;
		border-radius :4px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
input[type="radio"]:checked + select.field-select {
	display: block;
}
select.field-select {
	/*display: none;*/
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #ed6d46;
    -webkit-box-shadow: 0 0 8px #ed6d46;
    box-shadow: 0 0 8px #ed6d46;
    border: 1px solid #ed6d46;
}

.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}

.form-style-1 #address {
	display: block;
	width: 100%;
	margin-top: 1.5%;
}

.field-select:nth-of-type(1) {
margin-bottom: 1.5%;	
}


.button{
	display: block;
	width: 40%;
	max-width: 200px;
	margin: 1em auto;
	text-align: center;
	background:rgba(237,109,70, 0.8);
	border-radius:4px;
	padding: 1% 0; 
	font-size:25px;
	font-size:2.5rem;
	border: none;
	color: #fff;
	cursor:pointer;
	transition: 0.3s;
}

.button:hover{
    background: #ed5e46;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

/*確認画面　送信ボタン*/
.button_kakunin{
	max-width:200px;
	margin: 2% auto;
	padding: 1.5% 0;
	font-size:16px;
	font-size:1.6rem;
}

.button_kakunin:hover{
    background: #ed6d46;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

/*確認画面　前画面に戻るボタン*/
.button_mae {
	background:rgba( 167,163,161, 0.8 );
}

.button_mae:hover {
	background:#A7A3A1;
}


.form-style-1 .required{
    color:red;
}

.form_hr {
	display: block;
	width: 100%;
	max-width:708px ;
}

.form_hr img{
	width: 100%;
}

/* -------------- 
												チェックボックス 
																			-------------- */
.checkbox-input{
	display: none;
}
.checkbox-parts{
	padding-left: 22px;
	position:relative;
	margin-right: 20px;
	transition : all 0.5s ease 0s;
}

.checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0.5px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}

.checkbox-parts{
	transform: 0.3s;
}

.checkbox-parts:hover{
	cursor: hand; cursor:pointer;
	color: #ed6d46;
}

.checkbox-input:checked + .checkbox-parts{
	color: #ed6d46;cursor: hand; cursor:pointer;
}
.checkbox-input:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #ed6d46;
	border-right: 3px solid #ed6d46;
}


/* -------------- 
												送信完了
																			-------------- */
.form-soushin {
	padding: 8em auto;
}

.kakunin_title {
	width: 100%;
	display: block;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: center;
	margin: 0 auto 3em;
	color: #ed6d46;
}

.form_thanksText {
	width: 90%;
	margin: 0 auto ;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	line-height: 40px;
	font-weight: bold;
}


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


.kakunin_ok {
	margin: 0 auto 2em;
}

.kakunin_h3{
	width: 100%;
	display: block;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: center;
	margin: 0 auto 0.5em;
	color: #ed6d46;
}

.kakunin_ok p{
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.formTable_kakunin {
	width: 90%;
	margin: 2em auto ;
}

.formTable_kakunin li{
	text-align: center;
	margin: 0 auto 1em;
}

ul.formTable_kakunin li label{
	display: block;
	width:100%;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold ;
	margin: 0 auto;
	text-align: center;	color: #ed6d46;

}

/*br {display: none}*/

@media screen and (max-width:560px){
	
.form_ul-kakunin {
	padding:10% 0 ;
}
	
.formTable_kakunin {
	margin: 9% auto 8%;
}
	
.formTable_kakunin li{
	margin: 0 auto 5%;
}

br {display: block}
}

/* -------------- 
												エラーページ 
																			-------------- */

.error_messe{
	margin: 0 auto 1%;
	text-align: center;
}

.error_h3 {
	margin-bottom: 2%;
}

.error_center{
	margin-top: 3% ;
}

.form_ul_error .button_mae{
	margin-top: 4%;
}

@media screen and (max-width:560px){
	
.error_messe{
	margin: 0 auto 2%;
}
	
.error_center{
	margin: 8% 0 6%;
}
	
.button_err {
	margin-top:8%; 
}
	
}