@charset "utf-8";
.__rmw {
  position: relative;
  width: 25%;
  height: auto;
  margin: 0;
  padding: 8rem 0 8rem 0;
}
.__rmw .title__l {
  position: relative;
  font-size: 4.2vw;
  color: var(--main-color);
  margin: 0 0 6rem 0;
  line-height: .8;
  font-weight: 600;
}
.__rmw .title__l span {
  font-size: 1.8vw;
}
.__rmw .title__l:before {
  content: '';
  position: absolute;
  bottom: -45px;
  display: inline-block;
  width: 120px;
  height: 2px;
  left: 0;
  background-color: var(--main-color);
  border-radius: 2px;
}
.btneria {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 1rem 0 1rem 0;
  text-align: center;
}
.btneria button.ebtn {
  display: inline-block;
  background: var(--recruit-color);
  border-radius: 3rem;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.4rem;
  padding: .7rem 2rem .9rem 2rem;
  transition: 0.5s;
  cursor: pointer;
}
.btneria button.ebtn:hover {
  transform: scale(1.1, 1.1);
}
/*--------------------------
  recruit
--------------------------*/
article.recruit_main {
  position: relative;
  width: 100%;
  height: 70vh;
  margin: 0 auto;
  padding: 0;
  background: url("../img/main_bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
article.recruit_main section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
}
article.recruit_main section .view {
  position: relative;
  width: 65%;
  margin: 0 auto 0 auto;
  padding: 2rem 2rem;
  background: rgba(255, 255, 255, .8);
  font-weight: 600;
  color: var(--main-color);
  text-align: center;
}
article.recruit_main section .view h2 {
  font-size: 2.1vw;
  padding: 0 0 0 0;
  color: var(--main-color);
}
article.recruit_main section .view p {
	position: relative;
  font-size: 1.6vw;
}
article.recruit_main section .view h3 {
  width: 100%;
  margin: 0 auto 1rem auto;
  padding: 3rem 0 0 0;
}
article.recruit_main section .view h3 a {
  display: inline-block;
  background: var(--recruit-color);
  border-radius: 3rem;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  padding: .5rem 2rem;
  transition: 0.5s;
}
article.recruit_main section .view h3 a:hover {
  transition: 0.5s;
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 480px) {
article.recruit_main {
  position: relative;
  width: 100%;
  height: 40vh;
  margin: 0 auto;
  padding: 0;
  background: url("../img/main_bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
article.recruit_main section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
}
article.recruit_main section .view {
  position: relative;
  width: 80%;
  margin: 0 auto 0 auto;
  padding: 2rem 2rem;
  background: rgba(255, 255, 255, .8);
  font-weight: 600;
  color: var(--main-color);
  text-align: center;
}
article.recruit_main section .view h2 {
  font-size: 1.2rem;
  padding: 0 0 .7rem 0;
  color: var(--main-color);
}
article.recruit_main section .view p {
  font-size: 1rem;
}
article.recruit_main section .view h3 {
  width: 100%;
  margin: 0 auto 0rem auto;
  padding: 1.5rem 0 0 0;
}
article.recruit_main section .view h3 a {
  display: inline-block;
  background: var(--recruit-color);
  border-radius: 3rem;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  padding: .5rem 2rem;
  transition: 0.5s;
}
article.recruit_main section .view h3 a:hover {
  transition: 0.5s;
  transform: scale(1.1, 1.1);
}
}
/*--- service ---*/
article.recruit_bnr {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 5rem 0;
}
article.recruit_bnr .item {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 90%;
  max-width: var(--sect-maxwidth);
  height: auto;
  margin: 3rem auto 0 auto;
}
article.recruit_bnr .item .clm {
  position: relative;
  width: 30%;
  height: auto;
  margin: 0 5% 0 0;
  text-align: center;
}
article.recruit_bnr .item .clm:nth-of-type(3n) {
  margin: 0 0 0 0;
}
article.recruit_bnr .item .clm:after {}
article.recruit_bnr .item .clm.bnr1 {
  position: relative;
  background: url("../img/bnr1.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm.bnr2 {
  position: relative;
  background: url("../img/bnr2.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm.bnr3 {
  position: relative;
  background: url("../img/bnr3.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm:after {
  content: '';
  background-color: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
article.recruit_bnr .item .clm a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 10%;
  z-index: 2;
  transition: 0.5s;
}
article.recruit_bnr .item .clm a:hover {
  background-color: var(--recruit-color);
  transition: 0.5s;
  transform: scale(1.1, 1.1);
}
article.recruit_bnr .item .clm h3 {
  position: relative;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  z-index: 2;
  line-height: 1;
}
article.recruit_bnr .item .clm h3 span {
  font-size: .8rem;
  margin-left: 1rem;
}
article.recruit_bnr .item .clm h4 {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  z-index: 2;
  line-height: 1;
  text-align: left;
  margin: 1rem 0;
  padding: .5rem 2rem;
  border-radius: 2em;
  background: #fff;
  color: var(--main-color);
}
article.recruit_bnr .item .clm p {
  position: relative;
  text-align: center;
  z-index: 2;
}
article.recruit_bnr .item .clm p img {
  width: 15%;
}
@media screen and (max-width: 480px) {
article.recruit_bnr {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 5rem 0;
}
article.recruit_bnr .item {
  position: relative;
  display: block;
  align-items: stretch;
  justify-content: center;
  width: 90%;
  max-width: var(--sect-maxwidth);
  height: auto;
  margin: 3rem auto 0 auto;
}
article.recruit_bnr .item .clm {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  text-align: center;
}
article.recruit_bnr .item .clm:nth-of-type(3n) {
  margin: 0 0 0 0;
}
article.recruit_bnr .item .clm:after {}
article.recruit_bnr .item .clm.bnr1 {
  position: relative;
  background: url("../img/bnr1.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm.bnr2 {
  position: relative;
  background: url("../img/bnr2.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm.bnr3 {
  position: relative;
  background: url("../img/bnr3.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
article.recruit_bnr .item .clm:after {
  content: '';
  background-color: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
article.recruit_bnr .item .clm a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 10%;
  z-index: 2;
  transition: 0.5s;
}
article.recruit_bnr .item .clm a:hover {
  background-color: var(--recruit-color);
  transition: 0.5s;
  transform: scale(1.1, 1.1);
}
article.recruit_bnr .item .clm h3 {
  position: relative;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  z-index: 2;
  line-height: 1;
}
article.recruit_bnr .item .clm h3 span {
  font-size: .8rem;
  margin-left: 1rem;
}
article.recruit_bnr .item .clm h4 {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  z-index: 2;
  line-height: 1;
  text-align: left;
  margin: 1rem 0;
  padding: .5rem 2rem;
  border-radius: 2em;
  background: #fff;
  color: var(--main-color);
}
article.recruit_bnr .item .clm p {
  position: relative;
  text-align: center;
  z-index: 2;
}
article.recruit_bnr .item .clm p img {
  width: 15%;
}
}
/*--------------------------
  recruit_about
--------------------------*/
.recruit_about section {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 4vw 0 6vw 0;
  background: url("../img/home/main_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_about .view {
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_about .view h2 {
  font-size: 2.7vw;
  font-weight: 600;
  text-align: center;
  margin: 0 0 5% 0;
}
.recruit_about .view .block {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 5% 0;
}
.recruit_about .view .block:last-of-type {
  margin: 0 0 0 0;
}
.recruit_about .view .block .pt {
  width: 30%;
  margin: 0 auto 0 0;
  overflow: hidden;
  transform: rotate(-5deg);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit_about .view .block .pt img {
  max-width: 80%;
  height: auto;
  border: 5px solid #fff;
}
.recruit_about .view .block .pt.or {
  order: 2;
  margin: 0 0 0 auto;
  transform: rotate(5deg);
}
.recruit_about .view .block .text {
  width: 65%;
  color: #fff;
  padding: 5%;
  background: var(--main-color-alpha);
  font-size: 1.2vw;
}
.recruit_about .view .block .text.or {
  order: 1;
}
.recruit_about .view .block .text p {
  margin-bottom: 5%;
}
.recruit_about .view .block .text p:last-of-type {
  margin: 0 0 0 0;
}
.recruit_iv section {
  position: relative;
}
.recruit_iv div.__mw.last{
    padding: 2rem 0 2rem 0;
}
.recruit_iv section .inrvideo {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding:0;
	text-align: center;
}
/**********/
.recruit_iv section .recurit_msg {
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding:0;
	text-align: center;
	color: var(--main-color);
}
.recruit_iv section .recurit_msg .photo{
	position: relative;
	width: 30%;
}
.recruit_iv section .recurit_msg .photo .pt {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  border: 8px solid var(--main-color);
  border-radius: 20em;
  text-align: center;
	overflow: hidden;
}
.recruit_iv section .recurit_msg .photo .etc{
	position: absolute;
	width: 20%;
	top:45%;
	right: 9.5%;
	z-index: -1;
}
.recruit_iv section .recurit_msg .photo .etc::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  border-color: transparent transparent transparent var(--main-color);
  translate: 100% -50%;
  transform: skew(0, -0deg);
  transform-origin: left;
}
.recruit_iv section .recurit_msg .photo img{
	max-width: 100%;
	height: auto;
}
.recruit_iv section .recurit_msg .photo .tn{
    font-size: 1.1rem;
    font-weight: 600;
	padding: .7rem 0 0 0;
}
.recruit_iv section .recurit_msg .msg{
	position: relative;
	width: 65%;
	margin: 0 0 0 auto;
	text-align: left;
    font-size: 1.1rem;
    font-weight: 600;
}
@media screen and (max-width: 480px) {
.recruit_iv section .recurit_msg {
  position: relative;
	display: block;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding:0;
	text-align: center;
	color: var(--main-color);
}
.recruit_iv section .recurit_msg .photo{
	position: relative;
	width: 70%;
	margin: 0 auto 2rem auto;
}
.recruit_iv section .recurit_msg .photo .pt {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  border: 8px solid var(--main-color);
  border-radius: 20em;
  text-align: center;
	overflow: hidden;
}
.recruit_iv section .recurit_msg .photo .etc{
	position: absolute;
	width: 20%;
	top:45%;
	right: 9.5%;
	z-index: -1;
	display: none;
}
.recruit_iv section .recurit_msg .photo .etc::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  border-color: transparent transparent transparent var(--main-color);
  translate: 100% -50%;
  transform: skew(0, -0deg);
  transform-origin: left;
}
.recruit_iv section .recurit_msg .photo img{
	max-width: 100%;
	height: auto;
}
.recruit_iv section .recurit_msg .photo .tn{
    font-size: 1.1rem;
    font-weight: 600;
	padding: .7rem 0 0 0;
}
.recruit_iv section .recurit_msg .msg{
	position: relative;
	width: 100%;
	margin: 0 0 0 auto;
	text-align: left;
    font-size: 1rem;
    font-weight: 600;
	line-height: 1.8;
}
}
/**********/
.recruit_achi section {
  position: relative;
  padding-bottom: 8rem;
}
section div.__mw {
  padding: 8rem 0 2rem 0;
}
.recruit_achi section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 5%;
  background: var(--main-color-alpha);
  font-size: 1rem;
  color: #fff;
	text-align: center;
}
.recruit_figure {
  position: relative;
  background: url("../img/recruit/figure_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}
.recruit_figure section {
  position: relative;
  padding-bottom: 8rem;
}
.recruit_figure section div.__mw .title__l {
  color: #fff;
}
.recruit_figure section div.__mw .title__l:before {
  background: #fff;
}
.recruit_figure section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_figure section .inr ol {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.recruit_figure section .inr ol li {
  list-style: none;
  width: 22%;
  margin: 0 4% 4% 0;
}
.recruit_figure section .inr ol li:nth-of-type(4n) {
  margin: 0 0 4% 0;
}
.recruit_figure section .inr ol li img {
  width: 100%;
  height: auto;
}
.recruit_figure section .inr .tcr{
	text-align:center;
	color: #fff;
	padding: 1rem 0 0 0;
	font-size: 1.2vw;
}
.recruit_nutzen {
  position: relative;
}
.recruit_nutzen section {
  position: relative;
  padding-bottom: 8rem;
}
.recruit_nutzen section .inr {
  position: relative;
	display: flex;
	align-items:stretch;
	justify-content: center;
	flex-wrap: wrap;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_nutzen section .inr .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	flex-wrap: wrap;
  width: 47.5%;
  margin: 0 5% 5% 0;
	padding: 1rem 2rem 2rem 2rem;
  background: var(--main-color-alpha2);
  color: var(--main-color);
	border-radius: 4em;
}
.recruit_nutzen section .inr .item:nth-of-type(2n) {
  margin: 0 0 5% 0;
}
.recruit_nutzen section .inr .item h4 {
  position: relative;
  width: 100%;
  font-weight: 600;
  padding: 1rem 0 1rem 1rem;
  font-size: 1.5rem;
  line-height: 1.4;
}
.recruit_nutzen section .inr .item p.pt {
  width: 37%;
}
.recruit_nutzen section .inr .item p.pt img{
	max-width: 100%;
	height: auto;
}
.recruit_nutzen section .inr .item p.tx {
  width: 60%;
  padding: 0 0 0 2rem;
  font-size: 1.1rem;
	font-weight: 600;
}
.recruit_event {
  position: relative;
  /*background: url("../img/recruit/figure_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;*/
}

.recruit_event section {
  position: relative;
  padding-bottom: 8rem;
}
.recruit_event section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_event section .inr .ans {
    font-size: 1.1vw;
    font-weight: 600;
	text-align: center;
}
.recruit_event section .inr .item {
  margin: 0 0 4rem 0;
}
.recruit_event section .inr .item:last-of-type {
  margin: 0 0 0 0;
}
.recruit_event section .inr .item .clm {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.recruit_event section .inr .item .clm .pt {
  width: 30%;
  height: auto;
}
.recruit_event section .inr .item .clm .pt img {
  width: 100%;
  height: auto;
}
.recruit_event section .inr .item .clm .it {
  width: 65%;
  height: auto;
  margin: 0 0 0 auto;
}
.recruit_event section .inr .item .clm .it h3 {
  font-size: 2.5vw;
  font-weight: 600;
  border-bottom: 2px solid var(--main-color);
  margin: 0 0 1.5rem 0;
  padding: 0 0 1rem 0;
}
.recruit_event section .inr .item .clm .it p {
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 2;
  margin: 0 0 3rem 0;
}
.recruit_event section .inr .item .clm .it h4 {
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 2;
  border-bottom: 1px dashed var(--main-color);
  border-top: 1px dashed var(--main-color);
  margin: 0 0 2rem;
  padding: .5rem 0 .6rem 0;
}
.recruit_event section .inr .item .clm .it .voice {}
.recruit_event section .inr .item .clm .it .voice .in {
  position: relative;
  widows: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem 0;
	padding: 1.5rem 0 0 0;
}
.recruit_event section .inr .item .clm .it .voice .in .pt.order {
  order: 2;
}
.recruit_event section .inr .item .clm .it .voice .in .tt.order {
  order: 1;
  margin: 0 auto 0 0;
  text-align: right;
}
.recruit_event section .inr .item .clm .it .voice .in .pt {
  width: 13%;
  margin: 0 0 0 0;
}
.recruit_event section .inr .item .clm .it .voice .in .tt {
  width: 83%;
  margin: 0 0 0 auto;
  font-size: 1vw;
}
.recruit_event section .inr .item .clm .it .voice .in .tt h5 {
  font-size: 1.3vw;
  font-weight: 600;
  line-height: 2;
  border-bottom: 1px solid var(--main-color);
  margin: 0 0 .7rem 0;
  padding: 0 0 .7rem 0;
}
.recruit_event section .inr .item .clm .it .voice .in .tt p {
  font-size: 1vw;
  font-weight: 600;
  line-height: 2;
  margin: 0 0 0 0;
}
@media screen and (max-width: 480px) {
.recruit_about section {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0 4rem 0;
  background: url("../img/home/main_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_about .view {
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_about .view h2 {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 5% 0;
}
.recruit_about .view .block {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 5% 0;
	color: #fff;
}
.recruit_about .view .block:last-of-type {
  margin: 0 0 0 0;
}
.recruit_about .view .block .pt {
  width: 30%;
  margin: 0 auto 0 0;
  overflow: hidden;
  transform: rotate(-5deg);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
	display: none;
}
.recruit_about .view .block .pt img {
  max-width: 80%;
  height: auto;
  border: 5px solid var(--main-color);
}
.recruit_about .view .block .pt.or {
  order: 2;
  margin: 0 0 0 auto;
  transform: rotate(5deg);
}
.recruit_about .view .block .text {
  width: 100%;
  padding: 5%;
  background: var(--main-color-alpha);
  font-size: 1rem;
	line-height: 1.6;
}
.recruit_about .view .block .text.or {
  order: 1;
}
.recruit_about .view .block .text p {
  margin-bottom: 5%;
}
.recruit_about .view .block .text p:last-of-type {
  margin: 0 0 0 0;
}
.recruit_iv section .inrvideo iframe{
  position: relative;
  width: 100%;
}
.recruit_achi section {
  position: relative;
  padding-bottom: 4rem;
}
section div.__mw {
  padding: 4rem 0 2rem 0;
}
.recruit_achi section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 5%;
  background: var(--main-color-alpha);
  font-size: 1.2rem;
  color: #fff;
}
.recruit_figure {
  position: relative;
  background: url("../img/recruit/figure_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}
.recruit_figure section {
  position: relative;
  padding-bottom: 4rem;
}
.recruit_figure section div.__mw .title__l {
  color: #fff;
}
.recruit_figure section div.__mw .title__l:before {
  background: #fff;
}
.recruit_figure section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_figure section .inr ol {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.recruit_figure section .inr ol li {
  list-style: none;
  width: 47.5%;
  margin: 0 5% 5% 0;
}
.recruit_figure section .inr ol li:nth-of-type(4n) {
  margin: 0 0 5% 0;
}
.recruit_figure section .inr ol li:nth-of-type(2n) {
  margin: 0 0 5% 0;
}
.recruit_figure section .inr ol li img {
  width: 100%;
  height: auto;
}
.recruit_figure section .inr .tcr{
	text-align:left;
	color: #fff;
	padding: 1rem 1rem 0 1rem;
	font-size: 1rem;
	line-height: 1.8;
}
.recruit_nutzen {
  position: relative;
}
.recruit_nutzen section {
  position: relative;
  padding-bottom: 4rem;
}
.recruit_nutzen section .inr {
  position: relative;
	display: flex;
	align-items:stretch;
	justify-content: center;
	flex-wrap: wrap;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_nutzen section .inr .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	flex-wrap: wrap;
  width: 100%;
  margin: 0 0 5% 0;
	padding: 1rem 2rem 2rem 2rem;
  background: var(--main-color-alpha2);
  color: var(--main-color);
	border-radius: 4em;
}
.recruit_nutzen section .inr .item:nth-of-type(2n) {
  margin: 0 0 5% 0;
}
.recruit_nutzen section .inr .item h4 {
  position: relative;
  width: 100%;
  font-weight: 600;
  padding: 1rem 0 1rem 1rem;
  font-size: 1.2rem;
  line-height: 1.4;
}
.recruit_nutzen section .inr .item p.pt {
  width: 32%;
}
.recruit_nutzen section .inr .item p.pt img{
	max-width: 100%;
	height: auto;
}
.recruit_nutzen section .inr .item p.tx {
  width: 65%;
  padding: 0 0 0 2rem;
  font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.6;
}
.recruit_event {
  position: relative;
}
.recruit_event section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_event section .inr .ans {
    font-size: 1rem;
    font-weight: 600;
	text-align: left;
}
.recruit_event section .inr .item {
  margin: 0 0 4rem 0;
}
.recruit_event section .inr .item:last-of-type {
  margin: 0 0 0 0;
}
.recruit_event section .inr .item .clm {
  position: relative;
  display: block;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.recruit_event section .inr .item .clm .pt {
  width: 100%;
  height: auto;
	margin-bottom: 1.5rem;
}
.recruit_event section .inr .item .clm .pt img {
  width: 100%;
  height: auto;
}
.recruit_event section .inr .item .clm .it {
  width: 100%;
  height: auto;
  margin: 0 0 0 auto;
}
.recruit_event section .inr .item .clm .it h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
  padding: 0 0 1rem 0;
}
.recruit_event section .inr .item .clm .it p {
  font-size: 1rem;
  font-weight: 600;
  line-height: 2;
  margin: 0 0 3rem 0;
}
.recruit_event section .inr .item .clm .it h4 {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 2;
  border-bottom: 1px dashed var(--main-color);
  border-top: 1px dashed #fff;
  margin: 0 0 2rem;
  padding: .5rem 0 .6rem 0;
}
.recruit_event section .inr .item .clm .it .voice {}
.recruit_event section .inr .item .clm .it .voice .in {
  position: relative;
  widows: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem 0;
}
.recruit_event section .inr .item .clm .it .voice .in .pt.order {
  order: 2;
}
.recruit_event section .inr .item .clm .it .voice .in .tt.order {
  order: 1;
  margin: 0 auto 0 0;
  text-align: right;
}
.recruit_event section .inr .item .clm .it .voice .in .pt {
  width: 13%;
  margin: 0 0 0 0;
}
.recruit_event section .inr .item .clm .it .voice .in .tt {
  width: 83%;
  margin: 0 0 0 auto;
  font-size: 1rem;
}
.recruit_event section .inr .item .clm .it .voice .in .tt h5 {
  font-size: .9rem;
  font-weight: 600;
  line-height: 2;
  border-bottom: 1px solid  var(--main-color);
  margin: 0 0 .7rem 0;
  padding: 0 0 .7rem 0;
}
.recruit_event section .inr .item .clm .it .voice .in .tt p {
  font-size: .8rem;
  font-weight: 600;
  line-height: 2;
  margin: 0 0 0 0;
}
}
/*--------------------------
  recruit_business
--------------------------*/
.recruit_business {
  margin: 0 auto 6rem auto;
}
.recruit_business .ibtn {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.recruit_business .ibtn .btn {
  position: relative;
  width: 25%;
  height: 30vh;
  margin: 0;
  padding: 0;
  line-height: 1;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 50%
}
.recruit_business .ibtn .btn:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: url("../img/icon/after_rb.png") no-repeat;
  background-size: 20% auto;
  background-position: 100% 100%;
}
.recruit_business .ibtn .btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  /*padding: 15% 0;*/
  /*writing-mode: vertical-rl;*/
  text-decoration: none;
  z-index: 1;
  transition: 0.5s;
}
.recruit_business .ibtn .btn a:hover span {
  background: rgba(201, 30, 75, .9);
  transition: 0.5s;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruit_business .ibtn .btn a span {
  background: rgba(201, 30, 75, .8);
  color: #fff;
  text-decoration: none;
  font-size: 1.5vw;
  font-weight: 600;
  height: auto;
  text-align: center;
  padding: 1.5rem;
  transition: 0.5s;
}
@media screen and (max-width: 480px) {
  .recruit_business .ibtn {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    align-items: stretch;
    justify-content: center;
  }
  .recruit_business .ibtn .btn {
    position: relative;
    width: 100%;
    height: 20vh;
    margin: 0;
    padding: 0;
    line-height: 1;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%
  }
  .recruit_business .ibtn .btn:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../img/icon/after_rb.png") no-repeat;
    background-size: 15% auto;
    background-position: 100% 100%;
  }
  .recruit_business .ibtn .btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    writing-mode: horizontal-tb;
    text-decoration: none;
    z-index: 1;
    transition: 0.5s;
    padding: 1.5rem;
  }
  .recruit_business .ibtn .btn a:hover span {
    background: rgba(201, 30, 75, 1);
    transition: 0.5s;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .recruit_business .ibtn .btn a span {
    background: rgba(201, 30, 75, .8);
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 600;
    width: auto;
    height: auto;
    text-align: center;
    padding: 1.5rem;
  }
}
/*--------------------------
  business_detail
--------------------------*/
.business_detail section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
}
.business_detail section .info {
  position: relative;
  width: 60%;
  padding: 5% 0 5% 5%;
}
.business_detail section .info h2 {
  display: inline-block;
  width: auto;
  background: var(--main-color);
  color: #fff;
  font-size: 1.7rem;
  padding: .7rem 1.4rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.business_detail section .info p {
  font-size: 1rem;
  font-weight: 600;
}
.business_detail section .photo {
  position: relative;
  width: 40%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
}
.business_detail section .photo:after {
  position: absolute;
  content: "";
  left: 0%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../img/recruit/mask1.png") no-repeat;
  background-size: auto 100%;
  background-position: 0 100%;
}
.business_detail section.schedule {
  position: relative;
  display: block;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0 6rem 0;
}
.business_detail section.schedule h3 {
  position: relative;
  font-size: 2rem;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
.business_detail section.schedule h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px var(--main-color);
  bottom: -2px;
  width: 10%;
}
.business_detail section.schedule .ans {
	position: relative;
  width: 90%;
  margin: 0 5%;
	padding: 5% 0 0 0;
	font-size: 1.4em;
}
.business_detail section .sc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin: 0 5%;
}
.business_detail section .sc ul {
  position: relative;
  width: 100%;
}
.business_detail section .sc li {
  list-style-type: none;
}
.business_detail section .sc dd {
  margin-left: 0;
}
.business_detail section .sc ul {
  position: relative;
  padding: 0;
}
.business_detail section .sc ul::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}
.business_detail section .sc ul > li {
  position: relative;
  width: 100%;
}
.business_detail section .sc ul > li:not(:last-child) {
  margin-bottom: 2rem;
}
.business_detail section .sc ul > li dl {
  padding-left: 70px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.business_detail section .sc ul > li dl::before, .business_detail section .sc ul > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
}
.business_detail section .sc ul > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: var(--main-color);
  border-radius: 50%;
  left: -4px;
}
.business_detail section .sc ul > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #222;
  position: absolute;
  left: 5px;
}
.business_detail section .sc ul > li dl dt {
  font-size: 1.8em;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  margin: 0 5% 0 0;
}
.business_detail section .sc ul > li dl dd {
  width: auto;
  font-size: 1.4em;
  color: #222;
  display: flex;
  align-items: center;
}

.business_detail section.etc {
  position: relative;
  display: block;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 0 0;
}
.business_detail section.etc .item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 4rem 0;
}
.business_detail section.etc .item .pt {
  position: relative;
  width: 50%;
  margin: 0 auto 0 0;
}
.business_detail section.etc .item .pt img {
  width: 100%;
  height: auto;
}
.business_detail section.etc .item .i {
  position: relative;
  width: 74%;
	margin: 0 0 0 -24%;
  background: var(--main-color-alpha);
  padding: 3% 5%;
  color: #fff;
}
.business_detail section.etc .item .pt.order {
  order: 2;
  margin: 0 0 0 auto;
}
.business_detail section.etc .item .i.order {
  order: 1;
	margin: 0 -24% 0 0;
  z-index: 1;
}
.business_detail section.etc .item .i h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.business_detail section.etc .item .i p {
  margin: 0 0 2rem 0;
  font-size: 0.9rem;
}
.business_detail section.etc .item .i p:last-of-type {
  margin: 0 0 0 0;
}
.business_detail section.etc .ans {
  position: relative;
  width: 100%;
  padding: 3% 5%;
  background: var(--main-color);
  color: #fff;
}
.business_detail section.etc .ans h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 .6rem 0;
}
.business_detail section.etc .ans h3 span {
  border: 1px dashed #fff;
  padding: .2rem .6rem;
}
.business_detail section.etc .ans p {
  margin: 0 0 2rem 0;
  font-size: 0.9rem;
}
.business_detail section.etc .ans p:last-of-type {
  margin: 0 0 0 0;
}
@media screen and (max-width: 480px) {
.business_detail section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
}
.business_detail section .info {
  position: relative;
  width: 100%;
  padding: 5% 0 5% 5%;
}
.business_detail section .info h2 {
  display: inline-block;
  width: auto;
  background: var(--main-color);
  color: #fff;
  font-size: 1.2rem;
  padding: .7rem 1.4rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.business_detail section .info p {
  font-size: 1rem;
  font-weight: 600;
}
.business_detail section .photo {
	display: none;
  position: relative;
  width: 60%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
}
.business_detail section .photo:after {
  position: absolute;
  content: "";
  left: 0%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../img/recruit/mask1.png") no-repeat;
  background-size: auto 100%;
  background-position: 0 100%;
}
.business_detail section.schedule {
  position: relative;
  display: block;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 6rem 0;
}
.business_detail section.schedule h3 {
  position: relative;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
.business_detail section.schedule h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px var(--main-color);
  bottom: -2px;
  width: 10%;
}
.business_detail section .sc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin: 0 5%;
}
.business_detail section .sc ul {
  position: relative;
  width: 100%;
}
.business_detail section .sc li {
  list-style-type: none;
}
.business_detail section .sc dd {
  margin-left: 0;
}
.business_detail section .sc ul {
  position: relative;
  padding: 0;
}
.business_detail section .sc ul::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}
.business_detail section .sc ul > li {
  position: relative;
  width: 100%;
}
.business_detail section .sc ul > li:not(:last-child) {
  margin-bottom: 2rem;
}
.business_detail section .sc ul > li dl {
  padding-left: 70px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.business_detail section .sc ul > li dl::before, .business_detail section .sc ul > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
}
.business_detail section .sc ul > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: var(--main-color);
  border-radius: 50%;
  left: -4px;
}
.business_detail section .sc ul > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #222;
  position: absolute;
  left: 5px;
}
.business_detail section .sc ul > li dl dt {
  font-size: 1.8em;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  margin: 0 5% 0 0;
}
.business_detail section .sc ul > li dl dd {
  width: auto;
  font-size: 1.4em;
  color: #222;
  display: flex;
  align-items: center;
}
.business_detail section.etc {
  position: relative;
  display: block;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 2rem 0;
}
.business_detail section.etc .item {
  position: relative;
  width: 100%;
  display: block;
  align-items: center;
  justify-content: center;
  margin: 0 0 4rem 0;
}
.business_detail section.etc .item .pt {
  position: relative;
  width: 100%;
  margin: 0 auto 3% auto;
}
.business_detail section.etc .item .pt img {
  width: 100%;
  height: auto;
}
.business_detail section.etc .item .i {
  position: relative;
  width: 100%;
	margin: 0 auto 0 auto;
  right: 0;
  background: var(--main-color);
  padding: 3% 5%;
  color: #fff;
	line-height: 1.8;
}
.business_detail section.etc .item .pt.order {
  order: 2;
  margin: 0 auto 3% auto;
}
.business_detail section.etc .item .i.order {
  order: 1;
  left: 0;
  z-index: 1;
}
.business_detail section.etc .item .i h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.business_detail section.etc .item .i p {
  margin: 0 0 2rem 0;
  font-size: 0.9rem;
}
.business_detail section.etc .item .i p:last-of-type {
  margin: 0 0 0 0;
}
.business_detail section.etc .ans {
  position: relative;
  width: 100%;
  padding: 3% 5%;
  background: var(--main-color);
  color: #fff;
	line-height: 1.8;
}
.business_detail section.etc .ans h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 .6rem 0;
}
.business_detail section.etc .ans h3 span {
  border: 1px dashed #fff;
  padding: .2rem .6rem;
}
.business_detail section.etc .ans p {
  margin: 0 0 2rem 0;
  font-size: 0.9rem;
}
.business_detail section.etc .ans p:last-of-type {
  margin: 0 0 0 0;
}
}
/*--------------------------
  check list
--------------------------*/
.checklist section {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 4rem 0;
}
.checklist section h3 {
  position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--main-color);
  border-left: 5px solid var(--main-color);
  padding: 0 0 0 .5rem;
  margin: 4rem 0 1rem 0;
}
.checklist section h3 span{
	font-size: 0.7rem;
	margin:.35rem 0 0 1rem;
}
.checklist section h3 span a{
	position: relative;
	background: var(--main-color);
	border-radius: 5rem;
	color: #fff;
	padding: .5rem 1rem .5rem 2.2rem;
	text-decoration: none;
	background-image: url("../img/icon/pdf_dwn.png");
	background-repeat: no-repeat;
	background-position: 15% 60%;
	background-size: auto 60%;
}
.checklist section .pdferia {
	position: relative;
	width: 70%;
	height: 65.25vh;
  margin:1rem auto 4rem auto;
}
.checklist section .pdferia embed {
	position: relative;
　width: 100%;
　height: 550px;
}
@media screen and (max-width: 480px) {
.checklist section {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 4rem 0;
}
.checklist section h3 {
  position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--main-color);
  border-left: 5px solid var(--main-color);
  padding: 0 0 0 .5rem;
  margin: 4rem 0 1rem 0;
}
.checklist section h3 span{
	font-size: 0.7rem;
	margin:.35rem 0 0 1rem;
}
.checklist section h3 span a{
	position: relative;
	background: var(--main-color);
	border-radius: 5rem;
	color: #fff;
	padding: .5rem 1rem .5rem 2.2rem;
	text-decoration: none;
	background-image: url("../img/icon/pdf_dwn.png");
	background-repeat: no-repeat;
	background-position: 15% 60%;
	background-size: auto 60%;
}
.checklist section .pdferia {
	position: relative;
	width: 100%;
	height: 65.25vh;
  margin:1rem auto 4rem auto;
}
.checklist section .pdferia embed {
	position: relative;
　width: 100%;
　height: 550px;
}
}
/*------------*/
section.graph{
    position: relative;
    display: block;
    width: 100%;
    max-width: var(--sect-maxwidth);
    margin: 0 auto;
    padding: 4rem 0 6rem 0;
}
section.graph h3 {
  position: relative;
  font-size: 2rem;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
section.graph h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px var(--main-color);
  bottom: -2px;
  width: 10%;
}
.pb_graph {
  box-shadow: 0 3px 5px rgba(0, 0, 0, .07);
  max-width:95%;
  margin: 0 auto 2em !important;
  padding: 3rem 2rem 3rem 2rem;
  color: #333;
  background: #fafafa;
}
.pb_graph ul {
  margin: 0!important;
  padding: 0!important;
  border: none!important;
}
.pb_graph ul li {
  list-style: none!important;
  margin: 0 !important;
  padding: 0 !important;
}
.pb_graph ul li:before {
  content: unset !important;
}
.pb_graph_wrap {
  display: flex;
  margin: 0 0 3rem 0;
}
.pb_graph li:last-child .pb_graph_wrap {
  margin: 20px 0 0;
}
.pb_graph_axis {
  width: 80%;
  margin-top: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.pb_graph_axis:before {
  content: "";
  display: inline-block;
  height: 5px;
  background: #E3E6E7;
  width: 100%;
  position: absolute;
}
.pb_graph_basis {
  width: 25%;
  color: #71828A;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.pb_graph_basis_inner {
  display: inline-block;
  text-align: left;
	color: var(--main-color);
	font-size: 1.2rem;
}
.pb_graph_wrap .pb_graph_basis:first-of-type {
  text-align: right;
  padding-right: 15px;
}
.pb_graph_wrap .pb_graph_basis:last-of-type {
  text-align: left;
  padding-left: 15px;
}
.pb_graph_scale {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  width: 20px;
  margin-top: 0 !important;
}
.pb_graph_scale:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: -10px;
  margin-bottom: 10px;
  background: #E3E6E7;
}
.pb_graph_axis:after, .pb_graph_scale:after {
  content: unset !important;
}
.pb_graph .pb_graph_scale .pb_graph_item {
  width: 42px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #777;
  text-align: center;
  padding-top: 5px;
  margin-top: -10px !important;
}
.pb_graph .pb_graph_scale[data-check='true']:before {
  background:#ee8f81;
}
@media screen and (max-width:600px) {
section.graph{
    position: relative;
    display: block;
    width: 100%;
    max-width: var(--sect-maxwidth);
    margin: 0 auto;
    padding: 4rem 0 0 0;
}
section.graph h3 {
  position: relative;
  font-size: 1.6rem;
	line-height: 1.6;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
section.graph h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px var(--main-color);
  bottom: -2px;
  width: 10%;
}
	
  .pb_graph {
    padding: 2em 1em !important;
  }
  .pb_graph_axis {
    width: 40%;
  }
  .pb_graph_basis {
    width: 30%;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 1.8;
  }
  .pb_graph_wrap .pb_graph_basis:first-of-type {
    padding-right: 7px;
  }
  .pb_graph_wrap .pb_graph_basis:last-of-type {
    padding-left: 7px;
  }
  .pb_graph_scale {
    width: 16px;
  }
  .pb_graph_scale:before {
    width: 16px;
    height: 16px;
  border-radius: 50%;
  margin-top:-5px;
  margin-bottom: 10px;
  background: #E3E6E7;
  }
  .pb_graph .pb_graph_scale .pb_graph_item {
    font-size: 12px;
  }
  .pb_graph_scale[data-check='true']:before {
    font-size: 20px;
  }
}
/*------------*/
section.msg{
    position: relative;
    display: block;
    width: 100%;
    max-width: var(--sect-maxwidth);
    margin: 0 auto;
    padding: 4rem 0 2rem 0;
}
section.msg h3 {
  position: relative;
  font-size: 2rem;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
section.msg h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px var(--main-color);
  bottom: -2px;
  width: 10%;
}
section.msg .youtube{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
@media screen and (max-width:600px) {
section.msg{
    position: relative;
    display: block;
    width: 100%;
    max-width: var(--sect-maxwidth);
    margin: 0 auto;
    padding: 4rem 0 0 0;
}
section.msg h3 {
  position: relative;
  font-size: 1.6rem;
	line-height: 1.8;
  font-weight: 800;
  color: var(--main-color);
  border-bottom: solid 2px #ddd;
  margin: 0 auto 3rem auto;
}
section.msg .youtube iframe{
  position: relative;
  width: 100%;
}
}
/*--------------------------
  business_entry
--------------------------*/
.recruit_entry section.form {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
  background: #EFEFEF;
  text-align: center;
}
.recruit_entry section .search_eria {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
  padding: 3rem 0 1.5rem 0;
  text-align: center;
}
.recruit_entry section .search_eria .ans {
  width: 50%;
  font-size: 1rem;
}
.recruit_entry section .search_eria form {
  width: 50%;
}
.recruit_entry section button.search_btn {
  position: relative;
  width: auto;
  margin: 0 auto 2rem auto;
  border: 2px solid var(--main-color);
  border-radius: 2rem;
  padding: .3rem 2rem .5rem 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
}
.recruit_entry section button.search_btn:hover {
  background: var(--main-color);
  transition: 0.5s;
  color: #fff;
}
.recruit_entry section .search_eria dl {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1rem;
}
.recruit_entry section .search_eria dl dt, .recruit_entry section .search_eria dl dd {
  margin: 0 0 1rem 0;
}
.recruit_entry section .search_eria dl dt:last-of-type, .recruit_entry section .search_eria dl dd:last-of-type {
  margin: 0 0 0 0;
}
.recruit_entry section .search_eria dl dt {
  width: 15%;
  background: var(--main-color);
  padding: 0.4rem 1rem .4rem 1rem;
  line-height: 2;
  color: #fff;
}
.recruit_entry section .search_eria dl dd {
  width: 85%;
  padding: .2rem 1rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.recruit_entry section .search_eria dl dd.cList label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em 1em 0.3em 1em;
  border-radius: 0.3em;
  width: auto;
  cursor: pointer;
}
.recruit_entry section .search_eria dl dd.cList label:hover {
  background-color: #EEE;
}
.recruit_entry section .search_eria dl dd.cList [type="checkbox"] {
  transform: scale(1.3);
  transform-origin: right bottom;
  margin: 0 0.5em -.5em 0;
  vertical-align: middle;
  font-size: 1rem;
}
.recruit_entry section.list {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0;
}
.recruit_entry section.list .count {
  position: relative;
  padding: 2rem 0;
  text-align: left;
  font-weight: 600;
  font-size: 1.2rem;
}
.recruit_entry section.list .none {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
}
.recruit_entry section.list .block {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
	margin: 0 0 3rem 0;
	padding: 0 0 3rem 0;
	border-bottom: 1px dashed var(--main-color);
}
.recruit_entry section.list .block .img {
  width: 40%;
  height: auto;
  order: 2;
}
.recruit_entry section.list .block .img img {
  width: 100%;
  height: auto;
}
.recruit_entry section.list .block .i {
  width: 55%;
  height: auto;
  margin: 0 5% 0 0;
  order: 1;
  font-size: 1.1rem;
  font-weight: 600;
}
.recruit_entry section.list .block .i h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1.5rem 0;
}
.recruit_entry section.list .block .i .add {
  width: 55%;
  height: auto;
  margin: 0 5% 0 0;
  margin: 0 0 1.5rem 0;
}
.recruit_entry section.list .block .i dl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.4;
}
.recruit_entry section.list .block .i dl dt, .recruit_entry section.list .block .i dl dd {
  margin-bottom: .5rem;
}
.recruit_entry section.list .block .i dl dt:last-of-type, .recruit_entry section.list .block .i dl dd:last-of-type {
  margin-bottom: 0rem;
}
.recruit_entry section.list .block .i dl dt {
  border: 1px solid var(--main-color);
  border-radius: 5rem;
  padding: 0 1rem 0 1rem;
  width: 20%;
  text-align: center;
}
.recruit_entry section.list .block .i dl dd {
  width: 80%;
  padding: .2rem 1rem;
}
.recruit_entry section.list .block .btn {
  position: relative;
  width: 100%;
  padding: 1rem 0 0 0;
  order: 3;
}
.recruit_entry section.list .block .btn a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 35px;
  vertical-align: middle;
  color: var(--recruit-color);
  text-decoration: none;
  font-size: 1.6rem;
}
.recruit_entry section.list .block .btn a::before, .recruit_entry section.list .block .btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.recruit_entry section.list .block .btn a::before {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--recruit-color);
}
.recruit_entry section.list .block .btn a::after {
  left: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.recruit_entry section.list h4 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--main-color);
  padding: 1rem 0 .5rem;
}
.recruit_entry section.list table {
  position: relative;
  width: 100%;
  height: auto;
}
.recruit_entry section.list table th, .recruit_entry section.list table td {
  font-size: 1rem;
  padding: .7rem 1.4rem;
}
.recruit_entry section.list table th {
  width: 20%;
}
@media screen and (max-width: 480px) {
.recruit_entry section.form {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
  background: #EFEFEF;
  text-align: center;
}
.recruit_entry section .search_eria {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	flex-wrap: wrap;
  width: 100%;
  font-size: 1.2rem;
  padding: 3rem 0 1.5rem 0;
  text-align: center;
}
.recruit_entry section .search_eria .ans {
  width: 100%;
  font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}
.recruit_entry section .search_eria form {
  width: 50%;
}
.recruit_entry section button.search_btn {
  position: relative;
  width: auto;
  margin: 0 auto 2rem auto;
  border: 2px solid var(--main-color);
  border-radius: 2rem;
  padding: .3rem 2rem .5rem 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
}
.recruit_entry section button.search_btn:hover {
  background: var(--main-color);
  transition: 0.5s;
  color: #fff;
}
.recruit_entry section .search_eria dl {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1rem;
}
.recruit_entry section .search_eria dl dt, .recruit_entry section .search_eria dl dd {
  margin: 0 0 1rem 0;
}
.recruit_entry section .search_eria dl dt:last-of-type, .recruit_entry section .search_eria dl dd:last-of-type {
  margin: 0 0 0 0;
}
.recruit_entry section .search_eria dl dt {
  width: 100%;
  background: var(--main-color);
  padding: 0.4rem 1rem .4rem 1rem;
  line-height: 2;
  color: #fff;
	font-weight: 600;
}
.recruit_entry section .search_eria dl dd {
  width:100%;
  padding: .2rem 1rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
	flex-wrap: wrap;
	
}
.recruit_entry section .search_eria dl dd.cList label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em 1em 0.3em 1em;
  border-radius: 0.3em;
  width: auto;
  cursor: pointer;
	white-space: nowrap;
}
.recruit_entry section .search_eria dl dd.cList label:hover {
  background-color: #EEE;
}
.recruit_entry section .search_eria dl dd.cList [type="checkbox"] {
  transform: scale(1.3);
  transform-origin: right bottom;
  margin: 0 0.5em -.5em 0;
  vertical-align: middle;
  font-size: 1rem;
}
.recruit_entry section.list {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0;
}
.recruit_entry section.list .count {
  position: relative;
  padding: 2rem 0;
  text-align: left;
  font-weight: 600;
  font-size: 1.2rem;
}
.recruit_entry section.list .none {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
}
.recruit_entry section.list .block {
  position: relative;
  display: block;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.recruit_entry section.list .block .img {
  width: 100%;
  height: auto;
  order: 2;
	margin: 0 0 1rem 0;
}
.recruit_entry section.list .block .img img {
  width: 100%;
  height: auto;
}
.recruit_entry section.list .block .i {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  order: 1;
  font-size: 1rem;
  font-weight: 600;
}
.recruit_entry section.list .block .i h3 {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1.5rem 0;
}
.recruit_entry section.list .block .i .add {
  width: 55%;
  height: auto;
  margin: 0 5% 0 0;
  margin: 0 0 1.5rem 0;
}
.recruit_entry section.list .block .i dl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.4;
}
.recruit_entry section.list .block .i dl dt, .recruit_entry section.list .block .i dl dd {
  margin-bottom: .5rem;
}
.recruit_entry section.list .block .i dl dt:last-of-type, .recruit_entry section.list .block .i dl dd:last-of-type {
  margin-bottom: 0rem;
}
.recruit_entry section.list .block .i dl dt {
  border: 1px solid var(--main-color);
  border-radius: 5rem;
  padding: 0 1rem 0 1rem;
  width: 30%;
  text-align: center;
}
.recruit_entry section.list .block .i dl dd {
  width: 70%;
  padding: .2rem 1rem;
}
.recruit_entry section.list .block .btn {
  position: relative;
  width: 100%;
  padding: 1rem 0 0 0;
  order: 3;
}
.recruit_entry section.list .block .btn a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 35px;
  vertical-align: middle;
  color: var(--recruit-color);
  text-decoration: none;
  font-size: 1.6rem;
}
.recruit_entry section.list .block .btn a::before, .recruit_entry section.list .block .btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.recruit_entry section.list .block .btn a::before {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--recruit-color);
}
.recruit_entry section.list .block .btn a::after {
  left: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.recruit_entry section.list h4 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--main-color);
  padding: 1rem 0 .5rem;
}
.recruit_entry section.list table {
  position: relative;
  width: 100%;
  height: auto;
}
.recruit_entry section.list table th, .recruit_entry section.list table td {
  font-size: 1rem;
  padding: .7rem 1.4rem;
}
.recruit_entry section.list table th {
  width: 100%;
	background: #efefef;
}
}
/*--------------------------
  recruit_qa
--------------------------*/
.recruit_qa section {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 4rem 0;
}
.recruit_qa section h3 {
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--main-color);
  border-left: 5px solid var(--main-color);
  padding: 0 0 0 .5rem;
  margin: 4rem 0 1rem 0;
}
.recruit_qa section .qa {
  max-width: 100%;
  margin-bottom: 1rem;
  border: 2px solid #d6dde3;
  border-radius: 5px;
}
.recruit_qa section .qa summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 3em;
  color: solid var(--main-color);
  font-weight: 600;
  cursor: pointer;
  font-size: 1.1rem;
}
.recruit_qa section .qa summary::before, .recruit_qa section .qa p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.3rem;
}
.recruit_qa section .qa summary::before {
  color: var(--main-color);
  content: "Q";
}
.recruit_qa section .qa summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .5s;
}
.recruit_qa section .qa[open] summary::after {
  transform: rotate(225deg);
}
.recruit_qa section .qa p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 3em 2em;
  color: #000;
  transition: transform .5s, opacity .5s;
  font-size: 1rem;
}
.recruit_qa section .qa[open] p {
  transform: none;
  opacity: 1;
}
.recruit_qa section .qa p::before {
  color: #FF006C;
  line-height: 1.2;
  content: "A";
  font-size: 1.4rem;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
.recruit_qa section {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 0 0 4rem 0;
}
.recruit_qa section h3 {
  position: relative;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--main-color);
  border-left: 5px solid var(--main-color);
  padding: 0 0 0 .5rem;
  margin: 4rem 0 1rem 0;
}
.recruit_qa section .qa {
  max-width: 100%;
  margin-bottom: 1rem;
  border: 2px solid #d6dde3;
  border-radius: 5px;
}
.recruit_qa section .qa summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 3em;
  color: solid var(--main-color);
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2rem;
}
.recruit_qa section .qa summary::before, .recruit_qa section .qa p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.4rem;
}
.recruit_qa section .qa summary::before {
  color: var(--main-color);
  content: "Q";
}
.recruit_qa section .qa summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .5s;
}
.recruit_qa section .qa[open] summary::after {
  transform: rotate(225deg);
}
.recruit_qa section .qa p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 3em 1.5em;
  color: #000;
  transition: transform .5s, opacity .5s;
  font-size: 1rem;
}
.recruit_qa section .qa[open] p {
  transform: none;
  opacity: 1;
}
.recruit_qa section .qa p::before {
  color: #FF006C;
  line-height: 1.2;
  content: "A";
  font-size: 1.8rem;
  font-weight: 600;
}	
}
/*--------------------------
  recruit_form
--------------------------*/
.recruit_form section {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
  padding: 4rem 0;
}
.recruit_form section h3 {
  background: var(--main-color-alpha);
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding: .7rem 1rem;
  text-align: center;
}
.recruit_form section dl {
  width: 90%;
  margin: 0 auto;
  font-size: 1.2rem;
}
.recruit_form section dl dt, .recruit_form section dl dd {
  width: 100%;
  height: auto;
}
.recruit_form section dl dt {
  font-weight: 600;
  margin: 0 0 .5rem 0;
  vertical-align: middle;
}
.recruit_form section dl dt b {
  display: inline-block;
  font-size: 0.7rem;
  color: rgba(255, 0, 4, 1.00);
  border: 1px solid rgba(255, 0, 4, 1.00);
  padding: 0 .5rem;
  margin: 0 0 0 .7rem;
  border-radius: .3rem;
}
.recruit_form section dl dd {
  margin: 0 0 1rem 0
}
.recruit_form section dl dd .error {
  max-width: 100%;
  padding: 10px 20px;
  margin: 0 auto 25px auto;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  font-size: 0.8rem;
}
.recruit_form section dl .privacy {
  max-width: 100%;
  height: 14rem;
  padding: .7rem 1rem;
  border: 1px solid #CCCCCC;
  overflow-y: scroll;
  font-size: 1rem;
}
.recruit_form section dl .privacy p {
  margin: 0 0 1rem;
}
.recruit_form section dl .privacy .right {
  margin: 0 0 1rem 0;
  text-align: right;
}
.recruit_form section dl .privacy .right:last-of-type {
  margin: 0 0 0 0;
  text-align: right;
}
.recruit_form section dl .privacy .dem {}
.recruit_form section dl .privacy .dem li {
  list-style: decimal;
  list-style-position: outside;
  margin: 0 0 .7rem 1.5rem;
  font-weight: normal;
}
.recruit_form section dl .privacy .dem li strong {
  font-weight: 600;
}
.recruit_form section .__btn {
  position: relative;
  width: auto;
  margin: 0 auto 2rem auto;
  border: 2px solid var(--main-color);
  border-radius: 2rem;
  padding: .3rem 2rem .5rem 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
}