@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho:wght@400;500;600;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 Old Mincho', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 500;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

@media screen and (min-width: 1601px) {
	body{
		background-size: 100%;
	}
}

@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: 90px;
}

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

.header__logo{
	position: absolute;
	top: 37px;
	left: 43px;
	z-index: 310;
	width: 267px;
}

.header__logo img{
	width: 100%;
}

.header__nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

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

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

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

.nav__item a{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: 'Cormorant Infant';
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #000;
}

.nav__btn{
	width: 170px;
	height: 90px;
	position: absolute;
	top: 0;
	right: 0;
}

.nav__btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #fff;
	background: #4980B4;
}

@media screen and (max-width: 1290px) {
	.nav__index{
		right: 220px;
	}

	.nav__item{
		margin-left: 50px;
	}
}

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

@media screen and (max-width: 768px) {
	.floating__nav{
		min-width: auto;
	}

	.header{
		padding-top: 50px;
	}

	.header__logo{
		top: 18px;
		left: 20px;
		width: 205px;
	}

	.header__nav,
	.nav__btn{
		display: none;
	}
}

/*mainvisual
--------------------------------------------------*/
.mainvisual{
	width: 100%;
	height: 0;
	padding-top: 50.625%;
	position: relative;
}

.mv__ph{
	background: url(../img/mv_pc.webp) no-repeat 0 0/100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 150;
}

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

	.mv__ph{
		background-image: url(../img/mv_sp.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: #4980B4;
	}
	
	.hamburger__inner{
		position: absolute;
		top: 19px;
		left: 17px;
		width: 16px;
		height: 13px;
		cursor: pointer;
	}

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

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

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

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

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

	.hamburger__line--b.nav--active{
		top: 6px;
		transform: rotate(135deg);
	}
}

/*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: 230px;
	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-family: 'Cormorant Infant';
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #fff;
}

.sp-nav__btn{
	width: 180px;
	height: 50px;
	margin: 0 auto;
}

.sp-nav__btn a{
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 50px;
	letter-spacing: 0.12em;
	background: #759FC6 url(../img/search_link_arrow.svg) no-repeat top 50% right 10px/25px;
	text-align: center;
	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{
	font-family: 'Cormorant Infant';
	font-size: 50px;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #4980b4;
	position: relative;
}

.content__heading::after{
	content: '';
	display: block;
	width: 781px;
	height: 1px;
	background: #707070;
	position: absolute;
	top: 24px;
	right: 0;
}

@media screen and (max-width: 768px) {
	.content__heading{
		font-size: 40px;
	}

	.content__heading::after{
		width: 50%;
	}
}

/*message
--------------------------------------------------*/
.message{
	padding: 116px 0 379px 0;
	background:
	url(../img/message_ph_02.webp) no-repeat top 697px left calc(50% - 668px)/265px,
	url(../img/message_ph_03.webp) no-repeat top 1021px left calc(50% - 343px)/294px,
	url(../img/message_bg.webp) no-repeat 0 0/cover;
}

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

.message__heading{
	margin-bottom: 74px;
}

.message__block{
	display: flex;
	justify-content: space-between;
}

.message__txt__area{
	width: 515px;
	padding-top: 8px;
}

.message__ph{
	width: 430px;
	line-height: 0;
}

.message__ph img{
	width: 100%;
}

.message__read{
	font-size: 38px;
	letter-spacing: 0.1em;
	line-height: 1.44;
	margin-bottom: 25px;
}

.message__txt{
	font-size: 20px;
	letter-spacing: 0.06em;
	line-height: 2;
	margin-bottom: 47px;
}

.message__btn{
	width: 260px;
	height: 42px;
	margin-left: auto;
	margin-right: 14px;
}

.message__btn a{
	display: block;
	width: 100%;
	height: 100%;
	background:
	 url(../img/message_link_arrow.svg) no-repeat top 2px right 4px,
	 url(../img/message_link_line.svg) no-repeat bottom 0 left 0;
	padding: 8px 0 0 6px;
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 1;
	color: #000;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.message{
		padding: 50px 0;
		background:
		url(../img/message_bg.webp) no-repeat 0 0/cover;
	}

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

	.message__container::after{
		content: '';
		display: block;
		background: url(../img/message_ph_04.webp) no-repeat 0 0/100%;
		width: 100%;
		height: 0;
		padding-top: 44.31%;
	}

	.message__heading{
		margin-bottom: 30px;
	}

	.message__block{
		display: block;
	}

	.message__txt__area{
		width: 100%;
		padding-top: 0;
		margin-bottom: 30px;
	}

	.message__ph{
		width: 100%;
		margin-bottom: 10px;
	}

	.message__read{
		font-size: 22px;
		line-height: 1.44;
		margin-bottom: 10px;
	}

	.message__txt{
		font-size: 16px;
		letter-spacing: 0.06em;
		line-height: 1.75;
		margin-bottom: 20px;
	}

	.message__btn{
		width: 230px;
		height: 42px;
		margin-left: auto;
		margin-right: 14px;
	}

	.message__btn a{
		display: block;
		width: 100%;
		height: 100%;
		background:
		url(../img/message_link_arrow.svg) no-repeat top 2px right 4px,
		url(../img/message_link_line.svg) no-repeat bottom 0 left 0;
		padding: 8px 0 0 6px;
		font-size: 16px;
		letter-spacing: 0.06em;
		line-height: 1;
		color: #000;
		box-sizing: border-box;
	}
}

/*feature
--------------------------------------------------*/
.feature{
	padding: 95px 0 59px 0;
}

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

.feature__heading{
	margin-bottom: 37px;
}

.feature__heading::after{
	width: 796px;
}

.feature__read{
	font-size: 20px;
	letter-spacing: 0.06em;
	line-height: 2;
	margin-bottom: 54px;
}

.feature__block{
	display: flex;
	align-items: center;
	height: 400px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-bottom: 65px;
}

.feature__block-1{
	background-image: url(../img/feature_ph_01.webp);
	background-position: top 0 left 0;
	justify-content: flex-end
}

.feature__block-2{
	background-image: url(../img/feature_ph_02.webp);
	background-position: top 0 right 0;
}

.feature__block-3{
	background-image: url(../img/feature_ph_03.webp);
	background-position: top 0 left 0;
	justify-content: flex-end
}

.feature__block-4{
	background-image: url(../img/feature_ph_04.webp);
	background-position: top 0 right 0;
}

.feature__txt__area{
	width: 580px;
	padding: 37px 46px 32px 45px;
	background: #F2F3F4;
	box-sizing: border-box;
}

.feature__no{
	font-family: 'Cormorant Infant';
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #4980b4;
	padding: 0 0 8px 3px;
	margin-bottom: 34px;
	background: url(../img/feature_line.svg) no-repeat bottom 0 left 0;
}

.feature__ttl{
	font-size: 30px;
	letter-spacing: 0.06em;
	line-height: 1.33;
	margin-bottom: 26px;
}

.feature__txt{
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1.875;
}

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

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

	.feature__heading{
		margin-bottom: 20px;
	}

	.feature__heading::after{
		width: 50%;
	}

	.feature__read{
		font-size: 18px;
		line-height: 1.75;
		margin-bottom: 30px;
	}

	.feature__block{
		display: block;
		height: auto;
		margin-bottom: 30px;
		position: relative;
	}

	.feature__block::after{
		content: '';
		display: block;
		background: url(../img/feature_ph_01.webp) no-repeat 0 0/100%;
		width: 100%;
		height: 0;
		padding-top: 88.8%;
	}

	.feature__block-2::after{
		background-image: url(../img/feature_ph_02.webp);
	}

	.feature__block-3::after{
		background-image: url(../img/feature_ph_03.webp);
	}

	.feature__block-4::after{
		background-image: url(../img/feature_ph_04.webp);
	}

	.feature__txt__area{
		width: 100%;
		padding: 20px;
	}

	.feature__no{
		padding: 0 0 8px 0;
		margin-bottom: 15px;
	}

	.feature__ttl{
		font-size: 18px;
		line-height: 1.33;
		margin-bottom: 15px;
	}

	.feature__txt{
		line-height: 1.75;
	}
}

/*staff interview
--------------------------------------------------*/
.interview{
	padding: 96px 0 120px 0;
	background:url(../img/interview_bg.webp) no-repeat 0 0/cover;
}

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

.interview__heading{
	margin-bottom: 81px;
}

.interview__heading::after{
	width: 620px;
}

.interview__list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.interview__item{
	width: 450px;
	position: relative;
}

.interview__item:nth-child(2){
	margin-top: 126px;
}

.interview__item:nth-child(3){
	margin-top: -18px;
}

.interview__item:nth-child(4){
	margin-top: 108px;
}

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

.interview__ph img{
	width: 100%;
}

.interview__name{
	width: 90px;
	height: 55px;
	background: #759FC6;
	position: absolute;
	top: 281px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: baseline;
	padding-top: 8px;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1;
	color: #fff;
}

.interview__name strong{
	font-family: 'Cormorant Infant';
	font-size: 40px;
}

.interview__pos{
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1.56;
}

.interview__btn{
	position: absolute;
	top: 362px;
	right: 0;
	width: 128px;
	height: 36px;
}

.interview__btn a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 0 0 8px;
	box-sizing: border-box;
	background: url(../img/interview_link_arrow.svg) no-repeat top 0 right 0,
	url(../img/interview_link_line.svg) no-repeat bottom 0 left 0;
	color: #000;
}

.landscape{
	line-height: 0;
}

.landscape img{
	width: 100%;
}

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

@media screen and (max-width: 768px) {
	.interview{
		padding: 50px 0 20px 0;
		background:url(../img/interview_bg.webp) no-repeat 0 0/cover;
	}

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

	.interview__heading{
		margin-bottom: 30px;
	}

	.interview__heading::after{
		width: 15%;
	}

	.interview__list{
		display: block;
	}

	.interview__item{
		width: 100%;
		margin-top: 0 !important;
		margin-bottom: 40px;
	}

	.interview__ph{
		margin-bottom: 38px;
	}

	.interview__name{
		top: auto;
		bottom: 107px;
	}

	.interview__pos{
		margin-bottom: 10px;
	}

	.interview__btn{
		position: relative;
		top: auto;
		right: auto;
		margin-left: auto;
	}
}

/*modal interview
--------------------------------------------------*/
.modal__interview{
	margin: 50px auto;
	width: 980px;
	background: #fff;
	padding: 0 86px 68px 86px;
	box-sizing: border-box;
	position: relative;
}

.modal__close__top{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
}

.modal__interview__header{
	width: 440px;
	position: absolute;
	top: 0;
	left: 0;
}

.modal__interview__ph{
	line-height: 0;
}

.modal__interview__ph img{
	width: 100%;
}

.modal__interview__name{
	position: absolute;
	top: 567px;
	left: 220px;
	width: 90px;
	height: 55px;
	background: #759FC6;
	display: flex;
	justify-content: center;
	align-items: baseline;
	padding-top: 8px;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1;
	color: #fff;
	z-index: 200;
}

.modal__interview__name strong{
	font-family: 'Cormorant Infant';
	font-size: 40px;
}

.modal__interview__pos{
	position: absolute;
	bottom: -5px;
	right: 0;
	width: 220px;
	height: 91px;
	background: #fff;
	display: flex;
	align-items: flex-end;
	padding-left: 32px;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1.56;
	z-index: 100;
}

.modal__qa__block__header{
	width: 418px;
	margin-left: auto;
	padding-top: 202px;
}

#modal__interview-2 .modal__qa__block__header{
	padding-top: 382px;
}

#modal__interview-3 .modal__qa__block__header{
	padding-top: 64px;
}

.modal__q{
	min-height: 54px;
	display: flex;
	align-items: center;
	background: url(../img/modal_icon_q.svg) no-repeat 0 0;
	padding-left: 70px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 1.66;
	margin-bottom: 13px;
	position: relative;
}

.modal__a{
	min-height: 54px;
	display: flex;
	align-items: center;
	background: url(../img/modal_icon_a.svg) no-repeat top 2px left 0;
	padding-left: 70px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1.875;
	margin-bottom: 26px;
}

.modal__qa__block{
	padding-top: 29px;
	background:url(../img/modal_line_dot.svg) no-repeat 0 0;
}

.modal__btn{
	width: 280px;
	height: 60px;
	margin: 66px auto 25px auto;
}

.modal__btn a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background: #759FC6 url(../img/modal_link_arrow.svg) no-repeat top 50% right 22px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #fff;
}

.modal__btn__close{
	width: 109px;
	height: 28px;
	margin: 0 auto;
}

.modal__btn__close a{
	display: block;
	width: 100%;
	height: 100%;
	background:
	url(../img/modal_icon_close.svg) no-repeat top 5px right 3px,
	url(../img/modal_link_line.svg) no-repeat bottom 0 left 0;
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 1;
	color: #000;
}

@media screen and (min-width: 769px) {
	.modal__btn a:hover{
		opacity: .7;
	}
	.modal__close:hover{
		opacity: .4;
	}
}

@media screen and (max-width: 768px) {
	.modal__interview{
		margin: 30px auto 80px auto;
		width: 95%;
		padding: 20px 20px 40px 20px;
	}

	.modal__interview__header{
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 30px;
	}

	.modal__interview__name{
		top: auto;
		left: auto;
		bottom: 66px;
		right: 0;
	}

	.modal__qa__block__header{
		width: 100%;
		margin-left: 0;
		padding-top: 0;
	}

	#modal__interview-2 .modal__qa__block__header{
		padding-top: 0;
	}

	#modal__interview-3 .modal__qa__block__header{
		padding-top: 0;
	}

	.modal__q{
		min-height: 40px;
		background: url(../img/modal_icon_q.svg) no-repeat 0 0/40px;
		padding-left: 50px;
		font-size: 16px;
		line-height: 1.66;
		margin-bottom: 13px;
	}

	.modal__a{
		min-height: 40px;
		background: url(../img/modal_icon_a.svg) no-repeat top 2px left 0/40px;
		padding-left: 50px;
		font-size: 14px;
		line-height: 1.875;
		margin-bottom: 26px;
	}

	.modal__qa__block{
		padding-top: 15px;
	}

	.modal__btn{
		width: 230px;
		height: 50px;
		margin: 30px auto 25px auto;
	}
}

/*modal job
--------------------------------------------------*/
.modal__job{
	margin: 50px auto;
	width: 980px;
	background: #fff;
	padding: 0 0 79px 0;
	box-sizing: border-box;
	position: relative;
}

.modal__job__header{
	height: 544px;
	position: relative;
}

.modal__job__ph{
	position: absolute;
	top: 0;
	left: 0;
	width: 720px;
}

.modal__job__ph img{
	width: 100%;
}

.modal__job__header__ttl{
	position: absolute;
	top: 436px;
	right: 86px;
}

#modal__job-3 .modal__job__header__ttl{
	top: 371px;
}

#modal__job-3 .modal__job__header__ttl--ja span{
	letter-spacing: 0;
}

#modal__job-4 .modal__job__header__ttl{
	right: 94px;
}

.modal__job__header__ttl--ja{
	margin-bottom: 5px;
	display: flex;
	flex-direction: column;
}

.modal__job__header__ttl--ja span{
	display: block;
	width: max-content;
	font-size: 34px;
	letter-spacing: 0.06em;
	color: #fff;
	line-height: 55px;
	background: #759FC6;
	padding: 0 11px 0 18px;
	margin-bottom: 10px;
}

.modal__job__header__ttl--en{
	font-family: 'Cormorant Infant';
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.06em;
	padding-left: 41px;
	position: relative;
}

.modal__job__header__ttl--en::before{
	content: '';
	display: block;
	width: 28px;
	height: 1px;
	background: #707070;
	position: absolute;
	left: 0;
	top: 10px;
}

.modal__job__txt__area{
	padding: 0 97px;
}

.modal__job__txt{
	font-weight: 400px;
	font-size: 20px;
	letter-spacing: 0.06em;
	line-height: 2;
}

@media screen and (max-width: 768px) {
	.modal__job{
		margin: 30px auto 80px auto;
		width: 95%;
		padding: 0 0 40px 0;
	}

	.modal__job__header{
		height: auto;
		margin-bottom: 80px;
	}

	.modal__job__ph{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	.modal__job__header__ttl{
		position: absolute;
		top: auto !important;
		right: auto !important;
		left: 20px;
		bottom: -50px;
	}

	.modal__job__header__ttl--ja span{
		font-size: 22px;
		letter-spacing: 0.06em;
		color: #fff;
		line-height: 40px;
		padding: 0 8px 0 10px;
		margin-bottom: 10px;
	}

	.modal__job__header__ttl--en{
		font-size: 18px;
		padding-left: 30px;
	}

	.modal__job__header__ttl--en::before{
		width: 25px;
	}

	.modal__job__txt__area{
		padding: 0 20px;
	}

	.modal__job__txt{
		font-size: 16px;
		line-height: 1.75;
	}
}

/*About job
--------------------------------------------------*/
.job{
	padding: 95px 0 185px 0;
	background: 
	url(../img/job_bg_square_01.svg) no-repeat top 715px left calc(50% - 482px),
	url(../img/job_bg_square_02.svg) no-repeat top 385px left calc(50% + 438px),
	url(../img/job_bg_square_03.svg) no-repeat top 1195px left calc(50% - 564px),
	url(../img/job_bg_square_04.svg) no-repeat top 1074px left calc(50% + 491px);
}

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

.job__heading{
	margin-bottom: 38px;
}

.job__heading::after{
	width: 739px;
}

.job__read{
	font-size: 20px;
	letter-spacing: 0.06em;
	line-height: 2;
	margin-bottom: 92px;
}

.job__list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.job__item{
	width: 450px;
	height: 450px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: 0.3s ease-out;
	padding-top: 11px;
	cursor: pointer;
}

.job__item:nth-child(1){
	background-image: url(../img/job_ph_01.webp);
}

.job__item:nth-child(2){
	background-image: url(../img/job_ph_02.webp);
	margin-top: 126px;
}

.job__item:nth-child(3){
	background-image: url(../img/job_ph_03.webp);
	margin-top: 74px;
}

.job__item:nth-child(4){
	background-image: url(../img/job_ph_04.webp);
	margin-top: 199px;
}

.job__txt--ja{
	font-size: 30px;
	letter-spacing: 0.06em;
	line-height: 1.33;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

.job__txt--en{
	font-family: 'Cormorant Infant';
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}

.job__btn{
	width: 128px;
	height: 36px;
	padding: 6px 0 0 4px;
	box-sizing: border-box;
	background: url(../img/job_link_arrow.svg) no-repeat top 0 right 2px,
	url(../img/job_link_line.svg) no-repeat bottom 0 left 0;
	color: #fff;
}

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

@media screen and (max-width: 768px) {
	.job{
		padding: 50px 0;
		background: url(../img/job_bg_square_05.svg) no-repeat bottom 30px left 50%;

	}

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

	.job__heading{
		margin-bottom: 20px;
	}

	.job__heading::after{
		width: 40%;
	}

	.job__read{
		font-size: 18px;
		letter-spacing: 0.06em;
		line-height: 1.75;
		margin-bottom: 30px;
	}

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

	.job__item{
		width: 280px;
		height: 280px;
		margin-top: 0 !important;
		margin-bottom: 30px;
	}

	.job__txt--ja{
		font-size: 18px;
	}

	.job__txt--en{
		font-size: 16px;
		margin-bottom: 30px;
	}

	.job__btn{
		width: 128px;
		height: 36px;
		padding: 6px 0 0 4px;
		box-sizing: border-box;
		background: url(../img/job_link_arrow.svg) no-repeat top 0 right 2px,
		url(../img/job_link_line.svg) no-repeat bottom 0 left 0;
		color: #fff;
	}
}

/*slider
--------------------------------------------------*/
.slick-slider div { transition: none; }

.slider{
	margin-bottom: 101px;
}

.slide{
	height: 397px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.slide-1{
	width: 785px;
	background: url(../img/slide_ph_01.webp) no-repeat 0 0/739px;
}

.slide-2{
	width: 1032px;
	background: url(../img/slide_ph_02.webp) no-repeat 0 0/986px;
}

.slide-3{
	width: 865px;
	background: url(../img/slide_ph_03.webp) no-repeat 0 0/819px;
}

@media screen and (max-width: 768px) {
	.slider{
		margin-bottom: 50px;
	}

	.slide{
		height: 180px;
	}

	.slide-1{
		width: 356px;
		background: url(../img/slide_ph_01.webp) no-repeat 0 0/335px;
	}

	.slide-2{
		width: 468px;
		background: url(../img/slide_ph_02.webp) no-repeat 0 0/447px;
	}

	.slide-3{
		width: 392px;
		background: url(../img/slide_ph_03.webp) no-repeat 0 0/371px;
	}
}

/*QA
--------------------------------------------------*/
.qa{
	padding: 140px 0 121px 0;
	background: url(../img/qa_bg.webp) no-repeat 0 0/cover;
}

.qa__container{
	width: 980px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	padding: 100px 69px 52px 70px;
}

.qa__heading{
	position: absolute;
	text-align: center;
	padding-left: 4px;
	top: -24px;
	left: 0;
	width: 100%;
}

.qa__heading::after{
	display: none;
}

.qa__q{
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 1.66;
	padding-left: 56px;
	min-height: 24px;
	background: url(../img/qa_icon_q.svg) no-repeat top 6px left 8px;
	margin-bottom: 13px;
}

.qa__a{
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 1.875;
	padding: 0 0 20px 56px;
	margin-bottom: 24px;
	border-bottom: 1px solid #707070;
	min-height: 19px;
	background: url(../img/qa_icon_a.svg) no-repeat top 6px left 7px;
}

@media screen and (max-width: 768px) {
	.qa{
		padding:50px 20px;
		background: url(../img/qa_bg.webp) no-repeat 0 0/cover;
	}

	.qa__container{
		width: auto;
		padding: 50px 20px 20px 20px;
	}

	.qa__heading{
		padding-left: 0;
		top: -20px;
	}

	.qa__q{
		font-size: 16px;
		line-height: 1.4;
		padding-left: 35px;
		background: url(../img/qa_icon_q.svg) no-repeat top 3px left 0/22px;
		margin-bottom: 13px;
	}

	.qa__a{
		font-size: 14px;
		line-height: 1.4;
		padding: 0 0 20px 35px;
		margin-bottom: 15px;
		background: url(../img/qa_icon_a.svg) no-repeat top 3px left 0/22px;
	}
}

/*search
--------------------------------------------------*/
.search{
	padding: 96px 0 48px 0;
}

.search__container{
	width: 980px;
	margin: 0 auto;
}

.search__heading{
	margin-bottom: 80px;
}

.search__heading::after{
	width: 818px;
}

.search__block{
	position: relative;
}

.search__mhd{
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 30px;
	letter-spacing: 0.06em;
	line-height: 1;
}

.search__list-1{
	width: 689px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 65px auto;
}

.search__item-1{
	width: 325px;
	height: 60px;
	margin-right: 39px;
	margin-bottom: 20px;
}

.search__item-1:nth-child(2n){
	margin-right: 0;
}

.search__item-1 a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	background: #759FC6 url(../img/search_link_arrow.svg) no-repeat top 50% right 12px;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #fff;
	padding-left: 23px;
}

.search__list-2{
	width: 689px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 82px auto;
}

.search__item-2{
	width: 325px;
	height: 230px;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: 0.3s ease-out;
}

.search__item-2:nth-child(1){
	background-image: url(../img/search_area_ph_01.webp);
}

.search__item-2:nth-child(2){
	background-image: url(../img/search_area_ph_02.webp);
	margin-left: 39px;
}

.search__item-2 a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: flex-end;
}

.search__item-2 span{
	display: flex;
	width: 100%;
	height: 67px;
	align-items: center;
	background: url(../img/search_link_arrow.svg) no-repeat top 50% right 12px;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.4;
	padding-left: 21px;
	color: #fff;
}

@media screen and (min-width: 769px) {
	.search__item-1 a:hover,
	.search__item-2:hover{
		opacity: .7;
	}
}

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

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

	.search__heading{
		margin-bottom: 30px;
	}

	.search__heading::after{
		width: 60%;
	}

	.search__mhd{
		position: relative;
		top: auto;
		left: auto;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.search__list-1{
		width: 280px;
		display: block;
		margin: 0 auto 40px auto;
	}

	.search__item-1{
		width: 100%;
		height: 50px;
		margin-right: 0px;
		margin-bottom: 15px;
	}

	.search__item-1 a{
		background: #759FC6 url(../img/search_link_arrow.svg) no-repeat top 50% right 12px/25px;
		font-size: 16px;
		line-height: 1.4;
		padding-left: 20px;
	}

	.search__list-2{
		width: 280px;
		margin: 0 auto 40px auto;
		display: block;
	}

	.search__item-2{
		width: 280px;
		height: 198px;
		margin-bottom: 15px;
	}

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

	.search__item-2 span{
		font-size: 16px;
		background: url(../img/search_link_arrow.svg) no-repeat top 50% right 12px/25px;

	}
	
}

/*foot entry area
--------------------------------------------------*/
.foot__entry{
	height: 540px;
	background: url(../img/foot_entry_ph.webp) no-repeat top 0 left 0/cover;
}

.foot__entry__container{
	width: 980px;
	margin: 0 auto;
	padding-top: 253px;
}

.foot__entry__txt{
	font-weight: 500;
	font-size: 36px;
	letter-spacing: 0.06em;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-bottom: 48px;
}

.foot__entry__btn{
	width: 400px;
	height: 70px;
	margin: 0 auto;
}

.foot__entry__btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #fff url(../img/foot_entry_link_arrow.svg) no-repeat top 50% right 20px;
	font-size: 22px;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #000;
}

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

@media screen and (max-width: 768px) {
	.foot__entry{
		height: 340px;
		background: url(../img/foot_entry_ph.webp) no-repeat top 0 left 50%/cover;
	}

	.foot__entry__container{
		width: auto;
		padding: 0 20px;
		padding-top: 50px;
	}

	.foot__entry__txt{
		font-size: 24px;
		line-height: 1.6;
		margin-bottom: 30px;
	}

	.foot__entry__btn{
		width: 280px;
		height: 60px;
	}

	.foot__entry__btn a{
		background: #fff url(../img/foot_entry_link_arrow.svg) no-repeat top 50% right 10px/25px;
		font-size: 18px;
	}
}

/*sp entry button ・ page top button
--------------------------------------------------*/
/*pgage top */
.pg-top{
	position: fixed;
	display: none;
	bottom: 100px;
	right: 26px;
	z-index: 300;
	width: 9px;
}

.pg-top img{
	width: 100%;
}

/*sp entry button*/
.floating__btm__btn{
	display: none;
}

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

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

	.pg-top{
		position: absolute;
		bottom: 70px;
		right: 10px;
	}

	.floating__btm__btn{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 300;
		display: flex;
	}

	.floating__btm__btn a{
		display: block;
		width: 100%;
		font-size: 18px;
		line-height: 50px;
		letter-spacing: 0.12em;
		background: #759FC6 url(../img/search_link_arrow.svg) no-repeat top 50% right 20px/25px;
		text-align: center;
		color: #fff;
	}
}

/*フッター
--------------------------------------------------*/
.footer{
	background: #4C5662;
}

.footer p,
.footer a{
	color: #fff;
}

.footer__container{
	padding: 27px 0 25px 0;
}

.footerLink__list{
	width: 700px;
	margin: 0 auto 21px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footerLink__item{
font-family: 'Noto Sans JP';
font-weight: 400;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1;
position: relative;
margin: 0 0 13px 49px;
}

.footerLink__item::before{
	content: '';
	display: block;
	height: 14px;
	width: 1px;
	background: #fff;
	position: absolute;
	left: -27px;
	top: 0;
}

.copyright{
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.footerLink__item a:hover{
		text-decoration: underline;
	}

	.footerLink__item:nth-child(1),
	.footerLink__item:nth-child(4){
		margin-left: 0;
	}

	.footerLink__item:nth-child(1)::before,
	.footerLink__item:nth-child(4)::before{
		display: none;
	}
}

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

	.footerLink__list{
		width: auto;
		margin-bottom: 10px;
	}

	.footerLink__item{
	font-size: 12px;
	letter-spacing: 0;
	margin: 0 0 8px 20px;
	}

	.footerLink__item::before{
		height: 12px;
		left: -10px;
		top: 0;
	}

	.copyright{
		font-size: 10px;
		letter-spacing: 0;
	}
}