/*
Theme Name:  Original Theme
Author:
Author URI: 
Description: 
Version: 1.0
*/



@media screen and (max-width:767px) { 
    /*　画面サイズが767pxまではここを読み込む　*/
.secContact{
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 0 2%;
}

}

@media screen and (min-width:768px){
    /*　画面サイズが768pxからはここを読み込む　*/
.secContact{
	max-width: 1080px;
	margin: 0 auto;
	display: block;
	padding:0 2%;
}

.e_ftbl--contact{
    float: left;
    position: relative;
    min-height: 1px;
    
}
.clearfix,
.contact_p{
	padding-left:10%
}
}


.contact_p{
	font-size:1.3em;
	
}

 
/*========================================================================================================contact form*/
/*e_ftbl--contact
---------------------------*/
.e_ftbl--contact{
	margin: 10px auto;
	padding: 2.5%;
}

.e_ftbl--contact .c_ftbl-contact__th, 
.e_ftbl--contact .c_ftbl-contact__td{
	padding: 1% 1% 1%;
	margin-bottom: 4%;
}

.e_ftbl--contact .c_ftbl-contact__th{
	color: #000;
	border-bottom:1px solid #1286bf;
}

.e_ftbl--contact .c_ftbl-contact__th-name{
	font-weight:bold;
	font-size:1.1em;
}

.e_ftbl--contact .require::before{
	content:"\5FC5\9808";
	background:#eb6877;
}

.e_ftbl--contact .optional::before{
	content:"\4EFB\610F";
	background:#6697EE;
}

.e_ftbl--contact .require::before,
.e_ftbl--contact .optional::before{
	font-size:0.8em;
	color: #fff;
	padding:4px 4px 2px;
	margin-right:5px;
	float:left;
	font-weight:normal;
}



/*
input[type="text"]
input[type="tel"]
input[type="email"]
select
textarea
------------------------------------------------------*/
.c_wpcf7--basic input[type="text"],
.c_wpcf7--basic input[type="tel"],
.c_wpcf7--basic input[type="email"], 
.c_wpcf7--basic select,
.c_wpcf7--basic textarea{ 
	font-size: 1em;
	padding: 0.5em 1em;
	margin-bottom:8px;
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.c_wpcf7--basic input[type="text"],
.c_wpcf7--basic input[type="tel"],
.c_wpcf7--basic input[type="email"], 
.c_wpcf7--basic select{
	width: 85%;
}

.c_wpcf7--basic textarea{
	width: 90%;
	height: 190px;
	resize: vertical 
}

/*select::セレクトボックス
---------------------------*/
.c_wpcf7--basic select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.c_wpcf7--basic select::-ms-expand {
	display: none;
}

/*element
---------------------------*/
.e_form-basic input[type="text"], 
.e_form-basic input[type="tel"],
.e_form-basic input[type="email"], 
.e_form-basic textarea,
.e_form-basic select{ 
	border: 1px solid #c9bfaf;
	/*border-radius: 10px;*/
	background:#fff;
}

.e_form-basic select{
	background: url(images/contents/arrow.png) #fff right 5% top 50% no-repeat;
	background-size: 12px, 100%;
}

.e_form-basic input[type="text"]:focus, 
.e_form-basic input[type="tel"]:focus,
.e_form-basic input[type="email"]:focus,
.e_form-basic textarea:focus{
	box-shadow: 0 0 7px #FF9900;
	border: 1px solid #FF9900;
	background:#FFF5D6;
	-webkit-transition: width .3s;
	transition: width .3s;
}

.e_form-basic select:focus{
	box-shadow: 0 0 7px #FF9900;
	border: 1px solid #FF9900;
	background: url(images/contents/arrow.png) #FFF5D6 right 5% top 50% no-repeat;
	background-size: 12px, 100%;
	-webkit-transition: width .3s;
	transition: width .3s;
}

/*
checkbox::チェックボックス
radio::ラジオボタン
------------------------------------------------------*/ 
/*common
---------------------------*/
.c_wpcf7-list input{display:none;}

.c_wpcf7-list .wpcf7-list-item-label{
	position: relative;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
	display: block;
}

.c_wpcf7-list .wpcf7-list-item-label::before,
.c_wpcf7-list .wpcf7-list-item-label::after{
	position: absolute;
	content: '';
	top: 16px;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;

}

/*deposition
---------------------------
※以下はcheckboxやradioボタンの配置を整えるクラス。
divやspanでコンタクトフォームのショートコードを囲んで使用。

.c_wpcf7-list--vertical-pc   - PCのみ縦並び配置。SPは横並び配置
.c_wpcf7-list--vertical      - PC、SP両方縦配置
.c_wpcf7-list--justification - 横並び時に、checkboxやradioボタンを同じ大きさで整列させる。

*/
.c_wpcf7-list--vertical-pc .wpcf7-list-item,
.c_wpcf7-list--vertical .wpcf7-list-item{display:block;}

.c_wpcf7-list-- .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.c_wpcf7-list--justification .wpcf7-list-item{
	width:120px;
}

/*checkbox::チェックボックス
---------------------------*/
.c_wpcf7-list--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
	position: absolute;
	content: '';
	top: 15px;
	left: 4px;
	width: 13px;
	height: 5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.e_wpcf7-list--checkbox .wpcf7-list-item-label::before{
	background: #fff;
	border: 1px solid #ccc;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--checkbox .wpcf7-list-item-label:hover::before{
	border: 1px solid #FF9900;
	background:#FFF5D6;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before{
	border: 1px solid #FF9900;
	background:#FFF5D6;
}

.e_wpcf7-list--checkbox input[type="checkbox"] + .wpcf7-list-item-label::after{
	-webkit-transition: all .2s;
	transition: all .2s;
}	

.e_wpcf7-list--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transition: all .2s;
	transition: all .2s;
}

/*radio::ラジオボタン
---------------------------*/
.c_wpcf7-list--radio .wpcf7-list-item-label::before,
.c_wpcf7-list--radio .wpcf7-list-item-label::after {
	border-radius: 100%;
}

.c_wpcf7-list--radio .wpcf7-list-item-label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--radio .wpcf7-list-item-label::before {
	background: #fff;
	border: 1px solid #ccc;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--radio input[type="radio"]:checked + .wpcf7-list-item-label::before {
	border: 1px solid #FF9900;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--radio .wpcf7-list-item-label:hover::before {
	border: 1px solid #FF9900;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--radio .wpcf7-list-item-label::after {
	background: #3498db;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.e_wpcf7-list--radio input[type="radio"]:checked + .wpcf7-list-item-label::after {
	opacity: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*checkbox--2options::チェックボックス--二択
------------------------------------------------------*/
.c_wpcf7-checkbox--2option{display:none;}

.c_wpcf7-checkbox--2option+label,
.c_wpcf7-checkbox--2option+label::before,
.c_wpcf7-checkbox--2option+label::after{
	-webkit-transition: all .2s;
	transition: all .2s;
}

.c_wpcf7-checkbox--2option+label{
	display: inline-block;
	position: relative;
	width: 100px;
	height: 48px;
	border-radius: 24px;
	cursor: pointer;
}

.c_wpcf7-checkbox--2option+label::before{
	display: block;
	content: attr(data-off-label);
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 18px;
}

.c_wpcf7-checkbox--2option+label::after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #f7f7f7;
}

.c_wpcf7-checkbox--2option:checked+label::before{
	content: attr(data-on-label);
	left: 7px;
	right: auto;
}

.c_wpcf7-checkbox--2option:checked+label::after {
	left: 54px;
}

/*e_wpcf7-checkbox--2option__on-off
---------------------------*/
.e_wpcf7-checkbox--2option__on-off+label{background-color: #eee;}
.e_wpcf7-checkbox--2option__on-off+label::before{color: #aaa;}
.e_wpcf7-checkbox--2option__on-off:checked+label{background-color: #3498db;}
.e_wpcf7-checkbox--2option__on-off:checked+label::before{color: #fff;}

/*e_wpcf7-checkbox--2option__yes-no
---------------------------*/
.e_wpcf7-checkbox--2option__yes-no+label{background-color: #e74c3c;}
.e_wpcf7-checkbox--2option__yes-no:checked+label{background-color: #1abc9c;}


/*submitボタン
------------------------------------------------------*/

.c_wpcf7 .c_wpcf7__submit{
	text-align:center;
	margin: 35px 0;
}

.c_wpcf7__submit-btn{ 
	width:100%;
	max-width:290px;
	padding: 20px 60px;
	overflow: hidden;
}

@media screen and (max-width:767px) { 
    /*　画面サイズが767pxまではここを読み込む　*/
.c_wpcf7__submit-btn{ 
	-webkit-appearance: button;
    cursor: pointer;
}


}

.e_form-basic .c_wpcf7__submit-btn{
	position: relative;
	border:0;
	font-size:1.2em;
	color:#fff;
	background:#0e3d69;
	box-shadow: 0 6px 0 #0b3053, 0 12px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	position:relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.e_form-basic .c_wpcf7__submit-btn:not(:disabled):hover{ 
	box-shadow: 0 3px 0 #0b3053, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

.e_form-basic .c_wpcf7__submit-btn:not(:disabled):active{
	box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
	transition-duration: 0.1s;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--fade 1s;
	animation: c_btn--fade 1s;
}

.e_form-basic .c_wpcf7__submit-btn:disabled{
	background:#ccc;
	border:1px solid #666;
	color: #666;
	box-shadow: inherit;
}
 
/*validation
------------------------------------------------------*/ 
.c_wpcf7 .wpcf7-form-control-wrap{display:block;}

.e_form-basic .wpcf7-not-valid-tip + input,
.e_form-basic .wpcf7-not-valid-tip + textarea{background-color: #FCF;}

.e_form-basic .wpcf7-not-valid-tip{
	width:250px;
	left: 0;
	padding: 0.3em 1em 0.1em;
	background-color: #f66;
	border: 1px solid #f00;
	border-radius: 5px;
	font-size: 0.8em;
	color: #fff !important;
	position: absolute;
	height: 25px;
	bottom: 93%;
}

.e_form-basic .wpcf7-not-valid-tip:after, 
.e_form-basic .wpcf7-not-valid-tip{
	content: '';
	position: absolute;
	left: 15px;
	border: solid transparent;
}

.e_form-basic .wpcf7-not-valid-tip:after{
	margin-left: 1px;
	border-top-color: #f66;
	border-width: 7px;
	top: 22px;
}

.e_form-basic .wpcf7-not-valid-tip:before{
	border-top-color: #f00;
	border-width: 8px;
}

/*other
------------------------------------------------------*/
.wpcf7 span.zip::before{content:"〒 ";}

/*e_btn--cov
---------------------------*/
.e_btn--cov a,
.e_btn--cov > span{
	color: #fff;
	background-color: #20b2aa;
	box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.e_btn--cov a:hover {
	background-color: #20b2aa;
	box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: c_btn--cov 1s;
	animation: c_btn--cov 1s;
}

.e_btn--cov a:active {
	color: #ddd;
	background-color: #12978d;
	box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
}

@keyframes c_btn--cov {0% { background-color: #20b2aa; }10% { background-color: #96e9e6; }100% { background-color: #20b2aa; }}
@-webkit-keyframes c_btn--cov {0% { background-color: #20b2aa; }10% { background-color: #96e9e6; }100% { background-color: #20b2aa; }}



@media screen and (max-width: 767px) {
	.c_wpcf7--basic input[type="text"],
	.c_wpcf7--basic input[type="tel"],
	.c_wpcf7--basic input[type="email"], 
	.c_wpcf7--basic select{
		width: 100% !important;
	}

	.c_wpcf7--basic textarea{
		width: 100% !important;
	}
	
   .secContact{
	width: 100%;
}

}
@media screen and (max-width: 480px) {
    
	
}
@media screen and (max-width: 320px) {


}

/*thanks-page-------------*/
.e_btn--bck{
    background: #e6e6e6;
    padding: 15px 50px;
    border-radius: 5px;
    width: 20%;
}


/*------------------------------------------------------privacy*/
#privacy-box{
	border: 2px solid #CDCECE;
	padding:40px;
	text-align:left;
	line-height: 1.5em;
}

#privacy-box ol {
	margin-left: 0;
	padding-bottom: 20px;
}

#privacy-box ol li{
	list-style:decimal;
	margin-bottom:20px;
	margin-left:20px;
}

/*------------------------------------------------------mwform*/
.mwform-tel-field input[type="text"]{
    display: inline-block;
	width: 30% !important;
}


/*------------------------------------------------------grecaptcha-badge*/
.grecaptcha-badge{
	bottom:110px !important;
}
@media screen and (max-width: 767px) {
	.grecaptcha-badge{
		bottom:70px !important;
	}
}