@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Maru+Gothic: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 nav
--------------------------------------------------*/
.header{
	position: relative;
	padding-top: 150px;
	background: #f7cde0;
}

.header__floating__nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
}

.header__logo{
	position: absolute;
	line-height: 0;
	width: 250px;
	left: 34px;
	top: 26px;
	z-index: 200;
}

.header__logo img{
	width: 100%;
}

.header__link{
	width: 620px;
	position: absolute;
	top: 22px;
	right: 130px;
	display: flex;
	justify-content: space-between;
	z-index: 300;
}

.header__link__item{
	width: 300px;
}

.header__link__item a{
	display: block;
  font-weight : 700;
  font-size : 22px;
  line-height : 70px;
  color : #D3005F;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon points='0,0 10,8 0,16' fill='%23d3005f'/%3E%3C/svg%3E") no-repeat top 50% right 20px;
	border-radius: 56px;
	border: 3px solid #f7cde0;
	text-align: center;
}

.hamburger{
	position: fixed;
	right: 36px;
	top: 22px;
	width: 74px;
	height: 74px;
	background: #fff;
	border-radius: 56px;
	cursor: pointer;
	transition: 0.3s ease-out;
	z-index: 600;
	border: 3px solid #f7cde0;
}

.hamburger__inner{
	position: absolute;
	left: 21px;
	top: 21px;
	width: 30px;
	height: 30px;
}

.hamburger__line{
	background : #d3005f;
	display: block;
	height: 3px;
	position: absolute;
	transition: 0.3s ease-out;
	width: 100%;
	border-radius: 2px;
}

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

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

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

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

.hamburger__line--b.active{
	bottom: 14px;
	transform: rotate(135deg);
}

.floating__nav{
	background: #fff;
	display: block;
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 550;
	top: 0;
	left: 0;
	transition: all 0.3s linear;
}

.floating__nav.show{
	height: 600px;
}

.floating__nav__bg{
	width: 100%;
	height: 0;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 500;
	transition: all 0.3s linear;
	top: 0;
	left: 0;
}

.floating__nav__bg.show{
	height: 100%;
}

.header__nav{
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	overflow: hidden;
}

.nav__index{
	margin-bottom: 20px;
}

.nav__item {
	text-align: center;
}

 .nav__item a{
	display: block;
	padding: 20px 0;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.08em;
	line-height: 1;
	color: #000;
 }

 .nav__link__item{
	width: 320px;
	margin-bottom: 20px;
}

.nav__link__item a{
	display: block;
  font-weight : 700;
  font-size : 24px;
  line-height : 80px;
  color : #D3005F;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon points='0,0 10,8 0,16' fill='%23d3005f'/%3E%3C/svg%3E") no-repeat top 50% right 20px;
	border-radius: 56px;
	border: 1px solid #d3005f;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.header__logo a:hover,
	.hamburger:hover,
	.nav__item a:hover,
	.header__link__item a:hover,
	.nav__link__item a:hover{
		opacity: 0.6;
	}
}

@media screen and (max-width: 1190px) {
	.hamburger{
		right: auto;
		left: 1035px;
	}
}

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

	.header__link{
		display: none;
	}

	.header__logo{
		width: 120px;
		top: 20px;
		left: 20px;
	}

	.hamburger{
		right: 20px;
		left: auto;
		top: 20px;
		width: 50px;
		height: 50px;
		border: 2px solid #f7cde0;
	}

	.hamburger__inner{
		left: 14px;
		top: 14px;
		width: 19px;
		height: 19px;
	}

	.hamburger__line{
		height: 1.5px;
	}

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

	.hamburger__line--t.active{
	top: 9px;
	}

	.hamburger__line--b.active{
		bottom: 9px;
	}

	.floating__nav.show{
		height: 550px;
	}

	.nav__index{
		padding-top: 10px;
	}

	.nav__item a{
		padding: 15px 0;
		font-size: 18px;
	}

	.nav__link__item{
		width: 250px;
		margin-bottom: 20px;
	}

	.nav__link__item a{
		font-size : 18px;
		line-height : 60px;
	}
}

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

.mainvisual::after{
	content: '';
	display: block;
	padding-top: 50.4375%;
}

.mv__ph{
	background: url(../img/recruit/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::after{
		padding-top: 129.787%;
	}

	.mv__ph{
		background-image: url(../img/recruit/mv_sp.webp);
		bottom: -1px;
		height: calc(100% + 1px);
	}
}

/*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{
	line-height: 1;
	display: flex;
	flex-direction: column;
	position: relative;
}

.content__heading--en{
	font-family : 'Zen Maru Gothic';
  font-weight : 700;
  font-size : 18px;
  color : #4D8396;
	margin-bottom: 15px;
}

.content__heading--ja{
  font-weight : 700;
  font-size : 48px;
  color : #D3005F;
}

.content__heading__center{
	align-items: center;
}

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

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

/*about us
--------------------------------------------------*/
.aboutus{
	margin-top: -33px;
	padding-bottom: 70px;
	position: relative;
	z-index: 250;
}

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

.aboutus__heading{
	margin-bottom: 33px;
}

.aboutus__heading::before{
	content: '';
	display: block;
	background: url(../img/recruit/aboutus_heading_img.svg) no-repeat 0 0/100%;
	width: 108px;
	height: 102px;
	position: absolute;
	top: 5px;
	left: -127px;
}

.aboutus__list{
	width: 550px;
	margin-bottom: 26px;
	display: flex;
	justify-content: space-between;
}

.aboutus__item{
	width: 170px;
	height: 170px;
	background: #d3005f;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
  font-weight : 700;
  font-size : 26px;
  line-height : 1;
  color : #fff;
}

.aboutus__txt{
	width: 700px;
  font-size : 24px;
  line-height : 1.75;
}

@media screen and (max-width: 768px) {
	.aboutus{
		margin-top: 0;
		padding: 30px 0;
		margin: 0 0 30px 0;
	}

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

	.aboutus__heading{
		margin-bottom: 33px;
		padding-left: 55px;
	}

	.aboutus__heading::before{
		width: 45px;
		height: 45px;
		top: 8px;
		left: 0;
	}

	.aboutus__list{
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
	}

	.aboutus__item{
		width: 32%;
		height: auto;
		aspect-ratio: 1 / 1;
		font-size : 18px;
		line-height: 1.2;
	}

	.aboutus__txt{
		width: auto;
		font-size : 16px;
		line-height : 1.6;
	}
}

/*data
--------------------------------------------------*/
.data{
	width: 1100px;
	padding: 72px 60px 45px 60px;
	background: rgba(77, 130, 150, 0.1);
	border-radius: 60px;
	margin: 0 auto;
}

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

.data__container::before{
	content: '';
	display: block;
	background: url(../img/recruit/data_top_img.png) no-repeat 0 0/100%;
	width: 338px;
	height: 419px;
	position: absolute;
	top: -379px;
	right: -124px;
}

.data__container::after{
	content: '';
	display: block;
	background: url(../img/recruit/data_btm_img.svg) no-repeat 0 0/100%;
	width: 106px;
	height: 145px;
	position: absolute;
	bottom: -109px;
	right: -110px;
}

.data__heading{
	margin-bottom: 54px;
}

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

.data__item{
	width: 236px;
	margin-bottom: 14px;
}

@media screen and (max-width: 768px) {
	.data{
		width: auto;
		margin: 0 10px;
		padding: 20px 10px 20px 10px;
		border-radius: 20px;
	}

	.data__container{
		width: auto;
		padding: 0 4px;
	}

	.data__container::before{
		width: 75px;
		height: 95px;
		top: -70px;
		right: -5px;
	}

	.data__container::after{
		width: 60px;
		height: 85px;
		bottom: -60px;
		right: -5px;
	}

	.data__heading{
		margin-bottom: 20px;
	}

	.data__list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		width: 100%;
		margin: 0 auto;
	}

	.data__item{
		width: 100%;
		margin-bottom: 0;
	}

	.data__item img{
		width: 100%;
	}
}

/*interview
--------------------------------------------------*/
.interview{
	padding: 124px 0 42px 0;
}

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

.interview__heading{
	margin-bottom: 63px;
}

.interview__heading::before{
	content: '';
	display: block;
	background: url(../img/recruit/interview_heading_img.svg) no-repeat 0 0/100%;
	width: 106px;
	height: 64px;
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: -374px;

}

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

.interview__item{
	width: 310px;
	margin-bottom: 74px;
	position: relative;
	cursor: pointer;
}

.interview__no{
	font-family: 'Zen Maru Gothic';
  font-weight : 700;
  font-size : 80px;
	line-height: 0;
  color : #D3005F;
	position: absolute;
	top: -1px;
	right: 26px;
}

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

.interview__ph img{
	width: 100%;
}

.interview__name{
  font-weight : 700;
  font-size : 20px;
  line-height : 1;
  color : #333;
	margin-bottom: 16px;
}

.interview__pos{
  font-weight : 700;
  font-size : 16px;
  line-height : 1;
  color : #333;
	margin-bottom: 24px;
}

.interview__link{
	min-height: 36px;
	display: block;
	width: fit-content;
	margin-left: auto;
}

.interview__link a{
	display: block;
	background: url(../img/recruit/interview_arrow.svg) no-repeat top 0 right 0;
	padding-right: 47px;
  font-size : 16px;
	line-height: 36px;
  color : #333;
}

/* カード全体クリック対応 */
.interview__link__full::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.interview__link span{
	text-decoration: underline;
	transition: 0.3s ease-out;
}

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

	.interview__link a:hover span{
		text-decoration: none;
	}
}

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

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

	.interview__heading{
		margin-bottom: 30px;
	}

	.interview__heading::before{
		width: 45px;
		height: 30px;
		top: -7px;
		margin-left: -90px;
	}

	.interview__list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 15px;
		width: 100%;
		margin: 0 auto;
	}

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

	.interview__no{
		font-size : 50px;
		right: 5px;
	}

	.interview__ph{
		margin-bottom: 15px;
	}

	.interview__name{
		margin-bottom: 10px;
	}

	.interview__pos{
		margin-bottom: 10px;
	}
}

/*modal
--------------------------------------------------*/
.mfp-bg {
	background: rgba(77, 130, 150, 0.9);
}

.modal{
	margin: 50px auto;
	width: 782px;
	background: #fff;
	padding: 63px 31px 28px 31px;
	box-sizing: border-box;
	position: relative;
}

.modal__header{
	position: relative;
	margin-bottom: 36px;
}

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

.modal__ph img{
	width: 100%;
}

.modal__no{
	font-family: 'Zen Maru Gothic';
  font-weight : 700;
  font-size : 80px;
	line-height: 1;
  color : #D3005F;
	position: absolute;
	top: -50px;
	right: 19px;
}

.modal__prof{
	display: flex;
	padding-left: 4px;
	align-items: flex-end;
}

.modal__prof__item{
	line-height: 1;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-right: 30px;
}

.modal__prof__item:nth-child(1){
	font-size: 20px;
}

.modal__qa{
	margin-bottom: 32px;
}

.modal__qa__q{
	background: url(../img/recruit/modal_icon_q.svg) no-repeat 0 0;
	min-height: 50px;
  font-weight : 700;
  font-size : 22px;
  line-height : 1.45;
  color : #D3005F;
	padding: 7px 0 0 71px;
	margin-bottom: 6px;
}

.modal__qa__a{
  font-size : 16px;
  line-height : 1.68;
  color : #333;
	padding-left: 69px;
	margin-bottom: 25px;
}

.modal__schedule{
	background: rgba(77, 130, 150, 0.1);
	border-radius: 20px;
	padding: 30px 25px 19px 0;
	margin-bottom: 41px;
}

.modal__schedule__inner{
	position: relative;
}

.modal__schedule__ttl{
  font-weight : 700;
  font-size : 18px;
  line-height : 1;
  color : #D3005F;
	position: absolute;
	top: 12px;
	left: 53px;
}

.modal__note{
  font-size : 14px;
  line-height : 1.4;
  color : #333;
	text-align: center;
	margin: -5px 0 15px 0;
	padding-left: 39px;
}

.modal__tbl{
	margin-left: 177px;
	width: auto;
}

.modal__tbl th{
	width: 69px;
	background: linear-gradient(90deg, #edf2f5 33%, #d3005f 37%, #edf2f5 40%);
	padding-bottom: 10px;
}

.modal__tbl th span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #d3005f;
  font-family : 'Zen Maru Gothic';
  font-weight : 700;
  font-size : 18px;
  color : #fff;
	line-height: 1;
}

.modal__tbl tr:last-child th{
	background: none;
}

.modal__tbl td{
	width: auto;
  font-size : 16px;
  line-height : 1.68;
  color : #333;
	padding-bottom: 10px;
	vertical-align: middle;
}

.modal__tbl tr:last-child td{
	padding-bottom: 0;
}

.modal__close{
	width: 160px;
	margin: 0 auto;
}

.modal__close a{
	display: block;
	text-align: center;
	background: #d3005f;
	border-radius: 25px;
  font-family : 'Zen Maru Gothic';
  font-weight : 700;
  font-size : 18px;
	line-height: 50px;
  color : #fff;
}

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

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

	.modal__header{
		margin-bottom: 20px;
	}

	.modal__ph{
		margin-bottom: 20px;
	}

	.modal__no{
		font-size : 60px;
		top: -30px;
		right: 10px;
	}

	.modal__prof{
		display: block;
		padding-left: 0;
	}

	.modal__prof__item{
		margin: 0 0 10px 0;
	}

	.modal__prof__item:nth-child(1){
		font-size: 20px;
	}

	.modal__qa{
		margin-bottom: 30px;
	}

	.modal__qa__q{
		background-size: 30px;
		min-height: 30px;
		font-size : 16px;
		line-height : 1.45;
		color : #D3005F;
		padding: 3px 0 0 40px;
		margin-bottom: 5px;
	}

	.modal__qa__a{
		font-size : 14px;
		line-height : 1.5;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.modal__schedule{
		padding: 20px;
		margin-bottom: 20px;
	}

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

	.modal__note{
		font-size : 12px;
		line-height : 1.4;
		margin: 0 0 15px 0;
		padding-left: 0;
	}

	.modal__tbl{
		margin-left: 0;
	}
}

/*work
--------------------------------------------------*/
.work{
	padding: 164px 0 0 0;
	background:
	url(../img/recruit/work_bg.png) no-repeat 0 0/100%,
	#4d8396;
}

.work__container{
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 1px;
}

.work__heading::before{
	content: '';
	display: block;
	background: url(../img/recruit/work_img.png) no-repeat 0 0/100%;
	width: 378px;
	height: 237px;
	position: absolute;
	top: -176px;
	left: 50%;
	margin-left: 327px;
}

.work__heading{
	margin-bottom: 37px;
}

.work__heading::after{
	content: '';
	display: block;
	background: url(../img/recruit/work_heading_img.svg) no-repeat 0 0/100%;
	width: 79px;
	height: 129px;
	position: absolute;
	top: -37px;
	left: 50%;
	margin-left: 153px;
}

.work__heading .content__heading--ja,
.work__heading .content__heading--en{
	color: #fff;
}

.work__tab{
	width: 900px;
	margin: 0 auto 44px auto;
	display: flex;
	justify-content: space-between;
}

.work__tab__item{
	width: 420px;
}

.work__tab__item a{
	display: block;
	line-height: 100px;
  font-weight : 700;
  font-size : 32px;
  color : #D3005F;
	text-align: center;
	background: #fff url(../img/recruit/work_arrow_01.svg) no-repeat top 50% right 20px;
	border-radius: 50px;
}

.work__mhd{
  font-weight : 700;
  font-size : 38px;
	line-height: 1;
  color : #fff;
	margin-bottom: 36px;
	text-align: center;
}

.work__list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 75px;
}

.work__item{
	width: 310px;
	height: 410px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	margin-left: 25px;
}

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

.work__item:nth-child(4){
	margin-left: 167px;
}

.work__item.no-ph{
	padding-top: 40px;
}

.work__ph{
	line-height: 0;
	margin-bottom: 17px;
}

.work__ph img{
	width: 100%;
}

.work__ttl{
  font-weight : 700;
  font-size : 20px;
  line-height : 1;
  color : #D3005F;
	text-align: center;
	margin-bottom: 14px;
}

.work__txt{
	font-size : 15px;
  line-height : 1.466;
  color : #333;
}

.work__link{
	position: absolute;
	width: 270px;
	left: 20px;
	bottom: 20px;
}

.work__link a{
	display: block;
	border-radius: 50px;
	line-height: 60px;
	background: #d3005f url(../img/recruit/work_arrow_02.svg) no-repeat top 50% right 20px;
  font-weight : 700;
  font-size : 22px;
	line-height: 60px;
  color : #fff;
	text-align: center;
}

.work__txt__list{
	margin-bottom: 1.3em;
}

.work__txt__item{
  font-size : 15px;
  line-height : 1.466;
  color : #333;
}

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

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

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

	.work__heading::before{
		width: 135px;
		height: 85px;
		top: -80px;
		margin-left: 50px;
	}

	.work__heading{
		margin-bottom: 40px;
	}

	.work__heading::after{
		width: 30px;
		height: 50px;
		top: 2px;
		margin-left: -97px;
	}

	.work__tab{
		width: 100%;
		margin: 0 auto 40px auto;
	}

	.work__tab__item{
		width: 48%;
		height: 50px;
	}

	.work__tab__item a{
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		font-size : 16px;
		line-height: 1.2;
		background: #fff url(../img/recruit/work_arrow_01.svg) no-repeat top 50% right 15px;
		border-radius: 50px;
	}

	.work__mhd{
		font-size : 20px;
		margin-bottom: 30px;
	}

	.work__list{
		display: block;
		width: 280px;
		margin: 0 auto;
		margin-bottom: 50px;
	}

	.work__item{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 20px;
		margin-left: 0 !important;
	}

	.work__item.no-ph{
		padding-top: 20px;
	}

	.work__ph{
		margin-bottom: 15px;
	}

	.work__ttl{
		font-size : 18px;
		margin-bottom: 14px;
	}

	.work__txt{
		font-size : 14px;
		margin-bottom: 20px;
	}

	.work__link{
		position: relative;
		width: 100%;
		left: auto;
		bottom: auto;
	}

	.work__link a{
		line-height: 60px;
		font-size : 16px;
		line-height: 50px;
	}

	.work__txt__list{
		margin-bottom: 1.3em;
	}

	.work__txt__item{
		font-size : 15px;
		line-height : 1.466;
		color : #333;
	}
}

/*gallery
--------------------------------------------------*/
.gallery{
	background: url(../img/recruit/gallery_bg.png) no-repeat 0 0/100%;
	margin-bottom: 90px;
}


/*準備ができたら表示*/
.gallery__list {display: none;}
.gallery__list.slick-initialized {display: block;}


.gallery .slick-slide {
  height: auto;
}

.slick-slider div {
	transition: none;
}

.gallery__item{
	width: 360px;
	height: 0 !important;
	padding-top: 226px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.gallery__item:nth-child(odd){
	margin-top: 60px;
}

.gallery__item-1{
	background-image: url(../img/recruit/gallery_01.webp);
}

.gallery__item-2{
	background-image: url(../img/recruit/gallery_02.webp);
}

.gallery__item-3{
	background-image: url(../img/recruit/gallery_03.webp);
}

.gallery__item-4{
	background-image: url(../img/recruit/gallery_04.webp);
}

.gallery__item-5{
	background-image: url(../img/recruit/gallery_05.webp);
}

.gallery__item-6{
	background-image: url(../img/recruit/gallery_06.webp);
}

@media screen and (max-width: 768px) {
	.gallery__item{
		width: 195px;
		padding-top: 122px;
		margin: 0 5px;
	}
	
	.gallery__item:nth-child(odd){
		margin-top: 20px;
	}
}

/*search
--------------------------------------------------*/
.search{
	width: 1100px;
	margin: 0 auto;
	background: rgba(77, 130, 150, 0.1);
	border-radius: 60px;
	padding: 70px 60px 60px 60px;
}

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

.search__heading{
	margin-bottom: 30px;
}

.search__mhd{
  font-weight : 700;
  font-size : 28px;
	line-height: 1;
  color : #D3005F;
	text-align: center;
}

.searh__map{
	margin-bottom: 20px;
}

.search__category{
	background: #fff;
	border-radius: 20px;
	padding: 52px 40px 36px 40px;
}

/*recruit map css*/
.box_map {
	border: none;
	max-width: 100%;
	width: 100%;
	border-radius: 20px;
	padding: 46px 20px 31px 20px;
}

/*プルダウン*/
.pulldown__form{
	display: flex;
	justify-content: space-between;
}

.search__category__box{
	width: 420px;
}

.pulldown__txt{
	width: 100%;
	height: 60px;
	position: relative;
	transition: 0.3s ease-out;
	margin-top: 23px;
}

.search__item__select{
  -webkit-appearance: menulist-button;
  appearance: menulist-button;
  width: 420px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 20px;
	outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor: pointer;
}

.search__item__select__val{
	display: flex;
	align-items: center;
	padding-left: 45px;
	width: 100%;
	height: 100%;
	background: #fff url(../img/recruit/search_arrow.svg) no-repeat top 50% right 20px;
	border-radius: 50px;
	border: 1px solid #d3005f;
  font-weight : 700;
  font-size : 20px;
  line-height : 1;
  color : #D3005F;
	transition: 0.3s ease-out;
}

@media screen and (max-width: 768px) {
	.search{
		width: auto;
		margin: 0 20px;
		border-radius: 20px;
		padding: 20px 0;
	}

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

	.search__heading{
		margin-bottom: 30px;
	}

	.search__mhd{
		font-size : 20px;
		margin-bottom: 20px;
	}

	.searh__map{
		margin-bottom: 20px;
	}

	.search__category{
		padding: 30px 20px 1px 20px;
	}

	/*recruit map css*/
	.box_map {
		padding: 30px 20px;
	}

	.sp_map p{
		line-height: 1.5;
	}

	/*プルダウン*/
	.pulldown__form{
		display: block;
	}

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

	.pulldown__txt{
		height: 50px;
		margin-top: 23px;
	}

	.search__item__select{
		width: 100%;
		height: 50px;
		font-size: 16px;
	}

	.search__item__select__val{
		padding-left: 20px;
		font-size : 20px;
	}
}

/*フッター
--------------------------------------------------*/
.footer{
	padding: 127px 0 65px 0;
}

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

.footer__container{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footerLink__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 44px;
}

.footerLink__item{
	font-size: 16px;
	line-height: 1;
	position: relative;
	margin-left: 70px;
}

.footerLink__item::before{
	content: '';
	display: block;
	height: 24px;
	width: 1px;
	background: #000;
	position: absolute;
	left: -35px;
	top: -2px;
}

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

.footerLink__item:first-child::before{
	display: none;
}

.copyright{
	font-size: 16px;
	line-height: 1;
}

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

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

	.footerLink__list{
		margin-bottom: 10px;
	}

	.footerLink__item{
		font-size: 12px;
		margin: 0 0 10px 30px;
	}

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

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