@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@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 : #000;
	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;
	background: #FBF5E5;
}

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

@media screen and (min-width: 1200px) {
	body{
		background: #FBF5E5 url(../img/mv_bg_pc.svg) no-repeat top calc(100vw * 0.4025) left 50%;
	}
}

@media screen and (max-width: 1201px) {
	body{
		background: #FBF5E5 url(../img/mv_bg_pc.svg) no-repeat top 484px left -239px;
	}
}

@media screen and (max-width: 768px) {
	body{
		background: #FBF5E5 url(../img/mv_bg_sp.svg) no-repeat top calc(100vw * 0.08533333) left 50%;
	}
}

.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;
}

.header__logo{
	position: absolute;
	line-height: 0;
	width: 102px;
	left: 33px;
	top: 29px;
	z-index: 200;
}

.header__logo img{
	width: 100%;
}
.header__btn{
	position: fixed;
	z-index: 700;
	top: 39px;
	right: 132px;
	width: 430px;
	display: flex;
	justify-content: space-between;
}

.header__btn__item{
	width: 200px;
	height: 58px;
	background: #fff;
	border-radius: 30px;
}

.header__btn__item a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #fba02f;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #fba02f;
}

.hamburger{
	position: fixed;
	z-index: 700;
	right: 45px;
	top: 46px;
	width: 43px;
	height: 24px;
	cursor: pointer;
	transition: 0.3s ease-out;
}

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

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

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

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

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

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

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

.hamburger__txt{
	position: absolute;
	line-height: 0;
	left: 2px;
	bottom: -18px;
}

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

.floating__nav.show{
	height: 540px;
}

.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{
	padding-top: 60px;
}

.nav__item {
	text-align: center;
}

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

 .nav__btn{
	display: none;
}

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

	.header__btn__item a:hover{
		background: #fba02f;
		color: #fff;
	}
}

@media screen and (max-width: 1050px) {
.header__btn{
	left: 488px;
	right: auto;
	}

	.hamburger{
		left: 963px;
		right: auto;
	}
}

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

	.header__logo{
		width: 48px;
		top: 13px;
		left: 20px;
	}

	.header__btn{
		display: none;
	}

	.hamburger{
		left: auto;
		right: 18px;
		top: 14px;
		width: 27px;
		height: 13px;
	}

	.hamburger__txt{
		left: 1px;
		bottom: -13px;
	}

	.hamburger__txt img{
		width: 25px;
	}

	.hamburger__line{
		height: 1px;
	}

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

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

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

	.nav__btn{
		display: block;
	}

	.floating__nav.show{
		height: 500px;
	}

	.nav__index{
		margin-bottom: 20px;
	}

	.nav__item a{
		padding: 10px 0;
		font-size: 20px;
	}

	.nav__btn{
		width: 220px;
		margin: 0 auto;
	}

	.nav__btn__item{
		width: 100%;
		height: 58px;
		border-radius: 30px;
		margin-bottom: 15px;
	}

	.nav__btn__item a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 30px;
		border: 1px solid #fba02f;
		font-weight: 500;
		font-size: 18px;
		letter-spacing: 0.05em;
		line-height: 1;
		color: #fba02f;
	}
}

/*mainvisual
--------------------------------------------------*/
.mainvisual{
	width: 100%;
	height: 0;
	padding-top: 62.25%;
	position: relative;
	margin-bottom: 55px;
}

.mv__ph{
	background: url(../img/mv_ph_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: 100;
}

.mv__txt{
	background: url(../img/mv_txt_pc.svg) no-repeat 0 0/100%;
	width: 36.68%;
	height: 28.4%;
	position: absolute;
	top: 39.55%;
	left: 6.125%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 150;
}

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

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

	.mv__txt{
		background-image: url(../img/mv_txt_sp.svg);
		width: 72.8%;
		height: 22.3%;
		top:42%;
		left: 5.3%;
	}
}

/*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-weight: 600;
	font-size: 22px;
	letter-spacing: 0.12em;
	line-height: 1;
	position: relative;
	padding-left: 43px;
}

.content__heading::before{
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: #707070;
	position: absolute;
	top: 11px;
	left: 0;
}

.content__read{
	display: flex;
	flex-direction: column;
}

.content__read span{
	display: block;
	width: fit-content;
	padding: 8px 0 13px 7px;
	line-height: 1;
	background: #fff;
	margin-bottom: 12px;
	font-size: 37px;
	letter-spacing: 0.05em;
}

.content__read strong{
	color: #FF5611;
}

@media screen and (max-width: 768px) {
	.content__heading{
		font-size: 18px;
		padding-left: 30px;
	}

	.content__heading::before{
		width: 20px;
		top: 8px;
	}

	.content__read span{
		padding: 5px 0 7px 5px;
		margin-bottom: 5px;
		font-size: 24px;
	}
}

/*メッセージ
--------------------------------------------------*/
.message{
	padding: 170px 0 53px 0;
	background: url(../img/message_heading.svg) no-repeat top 0 left calc(50% - 331px);
}

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

.message__heading{
	margin-bottom: 32px;
}

.message__read{
	position: absolute;
	top: 106px;
	left: 0;
}

.message__txt__area{
	width: 498px;
	margin: 0 0 70px auto;
}

.message__txt{
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 2.12;
	margin-bottom: 2em;
}

.point__list{
	width: 919px;
	height: 254px;
	position: relative;
	background: url(../img/point_line.svg) no-repeat top 95px left 138px;
	margin-left: 30px;
}

.point__item{
	line-height: 0;
	position: absolute;
	display: block;
	width: max-content;
}

.point__item:nth-child(1){
	top: 55px;
	left: 0;
}

.point__item:nth-child(2){
	top: 0;
	left: 233px;
}

.point__item:nth-child(3){
	top: 37px;
	left: 482px;
}

.point__item:nth-child(4){
	top: 0;
	left: 730px;
}

@media screen and (max-width: 768px) {
	.message{
		padding: 80px 0 1px 0;
		background: url(../img/message_heading.svg) no-repeat top 0 left 0/200px;
	}

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

	.message__heading{
		margin-bottom: 20px;
	}

	.message__read{
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 10px;
	}

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

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

	.point__list{
		width: 305px;
		height: auto;
		margin: 0 auto;
		background: none;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}

	.point__item{
		width: 95px;
		position: relative;
		top: auto !important;
		left: auto !important;
		margin-bottom: 20px;
		text-align: center;
	}

	.point__item:first-child{
		width: 100%;
	}

	.point__item img{
		width: 100%;
	}

	.point__item:first-child img{
		width: 95px;
	}
}

/*お仕事検索
--------------------------------------------------*/
.search{
	background:
	url(../img/search_heading.svg) no-repeat top 180px left calc(50% - 267px),
	url(../img/bg_diagonal_01.png) no-repeat 0 0/100%,
	#F7EBCD;
	padding: 367px 0 67px 0;

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

.search__container::before{
	content: '';
	display: block;
	background: url(../img/bg_triangle_01.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	position: absolute;
	top: -405px;
	left: -339px;
	z-index: 100;
}

.search__container::after{
	content: '';
	display: block;
	background: url(../img/bg_triangle_02.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	z-index: 50;
	position: absolute;
	top: 18px;
	right: -341px;
	z-index: 100;
}

.search__heading{
	margin-bottom: 85px;
}

.search__read{
	margin-bottom: 157px;
}

.search__head__ph{
	position: absolute;
	top: -16px;
	right: 0;
	width: 520px;
	z-index: 200;
}

.search__head__ph img{
	width: 100%;
}

.search__block{
	border-radius: 21px;
	background: #fff;
	margin-bottom: 60px;
	position: relative;
	padding: 57px 57px 0 0;
}

.search__block-1{
	padding-bottom: 39px;
}

.search__block-2{
	padding-bottom: 42px;
}

.search__block-3{
	padding-bottom: 52px;
}

.search__mhd{
	position: absolute;
	top: -48px;
	left: 42px;
}

.search__list{
	width: 666px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: auto;
}

.search__item{
	width: 316px;
	height: 58px;
	margin-bottom: 18px;
}

.search__item a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 29px;
	background: #fff url(../img/search_arrow_o.svg) no-repeat top 50% right 21px;
	border: 1px solid #fba02f;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #fba02f;
}

.search__area__box{
	position: relative;
}

.search__area__box-1{
	margin-bottom: 83px;
}

.search__area__box .search__list{
	width: 506px;
}

.search__area__box .search__item{
	width: 236px;
}

.search__area__box .search__item--wide{
	width: 100%;
}

.search__area__img{
	position: absolute;
	top: 80px;
	left: 86px;
}

.search__area__box-2 .search__area__img{
	top: -79px;
	left: 87px;
}

@media screen and (min-width: 769px) {
	.search__item a:hover{
		background-color: #fba02f;
		background-image: url(../img/search_arrow_w.svg);
		color: #fff;
	}
}

@media screen and (max-width: 768px) {
	.search{
		background:
		url(../img/search_heading.svg) no-repeat top 80px left 0/220px,
		url(../img/bg_diagonal_01.png) no-repeat top 0 left 50%/800px,
		#F7EBCD;
		padding: 160px 0 1px 0;

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

	.search__container::before{
		width: 110px;
		height: 55px;
		top: -135px;
		left: 0;
	}

	.search__container::after{
		width: 110px;
		height: 55px;
		top: -50px;
		right: 0;
	}

	.search__heading{
		margin-bottom: 30px;
	}

	.search__read{
		margin-bottom: 20px;
	}

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

	.search__block{
		border-radius: 10px;
		margin-bottom: 50px;
		padding: 50px 20px 20px 20px !important;
	}

	.search__mhd{
		top: -40px;
		left: -10px;
	}

	.search__mhd img{
		width: 90px;
	}

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

	.search__item{
		width: 48%;
		height: 40px;
		margin-bottom: 15px;
	}

	.search__item a{
		background: #fff url(../img/search_arrow_o.svg) no-repeat top 50% right 10px/10px;
		font-size: 14px;
		letter-spacing: 0;
	}

	.search__area__box-1{
		margin-bottom: 40px;
	}

	.search__area__box .search__list{
		width: auto;
	}

	.search__area__box .search__item{
		width: 48%;
	}

	.search__area__box .search__item--wide{
		width: 100%;
	}

	.search__area__img{
		position: relative;
		top: auto !important;
		left: auto !important;
		margin-bottom: 20px;
		text-align: center;
	}

	.search__area__img img{
		width: 160px;
	}
}

/*応募後の流れ
--------------------------------------------------*/
.flow{
	background:
	url(../img/flow_heading.svg) no-repeat top 195px left calc(50% - 314px),
	url(../img/bg_diagonal_02.png) no-repeat 0 0 / 100%;
	padding: 369px 0 55px 0;
}

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

.flow__container::before{
	content: '';
	display: block;
	background: url(../img/bg_triangle_01.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	position: absolute;
	top: -405px;
	left: -340px;
}

.flow__container::after{
	content: '';
	display: block;
	background: url(../img/bg_triangle_02.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	position: absolute;
	top: 17px;
	right: -342px;
}

.flow__heading{
	margin-bottom: 67px;
}

.flow__list{
	width: 835px;
	margin-left: 94px;
	background: url(../img/flow_step_line.svg) no-repeat top 174px left 99px;
}

.flow__item{
	position: relative;
	padding: 61px 0 0 220px;
	margin-bottom: 71px;
}

.flow__item:nth-child(2n){
	margin-left: 126px;
}

.flow__step{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
}

.flow__mhd{
	font-size: 25px;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #3b7db8;
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-bottom: 1px solid #3B7DB8;
	display: inline-block;
}

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

@media screen and (max-width: 768px) {
	.flow{
		background:
		url(../img/flow_heading.svg) no-repeat top 80px left 0/202px,
		url(../img/bg_diagonal_02.png) no-repeat top 0 left 50%/800px;
		padding: 170px 0 1px 0;
	}

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

	.flow__container::before{
		width: 110px;
		height: 55px;
		top: -145px;
		left: 0;
	}

	.flow__container::after{
		width: 110px;
		height: 55px;
		top: -60px;
		right: 0;
	}

	.flow__heading{
		margin-bottom: 40px;
	}

	.flow__list{
		width: 100%;
		margin: 0 auto;
		background: none;
	}

	.flow__item{
		padding: 0 0 0 90px;
		margin-bottom: 50px;
	}

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

	.flow__step{
		position: absolute;
		top: 0;
		left: 0;
		line-height: 0;
	}

	.flow__step img{
		width: 80px;
	}

	.flow__mhd{
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

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

/*よくあるご質問
--------------------------------------------------*/
.qa{
	background:
	url(../img/qa_heading.svg) no-repeat top 221px left calc(50% - 401px),
	url(../img/bg_diagonal_01.png) no-repeat 0 0 / 100%,
	#F7EBCD;
	padding: 372px 0 116px 0;
}

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

.qa__container::before{
	content: '';
	display: block;
	background: url(../img/bg_triangle_01.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	position: absolute;
	top: -401px;
	left: -340px;
}

.qa__container::after{
	content: '';
	display: block;
	background: url(../img/bg_triangle_02.svg) no-repeat 0 0/100%;
	width: 480px;
	height: 250px;
	position: absolute;
	top: 17px;
	right: -342px;
}

.qa__heading{
	margin-bottom: 86px;
}

.qa__list{
	position: relative;
	z-index: 100;
}

.qa__item{
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	margin-bottom: 28px;
}

.qa__txt__q{
	padding: 21px 65px 20px 84px;
	background: #FBA02F url(../img/qa_icon_q.svg) no-repeat top 21px left 24px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	color: #fff;
	position: relative;
}

.qa__txt__q::after{
	display: block;
	content: '';
	width: 13px;
	height: 13px;
	background: url(../img/qa_icon_open.svg) no-repeat 0 0/100%;
	position: absolute;
	right: 32px;
	top: 50%;
	margin-top: -7px;
}

.qa--active .qa__txt__q{
	border-radius: 10px 10px 0 0;
}

.qa--active .qa__txt__q:after{
	background-image: url(../img/qa_icon_close.svg);
}

.qa__txt__a{
	padding: 20px 35px 20px 36px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
	display: none;
}

.qa a{
	color: #FF5611;
}

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

@media screen and (max-width: 768px) {
	.qa{
		background:
		url(../img/qa_heading.svg) no-repeat top 80px left 0/119px,
		url(../img/bg_diagonal_01.png) no-repeat top 0 left 50%/800px,
		#F7EBCD;
		padding: 170px 0 50px 0;
	}

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

	.qa__container::before{
		width: 110px;
		height: 55px;
		top: -145px;
		left: 0;
	}

	.qa__container::after{
		width: 110px;
		height: 55px;
		top: -60px;
		right: 0;
	}

	.qa__heading{
		margin-bottom: 40px;
	}

	.qa__item{
		margin-bottom: 10px;
	}

	.qa__txt__q{
		padding: 10px 30px 10px 35px;
		background: #FBA02F url(../img/qa_icon_q.svg) no-repeat top 50% left 10px/15px;
		border-radius: 10px;
		font-size: 16px;
		line-height: 1.5;
	}

	.qa__txt__q::after{
		width: 10px;
		height: 10px;
		right: 15px;
		top: 50%;
		margin-top: -5px;
	}

	.qa__txt__a{
		padding: 10px;
		font-size: 14px;
		line-height: 1.7;
	}
}

/*side botton ・ sp entry button ・ page top button
--------------------------------------------------*/
/*pgage top */
.pg-top{
	position: fixed;
	display: none;
	bottom: 88px;
	right: 22px;
	z-index: 300;
	width: 81px;
}

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

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

@media screen and (max-width: 768px) {
	.pg-top{
		bottom: 30px;
		right: 10px;
		width: 45px;
	}
}

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

.footer{
	background: #F9CD8D;
}

.footer__container{
	padding: 28px 50px;
	display: flex;
	justify-content: space-between;

}

.footerLink__list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

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

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

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

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

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

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

@media screen and (max-width: 768px) {
	.footer__container{
		padding: 30px 10px;
		display: block;

	}

	.footerLink__list{
		margin-bottom: 10px;
	}

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

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

	.copyright{
		font-size: 10px;
		text-align: center;
	}
}