@charset "utf-8";
@media only screen and (max-width: 799px) {
	
/*------------------

 index.html 

 ------------------*/

.companyTop .equalCol2 > *{
	float: none;
}
.companyTop .equalCol2 > *{
	width: 100%;
}
.companyTop .equalCol2 > .col{
	margin-top: 10px;
}
.companyTop .equalCol2 > .col:first-child{
	margin-top: 0;
}
.companyTop .box {
	overflow: hidden;
	position: relative;
	display: block;
}
.companyTop .box > .bgArea {
	display: block;
	width: 100%;
	padding-bottom: 40%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover !important;
					background-size: cover !important;
}
.companyTop .box > .txt {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 3px 10px;
	color: #ffffff;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.3;
	background: linear-gradient(left, #007a48 0%, #2b9347 100%);
  background: linear-gradient(to right, #007a48 0%,#2b9347 100%);
}
.companyTop .box > .slideUp {
	display: none;
}
.companyTop .box > .bgArea.type-company01 {
	background-position: 50% 50%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company02 {
	background-position: 50% 50%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company03 {
	background-position: 50% 90%;
	-webkit-background-size: auto 120% !important;
					background-size: auto 120% !important;
}
.companyTop .box > .bgArea.type-company04 {
	background-position: 50% 50%;
	-webkit-background-size: auto 120% !important;
					background-size: auto 120% !important;
}
.companyTop .box > .bgArea.type-company05 {
	background-position: 50% 75%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company06 {
	background-position: 50% 70%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company07 {
	background-position: 50% 25%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company08 {
	background-position: 50% 100%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company09 {
	background-position: 50% 50%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company10 {
	background-position: 50% 15%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}
.companyTop .box > .bgArea.type-company11 {
	background-position: 50% 30%;
	-webkit-background-size: 110% auto !important;
					background-size: 110% auto !important;
}
.companyTop .box > .bgArea.type-company12 {
	background-position: 50% 30%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}


/*------------------

 /outline/index.html 

 ------------------*/

.outline .section02 .heading02{
	overflow: hidden;
	margin-bottom: 0;
	padding: 0;
	color: #1b602d;
	background: #fff;
}
.outline .section02 .heading02 > a{
	display: block;
}
.outline .section02 .heading02 .mainTxt{
	display: block;
	padding: 10px 20px;
	background: #a7dd86;
}
.outline .section02 .heading02 .mainTxt span{
	position: relative;
	display: inline-block;
	padding: 0 26px 0 0;
	background: url(/common/img/com_ic04.png) no-repeat 100% 50%;
	background-size: 10px 18px;
}
.outline .section02 .heading02 .subTxt{
	display: block;
	background: linear-gradient(left, #f8fff4 0%, #abde8b 100%);
  background: linear-gradient(to right, #f8fff4 0%,#abde8b 100%);
	margin-bottom: 10px;
	padding: 10px;
	text-align: right;
	color: #018b25;
}

.outline .logo{
	margin-top: 0;
	text-align: center;
}
.outline .logo img{
	width: auto;
	height: 66px;
}
.outline .box03 .overImg {
	margin-top: 10px;
}

/* Clearfix
------------------------------------------------------ */
.outline .section02 .heading02 > a:after{
	content: "";
	display: block;
	clear: both;
}


}