@charset "UTF-8";
/* CSS Document */
/*企業様ページ用の追加CSS*/

/* ----------    ページ共通 ---------- */
p{
	font-size: 1.8rem;
	text-align: justify;
}
@media (max-width: 767px){
	p{
		font-size: 1.6rem;
	}
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.txtCenter{
	text-align: center;
}
a.under-line{
	color: #0055a5;
	text-decoration: underline;
}
.-fs-xs {
  font-size: 1.2rem;
}
.-fs-lg {
  font-size: 2.2rem;
}
.-fs-xl {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .-fs-lg {
    font-size: 1.8rem;
  }
  .-fs-xl {
    font-size: 2.2rem;
  }
}
.ttl01 {
  font-size: 2.8rem;
  font-weight: bold;
  margin-top: 40px;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .ttl01 {
    font-size: 2.2rem;
  }
}
.ttl02 {
  border: 2px solid #ef8506;
  border-radius: 40px;
  text-align: center;
  color: #ef8506;
  font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
  .ttl02 {
    font-size: 1.8rem;
  }
}
.ttl03 {
  padding: 5px;
  border-left: 4px solid #ef8506;
  padding-left: 10px;
  margin: 80px 0 40px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
	.ttl03{
		margin: 64px 0 24px;
	}
}
.checklist > li {
  position: relative;
  padding-left: 20px;
}
@media (max-width: 767px){
	.checklist > li{
		font-size: 1.4rem;
	}
}
.checklist > li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "□";
}
.pc-only{
	display: block;
}
@media screen and (max-width: 767px){
	.pc-only{
		display: none;
	}
}
.sp-only{
	display: none;
}
@media screen and (max-width: 767px){
	.sp-only{
		display: block;
	}
}
/* ----------    ヘッダー ---------- */
.co-header.header{
	padding: 0;
}
.co-header .header__top{
	justify-content: space-between;
	padding: 10px 20px;
}
.co-header .header__logo-area{
	display: flex;
}

.toRecruit{
	width: 160px;
	height: 48px;
	border-radius: 10px;
	border: 2px solid #333;
	background: #333;
}
@media (max-width: 767px){
	.toRecruit{
		display: none;
	}
}
.toRecruit a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}
.toRecruit:hover{
	background: #fff;
}
.toRecruit:hover a{
	color: #333;
}
.side__toRecruit{
	width: 180px;
	height: 48px;
	border-radius: 10px;
	border: 2px solid #333;
	background: #333;
	margin-top: 20px;
}
.side__toRecruit a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
}
.side__toRecruit:hover{
	background: #fff;
}
.side__toRecruit:hover a{
	color: #333;
}
/* ----------    MV ---------- */
#co-mv{
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
}
#co-mv img{
	width: 100%;
	object-fit: cover;
}
/* ----------    リード ---------- */
#co-first .problem{
	border: 2px solid #0093bf;
	padding: 40px 20px 30px;
	margin-top: 40px;
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
	#co-first .problem{
		padding: 20px 10px 10px;
	}
}
#co-first .problem .title-sub{
	font-size: 2rem;
	color: #0093bf;
}
@media screen and (max-width: 767px){
	#co-first .problem .title-sub{
		margin-bottom: 4rem;
	}
}
#co-first .problem .title-sub::after{
	background: #ffcb29;
	max-width: 160px;
	height: 4px;
}
@media screen and (max-width: 767px) {
	#co-first .problem .title-sub::after{
		max-width: 80px;
	}
}
#co-first .problem .first__text {
  margin-bottom: 1rem;
  line-height: 1.4;
}
@media (max-width: 767px){
	#co-first .problem .first__text{
		font-size: 1.6rem;
	}
}
#co-first .triangle-down{
  width: 0;
  height: 0;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  border-top: 20px solid #0093bf;
  margin:  20px auto 0;
}
#co-first .ttl01 {
  background: #ef8506;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  height: 40px;
  border-radius: 20px;
  margin: 40px auto 0;
  font-size: 2.4rem;
  color: #fff !important;
}
@media screen and (max-width: 767px) {
  #co-first .ttl01 {
    font-size: 2.0rem;
  }
}
#co-first img{
	margin: 20px auto;
}
.co-lead{
	text-align: center;
}
.co-lead p{
	margin-top: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #ef8506;
}
@media screen and (max-width: 767px) {
	.co-lead p{
		font-size: 2.0rem;
	}
}
.co-lead span{
	display: block;
	margin-top: 5px;
	font-size: 2.0rem;
	color: #ef8506;
}
@media screen and (max-width: 767px) {
	.co-lead span{
		font-size: 1.6rem;
	}
}
/* ----------    募集要項 ---------- */
#co-detail dl,#co-about dl {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 767px){
	#co-detail dl,#co-about dl{
		flex-direction: column;
		margin-bottom: 10px;
	}
}
#co-detail dl dt,#co-about dl dt {
  width: 20%;
}
@media (max-width: 767px){
	#co-detail dl dt,#co-about dl dt{
		width: 160px;
		margin-bottom: 10px;
	}
}
#co-detail dl dt span, #co-about dl dt span{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #683d07;
  color: #fff;
  text-align: center;
  border-radius: 40px;
}
@media (max-width: 767px){
	#co-detail dl dt span, #co-about dl dt span{
		font-size: 1.4rem;
	}
}
#co-detail dl dd, #co-about dl dd {
  width: 80%;
  margin-left: 10px;
}
@media (max-width: 767px){
	#co-detail dl dd, #co-about dl dd{
		width: 100%;
		margin-left: 0;
		text-align: justify;
	}
}
/* ----------    申込 ---------- */
.co-contact__title{
	font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 10px;
}
.btn-list{
	display: flex;
	justify-content: flex-start;
	gap: 24px;
	flex-wrap: wrap;
}
@media (max-width: 767px){
	.btn-list{
		gap: 20px;
		justify-content: center;
	}
}
.webform_btn-list{
	margin-bottom: 80px;
}
@media (max-width: 767px){
	.webform_btn-list{
		margin-bottom: 40px;
	}
}
.download_btn-list{
	margin-top: 20px;
}
.btn-list li{
	width: 30%;
	min-width: 160px;
	height: 80px;
}
@media (max-width: 767px){
	.btn-list li{
		width: 100%;
		max-width: 320px;
		height: 40px;
	}
}
.btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 767px){
	.btn{
		font-size: 1.6rem;
		border-radius: 10px;
	}
}
.btn:hover{
	background: #fff;
}
.webform_btn{
	background: #0093bf;
	border: 4px solid #0093bf;
	color: #fff;
}
.download_btn{
	background: #ffcb29;
	border: 4px solid #ffcb29;
}

/* ----------    お問い合わせ ---------- */
#co-contact .tel{
	font-size: 2.8rem;
	font-weight: bold;
}
@media (max-width: 767px){
	#co-contact .tel{
		font-size: 2.4rem;
	}
}