@charset "utf-8";
/* CSS Document */
.head_nav a:nth-of-type(2)::after{
	display: block;
}
.top_intro{
	position: relative;
	padding-top: 30vh;
	padding-bottom: 30vh;
	z-index: 99;
	background-color: #000000;
}
.top_intro .contents{
	max-width: 550px;
	position: relative;
	z-index: 9;
}
body:not(.gjs-dashed) .top_intro .img1{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	z-index: 1;
}
body:not(.gjs-dashed) .top_intro .img1::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000000;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
}
body:not(.gjs-dashed) .top_intro .img1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}
body:not(.gjs-dashed) .top_intro .img2{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	height: 45%;
	z-index: 1;
}
body:not(.gjs-dashed) .top_intro .img2::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000000;
	background: linear-gradient(80deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
}
body:not(.gjs-dashed) .top_intro .img2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}

.footer_contact{display: none;}

.section01{
	padding-right: 0;
}
.section01 .titlebox,.section04 .titlebox{
	width: 30%;
}
.section01 .contents,.section04 .contents{
	width: 70%;
	overflow: hidden;
}
.section01 .swiper-slide{
	opacity: 1;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.section01{
		padding-right: 50px;
	}
	.section01 .titlebox,.section04 .titlebox{
		width: 100%;
	}
	.section01 .contents,.section04 .contents{
		width: 100%;
		overflow: hidden;
	}
	body:not(.gjs-dashed) .top_intro .img1{
		width: 60%;
		height: 50%;
	}
	body:not(.gjs-dashed) .top_intro .img2{
		width: 50%;
		height: 45%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.section01{
		padding-right: 20px;
	}
	body:not(.gjs-dashed) .top_intro .img1{
		width: 90%;
		height: 50%;
	}
	body:not(.gjs-dashed) .top_intro .img2{
		width: 70%;
		height: 45%;
	}
}

/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}