@charset "UTF-8";


/* CONTACT */


.contact_section {
	width: 90%;
	margin: 50px auto 20px auto;
	padding: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #664D36;
	border-bottom: 2px solid #664D36;
}
.contact_section_title {
	padding: 0 0 0 40px;
}

.contact_section_title_en {
	margin: 0 0 0 30px;
	padding: 0 0 0 15px;
	font-size: 16px;
	font-weight: normal;
	color: #664D36;
	border-left: 1px solid #664D36;
}

.contact_content_01 {
	width: 75%;
	margin: 30px auto 10px auto;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #75CFC2;
	background-color: #f4fbfa;
}
.contact_content_02 {
	width: 75%;
	margin: 50px auto 10px auto;
	font-size: 18px;
	font-weight: normal;
	color: #664D36;
}
.contact_content_03 {
	width: 75%;
	margin: 10px auto 20px auto;
	font-size: 16px;
	font-weight: normal;
	color: #664D36;
}



#contact_form {
	width: 75%;
	margin: 50px auto 50px auto;
	padding: 15px 0 0 0;
	border-top: 2px solid #75CFC2;
	border-bottom: 2px solid #75CFC2;

}

table.contact_form_table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 180%;
}
table.contact_form_table tr {
	border-bottom: 15px solid #FFFFFF;
}
table.contact_form_table th {
	width: 30%;
	padding: 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #664D36;
	text-align: left;
	vertical-align: middle;
	background-color: #F0F0F0;
}
table.contact_form_table td {
	width: 70%;
	padding: 0 0 0 15px;
	font-size: 18px;
	font-weight: normal;
	color: #7F7F7F;
	text-align: left;
	vertical-align: middle;
}

.contact_form_area {
	width: 100%;
	margin-bottom: 50px;
}
.contact_form_block {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
	width: 100%;
	margin-bottom: 5px;
}
.contact_form_left {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
	width: 30%;
	padding: 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #664D36;
	text-align: left;
	vertical-align: middle;
	background-color: #F0F0F0;
}
.contact_form_right {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
	width: calc(70% - 45px);
	padding: 0 0 0 15px;
	font-size: 18px;
	font-weight: normal;
	color: #7F7F7F;
	text-align: left;
	vertical-align: middle;
}


.form_select_01 {
	width: 60%;
	border: 0;
	margin: 0;
	padding:  12px;
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #7F7F7F;
	border:solid 1px #A4A4A4;

	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

/* select box */
.easy-select-box{
	display:inline-block;
	position:relative;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}
.easy-select-box{
	width: 100%;
	text-align:left;
	font-size: 18px;
	color: #7F7F7F;
}


.easy-select-box .esb-displayer{
	background: url(../images/contact/select_btn_01.png) no-repeat 0 0;
	color:#7F7F7F;
	padding:0 3px;
	line-height:18px;
	cursor: default;
}
.easy-select-box:hover .esb-displayer{
	background-position: 0 -18px;
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}

.easy-select-box .esb-dropdown{
	border:1px solid #cccccc;
	width: 100%;
	max-height:200px;
	overflow:auto;
	background:#FFFFFF;
}
.easy-select-box .esb-dropdown .esb-item{
	padding:3px;
	background:#ffffff;
	color:#0c2245;
	cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:hover{
	background: #eef9f8;
	color: #75CFC2;
	text-decoration:none;
}

.select-box {
	background: #FFFFFF;
	border: solid 1px #A4A4A4;
	color: #7F7F7F;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 100%;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.select-box1 {
	width: 100%;
}
.select-box1 .easy-select-box{
	background: #FFFFFF;
	border: solid 1px #A4A4A4;
	text-align:left;
	font-size:18px;
	color:#7F7F7F;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.select-box1 .easy-select-box .esb-displayer{
	background: url(../images/contact/select_btn_02.png) no-repeat right top;
	color: #0c2245;
	cursor: default;
	line-height:30px;
	padding: 10px;
	text-indent: 5px;
	width: 96.5%;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
}
.select-box1 .easy-select-box .esb-displayer:hover {
	background-position: right top;
	filter: alpha(opacity=80);
	-ms-filter: 'alpha(opacity=80)';
	opacity: .8;
}
.select-box1 .easy-select-box:hover .esb-displayer{
	background-position: right top;
	text-decoration:none;
}
.select-box1 .easy-select-box.disabled .esb-displayer,
.select-box1 .easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}

.select-box1 .easy-select-box .esb-dropdown{
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	max-height: 250px;
	overflow: auto;
	position: absolute;
	z-index: 999;
	width: 100%;
}

.select-box1 .easy-select-box  .esb-item{
	padding:3px;
	background:#FFFFFF;
	color:#7F7F7F;
	cursor:default;
}
.select-box1 .easy-select-box .esb-item:hover{
	background: #eef9f8;
	color: #75CFC2;
	text-decoration:none;
}


.select-box2 select {
	max-width: 100%;
	height: 3em;
	padding: 0 10px;
	font-size:18px;
	line-height: 1.5;
	border-radius: 3px;
	background: #FFFFFF;
	border: solid 1px #A4A4A4;
	text-align:left;
	color:#7F7F7F;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

/* select box */



.text_input_01 {
	width: 95%;
	border: 0;
	margin: 0;
	padding:  12px;
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #A4A4A4;
	border:solid 1px #A4A4A4;

	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.text_input_02 {
	width: 95%;
	width: calc(100% - 28px);
	width: -webkit-calc(100% - 28px);
	width: -moz-calc(100% - 28px);
	border: 0;
	margin: 0;
	padding:  12px;
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #A4A4A4;
	border:solid 1px #A4A4A4;

	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.textarea_input_01 {
	width: 95%;
	width: calc(100% - 28px);
	width: -webkit-calc(100% - 28px);
	width: -moz-calc(100% - 28px);
	height: 100px;
	border: 0;
	margin: 0;
	padding:  12px;
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #A4A4A4;
	border:solid 1px #A4A4A4;

	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}


.contact_item_title {
	font-size: 18px;
	color: #664d36;
	margin: 10px 0 5px 0;
}


.contact_submit_01 {
	max-width: 400px;
	width: 100%;
	margin: 20px auto 50px auto;
}
.contact_submit_01 img {
	width: 100%;
	height: auto;
}
input[type="image"]:hover { opacity:0.7; filter:alpha(opacity=70); }



input.submit_button {
	width: 400px;
	height: 80px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: linear-gradient(#6ffeed, #8fdee2);
	border: 2px solid #cfcfcf;
	border-radius: 40px ;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
input.submit_button:hover {
	opacity:0.7; filter:alpha(opacity=70);
}




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


	.contact_content_02 {
		width: 90%;
		margin: 50px auto 10px auto;
		font-size: 17px;
		font-weight: normal;
		color: #664D36;
	}
	.contact_content_03 {
		width: 90%;
		margin: 10px auto 20px auto;
		font-size: 15px;
		font-weight: normal;
		color: #664D36;
	}

	#contact_form {
		width: 90%;
		margin: 50px auto 50px auto;
		padding: 15px 0 0 0;
		border-top: 2px solid #75CFC2;
		border-bottom: 2px solid #75CFC2;
	}


	.contact_form_left {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		flex-direction: row;
		flex-wrap: nowrap;
		width: 30%;
		padding: 10px;
		font-size: 17px;
		font-weight: normal;
		line-height: 150%;
		color: #664D36;
		text-align: left;
		vertical-align: middle;
		background-color: #F0F0F0;
	}
	.contact_form_right {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		width: calc(70% - 45px);
		padding: 0 0 0 15px;
		font-size: 17px;
		font-weight: normal;
		color: #7F7F7F;
		text-align: left;
		vertical-align: middle;
	}

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

	.contact_content_02 {
		width: 90%;
		margin: 30px auto 10px auto;
		font-size: 15px;
		font-weight: normal;
		color: #664D36;
	}
	.contact_content_03 {
		width: 90%;
		margin: 10px auto 20px auto;
		font-size: 14px;
		font-weight: normal;
		color: #664D36;
	}

	#contact_form {
		width: 90%;
		margin: 30px auto 50px auto;
		padding: 15px 0 0 0;
		border-top: 2px solid #75CFC2;
		border-bottom: 2px solid #75CFC2;
	}


	.contact_form_area {
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_form_block {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.contact_form_left {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		flex-direction: row;
		flex-wrap: nowrap;
		width: calc(100% - 20px);
		padding: 10px;
		font-size: 15px;
		font-weight: normal;
		line-height: 150%;
		color: #664D36;
		text-align: left;
		vertical-align: middle;
		background-color: #F0F0F0;
	}
	.contact_form_right {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 0;
		font-size: 15px;
		font-weight: normal;
		color: #7F7F7F;
		text-align: left;
		vertical-align: middle;
	}


	.select-box1 .easy-select-box{
		background: #FFFFFF;
		border: solid 1px #A4A4A4;
		text-align:left;
		font-size:15px;
		color:#7F7F7F;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}

	.select-box2 select {
		max-width: 100%;
		height: 3em;
		padding: 0 0px;
		font-size:12px;
		line-height: 1.5;
		border-radius: 3px;
		background: #FFFFFF;
		border: solid 1px #A4A4A4;
		text-align:left;
		color:#7F7F7F;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}


	.contact_submit_01 {
		max-width: 280px;
		width: 100%;
		margin: 10px auto 30px auto;
	}
	input.submit_button {
		width: 280px;
		height: 60px;
		margin: auto;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #FFFFFF;
		background: linear-gradient(#6ffeed, #8fdee2);
		border: 2px solid #cfcfcf;
		border-radius: 40px ;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
	}


}