@CHARSET "UTF-8";
/*
Theme Name: コバーン採用ＬＰ
date: 2025.11.22
*** basic setting on css/destyle.css ***
*/


/* = common setting
-------------------------------------------------------------- */ 

:root {
  --blue: #323F79; 
	--orange: #CD8C10;
	--green: #6BC5AE;
	--yellow: #D0CC72;
	--bg: #F3F4EF;
	--bg02: #EBEBEB;
	--bg_green: #E5EDEB;
  --bk: #000;
	--job_pink: #D6529E;
	--job_green: #9EB10F;
	--header_height: 5rem;
}
@media screen and (min-width: 1024px){
  :root {
		--header_height: 100px;
	}
}

*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
	scroll-behavior: smooth;
}
body {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 500;
	font-family: "Montserrat","Noto Sans JP", sans-serif;
	color: var(--bk);
	line-height: 1.5;
	letter-spacing: 1px;
	background: var(--bg);
}



/* =layouts
-------------------------------------------------------------- */

body,
#page{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#site_footer{
  margin-top: auto;
}

table{
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0;
}
table th{
	padding: 1rem;
	text-align: left;
  width: 30%;
	font-weight: 500;
}
table td{
	padding: 1.5rem;
}

.txt_right{
	text-align: right;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	font-weight: 500;
}
ul,dl,dt,dd{
	margin: 0;
	padding: 0;
	font-weight: 500;
}
li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
}
.pc_only{
	display: none;
}

.hidden{
	overflow: hidden;
}

/* Clearing floats */
.clear:after{
	clear: both;
}
.clear:before,
.clear:after{
	display: table;
	content: "";
}

.txt_right{
	text-align: right;
}
.txt_vertical{
	writing-mode: vertical-rl;
}
.txt_small{
	font-size: 70%;
}
.txt_large{
	font-size: 150%;
}

.underline{
	background: linear-gradient(to bottom , rgba(255,255,255,0) 50%, #ffff00 51%);
	font-weight: 700;
}



/* =link
-------------------------------------------------------------- */


a{
	outline: none;
	color: var(--bk);
	text-decoration: none;
	transition: .3s;
}
*:focus {
  outline: none;
}

.link_none{
  pointer-events: none !important;
  cursor: default !important;
  opacity: .3;
}

input[type="submit"]{
	outline: 0;
	box-shadow: none;
	cursor: pointer;
}
label{
	cursor: pointer;
}



/* =media
-------------------------------------------------------------- */

img,
svg{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: .3s;
}
iframe{
	max-width: 100%;
}
.img_clip{
	position: relative;
	overflow: hidden;
}
.img_clip::before{
	content: '';
	padding-top: 100%;
	display: block;
	background: #ccc;
}
.img_clip img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s;
}

.wp-block-embed-youtube .wp-block-embed__wrapper,
.youtube_wrap{
  position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.youtube_wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* =tub
-------------------------------------------------------------- */

summary{
	cursor: pointer;
}
summary::marker{
  content: none;
}
summary::-webkit-details-marker{
  display: none;
}

.accordion dd{
	display: none;
}

.tub{
	display: flex;
}
.tub_cont{
	display: none;
}
.cont_current{
	display: block;
}




/* =site basic
-------------------------------------------------------------- */

.btn_link{
	display: block;
	padding: 2rem .5rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
  position: relative;
	background: var(--green);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 900;
	border: #3EA389 solid .3rem;
	max-width: 20rem;
	transition: .3s;
}
.arrow{
	width: 4rem;
	height: 4rem;
	background: #3EA389;
	position: absolute;
	bottom: 0;
	right: 0;
	clip-path: polygon(100% 0,100% 100%,0 100%);
	z-index: 5;
}
.arrow::before{
	content: '';
	width: 1rem;
	height: 1rem;
	background: url('images/arrow_white.svg') no-repeat center center / contain;
	position: absolute;
	bottom: .5rem;
	right: .5rem;
}
.wrapper{
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
}
.section{
	padding: 3rem 0;
}





#site_header{
	padding: 1rem 0;
}
.site_logo{
	display: block;
	width: 10rem;
	margin: 0 auto;
}
#site_footer{
	padding: 1rem 0;
}

#main_visual{
	position: relative;
	padding-bottom: 5rem;
	z-index: 5;
}
#main_visual::after{
	content: '';
	background: var(--blue);
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 0;
	left: 0;
	clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
	z-index: -1;
}
#main_visual .wrapper{
	width: 95%;
	max-width: 1300px;
	position: relative;
}
#main_visual h1{
	text-align: center;
	font-size: 3rem;
	font-weight: 900;
	color: #fff;
	line-height: 1.3;
	margin-top: -1rem;
}
#main_visual__illust{
	width: 11rem;
	position: absolute;
	z-index: 5;
	bottom: -8rem;
	left: 0;
}
#main_visual__links{
	display: flex;
	margin: 2rem -.5rem
}
#main_visual__links li{
	width: 50%;
	padding: 0 .5rem;
}
#nayami .wrapper{
	position: relative;
	padding-bottom: 5rem;
	z-index: 5;
}
#nayami .wrapper::after{
	content: '';
	width: 90%;
	height: 7rem;
	background: url('images/arrow.svg') no-repeat center bottom / contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
	z-index: -1;
}
#nayami h2{
	text-align: center;
	width: 80%;
	margin: 2rem auto;
}
#nayami_list{
	border: var(--blue) solid 5px;
	background: #fff;
	padding: 1rem 5%;
}
#nayami_list li{
	border-bottom: var(--blue) dotted 1px;
	padding: 1rem 0;
	color: var(--blue);
	font-weight: 700;
	font-size: 1.6rem;
}
#nayami_list li span{
	color: var(--orange);
}
#nayami_list li:last-child{
	border: 0;
}

#joinus_title{
	position: relative;
	padding-top: 4rem;
	z-index: 20;
}
#joinus_title__txt{
	width: auto;
	height: 5rem;
	position: absolute;
	top: -1rem;
	right: 0;
}
#joinus_title h2{
	color: var(--green);
	font-size: 1.6rem;
	font-weight: 900;
}
#joinus_title p{
	text-align: center;
	color: var(--blue);
	font-size: 3rem;
	font-weight: 900;
	line-height: 1;
}
#joinus_title p span{
	font-size: 120%;
}
#joinus_list{
	padding: 3rem 5% 1rem;
	background: #fff;
	border-radius: 2rem;
	border: var(--green) solid .5rem;
	border-top: 0;
	width: 95%;
	max-width: 1200%;
	margin-top: -2rem;
	position: relative;
	z-index: 5;
}
#joinus_list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5rem;
}
#joinus_list li{
	margin: .5rem 0;
	width: 50%;
	padding: 0 .5rem;
}
.joinus_list__box{
	background: var(--blue);
	color: #fff;
	border-radius: 1rem;
	padding: 1rem;
	text-align: center;
	font-size: 1rem;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
#joinus_list li h3{
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 1rem 0;
	font-weight: 900;
}
#joinus_list li p{
	display: inline-block;
	text-align: left;
}
#joinus_photo{
	display: flex;
	margin-top: 2rem;
}
#joinus_photo li{
	width: 50%;
}

#feature{
	background: var(--blue);
	position: relative;
	z-index: 5;
	color: #fff;
}
#feature::before{
	content: '';
	background: url('images/bg.jpg');
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 15rem;
	clip-path: polygon(0 0,100% 0,100% 100%,0 70%);
	z-index: -1;
}
#feature h2{
	width: 80%;
	max-width: 300px;
	margin: -2rem 0 0 auto;
}
#feature_head{
	margin-bottom: 2rem;
	text-align: center;
	position: relative;
}
#feature_head h3{
	color: var(--yellow);
	font-size: 2.2rem;
	margin: 2rem 0 1rem;
	font-weight: 900;
}
#feature_head h3 span{
	color: #fff;
	font-size: 70%;
}
.fukidashi{
	position: relative;
	display: inline-block;
	padding: 0 .5rem;
}
.fukidashi::before,
.fukidashi::after{
	content: '';
	height: 1em;
	width: 3px;
	background: #fff;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.fukidashi::before{
	left: -1em;
	rotate: -45deg;
}
.fukidashi::after{
	right: -1em;
	rotate: 45deg;
}
#feature_head p{
	font-weight: 900;
}
#feature_head__notice{
	font-size: 60%;
}
#feature_wrap{
	margin-bottom: 8rem;
}
.feature_box{
	margin-bottom: 3rem;
}
.feature_box__num{
	line-height: 1;
	font-size: 5rem;
	font-weight: 700;
	display: block;
	color: var(--yellow);
}
.feature_box__txt{
	width: 80%;
}
.feature_box__txt h3{
	font-size: 2rem;
	font-weight: 900;
	margin: 1rem 0;
	display: inline-block;
	position: relative;
}
.feature_box__txt h3::before{
	content: '';
	position: absolute;
	left: -1rem;
	top: -1rem;
	background: url('images/coron_start.svg') no-repeat center center / contain;
	width: 1rem;
	height: 1rem;
}
.feature_box__txt h3::after{
	content: '';
	position: absolute;
	right: -1rem;
	top: -1rem;
	background: url('images/coron_end.svg') no-repeat center center / contain;
	width: 1rem;
	height: 1rem;
}
.feature_box__txt p{
	font-weight: 700;
}
.feature_box__img{
	position: relative;
	margin: 2rem 0 2rem auto;
	width: 80%;
}
.feature_box__img::before{
	content: '';
	position: absolute;
	top: -3rem;
	z-index: 5;
	width: 100%;
	height: 5rem;
}
.feature_box__img img{
	rotate: -5deg;
}
.feature_box:nth-child(2n) .feature_box__txt{
	margin: 0 0 0 auto;
}
.feature_box:nth-child(2n) .feature_box__img{
	margin: 2rem 0;
}
.feature_box:nth-child(2n) .feature_box__img img{
	rotate: 5deg;
}
#feature02 .feature_box__img::before{
	background: url('images/feature02_en.svg') no-repeat center right / contain;
	right: 0;
}
#feature03 .feature_box__img::before{
	background: url('images/feature03_en.svg') no-repeat center left / contain;
	left: 0;
	top: auto;
	bottom: -5rem;
	height: 8rem;
}

#point{
	border: var(--yellow) solid 1rem;
	padding: 3rem 0;
}
#point h3{
	text-align: center;
	color: var(--yellow);
	font-size: 2.4rem;
	font-weight: 900;
	margin-bottom: 2rem;
}
#point_inner li{
	margin-bottom: 1rem;
}
.point_box{
	background: var(--yellow);
	border-radius: 1rem;
	padding: 2rem 1rem;
	display: flex;
	align-items: center;
	color: var(--blue);
}
.point_box figure{
	width: 10rem;
	margin-right: 1rem;
}
.point_box figure img{
	width: 10rem;
	height: 10rem;
	object-fit: contain;
}
.point_box__txt{
	flex: 1;
}
.point_box__txt h4{
	font-weight: 900;
	text-align: center;
	border-bottom: var(--blue) solid 1px;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.point_box__txt p{
	font-size: 1.2rem;
}

#environment{
	background: var(--bg_green);
}
#environment h2{
	position: relative;
	z-index: 10;
	width: 90%;
	margin: 0 -1rem 0 auto;
}
#environment_photo{
	rotate: -5deg;
	margin-top: -5rem;
	width: 70%;
}
#env_header{
	margin-bottom: 3rem;
	position: relative;
}
#env_list li{
	margin-top: 1rem;
}
.env_box{
	background: #fff;
	padding: 2rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
}
.env_box figure{
	width: 9rem;
	height: 9rem;
	margin-right: 1rem;
}
.env_box figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.env_box p{
	color: var(--green);
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
	flex: 1;
	letter-spacing: 0;
}

.bg_white{
	background: #fff;
}
.bnr_area li{
	margin: 1rem 0;
}
.bnr_area li a{
	display: block;
}
.bnr_partnors{
	border: var(--blue) solid .5rem;
	padding: 1.5rem 1rem;
	color: var(--blue);
	font-size: 2.6rem;
	font-weight: 900;
	line-height: 1.5;
	text-align: center;
	background: #fff;
}
.bnr_partnors span{
	font-size: 40%;
	font-weight: 700;
	display: block;
	letter-spacing: 0;
}
.bnr_tour{
	border: var(--green) solid .5rem;
	background: #fff;
	color: var(--green);
	font-weight: 700;
}
.bnr_tour__img{
	position: relative;
}
.bnr_tour__img .img_clip::before{
	padding-top: 50%;
}
.bnr_tour__welcame{
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 12rem;
	z-index: 5;
}
.bnr_tour__txt{
	padding: 1rem;
	text-align: center;
	font-size: 1rem;
}
.bnr_tour__txt h2{
	font-size: 1.6rem;
	font-weight: 900;
	margin-bottom: 1rem;
}
.bnr_tour__txt h2 .fukidashi::before,
.bnr_tour__txt h2 .fukidashi::after{
	background: var(--green);
}
.bnr_tour__txt p span{
	background: #FDF98D;
}

.voice_section{
	position: relative;
	background: var(--bg);
	z-index: 5;
}
.voice_section::before{
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 10rem;
}
#workstyle h2{
	width: 60%;
	margin-left: -5%;
	margin-bottom: 2rem;
}
.voice_box{
	position: relative;
}
.voice_box__photo{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 5;
	padding: 0 1rem;
}
.voice_box__photo figure{
	flex: 0 0 50%;
	margin-right: 1rem;
}
.voice_box__name{
	flex: 1;
	position: relative;
	padding: 1rem;
	font-size: 1rem;
	text-align: center;
	color: var(--blue);
}
.voice_box__name::before{
	content: '';
	width: 2rem;
	height: 2rem;
	border-top: var(--blue) solid .5rem;
	border-left: var(--blue) solid .5rem;
	top: 0;
	left: 0;
	position: absolute;
}
.voice_box__name::after{
	content: '';
	width: 2rem;
	height: 2rem;
	border-bottom: var(--blue) solid .5rem;
	border-left: var(--blue) solid .5rem;
	bottom: 0;
	left: 0;
	position: absolute;
}
.voice_box__name h3:before{
	content: '';
	width: 2rem;
	height: 2rem;
	border-top: var(--blue) solid .5rem;
	border-right: var(--blue) solid .5rem;
	top: 0;
	right: 0;
	position: absolute;
}
.voice_box__name h3::after{
	content: '';
	width: 2rem;
	height: 2rem;
	border-bottom: var(--blue) solid .5rem;
	border-right: var(--blue) solid .5rem;
	bottom: 0;
	right: 0;
	position: absolute;
}
.voice_box__name h3{
	font-weight: 700;
	font-size: 1.4rem;
	margin-bottom: .5rem;
}
.voice_box__txt{
	padding: 6rem 5% 3rem;
	margin-top: -4rem;
	background: #fff;
	color: var(--blue);
	font-size: 1.2rem;
	position: relative;
}
.voice_box__txt h3{
	font-size: 1.8rem;
	font-weight: 900;
	margin-bottom: 2rem;
}
.voice_box__txt::before{
	content: '';
	position: absolute;
	right: 1rem;
	top: 2rem;
	background: url('images/voice01.svg') no-repeat center center / contain;
	width: 12rem;
	height: 8rem;
	z-index: 5;
}
.voice_box__txt::after{
	content: '';
	position: absolute;
	right: 0;
	top: -12rem;
	background: url('images/house.svg') no-repeat center center / contain;
	width: 12rem;
	height: 12rem;
	z-index: -1;
}

#wanted{
	background: var(--blue);
}
#wanted_inner{
	color: #fff;
}
#wanted_logo{
	filter: brightness(0) invert(1);
	width: 12rem;
}
#wanted_title h2{
	font-size: 3rem;
	font-weight: 900;
	margin: 1rem 0 2rem;
}
#wanted_inner li{
	font-size: 1.8rem;
	font-weight: 700;
	padding: .5rem 0;
	border-bottom: #fff dashed 1px;
	text-indent: -3rem;
	padding-left: 3rem;
}
#wanted_inner li span{
	color: var(--orange);
	font-weight: 400;
	font-size: 150%;
	line-height: 1;
	margin-right: .5rem;
	vertical-align: middle;
}
#wanted_txt{
	margin-top: 3rem;
	background: rgba(255,255,255,.8);
	padding: 3rem 5%;
	border-radius: 1rem;
	color: var(--blue);
	font-weight: 700;
	text-align: center;
}
#wanted_txt h3{
	margin: 2rem 0 0;
	font-size: 2rem;
	font-weight: 700;
}

#message h2{
	margin-left: -5%;
	margin-bottom: 2rem;
	width: 60%;
}
#message_txt{
	margin-top: -5rem;
}
#message .voice_box__txt::before,
#message .voice_box__txt::after{
	content: none;
}
#message_photo01{
	width: 40%;
	margin: 0 1rem 0 auto;
	position: relative;
	z-index: 10;
}
#message_txt p{
	margin: 2rem 0;
}
#message_txt ul{
	display: flex;
	justify-content: space-between;
	margin: -3rem 0 0 auto;
	width: 80%;
	position: relative;
	z-index: 10;
}
#message_txt ul::before{
	content: '';
	width: 7rem;
	height: 7rem;
	background: url('images/message_arrow.svg') no-repeat center center / contain;
	position: absolute;
	top: 70%;
	left: -2rem;
	z-index: 20;
	rotate: -90deg;
}
#message_txt li{
	width: 49%;
}
#message .voice_box__photo{
	margin-top: 1rem;
}
.section_title{
	text-align: center;
	margin-bottom: 3rem;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 900;
}
.section_title span{
	display: block;
	font-size: 250%;
	color: var(--orange);
	font-weight: 700;
}

.job_info__tab{
	display: flex;
	justify-content: space-between;
}
.job_info__tab .tab_item{
	width: 49%;
	cursor: pointer;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	color: #fff;
	overflow: hidden;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 700;
	border-bottom: #fff solid 1rem;
}
.job_info__tab .tab_item.active{
	border: 0;
}
.job_info__tab .tab_item p{
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: #fff solid 1px;
}
.job_info__tab .tab_item p span{
	font-size: 200%;
	line-height: 1;
}
.job_info__tab .tab_item h3{
	font-weight: 700;
}
#job_tab01{
	background: var(--job_green);
}
#job_tab02{
	background: var(--job_pink);
}

#job_table__wrap .tab_panel{
	padding-top: 2rem;
	display: none;
}
#job_table__wrap .tab_panel.active{
	display: block;
}
#job_table01{
	border-top: var(--job_green) solid .5rem;
}
#job_table02{
	border-top: var(--job_pink) solid .5rem;
}
.job_table{
	margin-bottom: 3rem;
	font-size: 1.2rem;
	color: #5A5A5A;
}
.job_table tr{
	border-bottom: #D6D6D6 solid 1px;
}
.job_table th{
	padding: 1rem 0;
}
.job_table th span{
	background: var(--bg_green);
	padding: .5rem;
	display: block;
	text-align: center;
}
#job_table01 .job_table th span{
	background: #DAE397;
}
#job_table02 .job_table th span{
	background: #EBD3E1;
}
.job_table td{
	vertical-align: middle;
}
.job_table td a{
	text-decoration: underline;
}
.job_table td a:hover{
	text-decoration: none;
}
.gmap iframe{
	width: 100%;
	height: 30rem;
}

#company_header{
	background: url('images/company.jpg') no-repeat center center / cover;
	height: 15rem;
	width: 100%;
	position: relative;
}
#company_header::after{
	content: '';
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	clip-path: polygon(100% 0,100% 100%,0 100%);
	z-index: 5;
}

#company_information{
	padding-bottom: 8rem;
}
#entry_form{
	background: var(--bg02);
	padding-bottom: 3rem;
}
#entry_form h2{
	margin: -3rem 0 3rem;
	text-align: center;
}
#entry_header{
	text-align: center;
}
#entry_header h3{
	font-size: 1.8rem;
	margin-bottom: 1rem;
	font-weight: 900;
}
#entry_header p{
	font-size: 1.2rem;
}
#entry_header .bnr_partnors{
	scale: .9;
}

#entry_flow{
	margin: 3rem 0;
}
#entry_flow .section_title span{
	color: var(--blue);
}
#entry_flow li{
	background: #fff;
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
}
#entry_flow li h4{
	display: flex;
	align-items: center;
	border-bottom: var(--blue) solid 1px;
	padding: 0 2rem 1rem;
	margin-bottom: 1rem;
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	color: var(--blue);
}
#entry_flow li h4 img{
	width: 10rem;
	height: 8rem;
	object-fit: contain;
	display: block;
	margin-top: -2rem;
}
#entry_flow li h4 span{
	flex: 1;
}



/* =Contact
-------------------------------------------------------------- */

.form_wrap{
	padding: 3rem 0;
}
.required{
	background: #CD6010;
	color: #fff;
	font-size: 1rem;
	padding: .2rem 1rem;
	border-radius: .5rem;
	margin-left: 1rem;
	display: inline-block;
}
.input_box{
	width: 100%;
	padding: 0;
  line-height: 1.7;
  border: 0;
	min-height: 4rem;
}
.short_box{
	width: 18rem;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset;
}
.form_wrap input[type="radio"],
.form_wrap input[type="checkbox"]{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.mwform-checkbox-field label{
	font-weight: 500 !important;
}
input[type="date"]{
  position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}
.mwform-radio-field{
	display: inline-block;
	margin: .5rem 3rem .5rem 0 !important;
}
.form_wrap label{
	cursor: pointer;
}
.wpcf7 form .wpcf7-response-output{
	text-align: center;
	padding: 1rem;
}
.ui-datepicker-calendar{
	table-layout: fixed;
}
.form_wrap input[disabled]{
	background: #ccc !important;
	border: #ccc solid 1px;
	color: #fff !important;
	box-shadow: none;
	transform: none;
}

.form_wrap dt{
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
}
.form_wrap dd{
	background: #fff;
	border-radius: .5rem;
	margin-bottom: 2rem;
	padding: 1rem 5%;
	min-height: 4rem;
}
.form_wrap .error{
	color: #CD6010;
	font-weight: 700;
}
.form_wrap .attention{
	background: #efefef;
	padding: 1rem 5%;
	margin-top: .5rem;
	font-size: 1.2rem;
}
.form_wrap .attention p{
	margin: 1rem 0;
}
.form_policy h3{
	text-align: center;
	border-bottom: #707070 solid 1px;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.form_policy p{
	font-size: 1.2rem;
}
.policy_check{
	text-align: center;
	margin: 3rem 0;
}
.policy_check .error{
	display: block;
}
.policy_check p{
	margin: 1rem 0;
}
.mw_wp_form_confirm .form_policy{
	display: none;
}

.btn_submit{
	background: var(--green);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 900;
	border: #3EA389 solid .3rem;
	padding: 2rem 0;
	max-width: 20rem;
}
.btn_back{
	background: #999;
	max-width: 20rem;
}

#page_thanks{
	margin: auto 0;
}
#thanks{
	padding: 5rem 5%;
	text-align: center;
	color: var(--blue);
	background: #fff;
	border-radius: 1rem;
}
#thanks h3{
	font-size: 3rem;
	margin-bottom: 3rem;
	font-weight: 900;
}
#thanks .btn_link{
	margin-top: 5rem;
}


.job_green{
	color: var(--job_green);
}
.job_pink{
	color: var(--job_pink);
}
#compare{
	background: var(--blue);
}
#compare_title{
	text-align: center;
}
#compare_title p{
	font-size: 3rem;
	font-weight: 900;
}
#compare_title h2{
	font-weight: 900;
	color: #fff;
	font-size: 2rem;
}
#compare ul{
	margin-bottom: 3rem;
}
#compare li{
	position: relative;
	margin-top: 5rem;
}
.compare_box__days{
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: var(--job_green);
	line-height: 1.4;
	position: absolute;
	top: -3rem;
	z-index: 10;
	font-size: 1.2rem;
}
#job_compare01 .compare_box__days{
	left: -1rem;
}
#job_compare02 .compare_box__days{
	right: -1rem;
	background: var(--job_pink);
}
.compare_box__days .txt_large{
	font-size: 200%;
	line-height: 1;
}
.compare_box{
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	background: #fff;
	color: var(--blue);
	border: var(--job_green) solid .3rem;
}
#job_compare02 .compare_box{
	border: var(--job_pink) solid .3rem;
}
.compare_box__txt{
	padding: 5rem 1rem 2rem;
}
.compare_box__txt h3{
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 2rem;
	text-align: center;
}
.compare_box__img{
	margin: auto -.3rem -.3rem;
	position: relative;
	z-index: 10;
}

#workstyle_data{
	margin-top: 8rem;
}
#workstyle_data__title{
	text-align: center;
	margin-bottom: 3rem;
}
#workstyle_data__title h3{
	color: var(--blue);
	font-size: 3rem;
	font-weight: 900;
}
#workstyle_data__title p{
	color: var(--green);
	font-weight: 700;
	font-size: 1.8rem;
}
.workstyle_data__box{
	margin-bottom: 2rem;
	background: #E4EDEB;
	border-radius: 2rem;
	text-align: center;
	padding: 3rem 5%;
}
.workstyle_data__box h4{
	color: var(--blue);
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
}
.workstyle_data__box figure{
	height: 25rem;
}
.workstyle_data__box figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}





/* =RWD
-------------------------------------------------------------- */

@media screen and (min-width: 768px){
  .mobile_only{
		display: none;
	}
	.pc_only{
		display: block;
	}
  a[href*="tel:"] {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
  }
	.section{
		padding: 5rem 0;
	}
	.site_logo{
		width: 17rem;
	}
	#main_visual h1{
		font-size: 4rem;
	}
	#main_visual__illust{
		width: 15rem;
		bottom: -12rem;
	}
	#nayami .wrapper{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#nayami h2{
		width: 40%;
		margin: 0;
	}
	#nayami_list{
		width: 55%;
		padding: 3rem 2rem;
	}
	#joinus_list li{
		width: 25%;
		margin: 0;
	}
	#joinus_title h2{
		font-size: 3rem;
		margin-left: 5%;
	}
	#joinus_title p{
		font-size: 6rem;
	}
	#joinus_list{
		padding: 5rem 2rem 1rem;
		margin-top: -4rem;
	}
	#joinus_list .site_logo{
		margin: 1rem auto;
	}
	#joinus_title__txt{
		height: 8rem;
		top: -4rem;
	}
	#joinus_photo{
		margin-top: -5rem;
	}
	#feature h2{
		width: 60%;
		max-width: 600px;
		margin: -2rem 0 0 auto;
	}
	#feature::before{
		height: 25rem;
	}
	#feature_head h3{
		font-size: 4rem;
	}
	#feature_head__notice{
		position: absolute;
		top: 100%;
		left: 30%;
	}
	.feature_box{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.feature_box:nth-child(2n){
		flex-direction: row-reverse;
	}
	.feature_box__img{
		width: 50%;
	}
	.feature_box__txt{
		width: 45%;
	}
	#point_inner{
		display: flex;
		margin: 0 -.5rem;
	}
	#point_inner li{
		width: 33.33%;
		padding: 0 .5rem;
		margin: 0;
	}
	.point_box{
		display: block;
		height: 100%;
	}
	.point_box figure{
		margin: 0 auto 1rem;
	}
	#env_header{
		margin: 5rem 0 3rem;
	}
	#env_header h2{
		position: absolute;
		width: 65%;
		top: 0;
		right: -1rem;
	}
	#environment_photo{
		width: 45%;
	}
	#env_list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 -.5rem;
	}
	#env_list li{
		width: 25%;
		padding: 0 .5rem;
	}
	.env_box{
		display: block;
		height: 100%;
		padding: 1rem;
	}
	.env_box figure{
		margin: 0 auto 1rem;
	}
	.bnr_area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bnr_area li{
		width: 100%;
	}
	.bnr_area li.bnr_half{
		width: 49%;
	}
	.bnr_partnors{
		font-size: 4rem;
	}
	.bnr_tour{
		display: flex !important;
		align-items: center;
	}
	.bnr_tour__img{
		flex: 0 0 40%;
	}
	.bnr_tour__txt{
		flex: 1;
	}
	#workstyle h2{
		width: 40%;
		margin-top: -3rem;
	}
	.voice_box{
		padding-top: 20rem;
	}
	.voice_box__photo{
		width: 45%;
		display: block;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.voice_box__photo figure{
		margin: 0 0 2rem;
	}
	.voice_box__name{
		width: 60%;
		margin: 0 2rem 0 auto;
	}
	.voice_box__txt{
		width: 65%;
		padding: 3rem;
	}
	.voice_box__txt p{
		width: 80%;
	}
	.voice_box__txt::before{
		top: -1rem;
		width: 20rem;
	}
	.voice_box__txt::after{
		right: 10rem;
	}
	.voice_box__wrap{
		margin-top: -15rem;
	}
	#wanted_inner{
		display: flex;
		align-items: center;
	}
	#wanted_title{
		flex: 0 0 40%;
	}
	#wanted_inner ul{
		flex: 1;
	}
	#wanted_title h2{
		font-size: 4rem;
	}
	#wanted_inner li{
		font-size: 2.4rem;
	}
	#wanted_txt{
		font-size: 1.8rem;
	}
	#wanted_txt h3{
		font-size: 4rem;
	}
	#message .voice_box{
		padding: 0;
	}
	#message .voice_box__photo{
		right: auto;
		left: 0;
		top: 50%;
		translate: 0 -25%;
		width: 50%;
		margin: 0;
	}
	#message .voice_box__photo figure{
		rotate: -5deg;
		margin-bottom: 3rem;
	}
	#message .voice_box__name{
		margin: 0 auto;
	}
	#message_txt ul{
		width: 100%;
		margin: 1rem 0 0;
	}
	#message_txt{
		width: 55%;
		margin: 2rem 0 0 auto;
	}
	#message .voice_box__txt{
		width: 100%;
		margin-top: -1rem;
		padding: 5rem 3rem 2rem 15%;
	}
	#message .voice_box__txt p{
		width: 100%;
	}
	#message_txt ul::before{
		width: 10rem;
		height: 10rem;
		rotate: 40deg;
		top: -9rem;
		left: -4rem;
	}
	#message_photo01{
		display: block;
		width: 50%;
		margin: 0 0 0 auto;
		position: relative;
		z-index: 5;
	}
	.job_table{
		font-size: 1.4rem;
	}
	.job_table th{
		width: 20rem;
	}
	.section_title{
		font-size: 2rem;
	}
	#company_header{
		height: 25rem;
	}
	#entry_flow{
		display: flex;
	}
	#entry_flow .section_title{
		text-align: left;
		width: 30%;
	}
	#entry_flow ul{
		flex: 1;
	}
	#entry_flow li{
		display: flex;
		align-items: center;
	}
	#entry_flow li h4{
		border-bottom: 0;
		border-right: var(--blue) solid 1px;
		flex: 0 0 40%;
		margin: 0 3rem 0 0;
		padding: 0;
	}
	#entry_flow li p{
		flex: 1;
	}
	#entry_form h2{
		margin-top: -5rem;
	}
	.short_box{
		width: 30rem;
	}
	.form_policy{
		text-align: center;
		padding: 3rem 0;
	}
	.form_policy h3{
		font-size: 2rem;
	}
	.form_policy p{
		font-size: 1.4rem;
	}
	#main_visual__links{
		width: 40%;
		position: absolute;
		right: 4%;
		top: 50%;
		margin: 0;
	}
	#main_visual{
		padding-bottom: 8rem;
	}
	#main_visual::after{
		height: 50%;
		clip-path: polygon(0 0,100% 0,100% 70%,0 100%);
	}
	#compare_title p{
		font-size: 5rem;
	}
	#compare_title h2{
		font-size: 3rem;
	}
	#compare ul{
		display: flex;
		justify-content: space-between;
	}
	#compare ul li{
		width: 49%;
	}
	.compare_box__days{
		width: 12rem;
		height: 12rem;
		top: -8rem;
		font-size: 1.8rem;
	}
	.compare_box{
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.compare_box__img{
		margin-top: auto;
	}
	#workstyle_data__title h3{
		font-size: 5rem;
	}
	#workstyle_data__title p{
		font-size: 2.8rem;
	}
	#workstyle_data ul{
		display: flex;
		justify-content: space-between;
	}
	.workstyle_data__box{
		width: 48%;
	}
	.job_info__tab .tab_item{
		display: flex;
		align-items: center;
	}
	.job_info__tab .tab_item p{
		border-bottom: 0;
		border-right: #fff solid 1px;
		padding: 0;
		margin: 0;
		width: 10rem;
	}
	.job_info__tab .tab_item h3{
		flex: 1;
	}
}




@media screen and (min-width: 1180px){
  html{
    font-size: 75%;
  }	
	#main_visual h1{
		font-size: 5.5rem;
	}
	#main_visual__illust{
		width: 18rem;
	}
	#nayami_list li{
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	#joinus_title__txt{
		height: 13rem;
		top: -4rem;
		right: -2rem;
	}
	#nayami .wrapper::after{
		height: 20rem;
		width: 100%;
	}
	#joinus_list{
		border-radius: 4rem;
		border: var(--green) solid 1rem;
		border-top: 0;
	}
	#joinus_list ul{
		margin: 2rem -1rem;
	}
	#joinus_list li{
		padding: 0 1rem;
	}
	#joinus_list li h3{
		font-size: 2rem;
	}
	#joinus_list li p{
		font-size: 1.2rem;
	}
	.joinus_list__box{
		padding: 2rem 1rem;
	}
	#feature h2{
		margin: -5rem -2rem 0 auto
	}
	#feature::before{
		clip-path: polygon(0 0,100% 0,100% 100%,0 50%);
		height: 30rem;
	}
	#feature_head{
		margin-bottom: 5rem;
	}
	#feature_head h3{
		font-size: 6rem;
		line-height: 1.2;
	}
	#feature_head h3 span{
		font-size: 50%;
	}
	#feature_head p{
		font-size: 2.6rem;
		line-height: 1.2;
	}
	#feature_head p#feature_head__notice{
		font-size: 1.2rem;
		left: 25%;
	}
	.feature_box__num{
		font-size: 10rem;
	}
	.feature_box__txt h3{
		font-size: 3.4rem;
		margin: 3rem 0 2rem;
		line-height: 1.2;
	}
	.feature_box__txt h3::before,
	.feature_box__txt h3::after{
		width: 3rem;
		height: 3rem;
		top: -3rem;
	}
	.feature_box__txt p{
		line-height: 2;
	}
	.feature_box__img::before{
		height: 9rem;
		top: -6rem;
	}
	#feature03 .feature_box__img::before{
		height: 15rem;
		bottom: -10rem;
	}
	#point h3{
		font-size: 3.6rem;
	}
	.point_box__txt h4{
		font-size: 2rem;
	}
	.point_box__txt p{
		font-size: 1.4rem;
	}
	#env_list{
		margin: 0 -1rem;
	}
	#env_list li{
		margin-top: 2rem;
		padding: 0 1rem;
	}
	.env_box figure{
		width: 200px;
		height: 150px;
	}
	.env_box p{
		font-size: 1.8rem;
	}
	.bnr_partnors{
		font-size: 5rem;
		line-height: 1.4;
	}
	.bnr_tour__welcame{
		width: 15rem;
		right: -2rem;
		top: 2rem;
	}
	.bnr_tour__txt h2{
		font-size: 2.4rem;
	}
	.bnr_tour__txt p{
		font-size: 1.2rem;
		line-height: 2;
	}
	.voice_box__name{
		font-size: 1.8rem;
		margin-right: 3rem;
		padding: 2rem 1rem;
	}
	.voice_box__name h3{
		font-size: 2.4rem;
	}
	.voice_box{
		padding-top: 25rem;
	}
	.voice_box__txt{
		padding: 5rem;
	}
	.voice_box__txt::before{
		right: 5rem;
	}
	.voice_box__txt::after{
		right: 15rem;
	}
	.voice_box__txt h3{
		font-size: 2.4rem;
	}
	.voice_box__txt p{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	#wanted_logo{
		width: 15rem;
	}
	#wanted_title h2{
		font-size: 5rem;
	}
	#wanted_inner li{
		padding: 2rem 0;
		font-size: 3rem;
		text-indent: -4rem;
		padding-left: 4rem;
		line-height: 1.2;
	}
	#message_txt{
		margin-top: -10rem;
	}
	#message .voice_box__wrap{
		margin-top: -25rem;
	}
	#company_header{
		background-attachment: fixed;
	}
	#entry_header h3{
		font-size: 2.4rem;
		margin: 5rem 0 2rem;
	}
	#entry_header p{
		font-size: 1.8rem;
	}
	#entry_header .bnr_partnors{
		scale: .6;
	}
	.voice_section::before{
		height: 12rem;
	}
	.compare_box__days{
		width: 15rem;
		height: 15rem;
		top: -10rem;
		font-size: 2rem;
	}
	.compare_box__days .txt_large{
		font-size: 250%;
	}
	.compare_box__txt{
		padding: 5rem 5% 3rem;
	}
	.compare_box__txt h3{
		font-size: 2.4rem;
	}
	.workstyle_data__box h4{
		font-size: 1.6rem;
		height: 5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.workstyle_data__box figure{
		height: 30rem;
	}
	.job_info__tab .tab_item{
		font-size: 1.6rem;
		padding: 2rem 1rem;
	}
}


@media (hover: hover) {
  .img_opacity:hover img{
  	opacity: .8;
  }
  .hover_up:hover{
  	transform: translateY(-5px);
  	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
  }
  .hover_up__img:hover img{
  	transform: translateY(-5px);
  	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
  }
	#letter_text__inner p{
		line-height: 35px;
    background: linear-gradient(to top, #d1c5b3 1px, rgba(255, 255, 255, 0) 1px) left top / 1px 35px;
	}
}