@charset "UTF-8";
#mainimg {
	position: relative;
	margin: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding: 0 2.5%;
	z-index: 2
}
#mainimg-body{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
/* 	padding: 110px 2.5% 0; */
	background: url(../img/mainimg-back.svg) no-repeat center center;background-size: cover;
}
/* #mainimg h2{max-width: 180px;text-align: center;position: relative;overflow: hidden;} */
#mainimg h2{width: 80%;max-width: 356px;padding-top: 10px;}
#mainimg h2 svg{display: block;}
#ribbon1{transform-origin: center;}
.inner{position: relative; height: 100%;padding:0;overflow: hidden;z-index: 888;}
.inner .mask,.inner .mask_anim_inner{position: relative; overflow: hidden;}
.bx-wrapper,.bx-viewport,.inner ul,.inner li,.inner .mask,.inner .mask_anim_inner{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.bx-wrapper,.bx-viewport,.inner ul,.inner li{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
#topslide01{background: url(../img/main-01.jpg) no-repeat center center;background-size: cover;}
#topslide02{background: url(../img/main-02.jpg) no-repeat center center;background-size: cover;}
#topslide03{background: url(../img/main-03.jpg) no-repeat center center;background-size: cover;}
#topslide04{background: url(../img/main-04.jpg) no-repeat center center;background-size: cover;}
#index-scroll{position: absolute;bottom: 20px;right: 4.305555555556%;display: block;z-index: 666666;text-align: center;color: #fff;}
#index-scroll a{background: url(../img/scroll.svg) no-repeat center center;display: block;margin: 0 auto;width: 17px;height: 100px;overflow: hidden;position: relative;}
#index-scroll a:hover{opacity: 0.6;}

/*
@media (max-width: 960px) {
	#mainimg {padding-top: 10px;}
}
*/
@media (max-width: 767px) {
/* 	#mainimg {padding-top: 80px;} */
	#index-scroll {right: 30px}
}

#contents{padding: 0;}

#index-01{position: relative;padding: 80px 0;}
#index-01::before,#index-01::after{content: '';display: block;width: 2.5%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;}
#index-01::after{left: auto;right: 0;}
#index-01 h2{margin-bottom: 30px;}

#index-01 .news-lists{
	list-style: none outside;
	margin: 0 auto 2em auto;
	padding: 0;
	max-width: 960px;
}
#index-01 .news-lists .item a{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: nowrap;
	text-decoration: none;
	color: #515151;
	border-bottom: 1px solid #CCC;
	padding: 20px 20px;
}
#index-01 .news-lists .item:first-child a{
	border-top: 1px solid #CCC;
}
#index-01 .news-lists .item .date{
	margin: 0;
	min-width: 140px;
	font-size: 16px;
	color: #515151;
	padding: 0 20px 0 0;
}
#index-01 .news-lists .item .news-cat{
	margin: 0;
	min-width: 15em;
	padding: 0 20px 0 0;
	background-color: transparent;
}
#index-01 .news-lists .item .news-cat span{
	text-align: center;
	display: inline-block;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1;
	width: 100%;
}
#index-01 .news-lists .item .news-cat-entry span{
	background-color: #FF0F5F;
}
#index-01 .news-lists .item .news-cat-career span{
	background-color: #0C6435;
}
#index-01 .news-lists .item .news-cat-part span{
	background-color: #4EC9F9;
}
#index-01 .news-lists .item .title{
	margin: 0;
	width: 100%;
}
#index-01 .news-lists .item a:hover .title{
	opacity: 0.6;
}

@media (max-width: 767px) {
	#index-01 .news-lists .item a{
		flex-wrap: wrap;
	}
	#index-01 .news-lists .item .date{
		min-width: 100px;
	}
	#index-01 .news-lists .item .title{
		margin-top: 10px;
	}
}

.news-lists h2::after{content: '';display: block;width: 100%;height: 1px;background-color: #ccc;position: absolute;top: 50%;left: 0;z-index: 111}
.news-lists h2 img{position: relative;z-index: 222;display: block;margin: 0 auto;}
@media (max-width: 767px) {
	.news-list a{width: 100%;}
	#news-list h2{margin-bottom: 20px;}
}

#index-02{position: relative;padding: 120px 0 24.444444444444%;background: url(../img/index-02.jpg) no-repeat center bottom;background-size: 100%;text-align: center;}
#index-02 h3{margin-bottom: 60px;}
#index-02 p{margin-bottom: 90px;letter-spacing: 0.09em;line-height: 2;}
@media (max-width: 767px) {
	#index-02{padding: 80px 0 50%;background-size: 240%}
	#index-02 h3,#index-02 p{margin-bottom: 30px;}
	#index-02 p{text-align: justify;line-height: 1.8;padding: 0 7.5%;}
	#index-02 h3 img{display: block;}
}

#index-03{position: relative;padding: 120px 0;background: url(../img/index-03-back.svg) no-repeat center center;background-size: cover;text-align: center;}
#index-03 ul{margin-bottom: 60px;}
#index-03 li{width: 20%;position: relative;padding-right: 1px;}
#index-03 li:nth-child(2n){margin-top: 20px;}
#index-03 li span{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0 10px;text-align: center;margin-top: -10px;}
#index-03 li:nth-child(2n) span{margin-top: 0;}
/* #index-03 li span img{display: block;margin: auto;} */
@media (max-width: 767px) {
	#index-03{padding: 80px 0%}
	#index-03 li{width: 33.3333333333%;padding: 0 1px 1px 0;}
	#index-03 li:nth-child(2n),#index-03 li span{margin-top: 0;}
}

#index-04{position: relative;padding: 120px 0;}
#index-04 .h2-sp{margin-bottom: 30px;}
#index-04 a{display: block;color: #171717;text-decoration: none;position: relative;width: 31.481481481481%;text-align: center;background-color: #fff;padding: 0 15px 92px;background-position: center center;background-repeat: repeat;}
#index-04 a::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 55px;background-color: #E8F9F0;}
#index-04 a::after{content: '';display: block;position: absolute;bottom: 40px;left: 0;width: 100%;height: 11px;background: url(../img/arrow-g.svg) no-repeat center center;}
#index-04 .icon{display: block;margin-bottom: 30px;position: relative;}
#index-04 a:hover{background-image: url(../img/back-g2.svg);}
@media (max-width: 767px) {
	#index-04{padding: 80px 0 60px;}
	#index-04 a{margin-bottom: 20px;width: 100%;}
}

#index-05{position: relative;padding: 60px 0 22.222222222222%;background: url(../img/index-05.jpg) no-repeat center bottom;background-size: 100%;text-align: center;}
#index-05 .container{background-color: rgba(255,255,255,0.9);padding: 60px 30px;}
#index-05 p{margin-bottom: 90px;font-weight: bold;line-height: 1.5;}
#index-05 .btn{margin: 0 10px;}
@media (max-width: 960px) {
	#index-05 .btn{margin: 0 auto 10px;display: block;}
}
@media (max-width: 767px) {
	#index-05{padding: 20px 0 30%;background-size: 130%}
	#index-05 p{margin-bottom: 30px;}
	#index-05 .container{padding-bottom: 40px;}
}