@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html{
	overflow: auto;
}

html,body{
    width: 100%;
}

body {
  color : #000;
	font-family: 'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

@media screen and (min-width: 769px) {
	body{
		min-width: 1200px;
		overflow: hidden;
	}
}

.ipad{
	min-width: 1200px;
}

a,
a img{
	text-decoration: none;
	transition: 0.3s ease-out;
}

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

/*header
--------------------------------------------------*/
.header{
	position: relative;
	padding-top: 135px;
}

.floating__nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 300;
	min-width: 1200px;
}

.header__logo{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 310;
	width: 349px;
}

.header__logo a{
	display: block;
	width: 100%;
	height: 83px;
	background: url(../img/logo.webp) no-repeat 0 0/100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.header__nav{
	position: absolute;
	top: 0;
	right: 0;
}

.nav__index{
	position: absolute;
	top: 0;
	right: 254px;
	width: fit-content;
	display: flex;
	flex-direction: row;
}

.nav__item{
	margin-left: 64px;
	white-space: nowrap;
	position: relative;
}

.nav__item::after{
	content: '';
	display: block;
	background: url(../img/header_nav_line.svg) no-repeat 0 0/100%;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 56px;
	left: -46px;
}

.nav__item:first-child{
	margin-left: 0;
}

.nav__item:first-child::after{
	display: none;
}

.nav__item a{
	width: 100%;
	height: 135px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #000;
}

/*ipad*/
.ipad .nav__item::after{
	width: 20px;
	height: 20px;
	top: 58px;
	left: -27px;
}

.ipad .nav__item{
	margin-left: 34px;
}

.ipad .nav__item a{
	font-size: 12px;
}

.nav__btn{
width: 190px;
}

.nav__btn a{
	width: 100%;
	height: 135px;
	background: linear-gradient(#ae7701 0%, #cca141 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #fff;
}

@media screen and (min-width: 769px) {
	/*hover*/
	.nav__btn a:hover,
	.nav__item a:hover,
	.header__logo a:hover{
		opacity: .6;
	}
	
	/*fixed*/
	.is-fixed{
		position: fixed;
		z-index: 500;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		height: 90px;
	}

	.is-fixed .header__logo{
		top: 5px;
	}

	.is-fixed .nav__item a{
		height: 90px;
	}

	.is-fixed .nav__item::after{
		top: 34px;
	}

	.is-fixed .nav__btn a{
		height: 90px;
	}
}

@media screen and (max-width: 1490px) {
	.header__logo{
		width: 290px;
		top: 35px;
    left: 10px;
	}

	.is-fixed .header__logo{
		top: 12px;
	}

	.nav__index{
		right: 185px;
	}

	.nav__item{
		margin-left: 50px;
	}

	.nav__item::after{
		left: -39px;
	}

	.nav__btn{
		width: 160px;
	}
}

@media screen and (max-width: 1320px) {
	.nav__item a{
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.header{
		padding-top: 50px;
		position: relative;
	}

	.floating__nav{
		height: auto;
		min-width: auto;
		top: 0;
	}

	.header__logo{
		top: 4px !important;
		left: 4px;
		width: 208px;
	}

	.header__logo a{
		height: 40px;
		background: url(../img/logo_sp.webp) no-repeat 0 0/100%;
	}

	.header__nav{
		display: none;
	}
}

/*mainvisual
--------------------------------------------------*/
.mainvisual{
	position: relative;
	width: 100%;
	z-index: 200;
}

.mainvisual:before{
	content: '';
	display: block;
	padding-top: 47.8125%;
}

.mainvisual::after{
	display: block;
	content: '';
	width: 100%;
	height: 7px;
	background: linear-gradient(#ae7701 0%, #cca141 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 220;
}

.mv__txt{
	background: url(../img/mv_pc_txt.svg) no-repeat 0 0/100%;
	width: 36.4375%;
	height: 24.967%;
	position: absolute;
	top: 37.7%;
	left: 3.8%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 150;
}

.mv__slides{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 100;
}

.mv__ph{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 210;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: none;
}

.mv__ph-1{
	background-image: url(../img/mv_pc_01.webp);
}

.mv__ph-2{
	background-image: url(../img/mv_pc_02.webp);
}

.mv__ph-3{
	background-image: url(../img/mv_pc_03.webp);
}

.mv__ph-4{
	background-image: url(../img/mv_pc_04.webp);
}

.mv--active{
	display: block;
}

@media screen and (max-width: 768px) {
	.mainvisual:before{
		padding-top: 157.33%;
	}

	.mainvisual::after{
		height: 3px;
		background: linear-gradient(#ae7701 0%, #cca141 100%);
	}

	.mv__txt{
		background: url(../img/mv_sp_txt.svg) no-repeat 0 0/100%;
		width: 86.66%;
		height: 18.3%;
		top: 78.14%;
		left: 6.96%;
	}

	.mv__ph-1{
		background-image: url(../img/mv_sp_01.webp);
	}

	.mv__ph-2{
		background-image: url(../img/mv_sp_02.webp);
	}

	.mv__ph-3{
		background-image: url(../img/mv_sp_03.webp);
	}

	.mv__ph-4{
		background-image: url(../img/mv_sp_04.webp);
	}
}

/*SP navi
--------------------------------------------------*/
/*hamburger SP*/
@media screen and (max-width: 768px) {
	.hamburger{
		position: fixed;
    top: 0;
		right: 0;
    width: 50px;
    height: 50px;
		z-index: 700;
		background: linear-gradient(#ae7701 0%, #cca141 100%);
	}
	
	.hamburger__inner{
		position: absolute;
		top: 21px;
		left: 17px;
		width: 16px;
		height: 8px;
		cursor: pointer;
	}

	.hamburger__line{
		background: #fff;
		display: block;
		height: 1px;
		position: absolute;
		transition: 0.3s ease-out;
		width: 100%;
	}

	.hamburger__line--c{
		top: 5px;
	}

	.hamburger__line--b{
		bottom: 0px;
		background: transparent;
		}

	.hamburger__line--t.nav--active{
		top: 3px;
		transform: rotate(45deg);
	}

	.hamburger__line--c.nav--active{
		transform:scaleX(0);
	}

	.hamburger__line--b.nav--active{
		top: 3px;
		transform: rotate(135deg);
		background: #fff;
	}
}

/*navi*/
.sp-nav{
	background: rgba(0,0,0,0.8);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 600;
	top: 0;
	left: 0;
}

.sp-nav__container{
	align-items:center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%;
}

.sp-nav__index {
	width: 200px;
	margin: 0 auto;
}

.sp-nav__item{
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.sp-nav__item:last-child{
	border: none;
}

.sp-nav__item a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #fff;
}

.sp-nav__btn{
width: 190px;
}

.sp-nav__btn a{
	width: 100%;
	height: 60px;
	background: linear-gradient(#ae7701 0%, #cca141 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #fff;
}

/*break
--------------------------------------------------*/
.pc--hidden{
	display: none;
}

.sp--hidden{
	display: block;
}

@media screen and (max-width: 768px) {
	.pc--hidden{
		display: block;
	}
	
	.sp--hidden{
		display: none;
	}
}

/*heading
--------------------------------------------------*/
.content__heading--en{
	line-height: 0;
	margin-bottom: 26px;
	display: block;
}

.content__heading--ja{
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #121212;
	display: block;
}

.content__read{
	position: absolute;
	top: -34px;
	display: inline-flex;
	flex-direction: row-reverse;
}

.content__read span{
	writing-mode: vertical-rl;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 29px;
	margin-left: 16px;
	position: relative;
	height: fit-content;
}

.content__read span::after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #707070;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 768px) {
	.content__heading--en{
		margin-bottom: 15px;
	}

	.content__heading--ja{
		font-size: 20px;
	}

	.content__read{
		position: relative;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		display: block;
		padding: 10px 0 0 10px;
	}

	.content__read span{
		writing-mode: horizontal-tb;
		font-size: 18px;
		line-height: 1.8;
		margin-left: 0;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid #707070;
	}

	.content__read span::after{
		display: none;
	}
}

/*About
--------------------------------------------------*/
.about{
	background:
   url(../img/about_ph_01.webp) no-repeat top 121px left calc(50% + 490px)/464px,
	 url(../img/about_ph_02.webp) no-repeat top 513px left calc(50% - 564px)/472px,
	 url(../img/content_bg.webp);
	padding: 130px 0 62px 0;
}

.about__container-1{
	width: 980px;
	margin: 0 auto 158px auto;
	position: relative;
}

.about__heading{
	margin-bottom: 65px;
}

.about__read{
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 0.1em;
	line-height: 1.615;
	margin-bottom: 93px;
}

.about__txt__area{
	width: 738px;
	margin: 0 0 86px auto;
}

.about__txt{
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 2.1;
	margin-bottom: 2.1em;
}

.about__map__area{
	width: 815px;
	margin-left: 75px;
	line-height: 0;
}

.about__map img{
	width: 100%;
}

.hotel__block{
	margin-bottom: 133px;
	position: relative;
}

.hotel__block--l{
	background: url(../img/about_content_bg_01.svg) no-repeat 50% 100%;
	height: 331px;
}

.hotel__block--r{
	background: url(../img/about_content_bg_02.svg) no-repeat 0 100%;
	height: 331px;
}

.hotel__inner{
	width: 980px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hotel__block--l .hotel__inner{
	flex-direction: row-reverse;
}

.hotel__ph__box{
	width: 400px;
	line-height: 0;
	position: relative;
}

.hotel__ph{
	position: absolute;
	top: -33px;
	left: 0;
	width: 100%;
}

.hotel__ph img{
	width: 100%;
}

.hotel__txt__box{
	width: 525px;
	position: relative;
	padding-top: 55px;
}

.hotel__no{
	font-family: 'EB Garamond';
	font-weight: 500;
	font-size: 80px;
	line-height: 1;
	color: #1b1c7b;
	padding-left: 36px;
	background: url(../img/hotel_icon_point.svg) no-repeat top 29px left 0;
	position: absolute;
	top: -42px;
	left: 204px;
}

.hotel__name{
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #1b1c7b;
	text-align: center;
	margin-bottom: 23px;
}

.hotel__access{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #121212;
	padding-left: 27px;
	margin-bottom: 23px;
	position: relative;
	width: fit-content;
	margin: 0 auto 27px auto;
}

.hotel__access::after{
	content: '';
	display: block;
	background: url(../img/hotel_icon_car.svg) no-repeat 0 0;
	width: 21px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
}

.hotel__dl{
	width: 100%;
	background: #ebeaef;
	min-height: 68px;
	box-sizing: border-box;
	padding: 8px 0 8px 22px;
	margin-bottom: 27px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.hotel__dl dt{
	width: 85px;
	border-right: 1px solid #707070;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

.hotel__dl dd{
	width: 405px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.625;
	padding-left: 17px;
}

.hotel__ul{
	width: 524px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hotel__li{
	width: 240px;
}

.hotel__li a{
	display: block;
	height: 40px;
	border-bottom: 1px solid #000;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.625;
	color: #000;
	background: url(../img/link_arrow_01.svg) no-repeat top 9px right 0;
}

@media screen and (max-width: 768px) {
	.about{
		background:
		url(../img/about_ph_02.webp) no-repeat bottom 140px left calc(50% - 50px) / 200px,
		 url(../img/about_ph_01.webp) no-repeat bottom 50px left calc(50% + 60px) / 180px,
		 url(../img/content_bg.webp);
		padding: 50px 0 380px 0;
	}

	.about__container-1{
		width: auto;
		padding: 0 20px;
		margin: 0 auto 70px auto;
		position: relative;
	}

	.about__heading{
		margin-bottom: 30px;
	}

	.about__heading img{
		width: 140px;
	}

	.about__read{
		font-size: 18px;
		margin-bottom: 30px;
	}

	.about__txt__area{
		width: 100%;
		margin: 0 0 30px 0;
	}

	.about__txt{
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 1.8em;
	}

	.about__map__area{
		width: 100%;
		margin: 0;
	}

	.about__map{
		margin-bottom: 20px;
	}

	.about__container-2{
		padding: 0 20px;
	}
	
	.hotel__block{
		margin-bottom: 30px;
	}

	.hotel__block--l{
		background: #fff;
		height: auto;
	}

	.hotel__block--r{
		background: #fff;
		height: auto;
	}

	.hotel__inner{
		width: auto;
		margin: 0 auto;
		display: block;
	}

	.hotel__ph__box{
		width: 100%;
		padding: 0 20px 20px 20px;
		background: #fff;
		box-sizing: border-box;
	}

	.hotel__ph{
		position: relative;
		top: auto;
		left: auto;
	}

	.hotel__txt__box{
		width: auto;
		padding-top: 25px;
		padding: 25px 20px 10px 20px;
	}

	.hotel__no{
		font-size: 40px;
		padding-left: 18px;
		background: url(../img/hotel_icon_point.svg) no-repeat top 14px left 0 / 12px;
		position: absolute;
		top: -24px;
		left: 50%;
		margin-left: -28px;
	}

	.hotel__name{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.hotel__access{
		font-size: 14px;
		margin: 0 auto 20px auto;
	}

	.hotel__dl{
		min-height: auto;
		padding: 10px;
		margin-bottom: 20px;
		display: block;
	}

	.hotel__dl dt{
		width: auto;
		border-right: 0;
		font-size: 14px;
	}

	.hotel__dl dd{
		width: auto;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.625;
		padding-left: 0;
	}

	.hotel__ul{
		width: 220px;
		display: block;
		margin: 0 auto;
	}

	.hotel__li{
		width: 100%;
		margin-bottom: 20px;
	}

	.hotel__li a{
		height: 30px;
		font-size: 14px;
		background: url(../img/link_arrow_01.svg) no-repeat top 9px right 0;
	}
}

/*Job introduction
--------------------------------------------------*/
.job{
	padding: 185px 0 182px 0;
}

.job__container{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.job__heading{
	position: absolute;
	top: -245px;
	left: 0;
}

.job__heading .content__heading--en{
	margin-bottom: 13px;
}

.group{
	position: relative;
	margin-bottom: 22px;
	padding-top: 82px;
	background: url(../img/job_mh_bg.webp) no-repeat top 0 right 0/350px;
}

.staff{
	position: relative;
	padding-top: 82px;
	background: url(../img/job_mh_bg.webp) no-repeat top 0 left 0/350px;
}

.group__read{
	right: 31px;
}

.staff__read{
	left: 16px;
}

.group__ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.group__li{
	width: 350px;
	margin-bottom: 67px;
	position: relative;
}

.group__li:nth-child(2n){
	margin-left: 65px;
}

.group__li:nth-child(3){
	margin-left: auto;
}

.group__ph{
	line-height: 0;
	margin-bottom: 43px;
}

.group__ph img{
	width: 100%;
}

.group__ttl{
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	margin-bottom: 16px;
	position: relative;
}

.group__ttl::after{
	content: '';
	display: block;
	width: 1px;
	height: 60px;
	background: #707070;
	position: absolute;
	top: -79px;
	left: 50%;
}

.group__txt{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
	margin-bottom: 7px;
}

.group__link{
	width: 140px;
	margin-left: auto;
}

.group__link a{
	display: block;
	height: 40px;
	border-bottom: 1px solid #000;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.625;
	color: #000;
	background: url(../img/link_arrow_01.svg) no-repeat top 9px right 0;
}

.staff__ph{
	width: 765px;
	line-height: 0;
	margin: 0 0 55px auto;
}

.staff__ph img{
	width: 100%;
}

.staff__balloon__area{
	position: relative;
	line-height: 0;
}

.staff__balloon__ph img{
	width: 100%;
}

.staff__balloon-1{
	margin-bottom: 26px;
}

.staff__balloon-2{
	position: absolute;
	top: 90px;
	right: -43px;
}

.staff__balloon-3{
	margin-left: 30px;
}

.staff__balloon-4{
	margin-left: 292px;
}

.staff__balloon-1 .staff__balloon__ph{
	width: 380px;
}

.staff__balloon-2 .staff__balloon__ph{
	width: 507px;
}

.staff__balloon-1 .staff__balloon__item{
	margin-top: -30px;
}

.staff__balloon-2 .staff__balloon__item{
	margin: -33px 0 0 16px;
}

@media screen and (min-width: 769px) {
	.hotel__li a:hover,
	.group__link a:hover{
		opacity: .5;
	}
}

@media screen and (max-width: 768px) {
	.job{
		padding: 60px 0 50px 0;
	}

	.job__container{
		width: auto;
		padding: 0 20px;
	}

	.job__heading{
		top: -78px;
		left: 20px;
	}

	.job__heading img{
		width: 300px;
	}

	.group{
		margin-bottom: 22px;
		padding-top: 0;
		background: url(../img/job_mh_bg.webp) no-repeat top 0 left 0/200px;
	}

	.staff{
		padding-top: 0;
		background: url(../img/job_mh_bg.webp) no-repeat top 0 left 0/200px;
	}

	.group__read{
		margin-bottom: 30px;
	}

	.staff__read{
		margin-bottom: 30px;
	}

	.group__ul{
		display: block;
		width: 280px;
		margin: 0 auto;
	}

	.group__li{
		width: 100%;
		margin-bottom: 50px;
	}

	.group__li:nth-child(2n){
		margin-left: 0;
	}

	.group__li:nth-child(3){
		margin-left: 0;
	}

	.group__ph{
		margin-bottom: 30px;
	}

	.group__ph img{
		width: 100%;
	}

	.group__ttl{
		font-size: 18px;
		margin-bottom: 13px;
	}

	.group__ttl::after{
		height: 40px;
		top: -55px;
	}

	.group__txt{
		font-size: 14px;
		line-height: 1.875;
	}

	.group__link a{
		height: 35px;
		font-size: 16px;
		color: #000;
	}

	.staff__ph{
		width: 90%;
		margin: 0 auto 30px auto;
	}

	.staff__balloon__ph{
		width: 280px !important;
	}

	.staff__balloon{
		width: 300px;
		margin: 0 auto;
	}

	.staff__balloon__item img{
		width: 100%;
	}


	.staff__balloon-1{
		margin-bottom: 25px;
	}

	.staff__balloon-2{
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 30px;
	}

	.staff__balloon-3{
		margin-bottom: 25px;
	}

	.staff__balloon-4{
		margin-left: 0;
	}

	.staff__balloon-1 .staff__balloon__item{
		width: 279px;
		margin: -20px 0 0 auto;
	}

	.staff__balloon-2 .staff__balloon__item{
		margin: -20px 0 0 auto;
		width: 278px;
	}
}

/*Interview
--------------------------------------------------*/
.interview{
	background: url(../img/content_bg.webp);
	padding: 199px 0 177px 0;
}

.interview__container{
	width: 980px;
	margin: 0 auto;
	position: relative;
	background: url(../img/interview_mh_bg.svg) no-repeat top 0 right 0;
}

.interview__heading{
	position: absolute;
	top: -252px;
	left: 1px;
}

.interview__heading .content__heading--en{
	margin-bottom: 34px;
}

.interview__read{
	right: 42px;
}

.interview__ul{
	width: 765px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 69px;
}

.interview__li{
	width: 350px;
	transition: 0.3s ease-out;
	cursor: pointer;
}

.interview__li:nth-child(2){
	margin-top: 93px;
}

.interview__ph{
	line-height: 0;
	margin-bottom: 8px;
}

.interview__ph img{
	width: 100%;
}

.interview__name{
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom: 9px;
}

.interview__name strong{
	font-family: 'EB Garamond';
	font-weight: 500;
	font-size: 58px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #1b1c7b;
}

.interview__prof{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding-bottom: 14px;
	border-bottom: 1px solid #707070;
	background: url(../img/link_arrow_01.svg) no-repeat bottom 24px right 0;
}

@media screen and (min-width: 769px) {
	.interview__li:hover{
		opacity: .6;
	}
}

@media screen and (max-width: 768px) {
	.interview{
		padding:60px 0 50px 0;
	}

	.interview__container{
		width: auto;
		padding: 0 20px;
		background: url(../img/interview_mh_bg.svg) no-repeat top 0 left 20px/200px;
	}

	.interview__heading{
		top: -80px;
		left: 10px;
	}

	.interview__heading img{
		width: 213px;
	}

	.interview__heading .content__heading--en{
		margin-bottom: 10px;
	}

	.interview__ul{
		display: block;
		width: 280px;
		margin: 0 auto;
		padding-top: 30px;
	}

	.interview__li{
		width: 100%;
		margin-bottom: 40px;
	}

	.interview__li:nth-child(2){
		margin-top: 0;
	}

	.interview__ph{
		margin-bottom: 5px;
	}
}

/*modal
--------------------------------------------------*/
.modal{
	margin: 50px auto;
	padding: 81px 0 70px 0;
	box-sizing: border-box;
	width: 980px;
	background: url(../img/content_bg.webp);
	position: relative;
}

.modal__close__top{
	position: absolute;
	top: 18px;
	right: 17px;
	line-height: 0;
	transition: 0.3s ease-out;
	cursor: pointer;
	width: 44px;
}

.modal__close__top img{
	width: 100%;
}

.modal__header{
	width: 566px;
	margin: 0 auto 53px auto;
	position: relative;
}

.modal__heading{
	position: absolute;
	top: 0;
	left: -50px;
}

.modal__ph{
	line-height: 0;
	margin-bottom: 19px;
}

.modal__ph img{
	width: 100%;
}

.modal__header__txt__area{
	position: relative;
}

.modal__header__txt__area::after{
	content: '';
	display: block;
	width: 1px;
	height: 59px;
	background: #707070;
	position: absolute;
	top: 0;
	left: 100px;
}

.modal__name{
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1;
	position: relative;
}

.modal__name strong{
	font-family: 'EB Garamond';
	font-size: 58px;
	letter-spacing: 0.1em;
	color: #1b1c7b;
}

.modal__prof{
	position: absolute;
	top: 3px;
	left: 124px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.modal__qa{
	width: 757px;
	margin: 0 auto 41px auto;
}

.modal__q{
	min-height: 30px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.666;
	padding-left: 76px;
	margin-bottom: 15px;
	position: relative;
}

.modal__q::after{
	content: '';
	display: block;
	background: url(../img/modal_q_icon.svg) no-repeat 0 0/100%;
	width: 58px;
	height: 29px;
	position: absolute;
	top: 3px;
	left: 2px;
}

.modal__a{
	padding: 15px 32px 15px 35px;
	background: #fff;
	margin-bottom: 33px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
}

.modal__scenery{
	position: relative;
	line-height: 0;
	width: 757px;
	margin: 0 auto 96px auto;
}

.modal__scenery img{
	width: 100%;
}

.modal__scenery__ph-1 {
	width: 463px;
}

.modal__scenery__ph-2{
	width: 321px;
	position: absolute;
	bottom: -36px;
	right: 0;
}

.modal__close__btn{
	width: 170px;
	margin: 0 auto;	
}

.modal__close__btn img{
	width: 100%;
}

.modal__close__btn a{
	display: block;
}

@media screen and (min-width: 769px) {
	.modal__close__top:hover,
	.modal__close__btn a:hover{
		opacity: .5;
	}
}

@media screen and (max-width: 768px) {
	.modal{
		margin: 30px auto;
		width: 90%;
		padding: 60px 20px 30px 20px;
		box-sizing: border-box;
	}

	.modal__close__top{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 35px;
	}

	.modal__header{
		width: 100%;
		margin-bottom: 20px;
	}

	.modal__heading{
		left: -10px;
	}

	.modal__heading img{
		width: 20px;
	}

	.modal__ph{
		margin-bottom: 10px;
		padding-left:20px;
	}

	.modal__header__txt__area::after{
		height: 40px;
		left: 75px;
	}

	.modal__name{
		font-size: 16px;
	}

	.modal__name strong{
		font-size: 40px;
	}

	.modal__prof{
		top: 0px;
		left: 90px;
		font-size: 14px;
	}

	.modal__qa{
		width: 100%;
		margin-bottom: 30px;
	}

	.modal__q{
		min-height: 20px;
		font-size: 16px;
		padding-left: 46px;
		margin-bottom: 6px;
	}

	.modal__q::after{
		width: 40px;
		height: 20px;
		top: 5px;
		left: 0;
	}

	.modal__a{
		padding: 10px;
		margin-bottom: 20px;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.666;
	}

	.modal__scenery{
		width: 100%;
		margin-bottom: 30px;
	}


	.modal__scenery__ph-1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.modal__scenery__ph-2{
		width: 100%;
		position: relative;
		bottom: auto;
		right: auto;
	}
}

/*About Us
--------------------------------------------------*/
.merit{
	padding: 199px 0 167px 0;
}

.merit__container{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.merit__heading{
	position: absolute;
    top: -253px;
    left: 1px;
}

.merit__heading .content__heading--en{
	margin-bottom: 34px;
}

.merit__block{
	width: 910px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 79px;
	margin-left: -30px;
}

.merit__block-2{
	margin-left: 70px;
}

.merit__ph__box{
	width: 376px;
	height: 268px;
	background: url(../img/merit_ph_bg.webp) no-repeat bottom 0 left 0/346px;
}

.merit__ph{
	width: 346px;
	margin-left: auto;
}

.merit__ph img{
	width: 100%;
}

.merit__txt__box{
	width: 472px;
	position: relative;
	padding-top: 6px;
}

.merit__no{
	font-family: 'EB Garamond';
	font-weight: 500;
	font-size: 26px;
	line-height: 1;
	color: #1b1c7b;
	position: relative;
	margin-bottom: 19px;
	display: flex;
	align-items: center;
}

.merit__no strong{
	font-size: 80px;
	margin-left: 12px;
}

.merit__no::after{
	content: '';
	display: block;
	width: 92px;
	height: 1px;
	background: #707070;
	position: absolute;
	left: -101px;
	top: 45px;
}

.merit__ttl{
	width: 292px;
	height: 50px;
	border: 1px solid #707070;
	box-sizing: border-box;
	position: absolute;
	top: 23px;
	right: 0;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.merit__txt{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
}

@media screen and (max-width: 768px) {
	.merit{
		padding: 60px 0 0 0;
	}

	.merit__container{
		width: auto;
		padding: 0 20px;
	}

	.merit__heading{
		position: absolute;
			top: -80px;
			left: 10px;
	}

	.merit__heading img{
		width: 122px;
	}

	.merit__heading .content__heading--en{
		margin-bottom: 10px;
	}

	.merit__block{
		width: 100%;
		display: block;
		justify-content: space-between;
		margin-bottom: 40px;
		margin-left: 0;
	}

	.merit__block-2{
		margin-left: 0;
	}

	.merit__ph__box{
		width: 300px;
		height: 214px;
		background: url(../img/merit_ph_bg.webp) no-repeat bottom 0 left 0/280px;
		margin: 0 auto 10px auto;
	}

	.merit__ph{
		width: 280px;
	}

	.merit__txt__box{
		width: 100%;
		padding-top: 0;
	}

	.merit__no{
		margin-bottom: 10px;
	}

	.merit__no strong{
		font-size: 40px;
		margin-left: 10px;
	}

	.merit__no::after{
		display: none;
	}

	.merit__ttl{
		width: 100%;
		height: 40px;
		position: relative;
		top: auto;
		right: auto;
		font-size: 16px;
		margin-bottom: 5px;
	}

	.merit__txt{
		font-size: 14px;
	}
}

/*Footer entry
--------------------------------------------------*/
.footentry{
	background: url(../img/footentry_bg.webp) no-repeat 50% 0/cover;
	min-height: 766px;
}

.footentry__container{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.footentry__ph{
	width: 840px;
	margin: 0 auto 60px auto;
}

.footentry__ph img{
	width: 100%;
}

.footentry__txt{
	line-height: 0;
	text-align: center;
	margin-bottom: 47px;
	padding-right: 16px;
}

.footentry__btn{
	width: 467px;
	margin: 0 auto;
}

.footentry__btn a{
	width: 100%;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #fff;
	background: linear-gradient(#ae7701 0%, #cca141 100%);
}

@media screen and (min-width: 769px) {
	.footentry__btn a:hover{
		opacity: .6;
	}
}

@media screen and (max-width: 768px) {
	.footentry{
		min-height: auto;
		padding: 50px 0 100px 0;
	}

	.footentry__container{
		width: auto;
	}

	.footentry__ph{
		width: 80%;
		margin: 0 auto 30px auto;
	}


	.footentry__txt{
		margin-bottom: 30px;
		padding-right: 0;
	}

	.footentry__txt img{
		width: 300px;
	}

	.footentry__btn{
		width: 200px;
	}

	.footentry__btn a{
		height: 50px;
		font-size: 18px;
	}
}

/*sp entry button
--------------------------------------------------*/
.floating__btm__block{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 300;
}

.pg-top{
	position: fixed;
	display: none;
	bottom: 120px;
	right: 24px;
	z-index: 300;
	width: 11px;
}

.pg-top a{
	display: block;
	background: url(../img/gotop.svg) no-repeat 0 0/100%;
	width: 100%;
	height: 148px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.floating__btm__btn{
	display: none;
}

@media screen and (min-width: 769px) {
	.pg-top a:hover{
		opacity: .5;
	}
}

@media screen and (max-width: 768px) {
	.floating__btm__block{
		position: sticky;
		bottom: 0;
		left: 0;
		z-index: 300;
		width: 100%;
	}

	.pg-top{
		position: sticky;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	.pg-top a{
		position: absolute;
		bottom: 80px;
		right: 10px;
		width: 11px;
		height: 148px;
	}

	.floating__btm__btn{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		z-index: 300;
	}
	
	.floating__btm__btn a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: linear-gradient(#ae7701 0%, #cca141 100%);
		color: #fff;
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1;
	}
}

/*フッター
--------------------------------------------------*/
.footer p,
.footer a{
	color: #fff;
}

.footer{
	background: #1B1C7B;
}

.footer__container{
	padding: 27px 0 25px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.footerLink__list{
	display: flex;
	margin-bottom: 17px;
}

.footerLink__item{
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-left: 28px;
}

.footerLink__item:first-child{
	margin-left: 0;
}

.exlink{
	padding-right: 19px;
	background: url(../img/footer_link_icon.svg) no-repeat top 0 right 0;
}

.copyright{
	font-size: 14px;
	letter-spacing: 0.05em;
line-height: 1;
}

.footerLink__item a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.footer__container{
		padding: 20px 0;
	}

	.footerLink__list{
		margin-bottom: 10px;
		flex-direction: column;
		align-items: center;
	}

	.footerLink__item{
		font-size: 12px;
		line-height: 1;
		margin-left:0;
		margin-bottom: 10px;
	}

	.footerLink__item:first-child{
		margin-left: 0;
	}

	.exlink{
		padding-right: 17px;
		background-position: top 2px right 0;
		background-size: 12px;
	}

	.copyright{
		font-size: 10px;
	}
}