@charset "UTF-8";

/*
---------------------------------------------------------*/



/*
---------------------------------------------------------*/
.bosyu_txt {
	color: #C1272D;
	font-size: 118%;
	line-height: 1.8;
	margin-bottom: 3em;
}
/*btn_contact*/
.btn_contact {
	width: 60%;
	max-width: 650px;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.btn_contact a {
	font-size: 131%;
	padding: 2.8em 1em 2.4em;
	box-sizing: border-box;
}
.btn_contact span {
	display: block;
	padding-top: 2.2em;
	background: url("../images/recruit/icon_mail.svg") no-repeat center top;
	background-size: 1.8em auto;
}
/*bg_img*/
.bg_img {
	position: relative;
	color: #FFF;
	height: min(40vw,590px);
	background: url("../images/recruit/bg_img@2x.jpg") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
.bg_img .com_motif {
	position: absolute;
	width: min(22vw,341px);
	right: 16%;
	bottom: 11%;
}
.bg_img .com_motif .shape {
	opacity: 0.9;
}
.bg_img .ft_conq {
	position: absolute;
	font-size: min(9vw,587%);
	letter-spacing: normal;
	line-height: 1.1;
	right: 4.6%;
	bottom: 8%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bosyu_txt {
	font-size: 110%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bosyu_txt {
	text-align: center;
	font-size: 105%;
	margin-bottom: 2em;
}
/*btn_contact*/
.btn_contact {
	width: 80%;
}
.btn_contact a {
	font-size: 110%;
	padding: 2em 1em;
}
/*bg_img*/
.bg_img {
	height: 60vw;
}
.bg_img .com_motif {
	width: 40%;
	right: 16%;
	bottom: 11%;
}
.bg_img .com_motif .shape {
	opacity: 1;
	stroke-width: 2px;
}
.bg_img .ft_conq {
	font-size: 11vw;
	right: 6%;
	bottom: 8%;
}

}


/*tbl_bosyu
---------------------------------------------------------*/
.tbl_bosyu {
	width: 100%;
	max-width: 1200px;
	border-spacing: 2px;
	margin-left: auto;
	margin-right: auto;
}
.tbl_bosyu tr {
	background-color: #fff;
}
.tbl_bosyu th,
.tbl_bosyu td {
	box-sizing: border-box;
	padding: 2.2em;
}
.tbl_bosyu th {
	width: 25%;
	text-align: left;
	color: #FFF;
	font-weight: normal;
	vertical-align: top;
	white-space: nowrap;
	background-color: rgba(138,150,78,0.85);
}
.tbl_bosyu td {
	width: 75%;
}
.tbl_bosyu .com_marulist > li:first-of-type {
	margin-top: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.tbl_bosyu {
	font-size: 95%;
}
.tbl_bosyu th {
	width: 14em;
}
.tbl_bosyu td {
	width: calc(100% - 14em);
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.tbl_bosyu {
	display: block;
	font-size: 95%;
}
.tbl_bosyu {
	line-height: 1.6;
}
.tbl_bosyu th,
.tbl_bosyu td {
	display: block;
	width: 100%;
    padding: 1em 1.2em;
}
.tbl_bosyu th {
}
.tbl_bosyu td {
	padding-bottom: 1.2em;
}

}


/*
---------------------------------------------------------*/
#bosyu .bg {
	background-color: #F8F9FA;
	padding: 110px 0 140px;
}
#bosyu .txt_large {
	text-align: center;
	font-size: 181%;
	letter-spacing: .15em;
	line-height: 1.9;
}
/*details*/
#bosyu .details dl {
	margin-top: 1em;
}
#bosyu .details dl > dt {
	min-width: 14.5em;
	text-align: center;
	color: #8A964E;
	font-size: min(2vw,125%);
	letter-spacing: .18em;
	line-height: 1.7;
	box-sizing: border-box;
	padding: 2.7em 0 4.5em;
	background: url("../images/recruit/bubble1@2x.png") no-repeat center center;
	background-size: contain;
}
#bosyu .details .com_marulist > li {
	margin-top: 1.5em;
}
/*target*/
#bosyu .target .tgt_list1 {
	display: flex;
	justify-content: center;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
#bosyu .target .tgt_list1 > li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 11em;
	height: 11em;
	text-align: center;
	font-size: min(2.5vw,181%);
	line-height: 1.5;
	letter-spacing: .14em;
	white-space: nowrap;
	background-color: #EDF2D5;
	border-radius: 50%;
	margin-right: 1.35em;
}
#bosyu .target .tgt_list1 > li:last-of-type {
	margin-right: 0;
}
#bosyu .target .tgt_list1 p {
	position: relative;
	padding-top: 3.6em;
	background: url("../images/recruit/tgt_icon1@2x.png") no-repeat center top;
	background-size: 4.8em auto;
}
#bosyu .target .tgt_list1 > li:nth-of-type(2) p {background-image: url("../images/recruit/tgt_icon2@2x.png");}
#bosyu .target .tgt_list1 > li:nth-of-type(3) p {background-image: url("../images/recruit/tgt_icon3@2x.png");}

#bosyu .target .tgt_list1 p > span {
	display: block;
	font-size: 65%;
	letter-spacing: .15em;
}
#bosyu .target dl > dt {
	display: inline-block;
	color: #8A964E;
	font-size: min(2vw,125%);
	letter-spacing: .18em;
	line-height: 1.7;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0 1em 1.8em;
	background: url("../images/recruit/bubble2.svg") no-repeat center bottom;
	background-size: contain;
	margin-bottom: 1em;
}
#bosyu .target .tgt_list2 > li {
	font-size: min(1.6vw,118%);
	line-height: 1.5;
}
#bosyu .target .tgt_list2 p > span {
	display: block;
	font-size: 152%;
	letter-spacing: .14em;
}
#bosyu .target .tgt_list2 p > span > span {
	display: inline-block;
	transform: rotate(15deg);
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1000px) {
#bosyu .details .com_marulist > li br.pc_only {
	display: none !important;
}
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*details*/
#bosyu .details dl {
	display: flex;
	align-items: flex-start;
}
#bosyu .details dl > dt {
	margin-right: 2em;
}
#bosyu .details dl > dd {
	margin-top: 1.4em;
}
/*target*/
#bosyu .target .tgt_list2 {
	display: flex;
	justify-content: space-between;
}
#bosyu .target .tgt_list2 > li {
	text-align: center;
	width: 33%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#bosyu .bg {
	padding: 8% 0 14%;
}
#bosyu .txt_large {
	font-size: 130%;
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#bosyu .bg {
	padding: 14% 0 18%;
}
#bosyu .txt_large {
	font-size: 105%;
	letter-spacing: .1em;
}
/*details*/
#bosyu .details dl {
	margin-top: 8%;
}
#bosyu .details dl > dt {
	max-width: max-content;
	min-width: auto;
	font-size: 105%;
	letter-spacing: .15em;
	line-height: 1.6;
	background-size: 100% 100%;
	padding: 1.8em 3em 2.8em;
	margin: 0 auto;
}
#bosyu .details .com_marulist > li {
	margin-top: 1em;
}
/*target*/
#bosyu .target .tgt_list1 {
	flex-wrap: wrap;
}
#bosyu .target .tgt_list1 > li {
	font-size: 90%;
	margin-right: 1.35em;
}
#bosyu .target .tgt_list1 > li:nth-of-type(even) {
	margin-right: 0;
}
#bosyu .target dl > dt {
	font-size: 105%;
	letter-spacing: .15em;
	line-height: 1.6;
}
#bosyu .target .tgt_list2 > li {
	font-size: 90%;
	white-space: nowrap;
	background: linear-gradient(transparent 60%, rgba(252,238,33,0.2) 60%);
	padding-bottom: .2em;
	margin-bottom: 1em;
}
#bosyu .target .tgt_list2 p > span {
	display: inline-block;
	font-size: 140%;
	letter-spacing: .1em;
	margin-left: .5em;
}

}


/*
---------------------------------------------------------*/


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}