@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: 4rem 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: 50vh;
  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 {
  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_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: 1.8rem;
  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: 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: 30%;
  margin: 0 5% 5% 0;
}
.recruit_figure section .inr ol li:nth-of-type(3n) {
  margin: 0 0 5% 0;
}
.recruit_figure section .inr ol li img {
  width: 100%;
  height: auto;
}
.recruit_nutzen {
  position: relative;
}
.recruit_nutzen section {
  position: relative;
  padding-bottom: 8rem;
}
.recruit_nutzen section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_nutzen section .inr .item {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 2% 0;
  background: var(--main-color-alpha);
  color: #fff;
}
.recruit_nutzen section .inr .item h4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 30%;
  font-weight: 600;
  padding: 2rem;
  font-size: 1.5rem;
  line-height: 1.4;
  background: var(--main-color);
}
.recruit_nutzen section .inr .item p {
  width: 70%;
  padding: 2rem;
  font-size: 1.1rem;
}
.recruit_event {
  position: relative;
  background: url("../img/recruit/figure_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_event:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}
.recruit_event section {
  position: relative;
  padding-bottom: 8rem;
}
.recruit_event section div.__mw .title__l {
  color: #fff;
}
.recruit_event section div.__mw .title__l:before {
  background: #fff;
}
.recruit_event section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.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%;
  color: #fff;
}
.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 #fff;
  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 #fff;
  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: 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 #fff;
  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;
}
.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 #fff;
}
.recruit_about .view .block .pt.or {
  order: 2;
  margin: 0 0 0 auto;
  transform: rotate(5deg);
}
.recruit_about .view .block .text {
  width: 100%;
  color: #fff;
  padding: 5%;
  background: var(--main-color-alpha);
  font-size: 1rem;
}
.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_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(3n) {
  margin: 0 5% 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_nutzen {
  position: relative;
}
.recruit_nutzen section {
  position: relative;
  padding-bottom: 4rem;
}
.recruit_nutzen section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.recruit_nutzen section .inr .item {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
	flex-wrap: wrap;
  width: 100%;
  margin: 0 0 4% 0;
  background: var(--main-color-alpha);
  color: #fff;
}
.recruit_nutzen section .inr .item h4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 600;
  padding: 1rem;
  font-size: 1.2rem;
  line-height: 1.4;
  background: var(--main-color);
}
.recruit_nutzen section .inr .item p {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
}
.recruit_event {
  position: relative;
  background: url("../img/recruit/figure_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.recruit_event:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}
.recruit_event section {
  position: relative;
  padding-bottom: 4rem;
}
.recruit_event section div.__mw .title__l {
  color: #fff;
}
.recruit_event section div.__mw .title__l:before {
  background: #fff;
}
.recruit_event section .inr {
  position: relative;
  width: 90%;
  max-width: var(--sect-maxwidth);
  margin: 0 auto;
}
.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%;
  color: #fff;
}
.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;
  border-bottom: 2px solid #fff;
  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 #fff;
  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 #fff;
  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 .ibtn {
  position: relative;
  width: 100%;
  height: 60vh;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.recruit_business .ibtn .btn {
  position: relative;
  width: 20%;
  margin: 0;
  padding: 0;
  line-height: 1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  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: 25% 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: vertical-rl;
  text-decoration: none;
  z-index: 1;
  transition: 0.5s;
}
.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.8vw;
  font-weight: 600;
  height: 60%;
  text-align: center;
  padding: 1.5rem;
}
@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%;
  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:auto;
  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: 1.2rem;
  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 .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 6rem 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: absolute;
  width: 74%;
  right: 0;
  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;
  left: 0;
  z-index: 1;
}
.business_detail section.etc .item .i h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
.business_detail section.etc .item .i p {
  margin: 0 0 2rem 0;
  font-size: 1.1rem;
}
.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.5rem;
  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: 1.1rem;
}
.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: 1.2rem;
  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%;
  right: 0;
  background: var(--main-color-alpha);
  padding: 3% 5%;
  color: #fff;
}
.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.5rem;
  font-weight: 600;
}
.business_detail section.etc .item .i p {
  margin: 0 0 2rem 0;
  font-size: 1.1rem;
}
.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.5rem;
  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: 1.1rem;
}
.business_detail section.etc .ans p:last-of-type {
  margin: 0 0 0 0;
}
}
/*--------------------------
  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;
}
.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;
}
.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.3rem;
}
.recruit_qa section .qa summary::before, .recruit_qa section .qa p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.8rem;
}
.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: 1.3rem;
}
.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;
}
@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.8rem;
}
.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: 1.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;
}