@charset "UTF-8";
/*==================================================================
	Header setting
===================================================================*/
#header {
	position: absolute;
	left: 0;
	top: 0;
}
#description {
	color: #FFF;
}
#description:after {
	background: #FFF;
}
#gnav ul li a {
	color: #FFF;
}
#menu > span {
	background-color: #FFF!important;
}

/*==================================================================
	Main page setting
===================================================================*/
.main-box {
	position: absolute;
	left: 25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
        	transform: translateY(-50%);
	z-index: 11;
}
.main-box .ttl,
.main-box .txt {
	color: #FFF;
}

/*==================================================================
	Contents setting
===================================================================*/
.sec-services {
	padding: 100px 0;
}
.sec-services .img-services {
	width: 78.4%;
}
.sec-services .block-txt {
	width: 55%;
	position: relative;
}
.sec-services .img-services {
	position: relative;
}
.sec-services .sec-common:nth-child(odd) .img-services {
	left: 0;
	margin-right: auto;
}
.sec-services .sec-common:last-child .block-txt {
	margin-bottom: 0;
}
.sec-services .sec-common:nth-child(odd) .block-txt {
	left: 30%;
}
.sec-services .sec-common:nth-child(even) .img-services {
	right: 0;
	margin-left: auto;
}
.sec-services .sec-common:nth-child(even) .block-txt {
	right: 30%;
	margin-left: auto;
}
.sec-services .sec-common:nth-child(even) .block-txt .com-ttl .jp {
	text-align: right;
}
.sec-services .sec-common:nth-child(even) .block-txt .head-ttl {
	justify-content: flex-end;
}
.sec-services .sec-common:nth-child(even) .block-txt .nos {
	order: 2;
}
.sec-services .sec-common:nth-child(even) .block-txt .headline02 {
	text-align: right;
}
.sec-services .sec-common:nth-child(even) .block-txt .tag {
	text-align: right;
}
.sec-services .block-txt {
	margin-bottom: 140px;
}
.sec-services .block-txt .head-ttl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-top: -10%;
	margin-bottom: 60px;
}
.sec-services .block-txt .head-ttl .headline02 {
	margin-bottom: 0;
	padding: 0 20px;
	width: 65%;
}
.sec-services .block-txt .head-ttl .headline02 .en02 {
	font-size: 3.5rem;
	font-weight: bold;
}
.sec-services .block-txt .nos {
	width: 35%;
}
.sec-services .block-txt .nos span {
	display: inline-block;
}
.sec-services .block-txt .nos img {
	width: 14.5vw;
}
.sec-services .block-txt .nos .small {
	font-size: 2.8vw;
	vertical-align: bottom;
	border-bottom: 5px solid #323232;
	margin-left: 5px;
}
.sec-services .block-txt .com-ttl .ttl {
	margin-bottom: 55px;
}
.sec-services .block-txt .com-ttl p {
	margin-bottom: 30px;
	line-height: 2;
}
.sec-services .tag span {
	background: #323232;
	color: #FFF;
	display: inline-block;
	font-size: 1.4rem;
    line-height: 1;
	margin: 0 10px 10px 0;
	padding: 4px 5px 6px;
}
@media screen and (max-width: 1200px) {
	.sec-services .block-txt .head-ttl .headline02 .en02 {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 767px) {
	.sec-services {
		padding: 50px 0;
	}
	.sec-services .img-services {
		width: 92%;
		max-width: inherit;
	}
	.sec-services .sec-common:nth-child(odd) .block-txt,
	.sec-services .sec-common:nth-child(even) .block-txt {
		left: 0;
		right: 0;
	}
	.sec-services .block-txt {
		width: 100%;
		max-width: inherit;
		padding: 0 15px;
		margin-bottom: 40px;
	}
	.sec-services .block-txt .nos {
		order: inherit !important;
		text-align: left;
		width: auto;
	}
	.sec-services .block-txt .nos .small {
		font-size: 2rem;
	}
	.sec-services .block-txt .nos img {
		width: 22.5vw;
	}
	.sec-services .block-txt .head-ttl .headline02 .en02 {
		font-size: 1.8rem;
	}
	.headline02 .en {
		margin-bottom: 5px;
	}
	.sec-services .block-txt .head-ttl .headline02 {
		text-align: left !important;
		padding: 0 0 0 15px;
	}
	.sec-services .block-txt .head-ttl {
		margin-bottom: 20px;
		margin-top: -10px;
		justify-content: flex-start !important;
	}
	.sec-services .block-txt .com-ttl .jp {
		text-align: left !important;
	}
	.sec-services .block-txt .com-ttl .ttl {
		margin-bottom: 20px;
	}
	.sec-services .block-txt .tag {
		text-align: left !important;
	}
	.sec-services .tag span {
		font-size: 1.2rem;
	}
}