@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LSM */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.fadeInUp {
    opacity: 0;
	transform: translate(0,100px);
	-webkit-transition: all ease-in-out 0.8s;
    transition: all ease-in-out 0.8s;
}
.fadeInUp.on {
    opacity: 1;
	transform: translate(0, 0);
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1194px;
	position: relative;
	z-index: 10;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 20px;
		width: auto;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 103px;
}
.headLine01 .en {
	margin-bottom: 33px;
	display: block;
	font-size: 7.2rem;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
	line-height: 1;
}
.headLine01 .jp {
	margin-left: -1px;
	padding-left: 25px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	background: url(../img/common/icon02.png) no-repeat left center / 10px;
}
.headLine01.white .en {
	color: #FFF;
}
.headLine01.white .jp {
	color: #FFF;
	background-image: url(../img/common/icon05.png);
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 40px;
	}
	.headLine01 .en {
		margin-bottom: 20px;
		font-size: 3.6rem;
	}
	.headLine01 .jp {
		margin-left: 0;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 43px;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.headLine02 .en {
	margin-bottom: 30px;
	display: block;
	color: #EA5513;
	font-size: 1.8rem;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 25px;
		font-size: 1.6rem;
	}
	.headLine02 .en {
		margin-bottom: 15px;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comContactBox
------------------------------------------------------------*/
.comContactBox {
	padding: 0 20px;
	position: relative;
	z-index: 10;
}
.comContactBox .headLine01 .en {
	word-break: break-all;
}
.comContactBox a {
	margin: 0 auto;
	padding: 128px 130px 13px 120px;
	max-width: 1320px;
	display: block;
	position: relative;
	border-radius: 90px;
	box-sizing: border-box;
	background: linear-gradient(#ea5514 0%, #f39800 100%, #7e750b 100%);
}
.comContactBox a:hover {
	opacity: 0.7;
}
.comContactBox a::before {
	position: absolute;
	top: 50%;
	right: 61px;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	background: url(../img/common/icon04.png) no-repeat center center / 100%;
	content: '';
}
.comContactBox a .lBox {
	margin-right: 140px;
	width: 400px;
}
.comContactBox a .rBox {
	margin-top: 30px;
	width: 380px;
}
.comContactBox a .rBox p {
	color: #FFF;
	line-height: 2;
}
@media all and (max-width: 896px) {
	.comContactBox {
		margin: 0 20px;
		max-width: inherit;
	}
	.comContactBox a {
		padding: 30px 50px 20px 30px;
		border-radius: 30px;
	}
	.comContactBox a::before {
		right: 20px;
		width: 28px;
		height: 28px;
	}
	.comContactBox a .inner {
		display: block;
	}
	.comContactBox a .lBox {
		margin-right: 0;
		width: auto;
	}
	.comContactBox a .lBox .headLine01 {
		margin-bottom: 0;
	}
	.comContactBox a .rBox {
		margin-top: 20px;
		width: auto;
	}
}