@charset "UTF-8";
/*
	Filename: home
	Version: 1.0.1
*/

/*-----------------------------------------------------
	MV
------------------------------------------------------*/
#mv {
  width: 100%;
	height: 600px;
	position: relative;
	margin-top: 88px;
	background: url("../img/home/home_mv.jpg") no-repeat center center;
	background-size: cover;
}
#mv .mv_title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
  width: 100%;
	height: 600px;
	background: rgb(0,27,22);
	background: linear-gradient(90deg, rgba(0,27,22,0.2) 0%, rgba(0,27,22,0) 100%);
}
#mv .mv_title .wrap {
	margin-top: 188px;
}
#mv .mv_title h2 {
	margin-bottom: 60px;
	font-size: 78px;
  font-weight: 700;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
#mv .mv_title h3 {
	font-family: 'Lexend', sans-serif;
	font-size: 20px;
	color: #fff;
}
/*-------------------------
 * catch
 */
#catch {
	margin-top: 60px;
	font-size:32px;
	text-align: center;
}
#catch h2 {
	line-height: 2;
}
#catch h2 br.sp {
	display: none;
}
#company .company dd {
    text-align :center;
}
@media screen and (max-width: 1040px) {
	#mv {
		background: url("../img/home/home_mv.jpg") no-repeat center right -350px;
		background-size: cover;
	}
	#mv .mv_title .wrap {
		margin-top: 100px;
	}
	#mv .mv_title h2 {
		font-size: 60px;
	}
	#mv .mv_title h3 {
		font-size: 18px;
	}
}
@media screen and (max-width: 750px) {
	#mv {
		background: url("../img/home/home_mv.jpg") no-repeat bottom right -350px;
		background-size: cover;
	}
	#mv .mv_title .wrap {
		margin-top: 25px;
	}
	#mv .mv_title h2 {
		margin-bottom: 40px;
		font-size: 43px;
		line-height: 1.4;
	}
	#mv .mv_title h3 {
		font-size: 14px;
	}
	#catch h2 br {
		display: block;
	}
	#catch h2 {
		font-size: 20px;
	}
}

/*-----------------------------------------------------
	#sec_01
------------------------------------------------------*/
#sec_01 {
	position: relative;
	height: auto;
  margin-top: 80px;
}
.business_link {
	margin-bottom: 30px;
}
.business_link a {
	width: 100%;
	margin-bottom: 20px;
}
.business_link_child {
	position: relative;
	width: 100%;
	padding: 35px 20px 35px 80px;
	background: url("../img/home/business_link1.jpg")no-repeat center center;
	background-size: cover;
	border-radius: 2px;
}
.business_link a:nth-of-type(2) .business_link_child {
	background: url("../img/home/business_link2.jpg")no-repeat center center;
	background-size: cover;
}
.business_link_child::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(0,27,22);
	background: linear-gradient(90deg, rgba(0,27,22,1) 0%, rgba(0,27,22,0.4) 100%);
	transition: all 1s ease-out;
	opacity: 0.7;
	border-radius: 2px;
}
.business_link_child:hover::before {
	background: rgb(0,27,22);
	background: linear-gradient(90deg, rgba(0,27,22,0.9) 0%, rgba(0,27,22,0.5) 100%);
	transition: all 1s ease-out;
	opacity: 1;
	border-radius: 2px;
}
.business_link_child_inner {
	position: relative;
	z-index: +1;
}
.business_link_child_inner .link_icon {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px;
	margin-bottom: 20px;
}
.business_link_child_inner h3 {
	margin-bottom: 20px;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
}
.business_link a .business_link_child_inner h3 {
	font-size: 52px;
}
.business_link a:first-of-type .business_link_child_inner h3 {
	margin-bottom: 20px;
}
.business_link_child_inner p {
	font-size: 16px;
	color: #fff;
}
.business_link_child_inner p span {
	margin-left: 25px;
}
@media screen and (max-width: 1040px) {
	.business_link_child {
		padding: 35px 40px 35px;
	}
	.business_link a .business_link_child_inner h3 {
		font-size: 40px;
	}
}
@media screen and (max-width: 750px) {
	#sec_01 {
		margin-top: 80px;
	}
	.business_link {
		margin-bottom: 15px;
	}
	.business_link a {
		width: 100%;
		margin-bottom: 20px;
	}
	.business_link_child {
		width: 100%;
		padding: 20px;
	}
	.business_link_child:hover::before {
		display: none;
	}
	.business_link_child_inner .link_icon {
		margin-bottom: 10px;
	}
	.business_link_child_inner .link_icon img {
		width: 40px;
		height: 40px;
	}
	.business_link a .business_link_child_inner h3 {
		margin-bottom: 10px;
		font-size: 22px;
	}
	.business_link_child_inner p {
		font-size: 12px;
	}
	.business_link_child_inner p span {
		margin-left: 15px;
	}
}

/*-----------------------------------------------------
	#sec_02
------------------------------------------------------*/
#sec_02 {
	position: relative;
	height: auto;
  margin-top: 120px;
}
#sec_02 h3 {
	max-width: 847px;
	margin-bottom: 75px;
	font-size: 78px;
	color: #fff;
	text-align: center;
}
#sec_02 h3 span {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	background: #1a1a1a;
}
#sec_02 dl {
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #1a1a1a;
}
#sec_02 dl:last-of-type {
	margin-bottom: 50px;
}
#sec_02 dl dt {
	margin-right: 55px;
	font-size: 52px;
	font-weight: 700;
}
#sec_02 dl dd {
	font-size: 20px;
	font-weight: 700;
}
@media screen and (max-width: 1040px) {
	#sec_02 h3 {
		margin-bottom: 75px;
		font-size: 55px;
		text-align: left;
	}
	#sec_02 h3 span {
		display: inline-block;
		padding: 10px 20px;
	}
	#sec_02 dl {
		padding-bottom: 10px;
	}
	#sec_02 dl:last-of-type {
		margin-bottom: 50px;
	}
	#sec_02 dl dt {
		width: 100%;
		margin-right: 0;
		font-size: 48px;
	}
	#sec_02 dl dd {
		width: 100%;
		font-size: 20px;
	}
}
@media screen and (max-width: 750px) {
	#sec_02 {
		margin-top: 80px;
	}
	#sec_02 h3 {
		margin-bottom: 40px;
		font-size: 43px;
	}
	#sec_02 h3 span {
		padding: 10px 15px 15px;
	}
	#sec_02 dl:last-of-type {
		margin-bottom: 30px;
	}
	#sec_02 dl dt {
		font-size: 30px;
	}
	#sec_02 dl dd {
		font-size: 14px;
	}
}

/*-----------------------------------------------------
	#sec_03
------------------------------------------------------*/
#sec_03 {
	position: relative;
	height: auto;
  margin-top: 120px;
}
.news::after {
	width: 32%;
	display: block;
	content:"";
}
.news .news_child {
	width: 32.5%;
	position: relative;
	border-bottom: 1px solid #1a1a1a;
}
.news .news_child img {
	width: 100%;
	height: 183px;
	object-fit: cover;
	margin-bottom: 10px;
}
.news .news_child h3 {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news .news_child p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 15px;
	font-size: 12px;
}
@media screen and (max-width: 750px) {
	#sec_03 {
		margin-top: 80px;
	}
	.news::after {
		display: none;
	}
	.news .news_child {
		width: 49%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 414px) {
	.news .news_child {
		width: 100%;
	}
	.news .news_child img {
		height: auto;
	}
	.news .news_child h3 {
		margin-bottom: 80px;
		font-size: 14px;
	}
}