@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.design { position: absolute; }

.ttlimg { background-image: url(/img/recruit/titleimg.jpg); }

.sab-txt .sab-txt__wrap { text-align: center; font-family: FP-ヒラギノUD丸ゴ StdN W6, FP-HiraginoUDSansRStdN-W6, YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; color: #004087; }
.sab-txt .sab-txt__wrap .sab-txt-ttl { font-size: 1.4rem; position: relative; display: inline-block; margin-bottom: 25px; }
@media (min-width: 390px) { .sab-txt .sab-txt__wrap .sab-txt-ttl { font-size: calc( 1.4rem + ( 1vw - 3.9px ) * 0.487804878 ); } }
@media (min-width: 800px) { .sab-txt .sab-txt__wrap .sab-txt-ttl { font-size: 1.6rem; } }
.sab-txt .sab-txt__wrap .sab-txt-ttl:before, .sab-txt .sab-txt__wrap .sab-txt-ttl:after { position: absolute; content: ""; display: block; top: 50%; width: 1px; height: 15px; background: #004087; }
.sab-txt .sab-txt__wrap .sab-txt-ttl:before { left: -15px; transform: rotate(-30deg) translate(0, -50%); }
.sab-txt .sab-txt__wrap .sab-txt-ttl:after { right: -15px; transform: rotate(30deg) translate(0, -50%); }
.sab-txt .sab-txt__wrap .sab-txt-read { font-size: 1.8rem; line-height: 1.8; }
@media (min-width: 390px) { .sab-txt .sab-txt__wrap .sab-txt-read { font-size: calc( 1.8rem + ( 1vw - 3.9px ) * 0.9756097561 ); } }
@media (min-width: 800px) { .sab-txt .sab-txt__wrap .sab-txt-read { font-size: 2.2rem; } }

.workplace { overflow: hidden; padding: 50px 0; background: url("/img/recruit/bg_workplace.png") #fff repeat; }
.workplace .workplace__ttl { font-size: 1.6rem; margin-bottom: 30px; text-align: center; font-family: FP-ヒラギノUD丸ゴ StdN W6, FP-HiraginoUDSansRStdN-W6, YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; color: #004087; }
@media (min-width: 390px) { .workplace .workplace__ttl { font-size: calc( 1.6rem + ( 1vw - 3.9px ) * 0.3278688525 ); } }
@media (min-width: 1000px) { .workplace .workplace__ttl { font-size: 1.8rem; } }
.workplace .workplace__wrap { position: relative; }
.workplace .workplace__box { position: relative; margin-bottom: 90px; }
.workplace .workplace__box .workplace__txt-box { font-size: 1.6rem; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); position: absolute; bottom: -50px; padding: 25px 0px; width: 90%; max-width: 340px; background: url("/img/recruit/tag_green.png"); background-position: right; background-size: cover; font-weight: bold; text-align: center; }
@media (min-width: 390px) { .workplace .workplace__box .workplace__txt-box { font-size: calc( 1.6rem + ( 1vw - 3.9px ) * 0.3278688525 ); } }
@media (min-width: 1000px) { .workplace .workplace__box .workplace__txt-box { font-size: 1.8rem; } }
.workplace .workplace__design { position: absolute; width: 15%; max-width: 60px; }
.workplace .workplace__design--01 { top: -60px; left: -8%; }
.workplace .workplace__design--02 { bottom: -60px; right: -8%; }

.recruit .recruit__ttl { font-size: 1.4rem; margin-bottom: 15px; text-align: center; font-family: FP-ヒラギノUD丸ゴ StdN W6, FP-HiraginoUDSansRStdN-W6, YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; color: #004087; }
@media (min-width: 390px) { .recruit .recruit__ttl { font-size: calc( 1.4rem + ( 1vw - 3.9px ) * 0.487804878 ); } }
@media (min-width: 800px) { .recruit .recruit__ttl { font-size: 1.6rem; } }
.recruit .recruit__list { margin-bottom: 50px; padding: 30px 0; text-align: justify; font-size: 1.5rem; font-weight: bold; border-top: solid 1px #004087; border-bottom: solid 1px #004087; }
.recruit .recruit__list .recruit__box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #C3C3C3; }
.recruit .recruit__list .recruit__box .recruit__con-ttl { color: #004087; }
.recruit .recruit__list .recruit__box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.recruit .recruit__list:last-child { margin-bottom: 0; }

.method .method__wrap { padding: 30px 4%; text-align: center; background: #fff; }
.method .method__txt { margin-bottom: 20px; font-size: 1.5rem; font-weight: bold; }
.method .method__copy { max-width: 380px; margin: 0 auto 10px; background: #FFF257; }
.method .method__tel { display: inline-block; font-size: 3.6rem; color: #004087; }
@media (min-width: 390px) { .method .method__tel { font-size: calc( 3.6rem + ( 1vw - 3.9px ) * 1.7073170732 ); } }
@media (min-width: 800px) { .method .method__tel { font-size: 4.3rem; } }
.method .method__tel .method__icon { font-size: 2.6rem; }
@media (min-width: 390px) { .method .method__tel .method__icon { font-size: calc( 2.6rem + ( 1vw - 3.9px ) * 2.4390243902 ); } }
@media (min-width: 800px) { .method .method__tel .method__icon { font-size: 3.6rem; } }
.method .method__time { font-size: 1.1rem; }
@media (min-width: 390px) { .method .method__time { font-size: calc( 1.1rem + ( 1vw - 3.9px ) * 0.7317073171 ); } }
@media (min-width: 800px) { .method .method__time { font-size: 1.4rem; } }

.footer-img ul li { flex: 0 1 33.3333%; width: 33.3333%; max-width: 33.3333%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .workplace { padding: 50px 0 80px; }
  .workplace .workplace__ttl { margin-bottom: 40px; }
  .workplace .workplace__box .workplace__txt-box { width: 100%; max-width: 300px; }
  .workplace .workplace__design--01 { left: 0; }
  .workplace .workplace__design--02 { right: 0; bottom: 0; }
  .recruit .method__ttl { margin-bottom: 50px; }
  .recruit .recruit__list { margin-bottom: 75px; }
  .recruit .recruit__list .recruit__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; padding-bottom: 30px; }
  .recruit .recruit__list .recruit__box .recruit__con-ttl { flex: 0 1 25%; width: 25%; max-width: 25%; }
  .recruit .recruit__list .recruit__box .recruit__con-txt { flex: 0 1 70%; width: 70%; max-width: 70%; }
  .method .method__tel { margin-bottom: 10px; }
  .method .method__time { text-align: center; }
  .method .method__time br { display: none; }
  .footer-img ul li { flex: 0 1 25%; width: 25%; max-width: 25%; } }
/*------------------------------
		801px以上
------------------------------*/
@media screen and (min-width: 801px) { .workplace .workplace__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .workplace .workplace__list .workplace__box { flex: 0 1 30%; width: 30%; max-width: 30%; }
  .workplace .workplace__list .workplace__box .workplace__txt-box { max-width: 280px; } }
/*------------------------------
		1021px以上
------------------------------*/
/*------------------------------
		1221px以上
------------------------------*/
@media screen and (min-width: 1201px) { .workplace .workplace__design { max-width: 80px; }
  .workplace .workplace__design--01 { top: -70px; left: -6%; }
  .workplace .workplace__design--02 { bottom: -10px; right: -6%; } }

/*# sourceMappingURL=style.css.map */