@charset "UTF-8";


/*============================================================

index

==============================================================*/
body.top .fv {
	background-color: var(--bg-color);
	margin: 0 auto;
	width: 100%;
	aspect-ratio: 125 / 212;
	position: relative;
}
body.top .fv h2 {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 2.0em;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
body.top .fv .txt_box {
	position: absolute; left: 0; bottom: 2em;
	width: 100%;
}
body.top .fv h2 .kinsyodo {
	font-weight: 600;
	font-size: 1.5em;
}
body.top .fv h2 .title {
	font-weight: 600;
	font-size: 2.5em;
}
body.top .fv p {
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.5em;
	font-weight: 600;
	width: 90%;
	margin: 1em auto;
	text-align: center;
}


body.top .intro_box {
	font-family: 'Zen Old Mincho', serif;
	margin: 0 auto 3em;
	width: 90%;
	border: solid 1px #bf932e;
	padding: 1em 1em;
}
body.top .intro_box h3 {
	padding: 0; margin: .5em auto;
}
body.top .intro_box p._yellow {
	color: #bf932e;
}


section.section_intro > p {
	width: 90%;
	margin: 0 auto 1em;
	line-height: 1.8;
}
section.section_intro > h4,
body.top section h4{
	width: 90%;
	margin: 2em auto 1em;
	text-align: center;
	color: #333;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	section.section_consider ul {
		margin: 30px auto;
	}
}

/*========================================
SLICK　staff-slide / slider
========================================*/


.staff-slide {
    width: 100%;
    max-width: 800px;
    margin: 30px auto;
}

.staff-slide__item {
    margin-right: 0;
    margin-left: 0;
}

.staff-slide__item img {
    height: auto;
    width: 100%;
}


.slider .slick-list {
    padding: 0 !important;
}
.slick-slide {
    margin-right: 0;
}
.slick-list img {
  width: 100%;
}




/*========================================
wrap_graph
gender_ratio
========================================*/
.wrap_graph {
	background-color: var(--section-bg);
	padding: 1.5em 1em;
	margin: 0 auto 2em;
}
.gender_ratio {
	position: relative;
}
.gender_ratio .man,
.gender_ratio .woman {
	position: absolute; top: 20px;
	width: 25%;
}
.gender_ratio .man {
	left: 15px;
}
.gender_ratio .woman {
	right: 15px;
}
body.top section h4.head_h4_bg {
	background-color: #f2f2f2;
	width: 100%;
}






/*========================================
働く環境
========================================*/
h3 span.subtitle {
	padding: 5px .5em;
	font-family: "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
	font-style: normal;	
	font-weight: bold;
	font-size: .65em;
	color: #fff;
	background-color: #000;
}
h4.head_environment {
	font-weight: bold;
	font-size: 1.125em;
	width: 100% !important;
	padding: 0 0 .5em;
	margin: 0 !important;
	position: relative;
}
h4.head_environment::after {
	content: "";
	width: 40px; height: 2px;
	background-color: #bf932e;
	position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
}
.environment_photo {
	margin: 1.5em auto 2em;
}
.environment_photo .img_box {
	margin: 0 0 1em !important;
}
@media screen and (max-width: 640px) {
	.environment_photo .img_box.box_1_2 {
		width: 48%;
	}
}




/*========================================

メッセージ　Message

========================================*/
section.section_message {
	background-color: #fff;
	padding: 2em 0;
	margin: 0 auto;
}
section.section_message h3 {
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	padding: 0 0 1em;
	margin: 0 auto 1em;
	position: relative;
}
section.section_message .title {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 4.0em;	
	color: #e6f4f1;
	text-align: center;
}
.wrap_message {
	display: flex;
	position: relative;
}

.wrap_message::before {
	content: "";
	width: 100%; height: 100px;
	background-color: #e6f4f1;
	position: absolute; left: 0; bottom: 0;
}
.wrap_message .txt_box {
	width: 35%;
	padding: 0 1em;
	display: flex;
	z-index: +1;
}
.wrap_message .img_box {
	width: 65%;
	z-index: +1;
}
.wrap_message .txt_box h3 {
	writing-mode: vertical-rl;
	text-align: left;
}
.wrap_message2 {
	padding: 2em 5%;
	background-color: #e6f4f1;
}
.wrap_message2 h3 {
	text-align: left !important;
}

/*========================================

応募を検討されている方へ　section_consider

========================================*/
section.section_consider {
	background-color: #fff;
	padding: 2em 5%;
	margin: 0 auto 3em;
}
section.section_consider h3 {
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.5em;
	font-weight: 600;
	text-align: left;
	padding: 0 1em;
	border-left: solid 5px #bf932e;
	margin: 0 auto 1em;
	position: relative;
}

section.section_consider ul {
	margin: 40px auto;
}
section.section_consider ul li {
	margin: 5px auto;
}
section.section_consider p {
	margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
	body.top .fv {
		aspect-ratio: 125 / 230;
	}
}


/*========================================

ブランドから信頼　Trusted

========================================*/
section.section_trusted {
  background-color: #e6f4f1;
  padding: 2em 5%;
  margin: 0 auto 3em;
}
section.section_trusted h3 {
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	padding: 0 0 1em;
	margin: 0 auto 1em;
	position: relative;
}
section.section_trusted .wrap_brand {
	background-color: #fff;
	padding: 2em 2em;
	margin: 1em auto 0;
	border-radius: 15px;
}
section.section_trusted .wrap_brand h4 {
	color: #bf932e;
	font-size: 1.125em;
	text-align: left;
	margin: 0 0 1em;
}