@charset "utf-8";
@media only screen and (min-width: 800px), print {

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

 index.html 

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

.companyTop a:hover {
	opacity: 1;
}
.companyTop .box {
	overflow: hidden;
	position: relative;
	display: block;
	height: 200px;
	color: #fff !important;
}
.companyTop .box > .bgArea {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover !important;
					background-size: cover !important;
	-webkit-transition: all 0.4s ease-out 0s;
					transition: all 0.4s ease-out 0s;
}
.companyTop .box > .txt {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 7px 0;
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.08em;
	background: linear-gradient(left, #007a47 0%, #2b9447 100%);
  background: linear-gradient(to right, #007a47 0%,#2b9447 100%);
}
.companyTop .box > .slideUp {
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.6s;
		-moz-transition:  0.6s;
			-ms-transition: 0.6s;
			 -o-transition: 0.6s;
					transition: 0.6s;
}
.companyTop .box:hover > .slideUp {
	top: 0;
}
.companyTop .box > .slideUp > span {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bolder;
}

.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;
}
.companyTop .box > .bgArea.type-company14 {
	background-position: 50% 100%;
	-webkit-background-size: 100% auto !important;
					background-size: 100% auto !important;
}


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

 /outline/index.html 

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

.outline .section02 .heading02{
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0;
	color: #1b602d;
	background: linear-gradient(left, #f8fff4 0%, #abde8b 100%);
  background: linear-gradient(to right, #f8fff4 0%,#abde8b 100%);
}
.outline .section02 .heading02 > a{
	display: block;
}
.outline .section02 .heading02 .mainTxt{
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	min-width: 410px;
	background: #a7dd86;
}
.outline .section02 .heading02 .mainTxt:after,
.outline .section02 .heading02 .mainTxt:after {
	content: "";
	position: absolute;
	top: -75px;
	right: -40px;
	height: 0;
	width: 0;
	border-top: solid 75px transparent;
	border-left: solid 40px a7dd86;
	border-bottom: solid 45px #a7dd86;
	border-right: solid 40px transparent;
}
.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{
	float: right;
	background: none;
	padding: 10px 20px 10px 0;
	color: #018b25;
}
.outline .section02 .heading02 .subTxt.minFs{
	padding-top: 16px;
	font-size: 14px;
	font-size: 1.4rem;
}
.outline .logo{
	margin-top: 0;
	padding-left: 20px;
}
.outline .logo span{
	display: block;
	width: 340px;
	position: relative;
}
.outline .logo img{
	width: auto;
	height: 66px;
}

.outline .box03 {
	position: relative;
	margin-top: 20px;
}
.outline .box03 .overImg {
	width: 32%;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

.outline .box03.typeCol2 > .boxInner{
	padding: 20px 20px 20px 30px;
}
.outline .box03.typeCol2 > .boxInner .equalCol2 > *{
	width: 50%;
	margin: 0;
	box-sizing: border-box;
}
.outline .box03.typeCol2 > .boxInner .equalCol2 > .col:nth-child(2){
	padding-left: 10px;
}
.outline .box03 .defList08.fSize16{
	width: calc((100% - 50px) / 1.5);
	padding: 0 0 10px 30px;
	font-size: 16px;
	font-size: 1.6rem;
}
.outline .outlineTxt {
	width: calc((100% - 60px) / 1.5);
}
.outline .box03 > .boxInner {
	padding: 20px 25px;
}
.outline .box03 > .boxInner .equalCol2 {
	width: 66%;
}

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

}