/*
 * iweb51-style012
 *
 * Copyright 2015, TANK
 * 
 * 
 * 2016 / 01 / 05
 */


/* +contact
*----------------------------------------------------------------------------*/
#gmap {
	margin-bottom: 20px;
}

#gmap iframe {
	width: 100%;
}

.content-main .content-wrap {
	overflow: hidden;
}

/**
*
* =aside
*
**/
.content-main .content-wrap aside {
	width: 30%;
	float: left;
}

.content-main .content-wrap aside #side-nav {
	margin-bottom: 20px;
}

.content-main .content-wrap aside #side-nav h3 {
	margin-bottom: 15px;
	font-size: 25px;
}

.content-main .content-wrap aside #side-nav ul {
	overflow: hidden;
}

.content-main .content-wrap aside #side-nav ul li {
	width: 100%;
	display: block;
}

#content section .content-main .content-wrap aside #side-nav ul li a {
	background: none;
	border: none;
	text-align: left;
	font-size: 18px;
}

#content section .content-main .content-wrap aside #side-nav ul li a:hover {
	color: #64d29f;
}

#content section #side-nav ul li a:hover:after, 
#content section #side-nav ul li.action a:after {
	display: none;
}

.content-main .content-wrap aside #side-nav ul li a i {
	margin-right: 10px;
	display: inline-block;
}

.content-main .content-wrap aside article {
	line-height: 170%;
}

/**
*
* =contact-form
*
**/
.content-main .content-wrap .contact-form {
	width: 66%;
	float: right;
}

.content-main .content-wrap .contact-form fieldset {
	margin-bottom: 15px;
	border: none;
}

.content-main .content-wrap .contact-form fieldset p {
	margin-bottom: 15px;
}

.content-main .content-wrap .contact-form fieldset p label {
	padding: 0 7px;
	width: 100px;
	display: inline-block;
	text-align: right;
}

.content-main .content-wrap .contact-form fieldset p label strong {
	margin-right: 5px;
	display: inline-block;
	color: #65910d;
}

.content-main .content-wrap .contact-form fieldset p input ,
.content-main .content-wrap .contact-form fieldset p textarea {
	display: inline-block;
	width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.content-main .content-wrap .contact-form fieldset p input:focus ,
.content-main .content-wrap .contact-form fieldset p textarea: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,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.content-main .content-wrap .contact-form fieldset p textarea {
	height: 150px;
}

.content-main .content-wrap .contact-form .btn {
	padding-top: 15px;
	border-top: 1px #ddd dashed;
}

.content-main .content-wrap .contact-form .btn p input {
	width: 100px;
}

.content-main .content-wrap .contact-form .btn p.send {
	text-align: right;
}

.content-main .content-wrap .contact-form .btn p.send input {
	background: #65910d;
	border: 1px #65910d solid;
	text-align: center;
	color: #fff;
}


/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.content-main .content-wrap aside {
		width: 34%;
	}
	
	.content-main .content-wrap .contact-form {
		width: 64%;
	}
}

/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.content-main .content-wrap aside ,
	.content-main .content-wrap .contact-form {
		width: 100%;
		float: none;
	}
	
	#content section #side-nav ul li {
		margin-bottom: 5px;
		padding-right: 30px;
		display: inline-block;
	}
}



/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.content-main .content-wrap .contact-form fieldset p label {
		display: block;
		text-align: left;
	}
	
	.content-main .content-wrap .contact-form fieldset p:first-child label {
		display: inline-block;
		text-align: right;
	}
}