@charset "utf-8";
/* CSS Document */

body .page_hero .hero_img{
	background-position: 60% 42%;
}
.page_hero .hero_img .bg_img{
	object-position: 60% 42%;
}
.page_hero .hero_img::after{
	background-color: rgba(0,0,0,0.3);
}

.section01{
	padding: 130px 0 0;
}
.section01 .intro{
	position: relative;
}
.section01 .photo1{
	width: calc(518 / 1220 * 100%);
	border: 2px solid #000;
	box-sizing: border-box;
}
.section01 .photo1 img{
	width: 100%;
	height: auto;
	display: block;
}
.section01 .photo2{
	position: absolute;
	right: 0;
	top: 0;
	width: calc(230 / 1220 * 100%);
}
.section01 .photo2 img{
	width: 100%;
	height: auto;
	display: block;
}
.section01 .txtbox{
	position: absolute;
	left: calc(555 / 1220 * 100%);
	top: 60px;
	width: calc(598 / 1220 * 100%);
}
.section01 .txtbox .en_title1{
	font-size: clamp(40px,6.25vw,90px);
	line-height: 0.95;
	margin-bottom: 50px;
}
.section01 .txtbox .default_title1{
	margin-bottom: 40px;
	color: #333;
}
.section01 .txtbox .default_txt1{
	color: #333;
}

.section02{
	padding: 130px 0;
}
.section02 .item{
	margin-bottom: 80px;
}
.section02 .item:last-child{
	margin-bottom: 0;
}
.section02 .item .photo{
	width: calc(570 / 1220 * 100%);
	border: 2px solid #000;
	box-sizing: border-box;
}
.section02 .item .photo img{
	width: 100%;
	height: auto;
	display: block;
}
.section02 .item .txtbox{
	width: calc(560 / 1220 * 100%);
}
.section02 .item .en_title2{
	font-size: 18px;
	margin-bottom: 5px;
}
.section02 .item .default_title1{
	margin-bottom: 30px;
	color: #000;
}

@media screen and (max-width: 768px){
	.section01{
		padding: 80px 0 0;
	}
	.section01 .intro{
		display: block;
	}
	.section01 .photo1,
	.section01 .photo1 img{
		width: 100%;
		height: auto;
	}
	.section01 .photo2{
		display: none;
	}
	.section01 .txtbox{
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		margin-top: 30px;
	}
	.section02{
		padding: 80px 0;
	}
	.section02 .item{
		flex-direction: column !important;
		gap: 24px;
	}
	.section02 .item .photo,
	.section02 .item .txtbox{
		width: 100%;
	}
	.section02 .item .photo img{
		height: auto;
	}
}