@charset 'UTF-8';
:root {
	/*--color--base: #FDD314;*/
	--color--base: #F9F9F9;
	--color--stroke: #232323;
	--color--stroke--sub: #25344A;
	--color--sub: #BE1A20;
	--color--sub2: #2323231a;
	--border-width: 4px;
	--border-width--sub: 2px;
}
@media (min-width: 370px) {
	:root {
		font-size: calc(0.8rem + ((1vw - 3px) * 0.3704));
		min-height: 0vw;
	}
}
@media (min-width: 1920px) {
	:root {
		font-size: 24px;
	}
}
#loader {
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	background-color: #FFF;
}
#loader.loaded {
	animation: fadeOut 3s forwards;
}
.main_conts_mv_loader {
	background-color: var(--color--base);
	width: 100%;
	height: 100%;
}
@keyframes fadeOut {
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		z-index: -1;
		display: none;
	}
}
.load_img {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	animation: Out 2s forwards;
}
@keyframes Out {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		z-index: -1;
		display: none;
	}
}
.load_img img,
.load_img span {
	width: 10rem;
}
.navsub {
	position: fixed;
	opacity: 0;
	width: calc(100% - 8rem);
	margin: 0 auto;
	animation: navclose 1s forwards;
	left: 4rem;
	z-index: 2;
}
.view {
	margin: 0 auto;
	opacity: 0;
	display: block!important;
	position: fixed;
	width: calc(100% - 8rem);
	z-index: 2;
	top: -300px;
	left: 4rem;
	animation: navopen 1s forwards;
}
@keyframes navopen {
	0% {
		opacity: 0;
		top: -300px;
	}
	100% {
		opacity: 0.9;
		top: 0;
	}
}
@keyframes navclose {
	0% {
		opacity: 1;
		top: 0px;
	}
	50% {
		opacity: 0;
	}
	100% {
		z-index: 0;
		opacity: 0;
		top: 0px;
	}
}
html,
body {
	width: 100%;
	min-width: 370px;
	height: 100%;
	color: var(--color--stroke);
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu mincho', 'Meiryo', sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	text-align: justify;
}
body {
	position: relative;
}
.dispnone {
	display: none;
}
a {
	text-decoration: none;
}
li {list-style-type: none;}
.job_cont_ul > li {
	padding-bottom: 0.3rem;
	list-style-type: "・ ";
	line-height: 1.4;
}
.job_cont_ul {
	padding-top: 0.3rem;
	padding-left: 1rem;
	margin-top: 0;
}
.ta_left {
	text-align: left!important;
}
.sp_br {
	display: none;
}
.dispblock {
	display: block!important;
}
.dispilblock {
	display: inline-block!important;
}
.textcenter {
	text-align: center!important;
}
.dispflex_jc_ac {
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}
.dispflex_jfe_ac {
	display: flex!important;
	justify-content: flex-end!important;
	align-items: center!important;
}
.dispflex_jl_ac {
	display: flex!important;
	justify-content: left!important;
	align-items: center!important;
}
.dispflex_jsb_ac {
	display: flex!important;
	justify-content: space-between!important;
	align-items: center!important;
}
.dispflex_jc_afs {
	display: flex!important;
	justify-content: center!important;
	align-items: flex-start!important;
}
.dispflex_jc_ac_colm {
	display: flex;
	justify-content: center!important;
	align-items: center!important;
	flex-direction: column!important;
}
.dispflex_jc_afs_colm {
	display: flex;
	justify-content: center!important;
	align-items: flex-start!important;
	flex-direction: column!important;
}
.psrela {
	position: relative!important;
	align-items: flex-start!important;
}
.flex_order1 {
	display: flex!important;
	order: 1!important;
}
.gap05rem {
	gap: 0.5rem!important;
}
.gap1rem {
	gap: 1rem!important;
}
.gap2rem {
	gap: 2rem!important;
}
.gap3rem {
	gap: 3rem!important;
}
.gap4rem {
	gap: 4rem!important;
}
.gap6rem {
	gap: 6rem!important;
}
.gap05rem {
	gap: 0.5rem!important;
}
.pd05rem {
	padding: 0.5rem!important;
}
.pd1rem {
	padding: 1rem!important;
}
.pd2rem {
	padding: 2rem!important;
}
.pd4rem {
	padding: 4rem!important;
}
.bdr05rem {
	border-radius: 0.5rem!important;
}
.pdb0 {
	padding-bottom: 0!important;
}
.pdb1rem {
	padding-bottom: 1rem!important;
}
.pdb2rem {
	padding-bottom: 2rem!important;
}
.pdt1rem {
	padding-top: 1rem!important;
}
.pdb8rem {
	padding-bottom: 8rem!important;
}
.pdb10rem {
	padding-bottom: 10rem!important;
}
.lh16 {
	line-height: 1.6!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb05rem {
	margin-bottom: 0.5rem!important;
}
.mb1rem {
	margin-bottom: 1rem!important;
}
.mb2rem {
	margin-bottom: 2rem!important;
}
.mb3rem {
	margin-bottom: 3rem!important;
}
.mt0 {
	margin-top: 0!important;
}
.mt1rem {
	margin-top: 1rem!important;
}
.mt2rem {
	margin-top: 2rem!important;
}
.pdl0 {
	padding-left: 0!important;
}
.pdl1rem {
	padding-left: 2rem!important;
}
.pdl6rem {
	padding-left: 6rem!important;
}
.pdl10rem {
	padding-left: 10rem!important;
}
.pdr05rem {
	padding-right: 0.5rem!important;
}
.pdr1rem {
	padding-right: 1rem!important;
}
.pdr6rem {
	padding-right: 6rem!important;
}
.pdr10rem {
	padding-right: 10rem!important;
}
.pdr0 {
	padding-right: 0!important;
}
.pdr0 {
	padding-right: 0!important;
}
.pdr6rem {
	padding-right: 6rem!important;
}
.color_sub {
	color: var(--color--sub);
}
.bdr_sub {
	border: var(--border-width--sub) solid var(--color--stroke);
}
.bdr_sub_top {
	border-top: var(--border-width--sub) solid var(--color--stroke);
}
.bdrbtmnone {
	border-bottom: none!important;
}
.bdrbtmsub {
	border-bottom: var(--border-width--sub) solid var(--color--stroke);
}
.fontbold {
	font-weight: bold!important;
}
.smallp {
	font-size: 0.8rem;
	line-height: 1.4;
}
.wrapper {
	margin: 1rem 4rem;
	opacity: 0;
	animation: fadeIn 2s forwards;
	border: var(--border-width) solid var(--color--stroke);
	background-image: url(../imgs/noise.png);
}
@keyframes fadeIn {
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.main_conts {
	border-top: none;
	background-image: url(../imgs/noise.png);
}
.main_conts_cont {
	border-bottom: var(--border-width--sub) solid var(--color--stroke);
}
.main_conts_cont_pdb {
	padding-bottom: 6rem;
}
.main_conts_cont_container {
	position: relative;
	background-image: url(../imgs/noise.png);
	background-repeat: repeat;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.main_conts_cont_container_l,
.main_conts_cont_container_r {
	width: 100%;
}
.main_conts_cont_container_l {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	max-width: 35rem;
	z-index: 1;
	left: 0;
}
.mw_50rem {
	max-width: 50rem;
}
.left0 {
	left: 0;
}
.main_conts_cont_container_r {
	padding-right: 0;
	width: 80%;
	height: 100%;
	z-index: 0;
	border-left: var(--border-width--sub) solid var(--color--stroke);
	border-right: none;
}
.right0 {
	right: 0;
}
.main_conts_cont_container_c {
	width: 100%;
	padding: 6rem 0;
	max-width: 35rem;
}
.main_conts_cont_container_jr {
	width: 100%;
	padding: 3rem 0;
	padding-bottom: 2rem;
	max-width: 35rem;
}
.main_conts_cont_container_d {
	width: 100%;
	padding: 3rem 0;
	max-width: 35rem;
}
.mxw_jr {
	max-width: 35rem;
}
.main_conts_cont_container_img {
	position: relative;
	width: 100%;
	height: 80vh;
}
.main_conts_cont_container_img::before {
	content: '';
	top: 0;
	width: 100%;
	height: 100%;
}
.gra_bnr {
	position: absolute;
	z-index: 1;
	right: 4px;
	top: 2rem;
	background-color: var(--color--sub)!important;
	padding: 1rem;
}
.gra_span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 2px;
	width: 1.2rem;
	margin: 0 auto;
	color: var(--color--base)!important;
}
.bdb {
	border-bottom: solid var(--border-width--sub) var(--color--stroke);
}
.text-combine {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
	letter-spacing: 1px;
}
.container_img_1 {
	background-image: url(../imgs/01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.container_img_2 {
	background-image: url(../imgs/02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.container_img_3 {
	background-image: url(../imgs/03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.container_img_4 {
	background-image: url(../imgs/04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.container_img_5 {
	background-image: url(../imgs/05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}
.container_img_r {
	left: 30%;
}
.container_img_l {
	right: 30%;
}
.bgnone {
	background-image: none;
}
.left50p {
	left: 60%;
}
.h2_cont {
	background-color: var(--color--base);
	line-height: 1.4;
}
.zen_h3 {
	color: var(--color--stroke);
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.4;
}
.zen_p {
	color: var(--color--stroke);
	font-weight: 500;
}
.jobrole_cont {
	background-color: var(--color--sub2);
	padding: 0 10rem;
	margin-bottom: 1rem;
}
#top .jobrole_cont {
	min-height: 20rem;
}
.jobrole_job {
	padding: 0.1rem 0.5rem 0;
	background-color: var(--color--stroke);
	color: var(--color--base);
	font-weight: 500;
	display: inline-block;
}
.culture_p {
	padding: 0 0.5rem;
	background-color: var(--color--stroke);
	color: var(--color--base);
	font-weight: 500;
	display: inline-block;
	margin-bottom: 0.5rem;
}
.btn_cont {
	width: 100%;
}
.basic_btn {
	width: 16rem;
	background-color: var(--color--base);
	border: var(--border-width--sub) solid var(--color--stroke);
	border-radius: 3rem;
	color: var(--color--stroke);
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	padding: 1rem 2rem;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	font-size: 1.5rem;
	font-weight: 900;
}
.basic_btn:hover {
	background-color: var(--color--stroke);
	color: var(--color--base);
	transition: 0.5s;
}
.work_env_card {
	background-color: var(--color--base);
	padding: 2rem;
	min-height: 20rem;
}
.ff_h {
	display: block;
	font-size: 1.2rem;
	color: var(--color--stroke);
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	padding: 0.5rem 1rem;
}
.slide-title {
	font-size: 1rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	color: var(--color--stroke);
}
.ff_antro {
	font-size: 8rem;
	font-family: 'Antro';
	font-weight: 400;
	text-shadow: 0px 0px 8px var(--color--stroke--sub);
}
.ff_mon {
	width: 100%;
}
.h2_mon {
	display: inline-block;
	font-size: 3rem;
	line-height: 3rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 900;
}
.h2_mon_jr {
	display: inline-block;
	font-size: 2rem;
	line-height: 2rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 900;
	text-align: left;
}
.h3_mon {
	display: inline-block;
	font-size: 2.4rem;
	line-height: 3rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 900;
}
.fontred {
	color: var(--color--sub);
}
.ff_mon_top {
	display: inline-block;
	font-size: 7rem;
	line-height: 6rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 900;
	background-color: var(--color--base);
	margin-bottom: 0.5rem;
	padding: 0 1rem;
}
.ff_sub {
	font-size: 1rem;
	font-family: 'YakuHanJP', 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	text-shadow: 0px 0px 8px var(--color--stroke--sub);
}
.ff_sub_block {
	display: inline-block;
	padding: 2px 8px 0;
	margin-right: 1rem;
	background-color: var(--color--stroke);
	color: var(--color--stroke--sub);
	line-height: 1.4;
}
.ff_mon_n {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 900;
	color: var(--color--sub);
}
.ff_mon_n::before {
	content: '';
	position: absolute;
	top: -1rem;
	left: -3rem;
	background-image: url(../imgs/h_mark.png);
	display: block;
	width: 20rem;
	height: 10rem;
	background-repeat: no-repeat;
	background-size: 50%;
}
.ff_mon_p {
	font-size: 1rem;
	font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 700;
	padding: 1rem 0;
	padding-left: 0.3rem;
	color: var(--color--stroke);
}
.f_rv {
	color: var(--color--base)!important;
}
.logoarea {
	flex-direction: column;
	gap: 0rem!important;
}
.logoarea_span_rv {
	color: var(--color--stroke)!important;
	font-weight: 500;
	background-color: var(--color--base)!important;
}
.slide-date {
	display: inline-block;
	font-size: 1rem;
	font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	padding-top: 1rem;
	color: var(--color--stroke);
	text-shadow: 0px 0px 8px var(--color--stroke--sub);
}
.slide-content {
	padding-left: 0.5rem;
}
.mm_mon_n_cont {
	display: inline-block;
	font-size: 0.725rem;
	font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 600;
	color: var(--color--stroke);
	line-height: 1;
	padding: 0.5rem;
}
.fontw500 {
	font-weight: 500;
}
.slide-media img {
	width: 100%!important;
}
nav .navarea {
	height: 6rem;
	padding: 0 2rem;
}
.menuarea_menu_entry {
	background-color: var(--color--sub);
	color: var(--color--base);
	padding: 0.5rem 1rem;
}
.logoarea > a > img {
	max-width: 9rem;
}
.logoarea_span {
	font-size: 0.7rem;
	background-color: var(--color--stroke);
	color: var(--color--base);
	display: inline-block;
	padding: 0 0.3rem;
}
.menuarea_menu > li,
.breadcrumb_list > li,
.ft_menu > li {
	list-style:none!important;
}
.breadcrumb {
	height: 2.6rem;
}
.breadcrumb_list {
	height: 100%;
	margin: 0;
	padding: 0 2rem ;
	border-top: var(--border-width--sub) solid var(--color--stroke);
	border-bottom: var(--border-width--sub) solid var(--color--stroke);
}
.bgimg {
	height: 80vh;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.bgimg::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-image: url(../imgs/05.png);
}
.bgimg01 {
	background-image: url(../imgs/thum01.jpg);
}
.bgimg02 {
	background-image: url(../imgs/thum11.jpg);
}
.bgimg03 {
	background-image: url(../imgs/thum12.jpg);
}
.bgimg04 {
	background-image: url(../imgs/thum18.jpg);
}
.bgimg05 {
	background-image: url(../imgs/thum16.jpg);
}
.bgimg06 {
	background-image: url(../imgs/thum20.jpg);
}
.load_wrapper {
	height: 100vh;
}
.entry_container {
	background-color: var(--color--stroke);
	padding: 2rem 2rem 0;
}
.entry_container_bt {
	background-color: var(--color--stroke);
	padding: 0 2rem 0 2rem;
}
.entry_ainner {
	width: 100%;
	text-decoration: none;
}
.entry_cont {
	width: 100%;
	padding: 3rem 6rem;
	background-color: var(--color--base);
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	background-image: url(../imgs/noise.png);
}
.entry_cont_bt {
	width: 100%;
	padding: 3rem 6rem;
	background-image: url(../imgs/noise.png);
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.entry_cont_inner {
	width: 50%;
}
.entry_cont_l {
	border: var(--border-width--sub) solid var(--color--stroke);
	padding: 2rem 0;
	padding-top: 2.5rem;
	background-color: var(--color--base);
}
.entry_cont_r {
	padding: 2rem 0;
}
footer {
	background-color: var(--color--stroke);
	color: var(--color--base);
}
.footerarea {
	padding: 6rem 0;
	padding-bottom: 0;
	/*	border-top: var(--border-width--sub) solid var(--color--base);*/
}
.ft_menu {
	padding: 0;
	margin: 0;
}
.ft_corp {
	padding: 0.5rem 0;
	padding-left: 1rem;
	border-left: 1px solid var(--color--base);
}
.ft_mon_n_cont {
	display: inline-block;
	font-size: 0.725rem;
	font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 400;
	color: var(--color--stroke);
	line-height: 1;
	padding: 0.5rem 0;
}
.ft_span {
	font-weight: 400;
	font-size: 0.725rem;
}
.ft_span_ttl {
	padding: 0 0.3rem;
	background-color: var(--color--base);
	color: var(--color--stroke);
	font-weight: 500;
	margin-bottom: 0.7rem;
	display: inline-block;
}
.ft_span a,
.ft_corp a {
	text-decoration: none;
	color: var(--color--base);
}
.corp_area {
	width: 100%;
	padding: 0 6rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.corp_area_cont_l {
	padding-left: 1rem;
	border-left: 1px solid var(--color--base);
}
.ft_copyr {
	width: 100%;
	text-align: center;
	padding: 6rem 0;
}


.l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 6rem;
}
.slid_sub {
	overflow: hidden;
}
.slid_sub .swiper {
	overflow: visible;
}
.slid_sub .swiper-slide {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.slid_sub .slide {
	overflow: hidden;
	width: 20rem;
}

.slid_cont {
	overflow: hidden;
}
.slid_cont .swiper {
	overflow: visible;
}
.slid_cont .swiper-slide {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.slid_cont .slide {
	overflow: hidden;
	width: 30rem;
}

.jr_cont_work {
	margin: 1rem 0;
	padding: 2rem;
	background-color: var(--color--sub2);
}

form {
}
.formTable {
	display: flex;
	justify-content: center;
	align-items: center;
}
tbody {
	display: flex;
	justify-content: center; 
	align-items: flex-end;
	flex-direction: column;
}
tr {
	display: block;
	margin-bottom: 1rem;
}
th {
	font-weight: 500;
	padding-right: 1rem;
	background-color: var(--color--sub2);
	width: 15rem;
	padding-left: 1rem;
}
td {
	background-color: var(--color--base);
}
input[type="text"],
textarea,
input[type="email"],
input[type="date"],
select, .pptd, .td_pp, td {
	width: 20rem;
	border: none;
	background-color: var(--color--base);
	padding-left: 1rem;
}
input[type="text"],
select,
input[type="date"],
input[type="email"],
td {
	height: 3rem;
}
textarea {
	height: 15rem;
	background-color: var(--color--base);
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	width: 8rem;
	background-color: var(--color--base);
	border: var(--border-width--sub) solid var(--color--stroke);
	border-radius: 3rem;
	color: var(--color--stroke);
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	font-size: 1rem;
	font-weight: 600;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: var(--color--stroke);
	color: var(--color--base);
	transition: 0.5s;
}
.sbumit_cont {
	padding: 2rem 0 6rem;
	gap: 2rem;
}
.th_pp {
	height: 3rem;
}
small {
	font-size: 0.725rem;
	letter-spacing: 1px;
}
.scroll_txt {
	display: block;
	height: 10rem;
	width: 100%;
	overflow: hidden;
	margin: 2rem 0;
}
.scroll_cont {
	display: inline-block;
	line-height: 10rem;
	padding-left: 100%;
	white-space: nowrap;
	animation: animate-scroll_txt 20s linear infinite;
}
@keyframes animate-scroll_txt {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
.scroll_cont_txt {
	font-size: 8rem;
	font-weight: 900;
	color: var(--color--sub2);
}
input[type="checkbox"] {
	margin-right: 0.5rem;
	width: 1rem;
	height: 1rem;
}
details {
	padding: 1rem;
	background: var(--color--base);
	margin: 1rem auto;
	cursor: pointer;
}
p.in-details {
	cursor: default;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
}
summary {
	outline: none;
}

details[open] .in-details {
	animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-1rem);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@media screen and (max-width: 1199px) {
	.wrapper {
		margin: 1rem 1rem;
	}
	.navsub {
		width: calc(100% - 2rem);
		left: 1rem;
	}
	.view {
		width: calc(100% - 2rem);
		left: 1rem;
	}
	.main_conts_cont_container_l {
		left: 0;
	}
	.jobrole_cont {
		padding: 0 6rem;
	}
	.corp_area {
		padding: 0;
		flex-direction: column;
		width: auto;
	}
	.ft_corp {
		margin-bottom: 0!important;
	}
	.corp_area.gap3rem {
		gap: 2rem!important;
	}
	.entry_cont {
		flex-direction: column;
		padding: 4rem 10rem;
	}
	.sp_order1 {
		order: 1;
	}
	.entry_cont_bt {
		flex-direction: column;
		padding: 4rem 10rem;
	}
	.entry_cont_inner {
		width: 100%;
	}
	.entry_cont_r {
		padding: 0;
	}
	.main_conts_cont_container_c.entry_cont_l {
		max-width: none;
	}
}
@media screen and (max-width: 899px) {
	.sppdt1rem {
		padding: 0.5rem;
	}
	.menuarea_menu_entry {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		margin-right: 0.25rem;
	}
	.main_conts_cont_container_l, 
	.main_conts_cont_container_r {
		width: 70%;
	}
	.main_conts_cont_container_c {
		padding: 6rem 2rem;
	}
	.about_sp_static {
		width: 100%;
	}
	.jobrole_cont {
		flex-direction: column;
		align-items: stretch!important;
	}
	.entry_cont,
	.entry_cont_bt {
		padding: 4rem 4rem;
	}
	.main_conts_cont_container_r {
		border-left: none;
	}
	.pdl10rem {
		padding-left: 0!important;
		display: flex!important;
		justify-content: center!important;
		align-items: center!important;
	}
	.main_conts_cont_container_l {
		bottom: 4rem;
	}
	nav .navarea {
		height: 8rem;
		padding: 0 1rem;
	}
	.menuarea_menu {
		flex-direction: column;
		gap: 0rem!important;
		align-items: flex-end!important;
		padding-left: 1rem;
	}
	.jobrole_cont {
		padding: 0 2rem;
		padding-bottom: 4rem;
	}
	.entry_cont,
	.entry_cont_bt {
		padding: 2rem;
	}
	.entry_cont_r,
	.entry_cont_l {
		padding: 0;
	}
	.entry_cont_l {
		padding: 2rem 0;
	}
	tr {
		width: 100%;
		display: flex!important;
		flex-direction: column;
	}
	th {
		width: 100%;
	}
	input[type="text"],
	textarea,
	input[type="email"],
	input[type="date"],
	select,
	.td_pp, td {
		width: 100%;
	}
	.th_pp {
		height: 2rem;
	}
	.spgap2rem {
		gap: 2rem!important;
	}
	.gra_bnr {
		top: 2rem;
		padding: 1rem;
	}
}
@media screen and (max-width: 640px) {
	.main_conts_cont_container_l, 
	.main_conts_cont_container_r {
		width: 100%;
	}
	.main_conts_cont_container_l {
		left: 0;
	}
	.main_conts_cont_container_d {
		padding-top: 4rem;
	}
	.main_conts_cont_container_jr {
		padding-left: 2rem;
	}
	.jobrole_cont {
	}
	.ff_mon_top {
		font-size: 5rem;
		line-height: 4rem;
	}
	.ff_h {
		font-size: 0.9rem;
	}
	.h2_mon {
		font-size: 2rem;
	}
	.h3_mon {
		font-size: 1.8rem;
	}
	input[type="text"],
	textarea,
	input[type="date"],
	input[type="email"],
	select,
	.td_pp, td {
		width: 22rem;
	}
	.sp_br {
		display: block;
	}
	.gra_bnr {
		top: 2rem;
		right: 4px;
	}
	.slid_cont .slide {
		width: 24rem;
	}
	input[type="text"],
	textarea,
	input[type="email"],
	input[type="date"],
	select, .pptd, .td_pp, td {
		padding-left: 0;
	}
}
@media screen and (max-width: 414px) {
	.wrapper {
		margin: 0rem 0rem;
	}
	.jobrole_cont {
	}
	nav .navarea {
		height: 8rem;
		padding: 0 1rem;
	}
	.logoarea > a > img {
		max-width: 130px;
	}
	.entry_cont_bt {
		gap: 2rem!important;
	}
	.ft_menu {
		flex-direction: column;
		align-items: flex-start!important;
		gap: 0rem!important;	
	}
	.sbumit_cont {
		gap: 1rem!important;
	}
	.zen_h3 {
		font-size: 1.4rem;
	}
	.bgimg03 {
		background-position: left;
	}
	input[type="text"],
	textarea,
	input[type="date"],
	input[type="email"],
	select,
	.td_pp, td {
		width: 22rem;
	}
	.navsub {
		width: 100%;
		left: 0;
	}
	.view {
		width: 100%;
		left: 0;
	}
	.slid_cont .slide {
		width: 22rem;
	}
}
@media screen and (max-width: 370px) {
	.main_conts_cont_container_c {
		padding: 6rem 1rem;
	}
	.h3_mon {
		font-size: 1.4rem;
	}
}