@charset "utf-8";


/*************************
/* ABOUT US
*************************/
#top_about{
	padding-top: 6.23rem;
}
#top_about .en_tit1{
	margin-bottom: 2.4769rem;
}
.about_txtArea .f27{
	margin-bottom: 1.20769rem;
}
.about_txtArea .txt_block{
	text-align: justify;
	color: #505050;
	line-height: 2;
	margin-bottom: 2.1769rem;
}
.about_vm{
	text-align: left;
}
.about_imgArea{
	position: relative;
}
.about_copy{
	position: absolute;
	color: #c8c8c8;
	line-height: 1.15;
	letter-spacing: 0;
	font-size: 2.1538rem;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	#top_about .en_tit1{
		margin-bottom: 4.415384rem;
	}
	.about_block{
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
	}
	.about_txtArea{
		width: 39.251%;
	}
	.about_vm{
		text-align: right;
	}
	.about_imgArea{
		width: 52.044%;
		padding-bottom: 1.9rem;
	}
	.about_copy{
		right: -19.2rem;
		font-size: 3.0769rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.about_img{
		height: 500px;
	}
	.about_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (min-width: 992px){
	#top_about{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding-top: 9.807rem;
	}
	.about_block{
		width: 82.642%;
	}
	.about_txtArea{
		width: 35.251%;
	}
	.about_imgArea{
		width: 57.044%;
	}
}
@media screen and (min-width: 1200px){
	.about_txtArea{
		width: 32.251%;
	}
	.about_txtArea .f27{
		margin-bottom: 2.3714rem;
	}
	.about_txtArea .txt_block{
		margin-bottom: 3.1714rem;
	}
	.about_copy{
		font-size: 3.5714rem;
		right: -22.3rem;
	}
}
@media screen and (min-width: 1400px){
	#top_about{
		padding-top: 12.1428rem;
	}
	.about_txtArea{
		width: 31.251%;
	}
	.about_txtArea .txt_block{
		font-size: 1.0714rem;
	}
	.about_imgArea{
		padding-bottom: 2.3rem;
	}
	.about_copy{
		font-size: 3.928rem;
		right: -24.5rem;
	}
}
@media screen and (min-width: 1700px){
	.about_imgArea{
		padding-bottom: 2.5rem;
	}
	.about_img{
		height: 800px;
	}
	.about_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.about_copy{
		font-size: 4.64rem;
		right: -29rem;
	}
}
@media screen and (max-width: 767px){
	.about_imgArea{
		padding-bottom: 1.3rem;
		margin-top: 3.5461rem;
	}
	.about_img{
		width: 71%;
	}
}

/*************************
/* BUSINESSES
*************************/
#top_businesses{
	margin-top: 6.223rem;
}
#top_businesses .en_tit1{
	margin-bottom: 2.8769rem;
}
.business_block{
	position: relative;
	margin-bottom: 0;
}
.business_block::before, .business_block::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
	left: 0;
	z-index: 1;
}
.business_block::before{
	top: 0;
}
.business_block::after{
	bottom: 0;
}
.business_block li{
	list-style: none;
	position: relative;
}
.business_block li:not(:last-child)::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	right: 0;
	bottom: 0;
	background-color: #e6e6e6;
}
.business_block li a{
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #000;
	text-decoration: none;
	padding: 40px 7% 6.1153rem;
	transition: .5s all;
	width: 100%;
    height: 100%;
}
.business_block li a:hover{
	text-decoration: none;
	background-color: #fff;
}
.bs_copy{
	position: relative;
	writing-mode: vertical-rl;
	color: #323232;
	font-size: 2.3rem;
}
.bs_copy .f-eng{
	position: absolute;
	color: #656565;
	font-size: 0.61538rem;
	letter-spacing: 0.05em;
	line-height: 1;
	top: 0;
	right: -11px;
}
.bs_img.zoom{
	margin: 2.3rem 0 1.423rem;
}
.bs_title{
	font-size: 1.538rem;
	letter-spacing: 0.05em;
	margin-bottom: 1.307rem;
}
.business_block .txt_block{
	text-align: justify;
	color: #323232;
}
.business_block .arrow{
	width: 35px;
	height: 35px;
	background-color: #000;
	background-image: url("../images/arrow_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9.3px 7.5px;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
@media screen and (min-width: 768px){
	#top_businesses .en_tit1{
		margin-bottom: 4.41538rem;
	}
	.business_block{
		display: flex;
		flex-wrap: wrap;
	}
	.business_block li{
		width: 50%;
	}
	.business_block li a{
		padding: 40px 14% 6.1153rem;
	}
	.bs_copy{
		height: 90px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.business_block li:nth-child(1) .bs_copy, .business_block li:nth-child(2) .bs_copy{
		height: 60px;
	}
	.business_block li:nth-child(3)::before, .business_block li:nth-child(4)::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #e6e6e6;
		top: 0;
		left: 0;
	}
}
@media screen and (min-width: 992px){
	#top_businesses{
		margin-top: 9.5846rem;
	}
	.business_block li{
		width: 25%;
	}
	.business_block li a{
		padding: 40px 8.9411% 6.1153rem;
	}
}
@media screen and (min-width: 1200px){
	#top_businesses{
		margin-top: 8.74285rem;
	}
	#top_businesses .en_tit1{
		margin-bottom: 5.51428rem;
	}
	.bs_copy{
		font-size: 2.5rem;
		height: 105px;
	}
	.bs_copy .f-eng{
		font-size: 0.7142rem;
		right: -12px;
	}
	.bs_title{
		font-size: 1.5714rem;
	}
	.business_block .arrow{
		width: 45px;
		height: 45px;
		background-size: 12px 9.6px;
	}
}
@media screen and (min-width: 1400px){
	#top_businesses{
		margin-top: 11.757rem;
	}
	.business_block li a{
		padding: 65px 8.9411% 7.5714rem;
	}
	.bs_copy{
		font-size: 2.857rem;
		height: 120px;
	}
	.bs_copy .f-eng{
		font-size: 0.78571rem;
		right: -20px;
	}
	.bs_img.zoom{
		margin: 4.3428rem 0 1.8rem;
	}
	.bs_title{
		font-size: 1.7857rem;
		margin-bottom: 1.61428rem;
	}
}
@media screen and (min-width: 1600px){
	.business_block li a{
		padding: 80px 8.9411% 8.6428rem;
	}
}
@media screen and (max-width: 767px){
	#top_businesses .en_tit1{
		text-align: center;
	}
	.business_block li:not(:last-child)::after{
		width: 100%;
		height: 1px;
	}
}

/*************************
/* STAFF
*************************/
#top_staff{
	padding: 7.4846rem 0 7.6538rem;
}
#top_staff .en_tit2{
	margin-bottom: 2.2769rem;
}
.staff_txtArea .txt_block{
	text-align: justify;
	color: #323232;
	line-height: 2;
	margin-bottom: 2.6769rem;
}
.staff_swiper .swiper-slide{
	width: 51.7%;
}
.staff_slideArea a{
	color: #000;
}
.staff_slideArea a:hover{
	text-decoration: none;
}
.staff_nav{
	display: flex;
}
.staff-prev, .staff-next{
	width: 50px;
	height: 30px;
	background-color: #000;
	border: none;
	position: relative;
}
.staff-prev.swiper-button-disabled, .staff-next.swiper-button-disabled{
	background-color: #323232;
}
.staff-prev:focus, .staff-next:focus{
	outline: none;
}
.staff-prev::after, .staff-next::after{
	position: absolute;
	content: "";
	width: 16.1px;
	height: 13.1px;
	background-image: url("../images/arrow_w.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.staff-prev{
	margin-right: 10px;
}
.staff-prev::after{
	transform: translate(-50%,-50%) rotate(180deg);
}
@media screen and (min-width: 768px){
	#top_staff{
		width: 93%;
		margin-left: auto;
	}
	.staff_flex{
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.staff_txtArea{
		width: 32.58%;
	}
	#top_staff .en_tit2{
		margin-bottom: 3.4307;
	}
	.staff_txtArea .txt_block{
		margin-bottom: 1.80769rem;
	}
	.staff_slideArea{
		width: 58%;
		position: relative;
	}
	.staff_nav{
		position: absolute;
		left: 0;
		bottom: 7.2rem;
	}
}
@media screen and (min-width: 992px){
	#top_staff{
		padding: 11.4269rem 0 11.5192rem;
	}
	.staff_txtArea{
		width: 22.58%;
	}
	.staff_slideArea{
		width: 68%;
	}
	.staff_swiper .swiper-slide{
		width: 33.8%;
	}
}
@media screen and (min-width: 1200px){
	#top_staff{
		padding: 10.582rem 0 11.4423rem;
	}
	#top_staff .en_tit2{
		margin-bottom: 4.5rem;
	}
	.staff_txtArea .txt_block{
		margin-bottom: 2.57142rem;
	}
	.staff_swiper .swiper-slide{
		width: 34%;
	}
	.staff_nav{
		bottom: 8.5rem;
	}
}
@media screen and (min-width: 1400px){
	#top_staff{
		width: 91.17645%;
		padding: 14.1rem 0 14.2857rem;
	}
}
@media screen and (min-width: 1700px){
	.staff_img.zoom{
		height: 540px;
	}
}
@media screen and (max-width: 767px){
	#top_staff .en_tit2, .staff_txtArea{
		width: 86%;
		margin-right: auto;
		margin-left: auto;
	}
	.staff_swiper{
		margin-bottom: 2.3923rem;
	}
	.staff_slideArea{
		width: 93%;
		margin-left: auto;
	}
}

/*************************
/* RECRUIT
*************************/
#top_recruit{
	margin-top: 7.03846rem;
}
.rec-txtArea .en_tit2{
	margin-bottom: 2.17692rem;
}
.rec-txtArea .f27{
	margin-bottom: 0.923rem;
}
.rec-txtArea .txt_block{
	color: #231815;
	line-height: 2;
	margin-bottom: 2.2769rem;
}
@media screen and (min-width: 768px){
	#top_recruit{
		width: 93.5897%;
		margin-right: auto;
		margin-left: auto;
	}
	.rec-flex{
		display: flex;
		justify-content: space-between;
	}
	.rec-img{
		width: 52.5%;
	}
	.rec-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.rec-txtArea{
		width: 40.625%;
		align-self: center;
	}
}
@media screen and (min-width: 992px){
	#top_recruit{
		margin-top: 10.55769rem;
	}
	.rec-img{
		width: 57.5%;
	}
	.rec-txtArea{
		width: 35.625%;
	}
}
@media screen and (min-width: 1200px){
	#top_recruit{
		margin-top: 9.80357rem;
	}
	.rec-txtArea .en_tit2{
		margin-bottom: 4rem;
	}
	.rec-txtArea .f27{
		margin-bottom: 2.11428rem;
	}
	.rec-txtArea .txt_block{
		margin-bottom: 2.671428rem;
	}
}
@media screen and (min-width: 1400px){
	#top_recruit{
		margin-top: 13.0714rem;
	}
}
@media screen and (min-width: 1700px){
	.rec-img{
		height: 600px;
	}
}
@media screen and (max-width: 767px){
	.rec-img{
		width: 93.5897%;
		margin: 0 auto 3.246153rem;
	}
	.rec-txtArea{
		width: 86%;
		margin: 0 auto;
	}
}

/*************************
/* EVENT
*************************/
#top_event{
	margin-top: 6.7923rem;
}
#top_event .en_tit2{
	margin-bottom: 2.5769rem;
}
.event_slider{
	margin-bottom: 2.4769rem;
}
.top-event_item a{
	color: #000;
}
.top-event_item a:hover{
	color: #000;
	text-decoration: none;
}
@media screen and (min-width: 768px){
	#top_event{
		margin-top: 7.0923rem;
	}
	.top-event_block{
		width: 86%;
		margin-right: auto;
		margin-left: auto;
	}
	.event_slider{
		display: flex;
	}
	.top-event_item{
		width: calc((100% - 60px)/4);
		margin-right: 20px;
	}
	.top-event_item:nth-child(4){
		margin-right: 0;
	}
}
@media screen and (min-width: 992px){
	#top_event{
		margin-top: 10.9384rem;
	}
}
@media screen and (min-width: 1200px){
	#top_event{
		margin-top: 10.01428rem;
	}
	#top_event .en_tit2{
		margin-bottom: 4.4rem;
	}
	.event_slider{
		margin-bottom: 4.3rem;
	}
	.top-event_item{
		width: calc((100% - 78px)/4);
		margin-right: 26px;
	}
}
@media screen and (min-width: 1400px){
	#top_event{
		margin-top: 13.5857rem;
	}
	.top-event_block{
		width: 82.3529%;
		max-width: 1240px;
	}
	.top-event_item{
		width: calc((100% - 99px)/4);
		margin-right: 33px;
	}
}
@media screen and (max-width: 767px){
	.top-event_item{
		padding: 0 10px;
	}
}

/*************************
/* NEWS
*************************/
#top_news{
	margin-top: 7.26923rem;
}
#top_news .en_tit2{
	margin-bottom: 2.5769rem;
}
#top_news .vm{
	margin-top: 2.6769rem;
}
@media screen and (min-width: 992px){
	#top_news{
		margin-top: 10.8269rem;
	}
}
@media screen and (min-width: 1200px){
	#top_news{
		margin-top: 10.5178rem;
	}
	#top_news .en_tit2{
		margin-bottom: 4.5rem;
	}
	#top_news .vm{
		margin-top: 4.7rem;
	}
}
@media screen and (min-width: 1400px){
	#top_news{
		margin-top: 13.6428rem;
	}
}