@charset "utf-8";

/* about
--------------------------------------------------*/
ul#about-menu{
	width: 276px;
	height: auto;
	float: left;
	border: 1px solid #121C3F;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin-bottom:20px;
}

ul#about-menu li a{
	width: 96%;
	height: auto;
	float: left;
	border-top: 2px solid #DDDDDD;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,237,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(234,237,255,1.00) 100%);
	color: #121C3F;
	font-size: 100%;
}


/* contact
--------------------------------------------------*/
.contact-box{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px dotted #AAAAAA;
	background-color: #F4F4F4;
}

.contact-l{
	width: 26%;
	height: auto;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

.contact-l small{
	color: #C30E23;
}

.contact-r{
	width: 66%;
	height: auto;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	padding-left: 2%;
	padding-right: 2%;
}

.contact-submit{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}









@media screen and (max-width: 768px) {
	/* 479px以下用（スマートフォン用）の記述 */
}



@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
/* about
--------------------------------------------------*/
ul#about-menu{
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #121C3F;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}



/* contact
--------------------------------------------------*/
.contact-box{
	width: 96%;
	height: auto;
	float: left;
	border-bottom: 1px dotted #AAAAAA;
	background-color: #F4F4F4;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact-l{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.contact-r{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}



}