@charset "UTF-8";

.contents {
	padding-top:0;
	margin-top:0px;
	position:relative;
}
.swiper-container {
	height:541px;
	width:100%;
	top:-120px;
}

.swiper-slide img {
    width: 100%;
		height:541px;
    object-fit: cover;
}

.swiper-container .text {
	position: absolute;
	text-align: left;
	top:280px;
	z-index: 99999999;
	color:#fff;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:3.7rem;
	left:0;
	right:0;
	margin:auto;
	width:830px;
	text-shadow: 1px 2px 6px #333; 
}

.swiper-container .text p {
	line-height: 1.5em;
}

.swiper-container .text p span{
	background-color:rgba(91, 181, 49,0.8);
	line-height:1.5em;
	display: inline-block;
	
}

.swiper-container .indent {
	margin-left: 2em;
}

.btn.white {
	background-image: url(../img/common/arrow-white.png);
	border-top-color: #fff;
	border-bottom-color: #fff;
	color:#fff;
}

.btn.m20 {
	margin:20px auto;
}

.l-title {
	font-size:3.5rem;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}

.l-title .en {
	font-size:2.2rem;
	line-height: 2em;
	display:block;
}

.l-title .green {
	display:block;
	color:#59b331;
}


.sec-reason .l-title {
	margin-bottom:85px;
}

.sec-reason .l-title .five {
	vertical-align: 18%;
	font-style: italic;
	font-size:6.0rem;
}
.reason {
	background-color: #5bb531;
	text-align: center;
	padding:0 2.5%;
}

.col2 .reason {
	width:48.5%;
	margin-bottom:120px;
}

.col3 .reason {
	width:31.5%;
	margin-bottom:60px;
}



.reason .no {
	margin:-60px 0 10px;
}

.reason .title {
	color:#fff;
	font-size:2.8rem;
	margin-bottom:25px;
	letter-spacing: -0.05em;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.reason .text {
	background-color: #fff;
	padding:3%;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-bottom:1em;
	text-align: left;
	letter-spacing: -0.05em;
}

.reason .photo {
	width:100%;
}

.sec-products {
	background-image: url(../img/top/products_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding:30px 0 70px;
	color:#fff;
}

.sec-products .l-title {
	margin-bottom:45px;
}

.sec-products .flexbox {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sec-products .content {
	width:48%;
}

.sec-products figure img:first-child {
	margin-bottom:25px;
}

.sec-products dl {
	margin-bottom:80px;
}
.sec-products dt {
	font-size:1.8rem;
	display: flex;
	align-items: center;
	margin-bottom:1.8rem;
}

.sec-products dt:after {
border-top: 1px solid;
content: "";
margin-left: 2rem;
width:20%;
}

.sec-products dd {
	font-size:1.4rem;
	margin-bottom:30px;
}

.sec-products li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
}

.sec-products .li-row li{
	width:50%;
	float:left;
}

.sec-equipment {
	padding:80px 0;
}

.sec-equipment .content{
	width:49%;
}

.sec-equipment img {
	width:100%;
}

.sec-equipment .li-title {
	margin:40px 0 20px;
	padding-left:20px;
	font-weight: bold;
	font-size: 1.8rem;
}

.sec-equipment .li-col3 {
	padding-left:40px;
	-webkit-columns: 3;
  -moz-columns:  3;
  -ms-columns: 3;
  columns: 3;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.6rem;
	font-size:1.4rem;
}

.sec-group .map {
	background-image: url(../img/common/map.png);
	background-repeat: no-repeat;
	background-position: left 20px top;
	background-size:contain;
	margin-top:16px;
}

.sec-group .company-list {
	float:right;
}

.sec-group .company-list li {
	margin-bottom:75px;
	background-position: left top 2px;
	background-repeat: no-repeat;
	padding-left:35px;
	font-size:1.4rem;
}

.sec-group .company-list li:first-child {
	background-image:url(../img/top/blue-marker.png);
}

.sec-group .company-list li:nth-child(2) {
	background-image:url(../img/top/green-marker.png);
}

.sec-group .company-list li:nth-child(3) {
	background-image:url(../img/top/red-marker.png);
	margin-bottom:45px;
}
.sec-group .company-list .tk {
	font-size:1.4rem;
	line-height:150%;
	}
.sec-group .content:nth-child(2) {
	border-left:1px solid #5bb531;
}

.sec-recruit .title_bg {
	background-color:#74c64e;
	padding:40px 0 30px;
}
.sec-recruit .l-title {
	color:#fff;
}

.sec-recruit .image-area {
	text-align: center;
	padding-top:80px;
	background-image: url(../img/top/trigngle-bottom-l.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom:-20px;
}

.sec-recruit .catch-view {
	margin-left:-10%;
	max-width:1359px;
	width:100%;
}

.sec-recruit .message {
	font-size:3.0rem;
	margin-bottom:20px;
}

.sec-recruit .message span {
	display:block;
	font-size:1.6rem;
	line-height:3rem;
}

.sec-recruit .col3 .content {
	width:33.3%;
	padding:0 1%;
	text-align: center;
	position:relative;
	margin-bottom: 60px;
}

.sec-recruit .col3 .triangle {
	position:absolute;
	left:49.9%;
}

.sec-recruit .col3 .content:first-child {
	padding-left:0;
}

.sec-recruit .col3 .content:nth-child(2) {
	border-left:1px solid #5bb531;
	border-right:1px solid #5bb531;
}

.sec-recruit .col3 .content:last-child {
	padding-right:0;
}

.sec-recruit .col3 .menu-img {
	width:100%;
}


.sec-recruit .col3 .menu-title {
	background-color:#5bb531;
	font-size:1.8rem;
	padding:1em 0;
	text-align: center;
	color:#fff;
}

.sec-recruit .col3 .btn {
	margin:20px auto 0;
}

.sec-recruit .col2 .content {
	width:48.5%;
	margin-bottom: 60px;
}

.sec-recruit .col2 {
	position: relative;
}

.sec-recruit .col2 .menu-title {
	width:36%;
	background-color:#5bb531;
	color:#fff;
	text-align: center;
	padding-top:2em;
	line-height:1.2em;
	font-size:1.8rem;
	background-image: url(../img/top/arrow-white.png);
	background-repeat: no-repeat;
	background-position: center bottom 25%;
}

.sec-recruit .col2 .menu-img {
	width:64%;
	vertical-align: middle;
}

.sec-recruit .col2 .triangle {
	position: absolute;
	left:35.7%;
	top: 45%;
}

.sec-news {
	background-image: url(../img/common/plaid_bg.jpg);
	background-repeat: repeat;
	background-position: center;
	padding:45px 0 0;
}

.sec-news .latest-list {
	width:95%;
	margin:0 auto 45px;
	max-width:740px;
	background-color: #fff;
	padding:0 1em 1em;
}

.sec-news .s-title {
	font-size:2.0rem;
	color:#59b331;
	text-align: center;
	padding:20px 30px 10px;
}

.sec-news li {
	border-bottom:1px dotted #ccc;
	padding:0.5em 0;
	line-height:1.2em;
	clear: both;
}

.sec-news .date {
	width:150px;
	float:left;
}

.sec-news .news {
	width:calc(100% - 170px);
	float:right;
}
.latest-list ul {
	height:190px;
	overflow-y: scroll;
	clear:both;
	}

.latest-list a {
	color:#0878FD;
	}
	
.nlist {
	float:right;
	margin-bottom:10px;
	font-size:1.4rem;
	
	}
	
.sec-news .col2 .content {
	width:48.5%;
	margin-bottom: 60px;
}

.sec-news .col2 .content img {
	width:100%;
}

.sec-news .flexbox {
	position:relative;
}

.sec-news .btn {
	position:absolute;
	margin:0;
	bottom:5%;
	left:2%;
	padding-left:0;
	font-size:1.6rem;
}

.sec-news .content:first-child .btn {
	background-position: left 75% top 30%;
}

.sec-news .content:last-child .btn {
	background-position: left 35% top 30%;
}