@charset "UTF-8";


/* フォーム
------------------------ */
.form-control {
	padding: 8px 10px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555555;
	background:#fff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 50px;
    transition: all .3s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input::placeholder {
    color:#bbb;
}

/* ---- */
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 22px;
    left: 5px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 22px;
}
.checkbox03::after {
    border-right: 6px solid #cc3333;
    border-bottom: 3px solid #cc3333;
    content: '';
    display: block;
    height: 25px;
    left: 15px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}

@media screen and (max-width:1080px){
	.form-control{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.lp .back-link{
    margin-top:30px;
}


/* 送信ボタン
-------------------- */
.form-submit-box{
	text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}
.submit-btn{
	-webkit-tap-highlight-color: transparent;
	display: inline-flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 10px 50px;
	border: 1px solid #00a99d;
	border-radius: 2em;
	align-items: center;
	color: #fff;
	background-color: #00a99d;
	font-weight: 700;
	line-height: 1.6;
	text-align: left;
	cursor: pointer;
	font-size: 28px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease,color .15s ease,border-color .15s ease;
}
.submit-btn:hover{
	background-color: #00cabb;
}


/* 戻るボタン
-------------------- */
.back-btn-block{
	padding:5px 0 ;
}
.back-btn{
	-webkit-tap-highlight-color: transparent;
	display: inline-flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 3px 20px;
	border: 1px solid #aaa;
	border-radius: 3px;
	align-items: center;
	color: #333;
	background-color: #eee;
	line-height: 1.6;
	text-align: left;
	cursor: pointer;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease,color .15s ease,border-color .15s ease;
}
.back-btn:hover{
	background-color: #ccc;
}


/* エラー
-------------------- */
.form-alert-warning{
    background:#ec6941;
    color:#fff;
	margin:0 auto;
	padding:30px 10px;
    line-height:1.5;
	margin-bottom:30px;
	border-radius:5px;
    text-align:center;
}
.form-alert-warning-inner{
	padding:8px 10px;
	color:#cc0000;

}
@media screen and (max-width:1080px){
	.form-alert-warning{
			width:100%;
	}
}


/* フォームテーブル
-------------------------- */
.form-box{
    margin-top:30px;
    border-radius:15px;
    background:#eee;
    padding:45px;
}
.form-box-inner{
    border-radius:15px;
    background: #fff;
    padding:35px;
}
.form-box .hint{
    font-size:0.9em;
    color:#555;
}
.form-box .form-table{
	width:100%;
    border-collapse:collapse;

}
.form-box .form-table th,
.form-box .form-table td{
	padding:15px 8px;
	vertical-align:middle;
    border-bottom:solid 3px #eee;
}
.form-box .form-table td input[type=checkbox] {
    display: none;
}
.form-box .form-table td.check-name{
    color:#01837a;
    line-height:1.3;
    border-bottom:solid 1px #ccc;
}
.form-box .form-table th{
	width:250px;
	text-align:left;
	font-size:16px;
}

.form-box .form-table th span.hissu,
.form-box .form-table th span.ninni{
    background:#ec6941;
    color:#fff;
    font-size:14px;
    display: inline-block;
    padding:1px 7px;
    border-radius:15px;
    margin-right:5px;
}
.form-box .form-table th span.ninni{
    background:#bbb;
}
.form-box .form-table td .name,
.form-box .form-table td .yomi,
.form-box .form-table td .tel{
	width:50%;
}
.form-box .form-table td .email{
	width:75%;
}
.form-box .form-table td .addr{
	width:90%;
}
.form-box .form-table td .zipcode{
	width:200px;
}
.form-box .form-table td .memo{
	width:75%;
	height:200px;
}
.form-box .form-table td .form_error{
    background:#ec6941;
    color:#fff;
    border-radius:5px;
    font-size:16px;
    padding:8px 10px;
    margin-top:5px;
}

@media screen and (max-width:1080px){
    .form-box{
        margin-top:20px;
        border-radius:0px;
        padding:0px;
    }
    .form-box-inner{
        border-radius:0px;
        padding:0px;
    }
  	.form-box .form-table{
	}
	.form-box .form-table th,
	.form-box .form-table td{
		display:block;
		width:100%;
		padding:5px 0px;
		vertical-align:middle;
		border-bottom:solid 0px #ddd;
		box-sizing: border-box;
	}
	.form-box .form-table th{
		width:100%;
        padding-left:0;

	}
	.form-box .form-table td{
		padding:5px 0px 15px 1px;
	}
	.form-box .form-table td .name,
	.form-box .form-table td .yomi,
	.form-box .form-table td .tel,
	.form-box .form-table td .addr,
	.form-box .form-table td .email{
		width:97%;
	}
	.form-box .form-table td .zipcode{
		width:200px;
	}

	.form-box .form-table td .memo{
		width:97%;
		height:150px;
	}

}



/* 送信完了画面
-------------------- */
.thanks-message-box{
	font-size:30px;
	color:#080;
	text-align:center;
}
.thanks-message-box i{
	font-size:60px;
}




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

    .lp .form-box{
        width:100%;
    }
    .lp .form-box .form-box-inner{
        padding:30px 15px;
    }
    .step-box{
        width:100%;
    }

    .form-block .container{
        padding:0 20px;
        
    }
	.form-box .form-table td label{


    }
    
	.entry-page-block{
		padding:30px 10px;
	}
	.entry-block {
		width:100%;
	}
	.entry-block-inner {
		padding:10px;
	}
	.entry-block h2{
		font-size:0.8em;
	}
	.entry-comment{
		font-size:14px;
		margin-bottom:15px;
	}
	.entry-hissu{
	}
	.entry-block h3{
	}


	.radio-outline{
		padding:5px;
	}
	.radio-category {
		font-size:0.9em;
	}


	.entry-block .privacy-box{
		font-size:14px;
	}


	.entry-block .form_error{
		background:#fff0f0;
		color:#cc0000;
		font-size:14px;
		padding:8px 10px;
		margin-top:5px;
	}

	.entry-tyui{
		font-size:12px;
	}




}