@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&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 : #361f09;
	font-family: 'Noto Sans JP','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: 120px;
	background: #f2f2f2;
}

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

.header__logo{
	position: absolute;
	top: 23px;
	left: 26px;
	z-index: 310;
	width: 283px;
}

.header__logo img{
	width: 100%;
}

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

.nav__index{
	position: absolute;
	top: 20px;
	right: 459px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: fit-content;
	height: 50px;
}

.ipad .nav__index{
	top: 40px;
}

.nav__item{
	margin-left: 51px;
}

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

.nav__item a{
  font-weight : 700;
  font-size : 16px;
  line-height : 1;
  color : #361F09;
	white-space: nowrap;
}

.nav__btn{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 360px;
	height: 100px;
}

.nav__btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
  font-weight : 700;
  font-size : 30px;
  line-height : 1;
  letter-spacing : 3px;
	color: #fff;
	background: #fa4e00;
}

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

	.nav__item{
		margin-left: 30px;
	}

	.nav__btn{
		width: 250px;
	}
}

@media screen and (max-width: 1380px) {
	.nav__item{
		margin-left: 25px;
	}

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

@media screen and (min-width: 769px) {
	/*hover*/
	.nav__item a:hover,
	.header__logo a:hover,
	.nav__btn a:hover{
		opacity: .6;
	}

	/*fixed*/
	.is-fixed{
		position: fixed;
		z-index: 500;
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		height: 110px;
	}
	
	.is-fixed .nav__btn{
    top: 10px;
    height: 90px;
	}
}

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

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

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

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

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

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

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

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

/*SP navi
--------------------------------------------------*/
/*hamburger SP*/
@media screen and (max-width: 768px) {
	.hamburger{
		position: fixed;
    top: 10px;
		right: 10px;
    width: 44px;
    height: 44px;
		z-index: 700;
		background: #fa4e00;
		border: 1px solid rgba(255, 255, 255, 0.4);
		box-sizing: border-box;
		border-radius: 45px;
	}
	
	.hamburger__inner{
		position: absolute;
		top: 15px;
		left: 12px;
		width: 17px;
		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: 250px;
	margin: 0 auto 20px auto;
}

.sp-nav__item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	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: 700;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color: #fff;
}

.sp-nav__btn{
	width: 200px;
	height: 60px;
	margin: 0 auto;
}

.sp-nav__btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	font-weight: 700;
	font-size: 18px;
	background: #fa4e00;
	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;
	}
}

/*content fade
--------------------------------------------------*/
.content-fadeinup{
	opacity: 0;
	transform: translateY(30px);
	z-index: 200;
}

/*heading
--------------------------------------------------*/
.content__heading{
  line-height : 1;
	font-family : 'Roboto';
  font-weight : 700;
  font-size : 200px;
  color : #FFB300;
}

.content__heading--ja{
  font-weight : 700;
  font-size : 60px;
  line-height : 1.33;
  color : #361F09;
}

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

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

/*message
--------------------------------------------------*/
.message{
	background: #fff7e5;
	padding: 183px 0 87px 0;
}

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

.message__heading{
	position: absolute;
	top: -225px;
	left: 50%;
	margin-left: -414px;
	text-align: center;
	z-index: 150;
}

.message__content__heading--ja{
	text-align: center;
	margin-bottom: 52px;
	padding-right: 26px;
}

.message__txt__area{
	width: 585px;
	margin-left: auto;
}

.message__txt{
  font-size : 20px;
  line-height : 1.525;
	margin-bottom: 1.5em;
}

.message__ph{
	position: absolute;
	left: -139px;
	top: 205px;
	width: 490px;
}

.message__ph img{
	width: 100%;
}

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

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

	.message__heading{
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
		margin: -20px 0 20px 0;
	}

	.message__content__heading--ja{
		margin: 0 0 20px 0;
	}

	.message__txt__area{
		width: auto;
		margin: 0 0 30px 0;
	}

	.message__txt{
		font-size : 16px;
		line-height : 1.525;
		margin-bottom: 1.3em;
	}

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

/*job
--------------------------------------------------*/
.job{
	background: #f2f2f2;
	padding: 357px 0 172px 0;
}

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

.job__heading{
	position: absolute;
	top: -216px;
	left: -139px;
}

.job__content__heading--ja{
	text-align: right;
	margin-bottom: 94px;
}

.job__tab__container{
	background: #fff;
	position: relative;
	padding: 90px 60px 30px 60px;
}

.tab__block.tab--active {
	display: block;
}

.tab__block {
	display: none;
}

.job__tab__list{
	display: flex;
	justify-content: space-between;
	width: 940px;
	position: absolute;
	top: -31px;
	left: 50%;
	transform: translateX(-50%);
}

.job__tab__item{
	width: 312px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
  font-weight : 700;
  font-size : 24px;
  line-height : 1;
  color : #fff;
	background: #361f09;
	cursor: pointer;
	position: relative;
	transition: 0.3s ease-out;
}

.job__tab__item.tab--active{
	background: #ffb300;
	color: #361f09;
}

.job__tab__item.tab--active::after{
	content: '';
	display: block;
	background: url(../img/job_tab_arrow_01.svg) no-repeat 0 0/100%;
	width: 21px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.job__header{
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.job__header__txt__area{
	width: 480px;	
}

.job__header__ph__area{
	width: 340px;
	line-height: 1;
	padding-top: 5px;
}

.job__headre__ph img{
	width: 100%;
}

.job__mhd{
  font-weight : 700;
  font-size : 28px;
  line-height : 1;
	padding-bottom: 16px;
	margin-bottom: 14px;
	border-bottom: 1px solid #361f09;
}

.job__header__txt{
  font-size : 17px;
  line-height : 1.852;
}

.job__reccomend{
	background: #ffb300;
	margin-bottom: 20px;
	padding: 22px 0 25px 48px;
	display: flex;
	justify-content: space-between;
}

.job__reccomend__ttl{
	display: flex;
	align-items: center;
  font-weight : 700;
  font-size : 20px;
  line-height : 1;
	width: 343px ;
}

.job__reccomend__txt{
	width: 470px;
  font-weight : 700;
  font-size : 18px;
  line-height : 1.75;
}

.job__schedule{
	background: #fff7e5;
	margin-bottom: 31px;
	padding: 45px 51px 39px 48px;
}

.job__schedule__ttl{
  font-weight : 700;
  font-size : 22px;
  line-height : 1;
	text-align: center;
	margin-bottom: 15px;
}

.job__schedule__inner{
	display: flex;
}

.job__schedule__box__l{
	width: 382px;
	border-right: 1px solid #522e06;
	box-sizing: border-box;
}

.job__schedule__box__r{
	width:  378px;
}

.job__timezone{
	border-top: 1px solid #522e06;
	border-bottom: 1px solid #522e06;
	padding: 22px 0 17px 0;
	text-align: center;
  font-weight : 700;
  font-size : 18px;
  line-height : 1;
	margin-bottom: 24px;
} 

.job__tbl{
	width: 342px;
	margin-left: 1px;
}

.job__schedule__box__r .job__tbl{
	margin-left: 36px;
}

.job__tbl th{
	width: 52px;
	text-align: right;
  font-weight : 700;
  font-size : 14px;
  line-height : 1.535;
}

.job__tbl td{
	width: 290px;
	padding: 0 0 20px 49px;
  font-size : 16px;
  line-height : 1.343;
	position: relative;
}

.job__tbl td::before{
	width: 1px;
	height: 100%;
	display: block;
	content: '';
	background: #361f09;
	position: absolute;
	top: 15px;
	left: 18px;
}

.job__schedule__box__r .job__tbl tr:last-child td::before{
	display: none;
}

.job__tbl td::after{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	display: block;
	content: '';
	background: #361f09;
	position: absolute;
	top: 8px;
	left: 13px;
}

.job__schedule__box__l .job__tbl tr:last-child td::before{
	height: 102px;
}

.tab__block-2 .job__schedule__box__l .job__tbl tr:last-child td::before{
	height: 30px;
}

.job__tbl td strong{
  font-weight : 700;
  font-size : 18px;
}

.job__link__btn{
	width: 460px;
	height: 80px;
	margin: 0 auto 19px auto;
}

.job__link__btn a{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: #361f09 url(../img/job_btn_arrow.svg) no-repeat top 50% right 20px;
	border-radius: 40px;
	font-weight : 700;
  font-size : 24px;
  line-height : 1;
  color : #fff;
}

.job__tab__top{
	width: 320px;
	height: 50px;
	position: absolute;
	bottom: -21px;
	left: 50%;
	transform: translateX(-50%);
}

.job__tab__top a{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: #ffb300 url(../img/job_tab_arrow_02.svg) no-repeat top 50% right 12px;
	border-radius: 25px;
  font-weight : 700;
  font-size : 22px;
	line-height: 1;
  color : #361F09;
}

.job__example{
	background: #f2f2f2;
	margin-bottom: 30px;
	padding: 43px 28px 43px 50px;
}

.job__example__ttl{
  font-weight : 700;
  font-size : 22px;
  line-height : 1;
	text-align: center;
	padding-bottom: 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #522e06;
}

.job__example__block{
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
	padding-left: 5px;
}

.job__example__box{
	width: 50%;
}

.job__example__txt{
  font-weight : 700;
  font-size : 18px;
  line-height : 1.75;
}

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

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

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

	.job__heading{
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 20px;
	}

	.job__content__heading--ja{
		text-align: right;
		margin-bottom: 80px;
	}

	.job__tab__container{
		padding: 50px 20px 20px 20px;
	}

	.job__tab__list{
		width: 95%;
		top: -20px;
	}

	.job__tab__item{
		width: 33%;
		height: 40px;
		font-size : 12px;
	}

	.job__tab__item.tab--active::after{
		width: 15px;
		height: 7px;
		bottom: -7px;
	}

	.job__header{
		margin-bottom: 20px;
		display: block;
	}

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

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

	.job__mhd{
		font-size : 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #361f09;
	}

	.job__header__txt{
		font-size : 16px;
		line-height : 1.6;
	}

	.job__reccomend{
		margin-bottom: 20px;
		padding: 20px;
		display: block;
	}

	.job__reccomend__ttl{
		display: block;
		font-size : 18px;
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}

	.job__reccomend__txt{
		width: auto;
		font-size : 16px;
		line-height : 1.75;
	}

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

	.job__schedule__ttl{
		font-weight : 700;
		font-size : 20px;
		line-height : 1;
		text-align: center;
		margin-bottom: 15px;
	}

	.job__schedule__inner{
		display: block;
	}

	.job__schedule__box__l{
		width: 100%;
		border-right: none;
		margin-bottom: 10px;
	}

	.job__schedule__box__r{
		width:  100%;
	}

	.job__timezone{
		padding: 10px 0;
		font-size : 16px;
		margin-bottom: 20px;
	} 

	.job__tbl{
		width: auto;
		margin-left: 0;
	}

	.job__schedule__box__r .job__tbl{
		margin-left: 0;
	}

	.job__tbl th{
		width: 45px;
		font-size : 12px;
		line-height : 1.3;
	}

	.job__tbl td{
		width: auto;
		padding: 0 0 10px 30px;
		font-size : 14px;
		line-height : 1.5;
	}

	.job__tbl td::before{
		top: 15px;
		left: 10px;
	}

	.job__schedule__box__r .job__tbl tr:last-child td::before{
		display: none;
	}

	.job__tbl td::after{
		top: 8px;
		left: 5px;
	}

	.job__schedule__box__l .job__tbl tr:last-child td::before{
		height: 50%;
	}

	.tab__block-2 .job__schedule__box__l .job__tbl tr:last-child td::before{
		height: 50%;
	}

	.job__tbl td strong{
		font-size : 16px;
	}

	.job__link__btn{
		width: 250px;
		height: 50px;
		margin: 0 auto 10px auto;
	}

	.job__link__btn a{
		background: #361f09 url(../img/job_btn_arrow.svg) no-repeat top 50% right 20px/8px;
		font-size : 18px;
	}

	.job__tab__top{
		width: 220px;
		height: 40px;
		position: absolute;
		bottom: -25px;
		left: 50%;
		transform: translateX(-50%);
	}

	.job__tab__top a{
		font-size : 16px;
	}

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

	.job__example__ttl{
		font-size : 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.job__example__block{
		display: block;
		margin-bottom: 12px;
		padding-left: 0;
	}

	.job__example__box{
		width: 100%;
	}

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

/*Aboutus
--------------------------------------------------*/
.aboutus{
	padding: 168px 0 88px 0;
	background: url(../img/aboutus_img.svg) no-repeat top 415px left calc(50% + 334px);
}

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

.aboutus__heading{
	text-align: center;
	margin-bottom: 38px;
	font-size: 230px;
}

.aboutus__content__heading--ja{
	margin-bottom: 42px;
}

.aboutus__heading__below__txt{
  font-size : 20px;
  line-height : 1.775;
	margin-bottom: 97px;
}

.aboutus__mhd{
  font-weight : 700;
  font-size : 36px;
  line-height : 1;
	text-align: center;
}

.aboutus__mhd span{
	background: linear-gradient(transparent 71%, #ffff00 50%);
	padding: 0 8px 4px 8px;
	display: inline-block;
}

.job__feature{
	margin-bottom: 45px;
}

.aboutus__list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 58px;
}

.aboutus__item{
	width: 460px;
	height: 270px;
	position: relative;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 45px 30px 0 30px;
	margin-bottom: 60px;
}

.aboutus__no{
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #361f09;
  font-weight : 700;
  font-size : 14px;
  line-height : 1;
  color : #fff;
}

.aboutus__ttl{
  font-weight : 700;
  font-size : 30px;
  line-height : 1;
	margin-bottom: 13px;
}

.aboutus__ttl strong{
	font-size: 50px;
}

.aboutus__txt{
  font-size : 16px;
  line-height : 1.9;
}

.job__environment{
	margin-bottom: 120px;
}

.job__environment__inner{
	background: #f2f2f2;
	padding: 3px 41px 36px 40px;
	margin-top: 40px;
}

.job__environment__block{
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}

.job__environment__ph__area{
	width: 420px;
	line-height: 1;
}

.job__environment__ph img{
	width: 100%;
}

.job__environment__txt__area{
	width: 440px;
}

.job__shd{
  font-weight : 700;
  font-size : 26px;
  line-height : 1;
	margin-bottom: 27px;
}

.job__environment__txt{
  font-size : 16px;
  line-height : 1.9;
}

.job__interview{
	margin-bottom: 265px;
}

.job__interview__balloon{
  font-weight : 700;
  font-size : 26px;
  line-height : 1;
	text-align: center;
	margin-bottom: 37px;
	position: relative;
}

.job__interview__balloon::before{
	content: '＼ ';
}

.job__interview__balloon::after{
	content: ' ／';
}

.job__interview__list{
	display: flex;
	justify-content: space-between;
	width: 710px;
	margin: 0 auto;
}

.job__interview__item{
	width: 340px;
	height: 500px;
	background: #ffb300;
	padding-top: 40px;
	box-sizing: border-box;
	position: relative;
}

.job__interview__ph{
	width: 260px;
	margin: 0 auto 19px auto;
}

.job__interview__ph img{
	width: 100%;
}

.job__interview__no{
	text-align: center;
  font-family : 'Roboto';
  font-weight : 700;
  font-size : 18px;
	line-height: 1;
  color : #fff;
	margin-bottom: 7px;
}

.job__interview__txt{
	text-align: center;
  font-weight : 700;
  font-size : 20px;
  line-height : 1.5;
}

.job__interview__link{
	width: 260px;
	height: 60px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}

.job__interview__link a{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: #361f09;
  font-weight : 700;
  font-size : 18px;
  line-height : 1;
  color : #fff;
}

.job__family{
	position: relative;
}

.job__family .aboutus__mhd{
	text-align: left;
	margin-bottom: 55px;
}

.job__family__txt__area{
	width: 410px;
}

.job__family__txt{
  font-size : 18px;
  line-height : 2.02;
	margin-bottom: 1.9em;
	padding-left: 5px;
}

.job__family__ph{
	position: absolute;
	top: -84px;
	right: -146px;
	width: 672px;
}

.job__family__ph img{
	width: 100%;
}

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

@media screen and (max-width: 768px) {
	.aboutus{
		padding: 50px 0;
		background: url(../img/aboutus_img.svg) no-repeat top 120px right 20px/90px;
	}

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

	.aboutus__heading{
		text-align: center;
		margin-bottom: 40px;
		font-size: 65px;
	}

	.aboutus__content__heading--ja{
		margin-bottom: 30px;
	}

	.aboutus__heading__below__txt{
		font-size : 18px;
		line-height : 1.5;
		margin-bottom: 30px;
	}

	.aboutus__mhd{
		font-size : 20px;
	}

	.job__feature{
		margin-bottom: 40px;
	}

	.aboutus__list{
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}

	.aboutus__item{
		width: 100%;
		height: auto;
		padding: 25px 20px 20px 20px;
		margin-bottom: 30px;
	}

	.aboutus__no{
		width: 80px;
		height: 30px;
		font-size : 12px;
	}

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

	.aboutus__ttl strong{
		font-size: 30px;
	}

	.aboutus__txt{
		font-size : 16px;
		line-height : 1.7;
	}

	.job__environment{
		margin-bottom: 40px;
	}

	.job__environment__inner{
		background: #f2f2f2;
		padding: 20px 20px 1px 20px;
		margin-top: 30px;
	}

	.job__environment__block{
		display: block;
		padding-top: 0;
		margin-bottom: 30px;
	}

	.job__environment__ph__area{
		width: 100%;
		margin-bottom: 15px;
	}

	.job__environment__txt__area{
		width: 100%;
	}

	.job__shd{
		font-size : 18px;
		line-height : 1.4;
		margin-bottom: 10px;
	}

	.job__environment__txt{
		font-size : 16px;
		line-height : 1.7;
	}

	.job__interview{
		margin-bottom: 60px;
	}

	.job__interview__balloon{
		font-size : 20px;
		line-height : 1.4;
		width: fit-content;
		margin: 0 auto 30px auto;
		padding: 0 30px;
	}

	.job__interview__balloon::before{
		content: '＼ ';
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 30px;
	}

	.job__interview__balloon::after{
		content: ' ／';
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 30px;
	}

	.job__interview__list{
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	.job__interview__item{
		width: 100%;
		height: auto;
		padding: 20px 0 40px 0;
		margin-bottom: 50px;
	}

	.job__interview__ph{
		width: 260px;
		margin: 0 auto 15px auto;
	}

	.job__interview__txt{
		font-size : 18px;
	}

	.job__interview__link{
		width: 240px;
		height: 50px;
		bottom: -25px;
	}

	.job__family .aboutus__mhd{
		margin-bottom: 20px;
	}

	.job__family__txt__area{
		width: 100%;
	}

	.job__family__txt{
		font-size : 16px;
		line-height : 1.7;
		margin-bottom: 1.7em;
		padding-left: 0;
	}

	.job__family__ph{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
}

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

.modal__header{
	background: #ffb300;
	padding: 71px 60px 179px 60px;
}

.modal__ph{
	line-height: 0;
	position: absolute;
	top: 64px;
	right: 60px;
	width: 260px;
}

.modal__ph img{
	width: 100%;
}

.modal__no{
  font-family : 'Roboto';
  font-weight : 700;
  font-size : 18px;
	line-height: 1;
  color : #fff;
	margin-bottom: 20px;
}

.modal__message{
  font-weight : 700;
  font-size : 38px;
  line-height : 1.113;
	margin-bottom: 26px;
}

.modal__pos{
	width: 550px;
	border-top: 1px solid #361f09;
	padding-top: 28px;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 18px;
}

.modal__name{
	display: flex;
	line-height: 1;
	align-items: flex-end;
}

.modal__name-1{
  font-size : 22px;
	padding: 0 12px 3px 0;
}

.modal__name-2{
  font-weight : 700;
  font-size : 38px;
}

.modal__name-3{
  font-weight : 700;
  font-size : 22px;
	padding: 0 0 3px 5px;
}

.modal__qa{
	width: 860px;
	margin: -72px auto 0 auto;
	background: #fff7e5;
	padding: 40px 50px 50px 50px;
	margin-bottom: 39px;
}

.modal__q{
  font-weight : 700;
  font-size : 22px;
  line-height : 1.431;
	margin-bottom: 7px;
}

.modal__a{
	border-top: 1px solid #361f09;
	padding-top: 15px;
	margin-bottom: 29px;
  font-size : 17px;
  line-height : 1.852;
}

.modal__schedule{
	background: #fff;
	padding: 55px 0 28px 0;
	position: relative;
}

.modal__schedule__ttl{
  font-weight : 700;
  font-size : 22px;
  line-height : 1;
	position: absolute;
	top: 60px;
	left: 57px;
}

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

.modal__tbl th{
	width: 41px;
	text-align: right;
  font-weight : 700;
  font-size : 14px;
  line-height : 1;
}

.modal__tbl td{
	width: 390px;
	padding: 0 0 16px 49px;
  font-size : 16px;
  line-height : 1.343;
	position: relative;
}

.modal__tbl td strong{
  font-weight : 700;
  font-size : 18px;
}

.modal__tbl td::before{
	width: 1px;
	height: 100%;
	display: block;
	content: '';
	background: #361f09;
	position: absolute;
	top: 15px;
	left: 18px;
}

.modal__tbl tr:last-child td::before{
	display: none;
}

.modal__tbl td::after{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	display: block;
	content: '';
	background: #361f09;
	position: absolute;
	top: 8px;
	left: 13px;
}

.modal__btn{
	width: 320px;
	height: 50px;
	margin: 0 auto;
}

.modal__btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: #361f09 url(../img/modal_arrow.svg) no-repeat top 50% right 15px;
  font-weight : 700;
  font-size : 22px;
	line-height: 1;
  color : #fff;
	border-radius: 30px;
}

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

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

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

	.modal__ph{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.modal__no{
		margin-bottom: 10px;
	}

	.modal__message{
		font-size : 18px;
		line-height : 1.4;
		margin-bottom: 15px;
	}

	.modal__pos{
		width: auto;
		padding-top: 15px;
		font-size: 15px;
		margin-bottom: 10px;
	}

	.modal__name-1{
		font-size : 16px;
		padding: 0 12px 3px 0;
	}

	.modal__name-2{
		font-size : 20px;
	}

	.modal__name-3{
		font-size : 16px;
		padding: 0 0 3px 5px;
	}

	.modal__qa{
		width: auto;
		margin: 0 10px;
		padding: 20px;
		margin-bottom: 20px;
	}

	.modal__q{
		font-size : 16px;
	}

	.modal__a{
		padding-top: 10px;
		margin-bottom: 20px;
		font-size : 14px;
		line-height : 1.7;
	}

	.modal__schedule{
		padding: 20px;
	}

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

	.modal__tbl{
		width: auto;
		margin-left: 0;
	}

	.modal__tbl th{
		width: 45px;
		font-size : 12px;
		line-height : 1.3;
	}

	.modal__tbl td{
		width: auto;
		padding: 0 0 10px 30px;
		font-size : 14px;
		line-height : 1.5;
	}

	.modal__tbl td strong{
		font-size : 16px;
	}

	.modal__tbl td::before{
		top: 15px;
		left: 10px;
	}

	.modal__tbl td::after{
		top: 8px;
		left: 5px;
	}

	.modal__btn{
		width: 200px;
	}

	.modal__btn a{
		background: #361f09 url(../img/modal_arrow.svg) no-repeat top 50% right 20px/5px;
		font-size : 18px;
	}
}

/*Career
--------------------------------------------------*/
.career{
	background:#ffb300;
	padding: 294px 0 98px 0;
}

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

.career__container::after{
	content: '';
	display: block;
	background: url(../img/career_img.svg) no-repeat 0 0/100%;
	width: 414px;
	height: 260px;
	position: absolute;
	top: 72px;
	right: -60px;
}

.career__heading{
	position: absolute;
	top: -229px;
	right: -92px;
	color: #fff;
	font-size: 230px;
	margin-bottom: 32px;
}

.career__content__heading--ja{
	margin-bottom: 31px;
}

.career__heading__below__txt{
  font-size : 20px;
  line-height : 1.775;
	margin-bottom: 63px;
}

.career__tab__container{
	background: #fff;
	padding: 40px 0 0 0;
	margin-bottom: 56px;
	box-sizing: border-box;
	height: 1233px;
}

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

.career__tab__item{
	background: #e6e6e6;
	width: 298px;
	height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  font-weight : 700;
	line-height: 1;
	position: relative;
	transition: 0.3s ease-out;
	cursor: pointer;
}

.career__tab--en{
  font-family:'Quicksand';
  font-size : 24px;
	margin-bottom: 13px;
}

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


.career__tab__item.tab--active{
	background: #fa4e00;
	color: #fff;
}

.career__tab__item.tab--active::after{
	content: '';
	display: block;
	background: url(../img/career_tab_arrow.svg) no-repeat 0 0/100%;
	width: 22px;
	height: 11px;
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
}

.career__tab__block{
	width: 811px;
	margin-left: 79px;
}

.career__mhd{
  font-weight : 700;
  font-size : 24px;
  line-height : 1.27;
  color : #FA4E00;
	text-align: center;
	margin-bottom: 18px;
	padding-left: 20px;
}

.career__mhd__below__txt{
	width: 780px;
	margin: 0 0 19px 20px;
  font-size : 18px;
  line-height : 1.416;
}

.career__inner{
	height: 820px;
	background: url(../img/career_img_road.svg) no-repeat top 0 left 242px;
	position: relative;
}

.career__block{
	width: 383px;
	position: absolute;
}

.career__block-1{
	top: 35px;
	right: 0;
}

.career__block-2{
	top: 260px;
	left: 0;
}

.tab__block-2 .career__block-1{
	top: -1px;
}

.tab__block-2 .career__block-2{
	top: 286px;
}

.tab__block-3 .career__block-1{
	top: 37px;
}

.tab__block-3 .career__block-2{
	top: 286px;
}


.career__shd{
  font-weight : 700;
  font-size : 20px;
  line-height : 1.4;
	margin-bottom: 10px;
}

.career__txt{
	font-size: 18px;
	line-height: 1.416;
	margin-bottom: 16px;
}

.career__block-1 .career__shd{
 	padding-left: 13px;
}

.career__block-1 .career__txt{
 	padding-left: 15px;
	width: 395px;
}

.career__block-2 .career__txt{
	width: 230px;
}

.career__balloon{
	background: #ffb300;
	padding: 20px 27px 24px 27px;
	position: relative;
}

.career__balloon__txt{
  font-size : 18px;
  line-height : 1.583;
}

.career__balloon-1::after{
	content: '';
	display: block;
	background: url(../img/career_balloon_01_b.svg) no-repeat 0 0/100%;
	width: 30px;
	height: 27px;
	position: absolute;
	bottom: -27px;
	left: 168px;
}

.career__balloon-2:after{
	content: '';
	display: block;
	background: url(../img/career_balloon_01_t.svg) no-repeat 0 0/100%;
	width: 24px;
	height: 31px;
	position: absolute;
	top: -29px;
	left: 272px;
}

.entry__balloon{
  font-weight : 700;
  font-size : 50px;
  line-height : 1.4;
	text-align: center;
	position: relative;
	margin-bottom: 55px;
	padding-left: 30px;
}

.entry__balloon::before{
	content: '';
	display: block;
	background: url(../img/career_balloon_02_l.svg) no-repeat 0 0/100%;
	width: 101px;
	height: 111px;
	position: absolute;
	top: 20px;
	left: 14px;
}

.entry__balloon::after{
	content: '';
	display: block;
	background: url(../img/career_balloon_02_r.svg) no-repeat 0 0/100%;
	width: 101px;
	height: 111px;
	position: absolute;
	top: 20px;
	right: 14px;
}

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

.entry__item{
	width: 460px;
	height: 80px;
	position: relative;
	transition: 0.3s ease-out;
}

.search__item__select{
  -webkit-appearance: menulist-button;
  appearance: menulist-button;
  width: 460px;
  height: 80px;
  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;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: #361f09 url(../img/career_arrow.svg) no-repeat top 50% right 33px;
	border-radius: 40px;
  font-weight : 700;
  font-size : 24px;
  line-height : 1;
  color : #fff;
	transition: 0.3s ease-out;
}

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

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

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

	.career__container::after{
		width: 100px;
		height: 63px;
		top: 0;
		right: 10px;
	}

	.career__heading{
		position: relative;
		top: auto;
		right: auto;
		font-size: 65px;
		margin-bottom: 15px;
	}

	.career__content__heading--ja{
		margin-bottom: 20px;
	}

	.career__heading__below__txt{
		font-size : 18px;
		line-height : 1.5;
		margin-bottom: 30px;
	}

	.career__tab__container{
		padding: 20px 0 0 0;
		margin-bottom: 30px;
		height: auto;
	}

	.career__tab__list{
		width: 95%;
		margin: 0 auto 20px auto;
	}

	.career__tab__item{
		width: 33%;
		height: 60px;
		text-align: center;
	}

	.career__tab--en{
		font-size : 12px;
		margin-bottom: 0;
	}

	.career__tab--ja{
		font-size : 12px;
		line-height: 1.4;
	}

	.career__tab__item.tab--active::after{
		width: 15px;
		height: 8px;
		bottom: -8px;
	}

	.career__tab__block{
		width: auto;
		margin-left: 0;
	}

	.career__mhd{
		font-size : 18px;
		text-align: center;
		margin-bottom: 15px;
		padding-left: 0;
	}

	.career__mhd__below__txt{
		width: auto;
		margin: 0 20px 30px 20px;
		font-size : 16px;
		line-height : 1.416;
	}

	.career__inner{
		height: auto;
		background: none;
		padding-bottom: 1px;
	}

	.career__block{
		width: auto;
		margin: 0 30px 40px 30px;
		position: relative;
		top: auto !important;
		right:  auto !important;
		left:  auto !important;
	}

	.career__shd{
		font-weight : 700;
		font-size : 18px;
		line-height : 1.4;
		margin-bottom: 10px;
		padding: 0 !important;
	}

	.career__txt{
		font-size: 16px;
		line-height: 1.416;
		margin-bottom: 16px;
		width: auto !important;
		padding: 0 !important;
	}

	.career__balloon{
		padding: 10px;
	}

	.career__balloon__txt{
		font-size : 16px;
		line-height : 1.5;
	}

	.career__balloon-1::after{
		display: none;
	}

	.career__balloon-2:after{
		display: none;
	}

	.entry__balloon{
		font-size : 18px;
		margin-bottom: 20px;
		padding-left: 0;
	}

	.entry__balloon::before{
		width: 40px;
		height: 44px;
		top: auto;
		bottom: 0;
		left: -10px;
	}

	.entry__balloon::after{
		width: 40px;
		height: 44px;
		top: auto;
		bottom: 0;
		right: -5px;
	}

	/*プルダウン*/
	.entry__list{
		display: block;
		width: 250px;
		margin: 0 auto;
	}

	.entry__item{
		width: 100%;
		height: 50px;
		margin-bottom: 20px;
	}

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

	.search__item__select__val{
		background: #361f09 url(../img/career_arrow.svg) no-repeat top 50% right 15px/10px;
		font-size : 16px;
	}
}

/*Company
--------------------------------------------------*/
.company{
	padding: 476px 0 46px 0;
}

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

.company__heading{
	position: absolute;
	top: -349px;
	left: -128px;
	font-size: 230px;
}

.company__heading-2{
	position: absolute;
	top: 226px;
	left: 513px;
}

.company__content__heading--ja{
	padding-left: 109px;
	margin-bottom: 99px;
}

.company__block-1{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 36px;
}

.company__txt__area{
	width: 480px;
}

.company__map__area{
	width: 460px;
}

.company__map__area iframe{
	border-radius: 10px;
}

.company__name{
  font-weight : 700;
  font-size : 30px;
  line-height : 1;
	margin-bottom: 50px;
	padding-top: 15px;
}

.company__tbl th{
	width: 125px;
  font-weight : 700;
  font-size : 22px;
  line-height : 1.4;
	text-align: left;
}

.company__tbl td{
	width: auto;
  font-weight : 700;
  font-size : 22px;
  line-height : 1.4;
	padding-bottom: 12px;
}

.company__shop__area{
	width: 880px;
	margin: 0 auto;
}

.company__block-2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}

.company__shop{
  font-weight : 700;
  font-size : 22px;
	line-height: 1;
	margin-bottom: 16px;
	padding-left: 13px;
}

.box__l{
	width: 550px;
	padding-left: 13px;
}

.box__r{
	width: 300px;
}

.company__area__txt{
	 font-size : 18px;
	line-height: 1.7;
}

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

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

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

	.company__heading-2{
		position: relative;
		top: auto;
		left: auto;
		margin-top: 10px;
		display: block;
	}

	.company__content__heading--ja{
		margin: 0 0 40px 0;
		padding: 0;
	}

	.company__block-1{
		display: block;
		margin-bottom: 22px;
	}

	.company__txt__area{
		width: auto;
		margin-bottom: 20px;
	}

	.company__map__area{
		width: auto;
	}

	.company__map__area iframe{
		width: 100%;
		height: 200px;
	}

	.company__name{
		font-size : 20px;
		margin-bottom: 20px;
		padding-top: 0;
	}

	.company__tbl th{
		width: 80px;
		font-size : 16px;
	}

	.company__tbl td{
		font-size : 16px;
		padding-bottom: 10px;
	}

	.company__shop__area{
		width: auto;
	}

	.company__block-2{
		display: block;
		margin-bottom: 20px;
	}

	.company__shop{
		font-size : 20px;
		margin-bottom: 20px;
		padding-left: 0;
	}

	.box__l{
		width: auto;
		padding-left: 0;
	}

	.box__r{
		width: auto;
	}

	.company__area__txt{
		font-size : 16px;
		line-height: 1.5;
		margin-bottom: 1.5em;
	}
}

/*sp entry button
--------------------------------------------------*/
.floating__btm__btn{
	display: none;
	z-index: 300;
}

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

	.floating__btm__btn{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 45px;
		z-index: 300;
		display: block;
	}

	.floating__btm__btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		background: #fa4e00;
		font-weight: 700;
		font-size: 18px;
		color: #fff;
		letter-spacing: 2px;
	}
}
/*footer
--------------------------------------------------*/
.footer p,
.footer a{
	color: #361f09;
}

.footer{
	padding: 58px 0 60px 0;
	background: #f2f2f2;
}

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

.footerLink__list{
	display: flex;
}

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

.footerLink__item::before{
	content: '';
	display: block;
	height: 24px;
	width: 1px;
	background: #361f09;
	position: absolute;
	left: -37px;
	top: -3px;
}

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

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

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

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

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

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

	.footerLink__list{
		margin-bottom: 20px;
	}

	.footerLink__item{
		font-size : 12px;
		margin-left: 20px;
	}

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

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