@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Roboto:400,400i,500,500i,700,700i&display=swap");
/* FILE : /assets/sass/shared/_rest.scss  */
/*:::::::::::::::::::::::::::::::::::::::
RESET
:::::::::::::::::::::::::::::::::::::::*/
body { /* webkit系のスマホで文字が拡大されるのを防ぐ */ -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; text-align: left; text-decoration: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: bottom; }

a, span, small, strong, em { color: inherit; font-weight: inherit; }

/* FILE : /assets/sass/shared/_common.scss  */
/*--------------------------------------------
|
|  ANCHOR BASE SETTING
|
--------------------------------------------*/
html { font-size: 0.625em; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.1em; }

*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; vertical-align: bottom; }

*[role="button"] { cursor: pointer; }

body { font: 18px/2 "Noto Sans JP", sans-serif; color: #000; }

@media screen and (max-width: 750px) { body { font-size: 14px; } }

input, textarea, select, option, button { font: 18px/2 "Noto Sans JP", sans-serif; color: #000; }

@media screen and (max-width: 750px) { input, textarea, select, option, button { font-size: 14px; } }

/*--------------------------------------------
|
|  ANCHOR WRAPPER
|
--------------------------------------------*/
@media screen and (max-width: 750px) { #wrapper { padding-top: 80px; }
  #wrapper.nav-open { position: fixed; left: 0; width: 100%; z-index: 11; }
  #wrapper.nav-open .site-header__menubtn i { top: 23px; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
  #wrapper.nav-open .site-header__menubtn i:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  #wrapper.nav-open .site-header__menubtn i:nth-child(2) { opacity: 0; -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); }
  #wrapper.nav-open .site-header__menubtn i:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  #wrapper.nav-open .glnav.smt-nav { -webkit-transition: -webkit-transform 0s ease 0s; transition: -webkit-transform 0s ease 0s; -o-transition: transform 0s ease 0s; transition: transform 0s ease 0s; transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
  #wrapper.nav-open .glnav.smt-nav .glnav__inner { -webkit-transition: opacity .3s ease .3s,-webkit-transform .3s ease .3s; transition: opacity .3s ease .3s,-webkit-transform .3s ease .3s; -o-transition: transform .3s ease .3s,opacity .3s ease .3s; transition: transform .3s ease .3s,opacity .3s ease .3s; transition: transform .3s ease .3s,opacity .3s ease .3s,-webkit-transform .3s ease .3s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } }

/*--------------------------------------------
|
|  ANCHOR HEADER
|
--------------------------------------------*/
.site-header { height: 95px; background-color: #fff; position: relative; }

.site-header__logo { line-height: 1; }

.site-header__logo__img { display: block; line-height: 1; }

.site-header__logo__text { font-size: 24px; font-weight: bold; letter-spacing: 0.05em; line-height: 1; font-family: "Roboto", sans-serif; color: #887c60; }

@media screen and (min-width: 751px) { .site-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 40px; padding-right: 170px; }
  .site-header__logo { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .site-header__logo:hover { opacity: .6; }
  .site-header__entry { position: absolute; height: 95px; width: 170px; top: 0; right: 0; }
  .site-header__menubtn { display: none; } }

@media screen and (min-width: 751px) and (min-width: 1367px) { .site-header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .site-header__logo__img { width: 262px; }
  .site-header__logo__text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .site-header { padding-right: 140px; padding-left: 20px; }
  .site-header__logo__img { width: 200px; }
  .site-header__logo__text { font-size: 18px; padding-left: 40px; }
  .site-header__entry { width: 140px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .site-header { padding-right: 120px; }
  .site-header__entry { width: 120px; } }

@media screen and (max-width: 750px) { .site-header { height: 80px; position: fixed; top: 0; left: 0; z-index: 11; width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; }
  .site-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; }
  .site-header__logo img { width: 140px; }
  .site-header__logo__img { line-height: 0; }
  .site-header__logo__text { font-size: 12px; padding-left: 27px; }
  .site-header__entry { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; height: 40px; margin-left: auto; margin-right: 5px; }
  .site-header__menubtn { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50%; height: 50px; position: relative; }
  .site-header__menubtn i { display: block; width: 30px; height: 4px; background-color: #800000; position: absolute; right: 10px; -webkit-transition: all .3s ease .3s; -o-transition: all .3s ease .3s; transition: all .3s ease .3s; }
  .site-header__menubtn i:nth-child(1) { top: 14px; }
  .site-header__menubtn i:nth-child(2) { top: 23px; }
  .site-header__menubtn i:nth-child(3) { top: 32px; } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL NAVI
|
--------------------------------------------*/
@media screen and (max-width: 750px) { .glnav { position: fixed; left: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; width: 100%; z-index: 11; top: 80px; height: calc(100vh - 80px); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto; }
  .glnav__inner { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto; height: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; padding: 10px 0 0; background: -webkit-linear-gradient(315deg, rgba(32, 156, 255, 0.9) 0%, rgba(104, 224, 207, 0.9) 100%); background: -o-linear-gradient(315deg, rgba(32, 156, 255, 0.9) 0%, rgba(104, 224, 207, 0.9) 100%); background: linear-gradient(135deg, rgba(32, 156, 255, 0.9) 0%, rgba(104, 224, 207, 0.9) 100%); }
  .glnav.smt-nav { -webkit-transition: -webkit-transform 0s ease .3s; transition: -webkit-transform 0s ease .3s; -o-transition: transform 0s ease .3s; transition: transform 0s ease .3s; transition: transform 0s ease .3s, -webkit-transform 0s ease .3s; }
  .glnav.smt-nav .glnav__inner { -webkit-transition: opacity .3s ease 0s,-webkit-transform .3s ease 0s; transition: opacity .3s ease 0s,-webkit-transform .3s ease 0s; -o-transition: transform .3s ease 0s,opacity .3s ease 0s; transition: transform .3s ease 0s,opacity .3s ease 0s; transition: transform .3s ease 0s,opacity .3s ease 0s,-webkit-transform .3s ease 0s; } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL MENU
|
--------------------------------------------*/
.glmenu__en { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 700; }

.glmenu__ja { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-size: 13px; }

@media screen and (min-width: 751px) { .glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .glmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 95px; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .glmenu__item.current { position: relative; }
  .glmenu__item.current:after { content: ''; height: 3px; width: 100%; background-color: #800000; position: absolute; bottom: 0; left: 0; }
  .glmenu a { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .glmenu a:hover { opacity: .6; }
  .glmenu__en { margin-bottom: 7px; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .glmenu__item { margin-right: 15px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .glmenu__en { font-size: 15px; }
  .glmenu__ja { font-size: 11px; } }

@media screen and (max-width: 750px) { .glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }
  .glmenu__item { color: #fff; padding: 20px 0; }
  .glmenu__en { font-size: 22px; margin-bottom: 5px; }
  .glmenu__ja { font-size: 15px; } }

.c-entry__btn { color: #800000; background-color: #ffff60; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-entry__btn__en { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 700; }

.c-entry__btn__ja { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-size: 13px; }

@media screen and (min-width: 751px) { .c-entry__btn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .c-entry__btn:hover { opacity: .6; } }

@media screen and (max-width: 1024px) { .c-entry__btn__en { font-size: 15px; }
  .c-entry__btn__ja { font-size: 11px; } }

/*--------------------------------------------
|
|  ANCHOR FOOTER
|
--------------------------------------------*/
.site-footer { position: relative; background-color: #303030; padding: 110px 15px 65px; z-index: 5; }

.site-footer__logo { display: block; width: 350px; margin: 0 auto 70px; }

.site-footer__menu { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.site-footer__entry { width: 170px; height: 96px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 30px; margin-right: -200px; }

.site-footer__copyright { display: block; color: #a0a0a0; font-size: 13px; text-align: center; font-family: 'Roboto','Noto Sans JP'; max-width: 980px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; padding-top: 60px; margin-top: 60px; border-top: 1px solid #404040; }

@media screen and (min-width: 751px) { .site-footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .site-footer__logo { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .site-footer__logo:hover { opacity: .6; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .site-footer__entry { margin-right: 0; margin-left: 12px; } }

@media screen and (max-width: 750px) { .site-footer { padding: 70px 15px 40px; }
  .site-footer__logo { width: 250px; margin-bottom: 40px; }
  .site-footer__entry { margin: 0 auto; height: 60px; }
  .site-footer__copyright { margin-top: 30px; padding-top: 30px; } }

/*--------------------------------------------
|
|  ANCHOR FOOTER GLOBAL MENU
|
--------------------------------------------*/
.f-glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.f-glmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 30px; }

.f-glmenu__en { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 10px; }

.f-glmenu__ja { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; font-size: 13px; color: #ccc; }

@media screen and (max-width: 1366px) { .f-glmenu__item { margin: 0 12px; } }

@media screen and (min-width: 751px) { .f-glmenu__item { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .f-glmenu__item:hover { opacity: .6; } }

@media screen and (max-width: 750px) { .f-glmenu { margin-bottom: 30px; }
  .f-glmenu__en { font-size: 15px; }
  .f-glmenu__ja { font-size: 11px; } }

@media screen and (max-width: 450px) { .f-glmenu__en { font-size: 13px; }
  .f-glmenu__item { margin: 0 6px; } }

@media screen and (max-width: 750px) { .f-glmenu__en { font-size: 12px; }
  .f-glmenu__item { margin: 0 3px; } }

/*--------------------------------------------
|
|  ANCHOR pagetopbtn
|
--------------------------------------------*/
.pagetopbtn { position: absolute; z-index: 3; background-color: #800000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; top: -32px; right: 20px; cursor: pointer; }

.pagetopbtn img { width: 13px; }

@media screen and (max-width: 750px) { .pagetopbtn { width: 32px; height: 32px; top: -16px; right: 5px; }
  .pagetopbtn img { width: 8px; } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL MENU
|
--------------------------------------------*/
.pagebottom { background: #fff url(../img/recruit/shared/bg-pagebottom.jpg) no-repeat left bottom; width: 100%; height: 190px; position: relative; z-index: 0; }

@media screen and (max-width: 750px) { .pagebottom { background: #fff url(../img/recruit/shared/bg-pagebottom--smt.jpg) no-repeat left bottom/420px; height: 95px; } }

/* FILE : /assets/sass/shared/_class.scss  */
/* margin,padding ------------------------------------*/
.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.pt50 { padding-top: 50px; }

.pr50 { padding-right: 50px; }

.pb50 { padding-bottom: 50px; }

.pl50 { padding-left: 50px; }

.mt50 { margin-top: 50px; }

.mr50 { margin-right: 50px; }

.mb50 { margin-bottom: 50px; }

.ml50 { margin-left: 50px; }

.pt55 { padding-top: 55px; }

.pr55 { padding-right: 55px; }

.pb55 { padding-bottom: 55px; }

.pl55 { padding-left: 55px; }

.mt55 { margin-top: 55px; }

.mr55 { margin-right: 55px; }

.mb55 { margin-bottom: 55px; }

.ml55 { margin-left: 55px; }

.pt60 { padding-top: 60px; }

.pr60 { padding-right: 60px; }

.pb60 { padding-bottom: 60px; }

.pl60 { padding-left: 60px; }

.mt60 { margin-top: 60px; }

.mr60 { margin-right: 60px; }

.mb60 { margin-bottom: 60px; }

.ml60 { margin-left: 60px; }

.pt65 { padding-top: 65px; }

.pr65 { padding-right: 65px; }

.pb65 { padding-bottom: 65px; }

.pl65 { padding-left: 65px; }

.mt65 { margin-top: 65px; }

.mr65 { margin-right: 65px; }

.mb65 { margin-bottom: 65px; }

.ml65 { margin-left: 65px; }

.pt70 { padding-top: 70px; }

.pr70 { padding-right: 70px; }

.pb70 { padding-bottom: 70px; }

.pl70 { padding-left: 70px; }

.mt70 { margin-top: 70px; }

.mr70 { margin-right: 70px; }

.mb70 { margin-bottom: 70px; }

.ml70 { margin-left: 70px; }

.pt75 { padding-top: 75px; }

.pr75 { padding-right: 75px; }

.pb75 { padding-bottom: 75px; }

.pl75 { padding-left: 75px; }

.mt75 { margin-top: 75px; }

.mr75 { margin-right: 75px; }

.mb75 { margin-bottom: 75px; }

.ml75 { margin-left: 75px; }

.pt80 { padding-top: 80px; }

.pr80 { padding-right: 80px; }

.pb80 { padding-bottom: 80px; }

.pl80 { padding-left: 80px; }

.mt80 { margin-top: 80px; }

.mr80 { margin-right: 80px; }

.mb80 { margin-bottom: 80px; }

.ml80 { margin-left: 80px; }

.pt85 { padding-top: 85px; }

.pr85 { padding-right: 85px; }

.pb85 { padding-bottom: 85px; }

.pl85 { padding-left: 85px; }

.mt85 { margin-top: 85px; }

.mr85 { margin-right: 85px; }

.mb85 { margin-bottom: 85px; }

.ml85 { margin-left: 85px; }

.pt90 { padding-top: 90px; }

.pr90 { padding-right: 90px; }

.pb90 { padding-bottom: 90px; }

.pl90 { padding-left: 90px; }

.mt90 { margin-top: 90px; }

.mr90 { margin-right: 90px; }

.mb90 { margin-bottom: 90px; }

.ml90 { margin-left: 90px; }

.pt95 { padding-top: 95px; }

.pr95 { padding-right: 95px; }

.pb95 { padding-bottom: 95px; }

.pl95 { padding-left: 95px; }

.mt95 { margin-top: 95px; }

.mr95 { margin-right: 95px; }

.mb95 { margin-bottom: 95px; }

.ml95 { margin-left: 95px; }

.pt100 { padding-top: 100px; }

.pr100 { padding-right: 100px; }

.pb100 { padding-bottom: 100px; }

.pl100 { padding-left: 100px; }

.mt100 { margin-top: 100px; }

.mr100 { margin-right: 100px; }

.mb100 { margin-bottom: 100px; }

.ml100 { margin-left: 100px; }

.pt105 { padding-top: 105px; }

.pr105 { padding-right: 105px; }

.pb105 { padding-bottom: 105px; }

.pl105 { padding-left: 105px; }

.mt105 { margin-top: 105px; }

.mr105 { margin-right: 105px; }

.mb105 { margin-bottom: 105px; }

.ml105 { margin-left: 105px; }

.pt110 { padding-top: 110px; }

.pr110 { padding-right: 110px; }

.pb110 { padding-bottom: 110px; }

.pl110 { padding-left: 110px; }

.mt110 { margin-top: 110px; }

.mr110 { margin-right: 110px; }

.mb110 { margin-bottom: 110px; }

.ml110 { margin-left: 110px; }

.pt115 { padding-top: 115px; }

.pr115 { padding-right: 115px; }

.pb115 { padding-bottom: 115px; }

.pl115 { padding-left: 115px; }

.mt115 { margin-top: 115px; }

.mr115 { margin-right: 115px; }

.mb115 { margin-bottom: 115px; }

.ml115 { margin-left: 115px; }

.pt120 { padding-top: 120px; }

.pr120 { padding-right: 120px; }

.pb120 { padding-bottom: 120px; }

.pl120 { padding-left: 120px; }

.mt120 { margin-top: 120px; }

.mr120 { margin-right: 120px; }

.mb120 { margin-bottom: 120px; }

.ml120 { margin-left: 120px; }

.pt125 { padding-top: 125px; }

.pr125 { padding-right: 125px; }

.pb125 { padding-bottom: 125px; }

.pl125 { padding-left: 125px; }

.mt125 { margin-top: 125px; }

.mr125 { margin-right: 125px; }

.mb125 { margin-bottom: 125px; }

.ml125 { margin-left: 125px; }

.pt130 { padding-top: 130px; }

.pr130 { padding-right: 130px; }

.pb130 { padding-bottom: 130px; }

.pl130 { padding-left: 130px; }

.mt130 { margin-top: 130px; }

.mr130 { margin-right: 130px; }

.mb130 { margin-bottom: 130px; }

.ml130 { margin-left: 130px; }

.pt135 { padding-top: 135px; }

.pr135 { padding-right: 135px; }

.pb135 { padding-bottom: 135px; }

.pl135 { padding-left: 135px; }

.mt135 { margin-top: 135px; }

.mr135 { margin-right: 135px; }

.mb135 { margin-bottom: 135px; }

.ml135 { margin-left: 135px; }

.pt140 { padding-top: 140px; }

.pr140 { padding-right: 140px; }

.pb140 { padding-bottom: 140px; }

.pl140 { padding-left: 140px; }

.mt140 { margin-top: 140px; }

.mr140 { margin-right: 140px; }

.mb140 { margin-bottom: 140px; }

.ml140 { margin-left: 140px; }

.pt145 { padding-top: 145px; }

.pr145 { padding-right: 145px; }

.pb145 { padding-bottom: 145px; }

.pl145 { padding-left: 145px; }

.mt145 { margin-top: 145px; }

.mr145 { margin-right: 145px; }

.mb145 { margin-bottom: 145px; }

.ml145 { margin-left: 145px; }

.pt150 { padding-top: 150px; }

.pr150 { padding-right: 150px; }

.pb150 { padding-bottom: 150px; }

.pl150 { padding-left: 150px; }

.mt150 { margin-top: 150px; }

.mr150 { margin-right: 150px; }

.mb150 { margin-bottom: 150px; }

.ml150 { margin-left: 150px; }

.pt155 { padding-top: 155px; }

.pr155 { padding-right: 155px; }

.pb155 { padding-bottom: 155px; }

.pl155 { padding-left: 155px; }

.mt155 { margin-top: 155px; }

.mr155 { margin-right: 155px; }

.mb155 { margin-bottom: 155px; }

.ml155 { margin-left: 155px; }

.pt160 { padding-top: 160px; }

.pr160 { padding-right: 160px; }

.pb160 { padding-bottom: 160px; }

.pl160 { padding-left: 160px; }

.mt160 { margin-top: 160px; }

.mr160 { margin-right: 160px; }

.mb160 { margin-bottom: 160px; }

.ml160 { margin-left: 160px; }

.pt165 { padding-top: 165px; }

.pr165 { padding-right: 165px; }

.pb165 { padding-bottom: 165px; }

.pl165 { padding-left: 165px; }

.mt165 { margin-top: 165px; }

.mr165 { margin-right: 165px; }

.mb165 { margin-bottom: 165px; }

.ml165 { margin-left: 165px; }

.pt170 { padding-top: 170px; }

.pr170 { padding-right: 170px; }

.pb170 { padding-bottom: 170px; }

.pl170 { padding-left: 170px; }

.mt170 { margin-top: 170px; }

.mr170 { margin-right: 170px; }

.mb170 { margin-bottom: 170px; }

.ml170 { margin-left: 170px; }

.pt175 { padding-top: 175px; }

.pr175 { padding-right: 175px; }

.pb175 { padding-bottom: 175px; }

.pl175 { padding-left: 175px; }

.mt175 { margin-top: 175px; }

.mr175 { margin-right: 175px; }

.mb175 { margin-bottom: 175px; }

.ml175 { margin-left: 175px; }

.pt180 { padding-top: 180px; }

.pr180 { padding-right: 180px; }

.pb180 { padding-bottom: 180px; }

.pl180 { padding-left: 180px; }

.mt180 { margin-top: 180px; }

.mr180 { margin-right: 180px; }

.mb180 { margin-bottom: 180px; }

.ml180 { margin-left: 180px; }

.pt185 { padding-top: 185px; }

.pr185 { padding-right: 185px; }

.pb185 { padding-bottom: 185px; }

.pl185 { padding-left: 185px; }

.mt185 { margin-top: 185px; }

.mr185 { margin-right: 185px; }

.mb185 { margin-bottom: 185px; }

.ml185 { margin-left: 185px; }

.pt190 { padding-top: 190px; }

.pr190 { padding-right: 190px; }

.pb190 { padding-bottom: 190px; }

.pl190 { padding-left: 190px; }

.mt190 { margin-top: 190px; }

.mr190 { margin-right: 190px; }

.mb190 { margin-bottom: 190px; }

.ml190 { margin-left: 190px; }

.pt195 { padding-top: 195px; }

.pr195 { padding-right: 195px; }

.pb195 { padding-bottom: 195px; }

.pl195 { padding-left: 195px; }

.mt195 { margin-top: 195px; }

.mr195 { margin-right: 195px; }

.mb195 { margin-bottom: 195px; }

.ml195 { margin-left: 195px; }

.pt200 { padding-top: 200px; }

.pr200 { padding-right: 200px; }

.pb200 { padding-bottom: 200px; }

.pl200 { padding-left: 200px; }

.mt200 { margin-top: 200px; }

.mr200 { margin-right: 200px; }

.mb200 { margin-bottom: 200px; }

.ml200 { margin-left: 200px; }

@media screen and (max-width: 750px) { .pt5-smt { padding-top: 5px; }
  .pr5-smt { padding-right: 5px; }
  .pb5-smt { padding-bottom: 5px; }
  .pl5-smt { padding-left: 5px; }
  .mt5-smt { margin-top: 5px; }
  .mr5-smt { margin-right: 5px; }
  .mb5-smt { margin-bottom: 5px; }
  .ml5-smt { margin-left: 5px; }
  .pt10-smt { padding-top: 10px; }
  .pr10-smt { padding-right: 10px; }
  .pb10-smt { padding-bottom: 10px; }
  .pl10-smt { padding-left: 10px; }
  .mt10-smt { margin-top: 10px; }
  .mr10-smt { margin-right: 10px; }
  .mb10-smt { margin-bottom: 10px; }
  .ml10-smt { margin-left: 10px; }
  .pt15-smt { padding-top: 15px; }
  .pr15-smt { padding-right: 15px; }
  .pb15-smt { padding-bottom: 15px; }
  .pl15-smt { padding-left: 15px; }
  .mt15-smt { margin-top: 15px; }
  .mr15-smt { margin-right: 15px; }
  .mb15-smt { margin-bottom: 15px; }
  .ml15-smt { margin-left: 15px; }
  .pt20-smt { padding-top: 20px; }
  .pr20-smt { padding-right: 20px; }
  .pb20-smt { padding-bottom: 20px; }
  .pl20-smt { padding-left: 20px; }
  .mt20-smt { margin-top: 20px; }
  .mr20-smt { margin-right: 20px; }
  .mb20-smt { margin-bottom: 20px; }
  .ml20-smt { margin-left: 20px; }
  .pt25-smt { padding-top: 25px; }
  .pr25-smt { padding-right: 25px; }
  .pb25-smt { padding-bottom: 25px; }
  .pl25-smt { padding-left: 25px; }
  .mt25-smt { margin-top: 25px; }
  .mr25-smt { margin-right: 25px; }
  .mb25-smt { margin-bottom: 25px; }
  .ml25-smt { margin-left: 25px; }
  .pt30-smt { padding-top: 30px; }
  .pr30-smt { padding-right: 30px; }
  .pb30-smt { padding-bottom: 30px; }
  .pl30-smt { padding-left: 30px; }
  .mt30-smt { margin-top: 30px; }
  .mr30-smt { margin-right: 30px; }
  .mb30-smt { margin-bottom: 30px; }
  .ml30-smt { margin-left: 30px; }
  .pt35-smt { padding-top: 35px; }
  .pr35-smt { padding-right: 35px; }
  .pb35-smt { padding-bottom: 35px; }
  .pl35-smt { padding-left: 35px; }
  .mt35-smt { margin-top: 35px; }
  .mr35-smt { margin-right: 35px; }
  .mb35-smt { margin-bottom: 35px; }
  .ml35-smt { margin-left: 35px; }
  .pt40-smt { padding-top: 40px; }
  .pr40-smt { padding-right: 40px; }
  .pb40-smt { padding-bottom: 40px; }
  .pl40-smt { padding-left: 40px; }
  .mt40-smt { margin-top: 40px; }
  .mr40-smt { margin-right: 40px; }
  .mb40-smt { margin-bottom: 40px; }
  .ml40-smt { margin-left: 40px; }
  .pt45-smt { padding-top: 45px; }
  .pr45-smt { padding-right: 45px; }
  .pb45-smt { padding-bottom: 45px; }
  .pl45-smt { padding-left: 45px; }
  .mt45-smt { margin-top: 45px; }
  .mr45-smt { margin-right: 45px; }
  .mb45-smt { margin-bottom: 45px; }
  .ml45-smt { margin-left: 45px; }
  .pt50-smt { padding-top: 50px; }
  .pr50-smt { padding-right: 50px; }
  .pb50-smt { padding-bottom: 50px; }
  .pl50-smt { padding-left: 50px; }
  .mt50-smt { margin-top: 50px; }
  .mr50-smt { margin-right: 50px; }
  .mb50-smt { margin-bottom: 50px; }
  .ml50-smt { margin-left: 50px; }
  .pt55-smt { padding-top: 55px; }
  .pr55-smt { padding-right: 55px; }
  .pb55-smt { padding-bottom: 55px; }
  .pl55-smt { padding-left: 55px; }
  .mt55-smt { margin-top: 55px; }
  .mr55-smt { margin-right: 55px; }
  .mb55-smt { margin-bottom: 55px; }
  .ml55-smt { margin-left: 55px; }
  .pt60-smt { padding-top: 60px; }
  .pr60-smt { padding-right: 60px; }
  .pb60-smt { padding-bottom: 60px; }
  .pl60-smt { padding-left: 60px; }
  .mt60-smt { margin-top: 60px; }
  .mr60-smt { margin-right: 60px; }
  .mb60-smt { margin-bottom: 60px; }
  .ml60-smt { margin-left: 60px; }
  .pt65-smt { padding-top: 65px; }
  .pr65-smt { padding-right: 65px; }
  .pb65-smt { padding-bottom: 65px; }
  .pl65-smt { padding-left: 65px; }
  .mt65-smt { margin-top: 65px; }
  .mr65-smt { margin-right: 65px; }
  .mb65-smt { margin-bottom: 65px; }
  .ml65-smt { margin-left: 65px; }
  .pt70-smt { padding-top: 70px; }
  .pr70-smt { padding-right: 70px; }
  .pb70-smt { padding-bottom: 70px; }
  .pl70-smt { padding-left: 70px; }
  .mt70-smt { margin-top: 70px; }
  .mr70-smt { margin-right: 70px; }
  .mb70-smt { margin-bottom: 70px; }
  .ml70-smt { margin-left: 70px; }
  .pt75-smt { padding-top: 75px; }
  .pr75-smt { padding-right: 75px; }
  .pb75-smt { padding-bottom: 75px; }
  .pl75-smt { padding-left: 75px; }
  .mt75-smt { margin-top: 75px; }
  .mr75-smt { margin-right: 75px; }
  .mb75-smt { margin-bottom: 75px; }
  .ml75-smt { margin-left: 75px; }
  .pt80-smt { padding-top: 80px; }
  .pr80-smt { padding-right: 80px; }
  .pb80-smt { padding-bottom: 80px; }
  .pl80-smt { padding-left: 80px; }
  .mt80-smt { margin-top: 80px; }
  .mr80-smt { margin-right: 80px; }
  .mb80-smt { margin-bottom: 80px; }
  .ml80-smt { margin-left: 80px; }
  .pt85-smt { padding-top: 85px; }
  .pr85-smt { padding-right: 85px; }
  .pb85-smt { padding-bottom: 85px; }
  .pl85-smt { padding-left: 85px; }
  .mt85-smt { margin-top: 85px; }
  .mr85-smt { margin-right: 85px; }
  .mb85-smt { margin-bottom: 85px; }
  .ml85-smt { margin-left: 85px; }
  .pt90-smt { padding-top: 90px; }
  .pr90-smt { padding-right: 90px; }
  .pb90-smt { padding-bottom: 90px; }
  .pl90-smt { padding-left: 90px; }
  .mt90-smt { margin-top: 90px; }
  .mr90-smt { margin-right: 90px; }
  .mb90-smt { margin-bottom: 90px; }
  .ml90-smt { margin-left: 90px; }
  .pt95-smt { padding-top: 95px; }
  .pr95-smt { padding-right: 95px; }
  .pb95-smt { padding-bottom: 95px; }
  .pl95-smt { padding-left: 95px; }
  .mt95-smt { margin-top: 95px; }
  .mr95-smt { margin-right: 95px; }
  .mb95-smt { margin-bottom: 95px; }
  .ml95-smt { margin-left: 95px; }
  .pt100-smt { padding-top: 100px; }
  .pr100-smt { padding-right: 100px; }
  .pb100-smt { padding-bottom: 100px; }
  .pl100-smt { padding-left: 100px; }
  .mt100-smt { margin-top: 100px; }
  .mr100-smt { margin-right: 100px; }
  .mb100-smt { margin-bottom: 100px; }
  .ml100-smt { margin-left: 100px; }
  .pt105-smt { padding-top: 105px; }
  .pr105-smt { padding-right: 105px; }
  .pb105-smt { padding-bottom: 105px; }
  .pl105-smt { padding-left: 105px; }
  .mt105-smt { margin-top: 105px; }
  .mr105-smt { margin-right: 105px; }
  .mb105-smt { margin-bottom: 105px; }
  .ml105-smt { margin-left: 105px; }
  .pt110-smt { padding-top: 110px; }
  .pr110-smt { padding-right: 110px; }
  .pb110-smt { padding-bottom: 110px; }
  .pl110-smt { padding-left: 110px; }
  .mt110-smt { margin-top: 110px; }
  .mr110-smt { margin-right: 110px; }
  .mb110-smt { margin-bottom: 110px; }
  .ml110-smt { margin-left: 110px; }
  .pt115-smt { padding-top: 115px; }
  .pr115-smt { padding-right: 115px; }
  .pb115-smt { padding-bottom: 115px; }
  .pl115-smt { padding-left: 115px; }
  .mt115-smt { margin-top: 115px; }
  .mr115-smt { margin-right: 115px; }
  .mb115-smt { margin-bottom: 115px; }
  .ml115-smt { margin-left: 115px; }
  .pt120-smt { padding-top: 120px; }
  .pr120-smt { padding-right: 120px; }
  .pb120-smt { padding-bottom: 120px; }
  .pl120-smt { padding-left: 120px; }
  .mt120-smt { margin-top: 120px; }
  .mr120-smt { margin-right: 120px; }
  .mb120-smt { margin-bottom: 120px; }
  .ml120-smt { margin-left: 120px; }
  .pt125-smt { padding-top: 125px; }
  .pr125-smt { padding-right: 125px; }
  .pb125-smt { padding-bottom: 125px; }
  .pl125-smt { padding-left: 125px; }
  .mt125-smt { margin-top: 125px; }
  .mr125-smt { margin-right: 125px; }
  .mb125-smt { margin-bottom: 125px; }
  .ml125-smt { margin-left: 125px; }
  .pt130-smt { padding-top: 130px; }
  .pr130-smt { padding-right: 130px; }
  .pb130-smt { padding-bottom: 130px; }
  .pl130-smt { padding-left: 130px; }
  .mt130-smt { margin-top: 130px; }
  .mr130-smt { margin-right: 130px; }
  .mb130-smt { margin-bottom: 130px; }
  .ml130-smt { margin-left: 130px; }
  .pt135-smt { padding-top: 135px; }
  .pr135-smt { padding-right: 135px; }
  .pb135-smt { padding-bottom: 135px; }
  .pl135-smt { padding-left: 135px; }
  .mt135-smt { margin-top: 135px; }
  .mr135-smt { margin-right: 135px; }
  .mb135-smt { margin-bottom: 135px; }
  .ml135-smt { margin-left: 135px; }
  .pt140-smt { padding-top: 140px; }
  .pr140-smt { padding-right: 140px; }
  .pb140-smt { padding-bottom: 140px; }
  .pl140-smt { padding-left: 140px; }
  .mt140-smt { margin-top: 140px; }
  .mr140-smt { margin-right: 140px; }
  .mb140-smt { margin-bottom: 140px; }
  .ml140-smt { margin-left: 140px; }
  .pt145-smt { padding-top: 145px; }
  .pr145-smt { padding-right: 145px; }
  .pb145-smt { padding-bottom: 145px; }
  .pl145-smt { padding-left: 145px; }
  .mt145-smt { margin-top: 145px; }
  .mr145-smt { margin-right: 145px; }
  .mb145-smt { margin-bottom: 145px; }
  .ml145-smt { margin-left: 145px; }
  .pt150-smt { padding-top: 150px; }
  .pr150-smt { padding-right: 150px; }
  .pb150-smt { padding-bottom: 150px; }
  .pl150-smt { padding-left: 150px; }
  .mt150-smt { margin-top: 150px; }
  .mr150-smt { margin-right: 150px; }
  .mb150-smt { margin-bottom: 150px; }
  .ml150-smt { margin-left: 150px; }
  .pt155-smt { padding-top: 155px; }
  .pr155-smt { padding-right: 155px; }
  .pb155-smt { padding-bottom: 155px; }
  .pl155-smt { padding-left: 155px; }
  .mt155-smt { margin-top: 155px; }
  .mr155-smt { margin-right: 155px; }
  .mb155-smt { margin-bottom: 155px; }
  .ml155-smt { margin-left: 155px; }
  .pt160-smt { padding-top: 160px; }
  .pr160-smt { padding-right: 160px; }
  .pb160-smt { padding-bottom: 160px; }
  .pl160-smt { padding-left: 160px; }
  .mt160-smt { margin-top: 160px; }
  .mr160-smt { margin-right: 160px; }
  .mb160-smt { margin-bottom: 160px; }
  .ml160-smt { margin-left: 160px; }
  .pt165-smt { padding-top: 165px; }
  .pr165-smt { padding-right: 165px; }
  .pb165-smt { padding-bottom: 165px; }
  .pl165-smt { padding-left: 165px; }
  .mt165-smt { margin-top: 165px; }
  .mr165-smt { margin-right: 165px; }
  .mb165-smt { margin-bottom: 165px; }
  .ml165-smt { margin-left: 165px; }
  .pt170-smt { padding-top: 170px; }
  .pr170-smt { padding-right: 170px; }
  .pb170-smt { padding-bottom: 170px; }
  .pl170-smt { padding-left: 170px; }
  .mt170-smt { margin-top: 170px; }
  .mr170-smt { margin-right: 170px; }
  .mb170-smt { margin-bottom: 170px; }
  .ml170-smt { margin-left: 170px; }
  .pt175-smt { padding-top: 175px; }
  .pr175-smt { padding-right: 175px; }
  .pb175-smt { padding-bottom: 175px; }
  .pl175-smt { padding-left: 175px; }
  .mt175-smt { margin-top: 175px; }
  .mr175-smt { margin-right: 175px; }
  .mb175-smt { margin-bottom: 175px; }
  .ml175-smt { margin-left: 175px; }
  .pt180-smt { padding-top: 180px; }
  .pr180-smt { padding-right: 180px; }
  .pb180-smt { padding-bottom: 180px; }
  .pl180-smt { padding-left: 180px; }
  .mt180-smt { margin-top: 180px; }
  .mr180-smt { margin-right: 180px; }
  .mb180-smt { margin-bottom: 180px; }
  .ml180-smt { margin-left: 180px; }
  .pt185-smt { padding-top: 185px; }
  .pr185-smt { padding-right: 185px; }
  .pb185-smt { padding-bottom: 185px; }
  .pl185-smt { padding-left: 185px; }
  .mt185-smt { margin-top: 185px; }
  .mr185-smt { margin-right: 185px; }
  .mb185-smt { margin-bottom: 185px; }
  .ml185-smt { margin-left: 185px; }
  .pt190-smt { padding-top: 190px; }
  .pr190-smt { padding-right: 190px; }
  .pb190-smt { padding-bottom: 190px; }
  .pl190-smt { padding-left: 190px; }
  .mt190-smt { margin-top: 190px; }
  .mr190-smt { margin-right: 190px; }
  .mb190-smt { margin-bottom: 190px; }
  .ml190-smt { margin-left: 190px; }
  .pt195-smt { padding-top: 195px; }
  .pr195-smt { padding-right: 195px; }
  .pb195-smt { padding-bottom: 195px; }
  .pl195-smt { padding-left: 195px; }
  .mt195-smt { margin-top: 195px; }
  .mr195-smt { margin-right: 195px; }
  .mb195-smt { margin-bottom: 195px; }
  .ml195-smt { margin-left: 195px; }
  .pt200-smt { padding-top: 200px; }
  .pr200-smt { padding-right: 200px; }
  .pb200-smt { padding-bottom: 200px; }
  .pl200-smt { padding-left: 200px; }
  .mt200-smt { margin-top: 200px; }
  .mr200-smt { margin-right: 200px; }
  .mb200-smt { margin-bottom: 200px; }
  .ml200-smt { margin-left: 200px; } }

.mb1em { margin-bottom: 1em; }

/* text-align ------------------------------------*/
.text-center { text-align: center; }

.text-right { text-align: right; }

/* text-decoratin ------------------------------------*/
.text-underline { text-decoration: underline; }

/* font-weight ------------------------------------*/
.font-bold { font-weight: bold; }

/*::::::::::::::::::::::::::::::::::::::: color :::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::: font-size :::::::::::::::::::::::::::::::::::::::*/
.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

.fz31 { font-size: 31px; }

.fz32 { font-size: 32px; }

.fz33 { font-size: 33px; }

.fz34 { font-size: 34px; }

.fz35 { font-size: 35px; }

.fz36 { font-size: 36px; }

.fz37 { font-size: 37px; }

.fz38 { font-size: 38px; }

.fz39 { font-size: 39px; }

.fz40 { font-size: 40px; }

.fz41 { font-size: 41px; }

.fz42 { font-size: 42px; }

.fz43 { font-size: 43px; }

.fz44 { font-size: 44px; }

.fz45 { font-size: 45px; }

.fz46 { font-size: 46px; }

.fz47 { font-size: 47px; }

.fz48 { font-size: 48px; }

.fz49 { font-size: 49px; }

.fz50 { font-size: 50px; }

@media screen and (max-width: 750px) { .fz10-smt { font-size: 10px; }
  .fz11-smt { font-size: 11px; }
  .fz12-smt { font-size: 12px; }
  .fz13-smt { font-size: 13px; }
  .fz14-smt { font-size: 14px; }
  .fz15-smt { font-size: 15px; }
  .fz16-smt { font-size: 16px; }
  .fz17-smt { font-size: 17px; }
  .fz18-smt { font-size: 18px; }
  .fz19-smt { font-size: 19px; }
  .fz20-smt { font-size: 20px; }
  .fz21-smt { font-size: 21px; }
  .fz22-smt { font-size: 22px; }
  .fz23-smt { font-size: 23px; }
  .fz24-smt { font-size: 24px; }
  .fz25-smt { font-size: 25px; }
  .fz26-smt { font-size: 26px; }
  .fz27-smt { font-size: 27px; }
  .fz28-smt { font-size: 28px; }
  .fz29-smt { font-size: 29px; }
  .fz30-smt { font-size: 30px; }
  .fz31-smt { font-size: 31px; }
  .fz32-smt { font-size: 32px; }
  .fz33-smt { font-size: 33px; }
  .fz34-smt { font-size: 34px; }
  .fz35-smt { font-size: 35px; }
  .fz36-smt { font-size: 36px; }
  .fz37-smt { font-size: 37px; }
  .fz38-smt { font-size: 38px; }
  .fz39-smt { font-size: 39px; }
  .fz40-smt { font-size: 40px; }
  .fz41-smt { font-size: 41px; }
  .fz42-smt { font-size: 42px; }
  .fz43-smt { font-size: 43px; }
  .fz44-smt { font-size: 44px; }
  .fz45-smt { font-size: 45px; }
  .fz46-smt { font-size: 46px; }
  .fz47-smt { font-size: 47px; }
  .fz48-smt { font-size: 48px; }
  .fz49-smt { font-size: 49px; }
  .fz50-smt { font-size: 50px; } }

/*::::::::::::::::::::::::::::::::::::::: line-height :::::::::::::::::::::::::::::::::::::::*/
.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }

.lh20 { line-height: 2; }

.lh21 { line-height: 2.1; }

.lh22 { line-height: 2.2; }

.lh23 { line-height: 2.3; }

.lh24 { line-height: 2.4; }

.lh25 { line-height: 2.5; }

.lh26 { line-height: 2.6; }

.lh27 { line-height: 2.7; }

.lh28 { line-height: 2.8; }

.lh29 { line-height: 2.9; }

.lh30 { line-height: 3; }

.lh31 { line-height: 3.1; }

.lh32 { line-height: 3.2; }

.lh33 { line-height: 3.3; }

.lh34 { line-height: 3.4; }

.lh35 { line-height: 3.5; }

.lh36 { line-height: 3.6; }

.lh37 { line-height: 3.7; }

.lh38 { line-height: 3.8; }

.lh39 { line-height: 3.9; }

.lh40 { line-height: 4; }

.lh41 { line-height: 4.1; }

.lh42 { line-height: 4.2; }

.lh43 { line-height: 4.3; }

.lh44 { line-height: 4.4; }

.lh45 { line-height: 4.5; }

.lh46 { line-height: 4.6; }

.lh47 { line-height: 4.7; }

.lh48 { line-height: 4.8; }

.lh49 { line-height: 4.9; }

.lh50 { line-height: 5; }

/*::::::::::::::::::::::::::::::::::::::: max-width :::::::::::::::::::::::::::::::::::::::*/
.mw100 { max-width: 100px; }

.mw110 { max-width: 110px; }

.mw120 { max-width: 120px; }

.mw130 { max-width: 130px; }

.mw140 { max-width: 140px; }

.mw150 { max-width: 150px; }

.mw160 { max-width: 160px; }

.mw170 { max-width: 170px; }

.mw180 { max-width: 180px; }

.mw190 { max-width: 190px; }

.mw200 { max-width: 200px; }

.mw210 { max-width: 210px; }

.mw220 { max-width: 220px; }

.mw230 { max-width: 230px; }

.mw240 { max-width: 240px; }

.mw250 { max-width: 250px; }

.mw260 { max-width: 260px; }

.mw270 { max-width: 270px; }

.mw280 { max-width: 280px; }

.mw290 { max-width: 290px; }

.mw300 { max-width: 300px; }

.mw310 { max-width: 310px; }

.mw320 { max-width: 320px; }

.mw330 { max-width: 330px; }

.mw340 { max-width: 340px; }

.mw350 { max-width: 350px; }

.mw360 { max-width: 360px; }

.mw370 { max-width: 370px; }

.mw380 { max-width: 380px; }

.mw390 { max-width: 390px; }

.mw400 { max-width: 400px; }

.mw410 { max-width: 410px; }

.mw420 { max-width: 420px; }

.mw430 { max-width: 430px; }

.mw440 { max-width: 440px; }

.mw450 { max-width: 450px; }

.mw460 { max-width: 460px; }

.mw470 { max-width: 470px; }

.mw480 { max-width: 480px; }

.mw490 { max-width: 490px; }

.mw500 { max-width: 500px; }

.mw510 { max-width: 510px; }

.mw520 { max-width: 520px; }

.mw530 { max-width: 530px; }

.mw540 { max-width: 540px; }

.mw550 { max-width: 550px; }

.mw560 { max-width: 560px; }

.mw570 { max-width: 570px; }

.mw580 { max-width: 580px; }

.mw590 { max-width: 590px; }

.mw600 { max-width: 600px; }

.mw610 { max-width: 610px; }

.mw620 { max-width: 620px; }

.mw630 { max-width: 630px; }

.mw640 { max-width: 640px; }

.mw650 { max-width: 650px; }

.mw660 { max-width: 660px; }

.mw670 { max-width: 670px; }

.mw680 { max-width: 680px; }

.mw690 { max-width: 690px; }

.mw700 { max-width: 700px; }

.mw710 { max-width: 710px; }

.mw720 { max-width: 720px; }

.mw730 { max-width: 730px; }

.mw740 { max-width: 740px; }

.mw750 { max-width: 750px; }

.mw760 { max-width: 760px; }

.mw770 { max-width: 770px; }

.mw780 { max-width: 780px; }

.mw790 { max-width: 790px; }

.mw800 { max-width: 800px; }

.mw810 { max-width: 810px; }

.mw820 { max-width: 820px; }

.mw830 { max-width: 830px; }

.mw840 { max-width: 840px; }

.mw850 { max-width: 850px; }

.mw860 { max-width: 860px; }

.mw870 { max-width: 870px; }

.mw880 { max-width: 880px; }

.mw890 { max-width: 890px; }

.mw900 { max-width: 900px; }

.mw910 { max-width: 910px; }

.mw920 { max-width: 920px; }

.mw930 { max-width: 930px; }

.mw940 { max-width: 940px; }

.mw950 { max-width: 950px; }

.mw960 { max-width: 960px; }

.mw970 { max-width: 970px; }

.mw980 { max-width: 980px; }

.mw990 { max-width: 990px; }

.mw1000 { max-width: 1000px; }

.mw1010 { max-width: 1010px; }

.mw1020 { max-width: 1020px; }

.mw1030 { max-width: 1030px; }

.mw1040 { max-width: 1040px; }

.mw1050 { max-width: 1050px; }

.mw1060 { max-width: 1060px; }

.mw1070 { max-width: 1070px; }

.mw1080 { max-width: 1080px; }

/* FILE : /assets/sass/shared/_item.scss  */
/* clearfix ------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; min-height: 1%; }

/* for IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

a { word-break: break-all; }

/* hide ------------------------------------*/
@media screen and (min-width: 1025px) { .pc-hide { display: none; }
  .hover-alpha { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .hover-alpha:hover { opacity: .6; }
  .hover-line:hover { text-decoration: underline; }
  .hover-noline { text-decoration: underline; }
  .hover-noline:hover { text-decoration: none; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .tablet-hide { display: none; }
  .hover-noline { text-decoration: underline; } }

@media screen and (max-width: 750px) { .smt-hide { display: none; }
  .hover-noline { text-decoration: underline; } }

img.ofi { max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover;object-position: center;'; }

/* text-indent ------------------------------------*/
.ind-1em { text-indent: -1em; padding-left: 1em; }

/* box-center ------------------------------------*/
.box-center { margin-left: auto; margin-right: auto; }

/* FILE : /assets/sass/shared/_parts.scss  */
/* ANCHOR pagetitle ------------------------------------*/
.pagetitle { position: relative; padding-top: 60px; padding-bottom: 80px; z-index: 1; }

.pagetitle__line { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#29f19c), to(#02a1f8)); background: -webkit-linear-gradient(top, #29f19c 0%, #02a1f8 100%); background: -o-linear-gradient(top, #29f19c 0%, #02a1f8 100%); background: linear-gradient(to bottom, #29f19c 0%, #02a1f8 100%); position: absolute; bottom: -344px; left: calc(50% - 390px); width: 14px; height: 488px; z-index: 3; }

.pagetitle__box { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pagetitle__inner { position: relative; z-index: 2; }

.pagetitle__item1 { position: absolute; top: 0; left: 50%; z-index: 9; margin-left: -127px; }

.pagetitle__item2 { position: absolute; top: 0; right: 0; z-index: 8; }

.pagetitle__item3 { position: absolute; bottom: 0; left: 20px; z-index: 8; }

.pagetitle__item4 { position: absolute; bottom: 135px; right: 20px; z-index: 8; }

.pagetitle:before, .pagetitle:after { content: ''; display: block; width: 50%; background-repeat: repeat; position: absolute; z-index: 1; }

.pagetitle:before { background-image: url(../img/recruit/shared/bg-pagetitle1.jpg); height: 80%; top: 0; left: 0; }

.pagetitle:after { background-image: url(../img/recruit/shared/bg-pagetitle2.jpg); height: 80%; bottom: 0; right: 0; }

.pagetitle__text { margin-top: -50px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; max-width: 1200px; }

.pagetitle__text__ja { line-height: 1; position: relative; padding: 5px 30px; display: inline-block; font-size: 80px; }

.pagetitle__text__ja span { display: inline-block; font-style: italic; font-family: "Roboto", sans-serif; letter-spacing: 0.05em; padding-left: 0.5em; font-weight: bold; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); }

.pagetitle__text__ja i { display: block; position: absolute; top: 0; background-color: #fff; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); width: 100%; height: 100%; z-index: -1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }

.pagetitle__text__en { display: inline-block; line-height: 1; padding-bottom: 5px; font-size: 36px; position: relative; margin-left: 300px; }

.pagetitle__text__en span { display: inline-block; font-weight: bold; font-style: italic; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; color: #fff; padding: .3em 1em; }

.pagetitle__text__en i { display: block; position: absolute; top: 0; left: 0; background-color: #800000; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); width: 100%; height: 100%; z-index: -1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }

@media screen and (max-width: 1200px) { .pagetitle__text { max-width: 900px; }
  .pagetitle__text__ja { font-size: 64px; }
  .pagetitle__text__en { font-size: 28.8px; margin-left: 120px; } }

@media screen and (max-width: 900px) { .pagetitle__text { max-width: 700px; }
  .pagetitle__text__ja { font-size: 56px; }
  .pagetitle__text__en { font-size: 25.2px; } }

@media screen and (min-width: 751px) { .pagetitle__inner { height: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } }

@media screen and (max-width: 750px) { .pagetitle { padding-top: 30px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }
  .pagetitle__line { bottom: -144px; left: calc(50% - 140px); width: 10px; height: 344px; }
  .pagetitle__item1 { margin-left: -50px; }
  .pagetitle__item1 img { width: 100px; }
  .pagetitle__item2 img { width: 100px; }
  .pagetitle__item3 { left: 0; }
  .pagetitle__item3 img { width: 120px; }
  .pagetitle__item4 { right: 0; bottom: 60px; }
  .pagetitle__item4 img { width: 40px; }
  .pagetitle__text__ja { font-size: 40px; }
  .pagetitle__text__en { font-size: 32px; margin-left: 2em; }
  .pagetitle__text__en span { padding: .3em .5em; }
  .pagetitle__inner { height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 700px; flex: 0 0 700px; width: 700px; } }

@media screen and (max-width: 600px) { .pagetitle__text__ja { font-size: 40px; }
  .pagetitle__text__en { font-size: 18px; } }

@media screen and (max-width: 450px) { .pagetitle__text__ja { font-size: 32px; padding: 5px 15px; }
  .pagetitle__text__en { font-size: 14.4px; } }

/* FILE : /assets/sass/pages/_top.scss  */
/* ANCHOR top-wrapper,top-container ------------------------------------*/
.top-wrapper { background-color: #f6f8fa; overflow: hidden; }

@media screen and (min-width: 751px) { .top-container { width: 1920px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

/* ANCHOR TOP ITEM ------------------------------------*/
@media screen and (min-width: 751px) { .top-content { position: relative; z-index: 5; } }

.top-hr1 { padding-bottom: 150px; }

@media screen and (max-width: 750px) { .top-hr1 { padding-bottom: 80px; } }

.top-hr2 { padding-bottom: 40px; }

@media screen and (max-width: 750px) { .top-hr2 { padding-bottom: 20px; } }

.top-btn { width: 320px; height: 70px; line-height: 70px; background-color: #000; font-family: "Roboto", sans-serif; font-size: 16px; letter-spacing: 0.1em; text-align: center; margin-left: auto; margin-right: auto; color: #fff; font-weight: 700; display: block; border-radius: 35px; position: relative; }

.top-btn:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 0px solid transparent; position: absolute; right: 30px; top: 50%; margin-top: -4px; }

@media screen and (min-width: 751px) { .top-btn:hover { opacity: 0.6 !important; } }

@media screen and (max-width: 750px) { .top-btn { width: 280px; height: 50px; line-height: 50px; font-size: 14px; } }

/* ANCHOR top-h2title ------------------------------------*/
.top-h2title span { display: block; text-align: center; line-height: 1; letter-spacing: 0.05em; }

.top-h2title__en { font-family: "Roboto", sans-serif; font-size: 56px; margin-bottom: 20px; font-weight: bold; }

.top-h2title__ja { font-size: 18px; }

@media screen and (max-width: 750px) { .top-h2title__en { font-size: 42px; margin-bottom: 10px; }
  .top-h2title__ja { font-size: 14px; } }

@media screen and (max-width: 450px) { .top-h2title__en { font-size: 35px; } }

/* ANCHOR tkv ------------------------------------*/
.tkv { position: relative; padding-top: 60px; z-index: 1; }

.tkv__box { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tkv__img1 { position: relative; z-index: 4; }

.tkv__img2 { position: relative; z-index: 3; }

.tkv__inner { position: relative; z-index: 2; }

.tkv__item1 { position: absolute; top: 0; left: 50%; z-index: 9; margin-left: -127px; }

.tkv__item2 { position: absolute; top: 0; right: 0; z-index: 8; }

.tkv__item3 { position: absolute; bottom: 0; left: 20px; z-index: 8; }

.tkv__item4 { position: absolute; bottom: 135px; right: 20px; z-index: 8; }

.tkv:before, .tkv:after { content: ''; display: block; width: 50%; background-repeat: repeat; position: absolute; z-index: 1; }

.tkv:before { background-image: url(../img/recruit/top/bg-kv2.jpg); height: 80%; top: 0; left: 0; }

.tkv:after { background-image: url(../img/recruit/top/bg-kv1.jpg); height: 80%; bottom: 0; right: 0; }

.tkv__text { text-align: center; margin-top: -50px; }

.tkv__text__en { line-height: 1; margin-bottom: 30px; position: relative; padding: 5px 30px; display: inline-block; font-size: 80px; }

.tkv__text__en span { display: inline-block; font-style: italic; font-family: "Roboto", sans-serif; letter-spacing: 0.05em; font-weight: bold; margin-left: -4em; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; opacity: 0; -webkit-transform: skewX(-15deg) translateX(-10px); -ms-transform: skewX(-15deg) translateX(-10px); transform: skewX(-15deg) translateX(-10px); -webkit-transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.4s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.4s; -o-transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 0.4s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 0.4s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 0.4s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.4s; }

.tkv__text__en i { display: block; position: absolute; top: 0; left: -4em; background-color: #fff; -webkit-transform: skewX(-15deg) scaleX(0); -ms-transform: skewX(-15deg) scaleX(0); transform: skewX(-15deg) scaleX(0); width: calc(100% + 4em); height: 100%; z-index: -1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform; -o-transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform, 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform; }

.tkv__text__ja { display: inline-block; line-height: 1; padding-bottom: 5px; margin-left: 4em; font-size: 64px; position: relative; }

.tkv__text__ja span { display: inline-block; letter-spacing: 0.3em; font-weight: bold; font-style: italic; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; opacity: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 1.1s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 1.1s; -o-transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 1.1s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 1.1s; transition: 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) transform 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) opacity 1.1s, 0.3s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 1.1s; }

.tkv__text__ja i { display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 12px; background-color: #ffff60; z-index: -1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.7s; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.7s; -o-transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.7s; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.7s; transition: 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) transform 0.7s, 0.5s cubic-bezier(0.98, 0, 0.84, 0.6) -webkit-transform 0.7s; }

.tkv__text.loaded .tkv__text__en span { opacity: 1; -webkit-transform: skewX(-15deg) translateX(0); -ms-transform: skewX(-15deg) translateX(0); transform: skewX(-15deg) translateX(0); }

.tkv__text.loaded .tkv__text__en i { -webkit-transform: skewX(-15deg) scaleX(1); -ms-transform: skewX(-15deg) scaleX(1); transform: skewX(-15deg) scaleX(1); }

.tkv__text.loaded .tkv__text__ja span { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.tkv__text.loaded .tkv__text__ja i { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

@media screen and (max-width: 1200px) { .tkv__text__en { font-size: 48px; }
  .tkv__text__ja { font-size: 38.4px; } }

@media screen and (max-width: 900px) { .tkv__text__en { font-size: 40px; }
  .tkv__text__ja { font-size: 32px; } }

@media screen and (min-width: 751px) { .tkv__inner { height: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .tkv__img1 { margin-right: -160px; margin-top: 40px; } }

@media screen and (max-width: 750px) { .tkv { padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }
  .tkv__item1 { margin-left: -50px; }
  .tkv__item1 img { width: 100px; }
  .tkv__item2 img { width: 100px; }
  .tkv__item3 { left: 0; }
  .tkv__item3 img { width: 120px; }
  .tkv__item4 { right: 0; bottom: 60px; }
  .tkv__item4 img { width: 40px; }
  .tkv__text__en { font-size: 32px; }
  .tkv__text__en span { margin-left: -2em; }
  .tkv__text__en i { left: -2em; width: calc(100% + 2em); }
  .tkv__text__ja { font-size: 25.6px; margin-left: 2em; }
  .tkv__inner { height: 330px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 700px; flex: 0 0 700px; width: 700px; }
  .tkv__img1 { margin-right: -80px; margin-top: 40px; } }

@media screen and (max-width: 600px) { .tkv__text__en span { margin-left: 0; }
  .tkv__text__en i { left: 0em; width: calc(100%); }
  .tkv__text__ja { letter-spacing: 0.2em; }
  .tkv__text__ja span { margin-left: 0; } }

@media screen and (max-width: 450px) { .tkv__text__en { font-size: 24px; padding: 5px 15px; }
  .tkv__text__ja { font-size: 19.2px; } }

/* ANCHOR tabout ------------------------------------*/
.tabout { background: url(../img/recruit/top/bg-about.jpg) no-repeat right bottom/cover; max-width: 1840px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; }

.tabout__line1 { display: block; width: 12px; height: 488px; background: -webkit-gradient(linear, left top, left bottom, from(#ee609c), to(#b564d9)); background: -webkit-linear-gradient(top, #ee609c 0%, #b564d9 100%); background: -o-linear-gradient(top, #ee609c 0%, #b564d9 100%); background: linear-gradient(to bottom, #ee609c 0%, #b564d9 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; top: -344px; left: calc(50% + 220px); z-index: 3; }

.tabout__line2 { display: block; width: 7px; height: 262px; background: -webkit-gradient(linear, left top, left bottom, from(#fedc45), to(#fb7099)); background: -webkit-linear-gradient(top, #fedc45 0%, #fb7099 100%); background: -o-linear-gradient(top, #fedc45 0%, #fb7099 100%); background: linear-gradient(to bottom, #fedc45 0%, #fb7099 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; top: 50px; left: calc(50% - 130px); z-index: 3; }

.tabout__line3 { display: block; width: 22px; height: 536px; background: -webkit-gradient(linear, left top, left bottom, from(#19fff4), to(#aeffae)); background: -webkit-linear-gradient(top, #19fff4 0%, #aeffae 100%); background: -o-linear-gradient(top, #19fff4 0%, #aeffae 100%); background: linear-gradient(to bottom, #19fff4 0%, #aeffae 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; bottom: -75px; left: calc(50% - 650px); z-index: 3; }

.tabout__item1 { position: absolute; z-index: 2; right: -40px; top: -200px; }

.tabout__item2 { position: absolute; z-index: 2; left: calc(50% - 210px); top: -110px; }

.tabout__item3 { position: absolute; z-index: 2; left: -40px; bottom: 90px; }

.tabout__title { margin-bottom: -60px; position: relative; z-index: 3; }

.tabout__inner { max-width: 1020px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative; z-index: 4; }

.tabout__text { margin-bottom: 190px; }

.tabout__text p { text-align: center; line-height: 2.6; }

.tabout__text span { font-size: 18px; letter-spacing: 0.1em; font-weight: bold; display: inline; line-height: 2; padding: 5px 10px; text-align: center; -webkit-box-shadow: 0 3em 0 #ffffff inset; box-shadow: 0 3em 0 #ffffff inset; }

@media screen and (max-width: 1000px) { .tabout__text { max-width: 740px; margin-left: auto; margin-right: auto; }
  .tabout__text span { font-size: 16px; } }

@media screen and (min-width: 751px) { .tabout { height: 960px; padding-top: 215px; } }

@media screen and (max-width: 750px) { .tabout { padding-top: 100px; padding-bottom: 50px; background: url(../img/recruit/top/bg-about--smt.jpg) no-repeat right bottom/cover; }
  .tabout__line1 { display: block; width: 6px; height: 244px; top: -178px; left: calc(50% + 100px); }
  .tabout__line2 { width: 6px; height: 120px; top: 50px; left: calc(50% - 100px); }
  .tabout__line3 { width: 12px; height: 200px; bottom: 0; left: calc(50% - 100px); z-index: 3; bottom: -50px; }
  .tabout__item1 { right: 0; top: -100px; width: 200px; }
  .tabout__item2 { position: absolute; z-index: 2; left: calc(50% - 100px); top: -50px; width: 20px; }
  .tabout__item3 { width: 80px; left: 0; bottom: 40px; }
  .tabout__title { margin-bottom: -60px; position: relative; z-index: 3; }
  .tabout__title { margin-bottom: -40px; }
  .tabout__text { margin-bottom: 100px; }
  .tabout__text span { font-size: 15px; } }

@media screen and (max-width: 450px) { .tabout__text span { font-size: 13px; } }

/* ANCHOR tperson ------------------------------------*/
.tperson { background: url(../img/recruit/top/bg-person.jpg) no-repeat center center/cover; padding-top: 125px; padding-bottom: 295px; max-width: 1840px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative; }

.tperson__line1 { display: block; height: 900px; width: 23px; background: -webkit-gradient(linear, left top, left bottom, from(#55cc7c), to(#f5f97f)); background: -webkit-linear-gradient(top, #55cc7c 0%, #f5f97f 100%); background: -o-linear-gradient(top, #55cc7c 0%, #f5f97f 100%); background: linear-gradient(to bottom, #55cc7c 0%, #f5f97f 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; z-index: 1; top: 550px; right: 0; }

.tperson__line2 { display: block; height: 484px; width: 13px; background: -webkit-gradient(linear, left top, left bottom, from(#f3afb8), to(#fbd1d6)); background: -webkit-linear-gradient(top, #f3afb8 0%, #fbd1d6 100%); background: -o-linear-gradient(top, #f3afb8 0%, #fbd1d6 100%); background: linear-gradient(to bottom, #f3afb8 0%, #fbd1d6 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; z-index: 1; bottom: 160px; left: 530px; }

.tperson__item1 { position: absolute; z-index: 1; display: block; width: 196px; left: calc(50% - 142px); top: 52px; }

.tperson__item2 { position: absolute; z-index: 1; display: block; width: 294px; top: -20px; right: -40px; }

.tperson__item3 { position: absolute; z-index: 1; display: block; width: 364px; top: 256px; left: calc(50% - 450px); }

.tperson__item4 { position: absolute; z-index: 1; display: block; width: 114px; top: 1177px; left: calc(50% + 150px); }

.tperson__title { margin-bottom: 120px; position: relative; z-index: 3; }

.tperson__text1 { text-align: center; letter-spacing: 0.1em; line-height: 1; margin-bottom: 20px; font-size: 16px; }

.tperson__text2 { text-align: center; letter-spacing: 0.1em; line-height: 1; font-size: 16px; }

.tperson__name { margin-bottom: 25px; }

.tperson__name .ja { font-size: 28px; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 10px; line-height: 1; text-align: center; display: block; }

.tperson__name .en { line-height: 1; text-align: center; display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: bold; }

.tperson__name .en.blue { color: #3399ff; }

.tperson__name .en.yellow { color: #ffcc00; }

.tperson__name .en.pink { color: #ff66cc; }

.tperson__name .en.green { color: #009966; }

.tperson__name .en.orange { color: #ff6666; }

.tperson__content { background-color: #fff; padding: 20px; }

.tperson__list { max-width: 1440px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 3; }

.tperson__list.display .tperson__item { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.tperson__list .tperson__item { opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.tperson__list .tperson__item:nth-child(1) { -webkit-transition: .5s opacity ease,.5s transform ease; -o-transition: .5s opacity ease,.5s transform ease; transition: .5s opacity ease,.5s transform ease; }

.tperson__list .tperson__item:nth-child(2) { -webkit-transition: .5s opacity ease .3s,.5s transform ease .3s; -o-transition: .5s opacity ease .3s,.5s transform ease .3s; transition: .5s opacity ease .3s,.5s transform ease .3s; }

.tperson__list .tperson__item:nth-child(3) { -webkit-transition: .5s opacity ease .6s,.5s transform ease .6s; -o-transition: .5s opacity ease .6s,.5s transform ease .6s; transition: .5s opacity ease .6s,.5s transform ease .6s; }

.tperson__list .tperson__item:nth-child(4) { -webkit-transition: .5s opacity ease .9s,.5s transform ease .9s; -o-transition: .5s opacity ease .9s,.5s transform ease .9s; transition: .5s opacity ease .9s,.5s transform ease .9s; }

.tperson__list .tperson__item:nth-child(5) { -webkit-transition: .5s opacity ease 1.2s,.5s transform ease 1.2s; -o-transition: .5s opacity ease 1.2s,.5s transform ease 1.2s; transition: .5s opacity ease 1.2s,.5s transform ease 1.2s; }

.tperson__list .tperson__item:nth-child(6) { -webkit-transition: .5s opacity ease 1.5s,.5s transform ease 1.5s; -o-transition: .5s opacity ease 1.5s,.5s transform ease 1.5s; transition: .5s opacity ease 1.5s,.5s transform ease 1.5s; }

.tperson__list .tperson__item:nth-child(7) { -webkit-transition: .5s opacity ease 1.8s,.5s transform ease 1.8s; -o-transition: .5s opacity ease 1.8s,.5s transform ease 1.2s; transition: .5s opacity ease 1.8s,.5s transform ease 1.8s; }

.tperson__list .tperson__item:nth-child(8) { -webkit-transition: .5s opacity ease 2.1s,.5s transform ease 2.1s; -o-transition: .5s opacity ease 2.1s,.5s transform ease 2.1s; transition: .5s opacity ease 2.1s,.5s transform ease 2.1s; }

.tperson__list .tperson__item:nth-child(9) { -webkit-transition: .5s opacity ease 2.4s,.5s transform ease 2.4s; -o-transition: .5s opacity ease 2.4s,.5s transform ease 2.4s; transition: .5s opacity ease 2.4s,.5s transform ease 2.4s; }

.tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 400px; }

@media screen and (max-width: 1450px) { .tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; }
  .tperson__line1 { right: calc(50% - 400px); } }

@media screen and (min-width: 1025px) { 
  .tperson__list .tperson__item:nth-child(2) { margin-top: 235px; }
  .tperson__list .tperson__item:nth-child(3) { margin-right: 40px; margin-top: 40px; }
  .tperson__list .tperson__item:nth-child(4) { margin-left: 40px; margin-top: -160px; }
  .tperson__list .tperson__item:nth-child(5) { margin-top: 50px; }
  .tperson__list .tperson__item:nth-child(6) { margin-top: -152px }
  .tperson__list .tperson__item:nth-child(7) { margin-top: -120px }
  .tperson__list .tperson__item:nth-child(8) { margin-top: -120px }
  .tperson__list .tperson__item:nth-child(9) { margin-top: -120px }
 }

@media screen and (min-width: 1025px) and (max-width: 1450px) { .tperson__list { max-width: 1000px; }
  .tperson__list .tperson__item:nth-child(2) { margin-top: 235px; }
  .tperson__list .tperson__item:nth-child(3) { margin-right: 10px; margin-top: 40px; }
  .tperson__list .tperson__item:nth-child(4) { margin-left: 10px; margin-top: -160px; }
  .tperson__list .tperson__item:nth-child(5) { margin-top: 50px; }
}
  

@media screen and (min-width: 751px) { .tperson__item:hover { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; opacity: 0.6 !important; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .tperson { padding-bottom: 150px; }
  .tperson__list { max-width: 730px; }
  .tperson__list .tperson__item:nth-child(2) { margin-top: 70px; margin-right: 15px; }
  .tperson__list .tperson__item:nth-child(3) { margin-top: -40px; margin-left: 15px; }
  .tperson__list .tperson__item:nth-child(4) { margin-top: 40px; }
  .tperson__list .tperson__item:nth-child(5) { margin-top: -40px; margin-left: 60px; }
  .tperson__list .tperson__item:nth-child(6) { margin-top: 40px; }
  .tperson__list .tperson__item:nth-child(7) { margin-top: -30px; }
  .tperson__list .tperson__item:nth-child(8) { margin-top: 40px; }
}

@media screen and (max-width: 750px) { .tperson { padding-top: 60px; padding-bottom: 80px; background: url(../img/recruit/top/bg-person--smt.jpg) no-repeat center center/cover; }
  .tperson__line1 { height: 400px; width: 18px; top: 350px; right: 0; }
  .tperson__line2 { height: 300px; width: 13px; bottom: 160px; left: 20px; }
  .tperson__item1 { position: absolute; z-index: 1; display: block; width: 98px; left: calc(50% - 49px); top: 52px; }
  .tperson__item2 { position: absolute; z-index: 1; display: block; width: 147px; top: 0; right: 0; }
  .tperson__item3 { position: absolute; z-index: 1; display: block; width: 180px; top: 126px; left: 10px; }
  .tperson__item4 { width: 60px; top: auto; left: 70%; bottom: 50px; }
  .tperson__title { margin-bottom: 60px; }
  .tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; }
  .tperson__content { padding: 20px 10px; }
  .tperson__text1 { margin-bottom: 10px; font-size: 14px; }
  .tperson__text2 { font-size: 14px; }
  .tperson__name { margin-bottom: 15px; }
  .tperson__name .ja { font-size: 22px; }
  .tperson__name .en { font-size: 12px; }
  .tperson__list { max-width: 600px; }
  .tperson__list .tperson__item:nth-child(2) { margin-top: 70px; margin-right: 15px; }
  .tperson__list .tperson__item:nth-child(3) { margin-top: -40px; margin-left: 15px; }
  .tperson__list .tperson__item:nth-child(4) { margin-top: 40px; }
  .tperson__list .tperson__item:nth-child(5) { margin-top: -40px; margin-left: 20px; }
  .tperson__list .tperson__item:nth-child(6) { margin-top: 40px;}
  .tperson__list .tperson__item:nth-child(7) { margin-top: -40px; }
  .tperson__list .tperson__item:nth-child(8) { margin-top: 50px; }
  .tperson__list .tperson__item:nth-child(9) { margin-top: -120px; }
}

@media screen and (max-width: 600px) { .tperson__list { max-width: 600px; }
  .tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; } }

@media screen and (max-width: 450px) { .tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; }
  .tperson__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .tperson__list .tperson__item:nth-child(2) { margin-top: 30px; margin-right: 0; }
  .tperson__list .tperson__item:nth-child(3) { margin-top: -20px; margin-left: 0; }
  .tperson__list .tperson__item:nth-child(4) { margin-top: 10px; }
  .tperson__list .tperson__item:nth-child(5) { margin-top: -20px; margin-left: 0; } }

@media screen and (max-width: 360px) { .tperson__item { -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; width: 145px; }
  .tperson__content { padding: 20px 5px; }
  .tperson__text1 { margin-bottom: 10px; font-size: 12px; }
  .tperson__text2 { font-size: 12px; }
  .tperson__name { margin-bottom: 15px; }
  .tperson__name .ja { font-size: 18px; }
  .tperson__name .en { font-size: 10px; } }

/* ANCHOR trequirement ------------------------------------*/
.trequirement { max-width: 1840px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; padding-top: 115px; padding-bottom: 170px; background: url(../img/recruit/top/bg-requirement.jpg) no-repeat center center/cover; position: relative; z-index: 1; }

.trequirement__item1 { position: absolute; z-index: 1; width: 896px; left: 0; top: -120px; }

.trequirement__item2 { position: absolute; z-index: 1; width: 440px; left: 0; bottom: 0px; }

.trequirement__title { margin-bottom: 65px; position: relative; z-index: 2; }

.trequirement .top-btn { position: relative; z-index: 2; }

.trequirement__text { position: relative; z-index: 2; max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 80px; }

.trequirement__text p { text-align: center; line-height: 2.6; }

.trequirement__text span { font-size: 18px; letter-spacing: 0.1em; font-weight: bold; display: inline; line-height: 2; padding: 5px 10px; text-align: center; -webkit-box-shadow: 0 3em 0 #ffffff inset; box-shadow: 0 3em 0 #ffffff inset; }

@media screen and (max-width: 750px) { .trequirement { padding-top: 40px; padding-bottom: 40px; background: url(../img/recruit/top/bg-requirement--smt.jpg) no-repeat top right/cover; }
  .trequirement__item1 { width: 300px; left: 0; top: -60px; }
  .trequirement__item2 { width: 170px; }
  .trequirement__text { margin-bottom: 40px; }
  .trequirement__text span { font-size: 15px; } }

/* ANCHOR tentry ------------------------------------*/
.tentry { background: url(../img/recruit/top/bg-entry.jpg) no-repeat center center/cover; padding: 40px; position: relative; z-index: 2; }

.tentry__line1 { display: block; width: 19px; height: 730px; background: -webkit-gradient(linear, left top, left bottom, from(#f83600), to(#facc22)); background: -webkit-linear-gradient(top, #f83600 0%, #facc22 100%); background: -o-linear-gradient(top, #f83600 0%, #facc22 100%); background: linear-gradient(to bottom, #f83600 0%, #facc22 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; z-index: 1; right: calc(50% - 690px); top: -375px; }

.tentry__line2 { display: block; width: 7px; height: 262px; background: -webkit-gradient(linear, left top, left bottom, from(#8ffca0), to(#0bcbfb)); background: -webkit-linear-gradient(top, #8ffca0 0%, #0bcbfb 100%); background: -o-linear-gradient(top, #8ffca0 0%, #0bcbfb 100%); background: linear-gradient(to bottom, #8ffca0 0%, #0bcbfb 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; z-index: 1; right: calc(50% + 60px); bottom: -70px; }

.tentry__line3 { display: block; width: 11px; height: 377px; background: -webkit-gradient(linear, left top, left bottom, from(#7c73f3), to(#e877ae)); background: -webkit-linear-gradient(top, #7c73f3 0%, #e877ae 100%); background: -o-linear-gradient(top, #7c73f3 0%, #e877ae 100%); background: linear-gradient(to bottom, #7c73f3 0%, #e877ae 100%); -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); position: absolute; z-index: 1; left: calc(50% - 400px); bottom: -140px; }

.tentry__btn { display: -webkit-box; display: -ms-flexbox; display: flex; border: 8px solid #ffff60; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; }

.tentry__en { display: block; line-height: 1; text-align: center; color: #ffff60; font-family: "Roboto", sans-serif; font-size: 96px; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 20px; }

.tentry__ja { display: block; line-height: 1; text-align: center; font-size: 20px; letter-spacing: 0.1em; font-weight: bold; color: #fff; }

@media screen and (max-width: 1024px) { .tentry__line1 { width: 19px; height: 530px; right: calc(50% - 550px); top: -205px; }
  .tentry__line2 { width: 7px; height: 262px; right: calc(50% + 60px); bottom: -70px; }
  .tentry__line3 { width: 11px; height: 300px; left: calc(50% - 300px); bottom: -100px; } }

@media screen and (min-width: 751px) { .tentry { width: 100vw; margin-left: auto; margin-right: auto; height: 560px; }
  .tentry__btn { height: 480px; -webkit-transition: .3s background-color ease,.3s border-color ease; -o-transition: .3s background-color ease,.3s border-color ease; transition: .3s background-color ease,.3s border-color ease; }
  .tentry__btn .tentry__en { -webkit-transition: .3s color ease; -o-transition: .3s color ease; transition: .3s color ease; }
  .tentry__btn:hover { background-color: #cccc00; border-color: #cccc00; }
  .tentry__btn:hover .tentry__en { color: #fff; } }

@media screen and (max-width: 750px) { .tentry { background: url(../img/recruit/top/bg-entry--smt.jpg) no-repeat center center/cover; padding: 20px; }
  .tentry__line1 { width: 10px; height: 360px; right: 0; top: -105px; }
  .tentry__line2 { width: 5px; height: 131px; right: calc(50% + 60px); bottom: -70px; }
  .tentry__line3 { width: 7px; height: 180px; left: 80px; bottom: -70px; }
  .tentry__btn { height: 300px; }
  .tentry__en { font-size: 48px; margin-bottom: 15px; }
  .tentry__ja { font-size: 15px; } }

@media screen and (max-width: 600px) { .tentry__btn { height: 200px; }
  .tentry__en { font-size: 36px; }
  .tentry__ja { font-size: 14px; } }

/* ANCHOR line-anime ------------------------------------*/
@-webkit-keyframes line-anime { 0% { -webkit-transform: skewX(-30deg) scaleY(0); transform: skewX(-30deg) scaleY(0); }
  100% { -webkit-transform: skewX(-30deg) scaleY(1); transform: skewX(-30deg) scaleY(1); } }
@keyframes line-anime { 0% { -webkit-transform: skewX(-30deg) scaleY(0); transform: skewX(-30deg) scaleY(0); }
  100% { -webkit-transform: skewX(-30deg) scaleY(1); transform: skewX(-30deg) scaleY(1); } }

.line-anime { -webkit-transform: skewX(-30deg) scaleY(0); -ms-transform: skewX(-30deg) scaleY(0); transform: skewX(-30deg) scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.line-anime.display { -webkit-animation: line-anime 0.7s cubic-bezier(0.98, 0, 0.84, 0.6) 0s 1 normal forwards; animation: line-anime 0.7s cubic-bezier(0.98, 0, 0.84, 0.6) 0s 1 normal forwards; }

.fadeitem { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .4s opacity ease,.4s transform ease; -o-transition: .4s opacity ease,.4s transform ease; transition: .4s opacity ease,.4s transform ease; }

.fadeitem.display { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* ANCHOR staff-catch ------------------------------------*/
.staff-catch { position: relative; padding: 80px 15px; }

.staff-catch p { text-align: center; font-weight: bold; font-size: 24px; line-height: 1.66; letter-spacing: 0.1em; }

@media screen and (max-width: 750px) { .staff-catch { padding: 40px 15px; }
  .staff-catch p { font-size: 18px; } }

@media screen and (max-width: 450px) { .staff-catch p { font-size: 15px; } }

/* ANCHOR stafflist ------------------------------------*/
.stafflist { max-width: 1440px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 3; }

.stafflist__content { background-color: #fff; padding: 20px; }

.stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 400px; }

.stafflist__text1 { font-size: 15px; letter-spacing: 0.1em; margin-bottom: 10px; }

.stafflist__text2 { font-weight: bold; letter-spacing: 0.1em; line-height: 1.7; }

.stafflist__img { position: relative; }

.stafflist__btn { display: block; width: 100%; max-width: 240px; margin: 30px auto 0; background-color: #000; text-align: center; position: relative; color: #fff; height: 48px; line-height: 48px; border-radius: 24px; font-size: 14px; font-weight: bold; letter-spacing: 0.1em; }

.stafflist__btn:after { content: ''; width: 0; height: 0; display: block; border-left: 8px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 0px solid transparent; position: absolute; top: 50%; margin-top: -4px; right: 20px; }

.stafflist__name { position: absolute; color: #fff; bottom: 0; left: 0; width: 100%; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.stafflist__name span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; line-height: 1.2; }

.stafflist__name i { -webkit-box-flex: 0; -ms-flex: 0 0 44px; flex: 0 0 44px; width: 44px; line-height: 0; }

.stafflist__name i img { width: 100%; height: 100%; line-height: 0; }

.stafflist__name.blue span { background-color: #3399ff; }
.stafflist__name.yellow span { background-color: #ffcc00; }
.stafflist__name.purple span { background-color: #a378b9; }
.stafflist__name.green span { background-color: #009966; }
.stafflist__name.orange span { background-color: #ff6666; }
.stafflist__name.navy span { background-color: #1c41a7; }
.stafflist__name.pink span { background-color: #ff66b3; }
.stafflist__name.olive span { background-color: #687e35; }

@media screen and (max-width: 1450px) { .stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; }
  .stafflist__name span { font-size: 16px; }
  .stafflist__line1 { right: calc(50% - 400px); } }

@media screen and (min-width: 1025px) { .stafflist .stafflist__item:nth-child(2) { margin-top: 235px; }
  .stafflist .stafflist__item:nth-child(3) { margin-right: 40px; margin-top: 40px; }
  .stafflist .stafflist__item:nth-child(4) { margin-left: 40px; margin-top: -160px; }
  .stafflist .stafflist__item:nth-child(5) { margin-top: 60px; }
  .stafflist .stafflist__item:nth-child(6) { margin-top: -120px; }
  .stafflist .stafflist__item:nth-child(7) { margin-right: 10px; margin-top: -100px; } }

@media screen and (min-width: 1025px) and (max-width: 1450px) { .stafflist { max-width: 1000px; }
  .stafflist .stafflist__item:nth-child(2) { margin-top: 235px; }
  .stafflist .stafflist__item:nth-child(3) { margin-right: 10px; margin-top: 40px; }
  .stafflist .stafflist__item:nth-child(4) { margin-left: 10px; margin-top: -200px; }
  .stafflist .stafflist__item:nth-child(5) { margin-top: 60px; }
  .stafflist .stafflist__item:nth-child(6) { margin-top: -120px; }
  .stafflist .stafflist__item:nth-child(7) { margin-right: 10px; margin-top: -100px; }
  .stafflist .stafflist__item:nth-child(8) { margin-top: 60px; margin-left: 15px; } }

@media screen and (min-width: 751px) { .stafflist__btn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .stafflist__btn:hover { opacity: .6; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .stafflist { max-width: 730px; }
  .stafflist .stafflist__item:nth-child(2) { margin-top: 70px; margin-right: 15px; }
  .stafflist .stafflist__item:nth-child(3) { margin-top: -40px; margin-left: 15px; }
  .stafflist .stafflist__item:nth-child(4) { margin-top: 40px; }
  .stafflist .stafflist__item:nth-child(5) { margin-top: -30px; }
  .stafflist .stafflist__item:nth-child(6) { margin-top: 60px; }
  .stafflist .stafflist__item:nth-child(7) { margin-right: 10px; margin-top: -100px; }
  .stafflist .stafflist__item:nth-child(8) { margin-top: 60px; margin-left: 15px; } }

@media screen and (max-width: 750px) { .stafflist { max-width: 600px; }
  .stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; }
  .stafflist__content { padding: 20px 10px; }
  .stafflist__text1 { font-size: 13px; }
  .stafflist__text2 { font-size: 15px; }
  .stafflist__name span { font-size: 14px; }
  .stafflist__btn { height: 36px; line-height: 36px; font-size: 13px; }
  .stafflist__btn:after { right: 5px; }
  .stafflist .stafflist__item:nth-child(2) { margin-top: 70px; margin-right: 15px; }
  .stafflist .stafflist__item:nth-child(3) { margin-top: -40px; margin-left: 15px; }
  .stafflist .stafflist__item:nth-child(4) { margin-top: 40px; }
  .stafflist .stafflist__item:nth-child(5) { margin-top: -30px; }
  .stafflist .stafflist__item:nth-child(6) { margin-top: 60px; }
  .stafflist .stafflist__item:nth-child(7) { margin-right: 10px; margin-top: -85px; }
  .stafflist .stafflist__item:nth-child(8) { margin-top: 60px; margin-left: 15px; } }

@media screen and (max-width: 600px) { .stafflist { max-width: 600px; }
  .stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; } }

@media screen and (max-width: 450px) { .stafflist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; }
  .stafflist .stafflist__item:nth-child(2) { margin-top: 30px; margin-right: 0; }
  .stafflist .stafflist__item:nth-child(3) { margin-top: -20px; margin-left: 0; }
  .stafflist .stafflist__item:nth-child(4) { margin-top: 10px; }
  .stafflist .stafflist__item:nth-child(5) { margin-top: -5px; }
  .stafflist .stafflist__item:nth-child(6) { margin-top: 60px; }
  .stafflist .stafflist__item:nth-child(7) { margin-right: 10px; margin-top: -60px; }
  .stafflist .stafflist__item:nth-child(8) { margin-top: 25px; margin-left: 15px; } }

@media screen and (max-width: 360px) { .stafflist__item { -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; width: 145px; }
  .stafflist__content { padding: 20px 5px; }
  .stafflist__text1 { font-size: 12px; }
  .stafflist__text2 { font-size: 12px; } }

/* ANCHOR rec-catch ------------------------------------*/
.rec-catch { padding: 80px 15px; position: relative; z-index: 4; }

.rec-catch__line1 { display: block; width: 17px; height: 657px; background: -webkit-gradient(linear, left top, left bottom, from(#ee609c), to(#b564d9)); background: -webkit-linear-gradient(top, #ee609c 0%, #b564d9 100%); background: -o-linear-gradient(top, #ee609c 0%, #b564d9 100%); background: linear-gradient(to bottom, #ee609c 0%, #b564d9 100%); position: absolute; z-index: 3; bottom: 190px; left: calc(50% + 1000px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.rec-catch__line2 { display: block; width: 9px; height: 322px; background: -webkit-gradient(linear, left top, left bottom, from(#fedc45), to(#fb7099)); background: -webkit-linear-gradient(top, #fedc45 0%, #fb7099 100%); background: -o-linear-gradient(top, #fedc45 0%, #fb7099 100%); background: linear-gradient(to bottom, #fedc45 0%, #fb7099 100%); position: absolute; z-index: 3; bottom: 20px; left: calc(50% + 580px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.rec-catch__item1 { position: absolute; top: -215px; left: calc(50% + 330px); display: block; width: 600px; z-index: 3; }

.rec-catch__item2 { position: absolute; left: calc(50% - 210px); top: 70px; z-index: 3; }

.rec-catch__item3 { position: absolute; left: -40px; bottom: 90px; z-index: 3; }

.rec-catch__item4 { position: absolute; left: 0; bottom: 0; }

.rec-catch__title { text-align: center; font-weight: bold; font-size: 56px; line-height: 1; margin-bottom: 50px; }

.rec-catch__content { border: 16px solid #4cc6f8; position: relative; z-index: 2; padding: 60px; background-color: #fff; }

.rec-catch__subtitle { position: relative; z-index: 4; margin-bottom: 50px; }

.rec-catch__subtitle span { color: #800000; font-size: 64px; letter-spacing: 0.1em; display: block; text-align: center; }

.rec-catch__subtitle a { width: 400px; margin: 0 auto; height: 96px; background-color: #ffff60; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: bold; position: relative; }

.rec-catch__subtitle a:after { content: ''; width: 0; height: 0; display: block; border-left: 12px solid #000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 0px solid transparent; position: absolute; top: 50%; margin-top: -6px; right: 30px; }

.rec-catch__subtitle a:before { content: ''; width: 0; height: 0; display: block; border-right: 23px solid #ff0000; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 0px solid transparent; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -27px; left: -4px; }

.rec-catch__text { text-align: center; font-weight: bold; font-size: 18px; line-height: 2.6; letter-spacing: 0.1em; position: relative; z-index: 4; margin-bottom: 60px; }

.rec-catch__want { position: relative; z-index: 4; padding: 30px 0 50px; background: -webkit-gradient(linear, left top, left bottom, from(#84f5de), to(#51dff5)); background: -webkit-linear-gradient(top, #84f5de 0%, #51dff5 100%); background: -o-linear-gradient(top, #84f5de 0%, #51dff5 100%); background: linear-gradient(to bottom, #84f5de 0%, #51dff5 100%); }

.rec-catch__want h3 { text-align: center; font-weight: bold; font-size: 32px; letter-spacing: 0.1em; margin-bottom: 20px; }

.rec-catch__want p { font-size: 20px; line-height: 2; text-align: center; font-weight: bold; letter-spacing: 0.1em; color: #800000; }

@media screen and (max-width: 1500px) { .rec-catch__content { max-width: 1300px; margin-left: auto; margin-right: auto; padding: 30px; }
  .rec-catch__subtitle { margin-bottom: 30px; }
  .rec-catch__subtitle span { font-size: 45px; }
  .rec-catch__subtitle a { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; height: 60px; font-size: 20px; letter-spacing: 0.05em; }
  .rec-catch__subtitle a:after { right: 15px; }
  .rec-catch__subtitle a:before { border-right: 16px solid #ff0000; border-top: 16px solid transparent; border-bottom: 16px solid transparent; top: -20px; left: -4px; }
  .rec-catch__text { margin-bottom: 25px; }
  .rec-catch__line1 { width: 17px; height: 657px; bottom: 190px; left: calc(50% + 800px); }
  .rec-catch__line2 { width: 9px; height: 322px; bottom: 20px; left: calc(50% + 460px); } }

@media screen and (max-width: 1024px) { .rec-catch__title { font-size: 40px; }
  .rec-catch__text { font-size: 15px; }
  .rec-catch__content { max-width: 800px; padding: 15px; border-width: 8px; }
  .rec-catch__subtitle span { font-size: 32px; }
  .rec-catch__subtitle a { padding-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; width: 240px; height: 60px; font-size: 18px; }
  .rec-catch__want { padding: 20px 15px 30px; }
  .rec-catch__want h3 { font-size: 26px; margin-bottom: 15px; }
  .rec-catch__want p { font-size: 16px; letter-spacing: 0.05em; } }

@media screen and (min-width: 751px) { .rec-catch__subtitle a { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .rec-catch__subtitle a:hover { opacity: .6; } }

@media screen and (max-width: 750px) { .rec-catch { padding: 40px 15px; }
  .rec-catch__line1 { width: 8px; height: 320px; bottom: 60px; left: calc(50% + 320px); }
  .rec-catch__line2 { width: 4px; height: 162px; bottom: 20px; left: calc(50% - 180px); }
  .rec-catch__title { font-size: 32px; margin-bottom: 30px; }
  .rec-catch__content { border-width: 4px; padding: 8px; }
  .rec-catch__item3 { z-index: 1; }
  .rec-catch__item4 { width: 200px; }
  .rec-catch__subtitle { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .rec-catch__subtitle span { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; text-align: center; margin-bottom: 20px; font-size: 28px; letter-spacing: 0; }
  .rec-catch__subtitle a { margin: 0 auto; }
  .rec-catch__want { padding: 20px 5px 30px; }
  .rec-catch__want h3 { font-size: 22px; margin-bottom: 10px; }
  .rec-catch__want p { font-size: 14px; letter-spacing: 0; } }

@media screen and (max-width: 450px) { .rec-catch__line1 { width: 8px; height: 320px; bottom: 60px; left: calc(50% + 320px); }
  .rec-catch__line2 { width: 4px; height: 162px; bottom: 20px; left: calc(50% - 150px); } }

/* ANCHOR rec-anker ------------------------------------*/
.rec-anker { padding: 0 15px 80px; }

.rec-anker a { display: block; }

.rec-anker__container { max-width: 1200px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1366px) { .rec-anker__container { max-width: 700px; } }

@media screen and (min-width: 751px) { .rec-anker__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .rec-anker a { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .rec-anker a:hover { opacity: .6; } }

@media screen and (max-width: 750px) { .rec-anker__container a { max-width: 400px; margin: 0 auto; }
  .rec-anker__container a:nth-child(1) { margin-bottom: 20px; } }

/* ANCHOR rec-fresh ------------------------------------*/
.rec-fresh { position: relative; background-color: #fff; padding: 80px 15px; }

.rec-fresh__title { text-align: center; letter-spacing: 0.1em; font-size: 48px; font-weight: 500; line-height: 1; margin-bottom: 40px; }

.rec-fresh__text { text-align: center; color: #800000; font-weight: bold; font-size: 18px; letter-spacing: 0.05em; margin-bottom: 20px; }

.rec-fresh__line1 { display: block; width: 22px; height: 635px; background: -webkit-gradient(linear, left top, left bottom, from(#aeffae), to(#19fff4)); background: -webkit-linear-gradient(top, #aeffae 0%, #19fff4 100%); background: -o-linear-gradient(top, #aeffae 0%, #19fff4 100%); background: linear-gradient(to bottom, #aeffae 0%, #19fff4 100%); position: absolute; z-index: 3; top: -90px; right: calc(50% - 1050px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.rec-fresh__line2 { display: block; width: 22px; height: 635px; background: -webkit-gradient(linear, left top, left bottom, from(#db8ade), to(#f6bf9f)); background: -webkit-linear-gradient(top, #db8ade 0%, #f6bf9f 100%); background: -o-linear-gradient(top, #db8ade 0%, #f6bf9f 100%); background: linear-gradient(to bottom, #db8ade 0%, #f6bf9f 100%); position: absolute; z-index: 3; bottom: -90px; left: calc(50% - 650px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.rec-fresh__table a { text-decoration: underline; }

.rec-fresh__table th { background-color: #84f5de; }

.rec-fresh__table td[colspan="2"] { font-weight: bold; }

@media screen and (min-width: 751px) { .rec-fresh__table { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
  .rec-fresh__table a:hover { text-decoration: none; color: #800000; }
  .rec-fresh__table th, .rec-fresh__table td { border: 1px solid #cccccc; padding: 25px 0 25px 40px; }
  .rec-fresh__table th { background-color: #84f5de; width: 320px; font-weight: bold; vertical-align: middle; }
  .rec-fresh__table td[colspan="2"] { font-size: 24px; }
  .rec-fresh__table td { width: auto; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .rec-fresh__table { max-width: 1000px; }
  .rec-fresh__table th, .rec-fresh__table td { padding: 25px 10px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .rec-fresh__table { max-width: 800px; }
  .rec-fresh__table th { width: 220px; } }

@media screen and (min-width: 751px) and (max-width: 820px) { .rec-fresh__table { max-width: 750px; }
  .rec-fresh__table th { width: 170px; } }

@media screen and (max-width: 750px) { .rec-fresh { padding: 50px 15px; }
  .rec-fresh__title { font-size: 28px; margin-bottom: 25px; position: relative; z-index: 2; }
  .rec-fresh__text { font-size: 15px; margin-bottom: 20px; position: relative; z-index: 2; }
  .rec-fresh__line1 { width: 6px; height: 170px; top: -40px; right: calc(50% - 100px); z-index: 1; }
  .rec-fresh__line2 { width: 6px; height: 110px; bottom: -80px; left: calc(50% - 100px); }
  .rec-fresh__table { display: block; width: 100%; }
  .rec-fresh__table tbody, .rec-fresh__table tr, .rec-fresh__table th, .rec-fresh__table td { display: block; width: 100%; }
  .rec-fresh__table th { font-weight: bold; }
  .rec-fresh__table th, .rec-fresh__table td { padding: 10px; }
  .rec-fresh__table td[colspan="2"] { background-color: #f6f8fa; font-size: 20px; } }

/* ANCHOR rec-career ------------------------------------*/
.rec-career { padding: 80px 15px; }

.rec-career__title { text-align: center; letter-spacing: 0.1em; font-size: 48px; font-weight: 500; line-height: 1; margin-bottom: 40px; }

.rec-career__table a { text-decoration: underline; }

.rec-career__table td[colspan="2"] { font-weight: bold; }

.rec-career__table th { background-color: #51dff5; }

.rec-career__table td { background-color: #fff; }

@media screen and (min-width: 751px) { .rec-career__table { max-width: 1200px; margin-left: auto; margin-right: auto; }
  .rec-career__table a:hover { text-decoration: none; color: #800000; }
  .rec-career__table th, .rec-career__table td { border: 1px solid #cccccc; padding: 25px 0 25px 40px; }
  .rec-career__table td[colspan="2"] { font-size: 24px; }
  .rec-career__table th { background-color: #51dff5; width: 320px; font-weight: bold; vertical-align: middle; }
  .rec-career__table td { width: auto; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .rec-career__table { max-width: 1000px; }
  .rec-career__table th, .rec-career__table td { padding: 25px 10px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .rec-career__table { max-width: 800px; }
  .rec-career__table th { width: 220px; } }

@media screen and (min-width: 751px) and (max-width: 820px) { .rec-career__table { max-width: 750px; }
  .rec-career__table th { width: 170px; } }

@media screen and (max-width: 750px) { .rec-career { padding: 50px 15px; }
  .rec-career__title { font-size: 28px; margin-bottom: 25px; }
  .rec-career__table { display: block; width: 100%; }
  .rec-career__table tbody, .rec-career__table tr, .rec-career__table th, .rec-career__table td { display: block; width: 100%; }
  .rec-career__table th { font-weight: bold; }
  .rec-career__table th, .rec-career__table td { padding: 10px; }
  .rec-career__table td[colspan="2"] { background-color: #f6f8fa; font-size: 20px; } }

/* ANCHOR rec-bottom ------------------------------------*/
.rec-bottom { padding-bottom: 50px; }

.rec-bottom p { max-width: 1000px; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.rec-bottom figure { margin-top: 50px; text-align: center; }

.rec-bottom figure img { width: 68px; }

@media screen and (max-width: 1024px) { .rec-bottom p { max-width: 700px; } }

@media screen and (max-width: 750px) { .rec-bottom { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
  .rec-bottom figure { margin-top: 20px; }
  .rec-bottom figure img { width: 45px; } }

.entry-section { width: 1200px; margin: 0 auto; padding: 80px 15px; }

@media screen and (max-width: 1366px) { .entry-section { width: 1000px; } }

@media screen and (max-width: 1024px) { .entry-section { width: 730px; } }

@media screen and (max-width: 750px) { .entry-section { width: 100%; } }

/* ANCHOR entry-form ------------------------------------*/
.entry-form__input { width: 100%; border: 1px solid #caced1; padding: 10px; line-height: 1; }

.entry-form__input:placeholder-shown { color: #b0b0b0; }

.entry-form__input::-webkit-input-placeholder { color: #b0b0b0; }

.entry-form__input:-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__input::-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__input:-ms-input-placeholder { color: #b0b0b0; }

.entry-form__input:focus { border-color: #887c60; }

.entry-form__select { border: 1px solid #caced1; padding: 10px; line-height: 1; border-radius: 5px; }

.entry-form__select:placeholder-shown { color: #b0b0b0; }

.entry-form__select::-webkit-input-placeholder { color: #b0b0b0; }

.entry-form__select:-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__select::-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__select:-ms-input-placeholder { color: #b0b0b0; }

.entry-form__select:focus { border-color: #887c60; }

.entry-form__textarea { border: 1px solid #caced1; padding: 10px; line-height: 1.3; height: 200px; width: 100%; }

.entry-form__textarea:placeholder-shown { color: #b0b0b0; }

.entry-form__textarea::-webkit-input-placeholder { color: #b0b0b0; }

.entry-form__textarea:-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__textarea::-moz-placeholder { color: #b0b0b0; opacity: 1; }

.entry-form__textarea:-ms-input-placeholder { color: #b0b0b0; }

.entry-form__textarea:focus { border-color: #887c60; }

/* ANCHOR entry-table ------------------------------------*/
.entry-table { margin-bottom: 50px; }

.entry-table td, .entry-table th { padding: 30px 20px; }

.entry-table th { font-weight: 500; background: -webkit-linear-gradient(315deg, #84f5de 0%, #51dff5 100%); background: -o-linear-gradient(315deg, #84f5de 0%, #51dff5 100%); background: linear-gradient(135deg, #84f5de 0%, #51dff5 100%); }

.entry-table th.required:after { content: '※必須'; color: #a52a2a; display: inline-block; line-height: 1; }

.entry-table td { background-color: #fff; }

@media screen and (min-width: 1025px) { .entry-table { width: 100%; table-layout: fixed; }
  .entry-table th { width: 250px; }
  .entry-table th.required { position: relative; }
  .entry-table th.required:after { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; }
  .entry-table th, .entry-table td { border-bottom: 1px solid #caced1; vertical-align: middle; border: 1px solid #ccc; } }

@media screen and (max-width: 1024px) { .entry-table { margin-bottom: 30px; display: block; }
  .entry-table tbody, .entry-table tr, .entry-table th, .entry-table td { display: block; width: 100%; }
  .entry-table th { font-weight: bold; }
  .entry-table th.required:after { margin-left: 1em; }
  .entry-table th, .entry-table td { padding: 15px 10px; } }

/* ANCHOR entry-namebox ------------------------------------*/
.entry-namebox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.entry-namebox__text { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; width: 3em; text-align: center; }

.entry-namebox__input { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 3em); flex: 0 0 calc(50% - 3em); width: calc(50% - 3em); }

@media screen and (max-width: 600px) { .entry-namebox { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .entry-namebox .entry-namebox__text:nth-of-type(1) { margin-bottom: 10px; }
  .entry-namebox .entry-namebox__input:nth-of-type(2) { margin-bottom: 10px; }
  .entry-namebox__input { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 3em); flex: 0 0 calc(100% - 3em); width: calc(100% - 3em); } }

/* ANCHOR entry-radiobox ------------------------------------*/
.entry-radiobox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.entry-radiobox__label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 5px 10px 5px 0; cursor: pointer; }

.entry-radiobox__label input { display: none; }

.entry-radiobox__label input:checked + span:before { background-color: #800000; }

.entry-radiobox__label input:checked + span:after { content: ''; display: block; width: 4px; height: 4px; background-color: #fff; position: absolute; border-radius: 50%; z-index: 2; left: 6px; top: 50%; }

.entry-radiobox__label span { padding-left: 21px; position: relative; }

.entry-radiobox__label span:before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #caced1; position: absolute; left: 0; top: 50%; margin-top: -6px; z-index: 1; }

.entry-radiobox .wpcf7-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.entry-radiobox .wpcf7-radio .wpcf7-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 5px 10px 5px 0; cursor: pointer; }

.entry-radiobox .wpcf7-radio label input { display: none; }

.entry-radiobox .wpcf7-radio label input:checked + .wpcf7-list-item-label:before { background-color: #800000; }

.entry-radiobox .wpcf7-radio label input:checked + .wpcf7-list-item-label:after { content: ''; display: block; width: 4px; height: 4px; background-color: #fff; position: absolute; border-radius: 50%; z-index: 2; left: 6px; top: 50%; }

.entry-radiobox .wpcf7-radio label input:checked + input + .wpcf7-list-item-label:before { background-color: #800000; }

.entry-radiobox .wpcf7-radio label input:checked + input + .wpcf7-list-item-label:after { content: ''; display: block; width: 4px; height: 4px; background-color: #fff; position: absolute; border-radius: 50%; z-index: 2; left: 6px; top: 50%; }

.entry-radiobox .wpcf7-radio .wpcf7-list-item-label { padding-left: 21px; position: relative; }

.entry-radiobox .wpcf7-radio .wpcf7-list-item-label:before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #caced1; position: absolute; left: 0; top: 50%; margin-top: -6px; z-index: 1; }

/* ANCHOR entry-zipbox ------------------------------------*/
.entry-zipbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.entry-zipbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; }

.entry-zipbox__zip { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; margin-right: 20px; }

.entry-zipbox__btn { background-color: #303030; border-radius: 5px; color: #fff; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 40px; line-height: 40px; color: #fff; text-align: center; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.entry-zipbox__btn:hover { opacity: .6; }

@media screen and (max-width: 600px) { .entry-zipbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; }
  .entry-zipbox__zip { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; margin-right: 10px; }
  .entry-zipbox__btn { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; height: 32px; line-height: 32px; } }

/* ANCHOR entry-prefbox ------------------------------------*/
.entry-prefbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; }

.entry-prefbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; }

.entry-prefbox__select { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 600px) { .entry-prefbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; } }

/* ANCHOR entry-addressbox ------------------------------------*/
.entry-addressbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; }

.entry-addressbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; }

.entry-addressbox__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 150px); }

@media screen and (max-width: 600px) { .entry-addressbox { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .entry-addressbox__text { margin-bottom: 5px; }
  .entry-addressbox__text, .entry-addressbox__input { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

/* ANCHOR entry-telbox ------------------------------------*/
.entry-telbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.entry-telbox__text { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; text-align: center; }

.entry-telbox__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc((100% - 60px)/3); }

/* ANCHOR entry-form__submit ------------------------------------*/
.entry-form__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 700px; margin: 0 auto; }

.entry-form__submit__btn { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; height: 56px; line-height: 56px; background-color: #800000; color: #fff; font-weight: 500; cursor: pointer; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.entry-form__submit__btn:hover { opacity: .6; }

.entry-form__submit__btn + .entry-form__submit__btn { margin-left: 30px; }

@media screen and (max-width: 750px) { .entry-form__submit__btn { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; height: 40px; line-height: 40px; }
  .entry-form__submit__btn + .entry-form__submit__btn { margin-left: 15px; } }

.tperson.bg--voice { background-image: url(../img/recruit/voice/bg-voice--small.jpg); }

@media screen and (min-width: 451px) { .tperson.bg--voice { background-image: url(../img/recruit/voice/bg-voice--smt.jpg); } }

@media screen and (min-width: 751px) { .tperson.bg--voice { background-image: url(../img/recruit/voice/bg-voice--tablet.jpg); } }

@media screen and (min-width: 1367px) { .tperson.bg--voice { background-image: url(../img/recruit/voice/bg-voice.jpg); } }

.voice__item { position: absolute; z-index: 1; display: block; width: 600px; right: 50%; margin-right: 480px; bottom: 360px; }

@media screen and (max-width: 750px) { .voice__item { width: 300px; margin-right: 120px; bottom: 0; z-index: 3; } }

@media screen and (max-width: 450px) { .voice__item { margin-right: 60px; } }

/* ANCHOR voice-title ------------------------------------*/
.voice-title { text-align: center; font-weight: bold; font-size: 56px; margin-top: 15px; }

@media screen and (max-width: 750px) { .voice-title { font-size: 32px; } }

/* ANCHOR voice-wrapper ------------------------------------*/
.voice-wrapper { position: relative; z-index: 2; }

@media screen and (min-width: 751px) { .voice-wrapper { width: 100vw; margin: 0 auto; } }

/* ANCHOR voice-content ------------------------------------*/
.voice-content { max-width: 1230px; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 751px) { .voice-content { padding-left: 15px; padding-right: 15px; } }

/* ANCHOR voice-catch ------------------------------------*/
.voice-catch__content { background-color: #fff; position: relative; z-index: 1; }

.voice-catch__img { position: relative; z-index: 2; }

.voice-catch__comment { font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 32px; color: #800000; font-style: italic; line-height: 1.7; position: relative; margin-bottom: 60px; }

.voice-catch__comment:before, .voice-catch__comment:after { position: absolute; font-size: 64px; color: #cccccc; font-family: "Noto Sans JP", sans-serif; line-height: 1; }

.voice-catch__comment:before { content: '“'; left: -.7em; top: 0; }

.voice-catch__comment:after { content: '”'; right: -.3em; bottom: -.5em; }

.voice-catch__text1 { font-weight: bold; font-size: 18px; margin-bottom: 10px; }

.voice-catch__text2 { font-weight: bold; font-size: 24px; }

.voice-catch__text2 small { font-weight: normal; font-size: 18px; }

.voice-catch__text3 { margin-top: 18px; font-weight: bold; font-size: 18px; }

@media screen and (min-width: 751px) { .voice-catch { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .voice-catch__img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 120px; }
  .voice-catch__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 120px); flex: 0 0 calc(50% + 120px); max-width: calc(50% + 120px); margin-left: -120px; padding: 50px 50px 50px 170px; margin-top: 120px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .voice-catch { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .voice-catch__img { -webkit-box-flex: 0; -ms-flex: 0 0 600px; flex: 0 0 600px; width: 600px; margin-bottom: 0; }
  .voice-catch__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); margin-left: 50px; margin-top: -70px; padding: 120px 50px 50px; } }

@media screen and (max-width: 750px) { .voice-catch { max-width: 600px; margin: 0 auto; }
  .voice-catch__content { padding: 15px; }
  .voice-catch__comment { font-size: 25px; margin-bottom: 40px; padding: 0 20px; }
  .voice-catch__comment:before, .voice-catch__comment:after { font-size: 45px; }
  .voice-catch__comment:before { content: '“'; left: -.3em; top: 0; }
  .voice-catch__comment:after { content: '”'; right: 0; bottom: -.5em; }
  .voice-catch__text1 { font-size: 15px; margin-bottom: 5px; }
  .voice-catch__text2 { font-size: 20px; }
  .voice-catch__text2 small { font-size: 15px; }
  .voice-catch__text3 { margin-top: 9px; font-size: 15px; } }

@media screen and (max-width: 450px) { .voice-catch__comment { font-size: 22px; letter-spacing: 0.05em; } }

@media screen and (max-width: 360px) { .voice-catch__comment { font-size: 20px; letter-spacing: 0.01em; } }

/* ANCHOR voice-block ------------------------------------*/
.voice-block { margin-top: 110px; }

.voice-block__content h3 { font-weight: bold; font-size: 40px; letter-spacing: 0.1em; margin-bottom: 20px; }

.voice-block__content p { font-size: 18px; line-height: 1.8; }

@media screen and (min-width: 751px) { .voice-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .voice-block__img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .voice-block__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .voice-block--imgright .voice-block__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .voice-block--imgright .voice-block__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 50px; }
  .voice-block--imgleft .voice-block__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .voice-block--imgleft .voice-block__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 50px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .voice-block--imgright .voice-block__content { padding-right: 20px; }
  .voice-block--imgleft .voice-block__content { padding-left: 20px; } }

@media screen and (max-width: 750px) { .voice-block { margin-top: 60px; }
  .voice-block__content h3 { font-size: 26px; margin-bottom: 0; }
  .voice-block__content p { font-size: 15px; }
  .voice-block__img { text-align: center; margin: 0 0 10px; } }

@media screen and (max-width: 450px) { .voice-block__content h3 { font-size: 24px; } }

/* ANCHOR voice-message ------------------------------------*/
.voice-message { margin-top: 110px; background-color: #e3f3fb; padding: 60px 50px; }

.voice-message__title { font-weight: bold; font-size: 40px; letter-spacing: 0.1em; text-align: center; margin-bottom: 30px; line-height: 1.4; }

.voice-message__content p { font-size: 18px; line-height: 1.8; }

@media screen and (min-width: 751px) { .voice-message__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .voice-message__content, .voice-message__img { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } }

@media screen and (max-width: 1024px) { .voice-message { padding: 40px; } }

@media screen and (max-width: 750px) { .voice-message { margin-top: 60px; padding: 15px; }
  .voice-message__title { font-size: 26px; margin-bottom: 10px; }
  .voice-message__content p { font-size: 15px; }
  .voice-message__img { margin-top: 20px; text-align: center; } }

@media screen and (max-width: 450px) { .voice-message__title { font-size: 24px; } }

.about-h3-title { font-weight: bold; font-size: 40px; letter-spacing: 0.1em; line-height: 1.3; }

@media screen and (max-width: 750px) { .about-h3-title { font-size: 30px; } }

@media screen and (max-width: 450px) { .about-h3-title { font-size: 20px; } }

.about-phcol2list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.about-phcol2list li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); margin: 40px 40px 0 0; }

.about-phcol2list li:nth-child(1), .about-phcol2list li:nth-child(2) { margin-top: 0; }

.about-phcol2list li:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 750px) { .about-phcol2list li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); margin: 20px 20px 0 0; } }

.about-phlist figure { line-height: 0; }

/* ANCHOR about-section1 ------------------------------------*/
.about-section1 { background: url(../img/recruit/about/bg-sec1.jpg) no-repeat center center/cover; position: relative; z-index: 5; margin-top: 40px; padding: 75px 10px 235px; }

.about-section1__item1 { position: absolute; right: 0; top: -85px; z-index: 1; }

.about-section1__item2 { position: absolute; right: 50%; top: -20px; margin-right: 375px; width: 40px; z-index: 1; }

.about-section1__line1 { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#ff887c), to(#b6325f)); background: -webkit-linear-gradient(top, #ff887c 0%, #b6325f 100%); background: -o-linear-gradient(top, #ff887c 0%, #b6325f 100%); background: linear-gradient(to bottom, #ff887c 0%, #b6325f 100%); position: absolute; z-index: 1; width: 14px; height: 488px; top: -166px; left: calc(50% - 490px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.about-section1__line2 { display: block; background: -webkit-gradient(linear, left top, left bottom, from(#f5f97f), to(#55cc7c)); background: -webkit-linear-gradient(top, #f5f97f 0%, #55cc7c 100%); background: -o-linear-gradient(top, #f5f97f 0%, #55cc7c 100%); background: linear-gradient(to bottom, #f5f97f 0%, #55cc7c 100%); position: absolute; z-index: 1; width: 24px; height: 900px; bottom: -250px; right: -150px; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

.about-section1__inner { max-width: 800px; margin: 0 auto; position: relative; z-index: 3; }

.about-section1__text1 { text-align: center; font-size: 16px; line-height: 2.5; }

.about-section1__text1 span { display: inline; background-color: #fff; padding: 5px 15px; font-weight: bold; }

.about-section1__block { background: -webkit-gradient(linear, left top, left bottom, from(#fd644f), to(#f28e26)); background: -webkit-linear-gradient(top, #fd644f 0%, #f28e26 100%); background: -o-linear-gradient(top, #fd644f 0%, #f28e26 100%); background: linear-gradient(to bottom, #fd644f 0%, #f28e26 100%); padding: 8px; position: relative; }

.about-section1__block:after { content: ''; display: block; background-color: #fff; position: absolute; z-index: 1; top: 8px; left: 8px; width: calc(100% - 16px); height: calc(100% - 16px); }

.about-section1__block__inner { position: relative; z-index: 2; }

.about-section1__block p { font-size: 24px; font-weight: bold; line-height: 1.3; text-align: center; }

.about-section1__block p em { color: #cc0000; font-family: "Roboto", sans-serif; font-size: 48px; }

.about-section1__block p small { font-weight: normal; font-size: 16px; }

@media screen and (min-width: 751px) { .about-section1 { margin-bottom: 150px; }
  .about-section1__block { position: absolute; height: 300px; width: 720px; bottom: -340px; left: 50%; margin-left: -360px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .about-section1__block__inner { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

@media screen and (max-width: 750px) { .about-section1 { margin-top: 20px; margin-bottom: 30px; padding: 50px 10px; background: url(../img/recruit/about/bg-sec1--smt.jpg) no-repeat center center/cover; }
  .about-section1__line1 { width: 8px; height: 244px; top: -83px; left: calc(50% - 120px); }
  .about-section1__line2 { width: 12px; height: 400px; bottom: -20px; right: -20px; }
  .about-section1__text1 { font-size: 14px; line-height: 2; }
  .about-section1__text1 span { background-color: #fff; padding: 5px; font-weight: bold; }
  .about-section1__item1 { top: -40px; width: 140px; }
  .about-section1__block { margin-top: 30px; }
  .about-section1__block__inner { padding: 20px 5px; }
  .about-section1__block p { font-size: 15px; }
  .about-section1__block p em { font-size: 22px; }
  .about-section1__block p small { font-size: 13px; } }

@media screen and (max-width: 450px) { .about-section1__text1 { font-size: 12px; } }

/* ANCHOR about-section2 ------------------------------------*/
.about-section2 { background: url(../img/recruit/about/bg-sec2.jpg) no-repeat center center/cover; position: relative; z-index: 4; padding: 100px 0; margin-bottom: 40px; }

.about-section2__line1 { position: absolute; z-index: 1; width: 23px; height: 635px; background: -webkit-gradient(linear, left top, left bottom, from(#db8ade), to(#f6bf9f)); background: -webkit-linear-gradient(top, #db8ade 0%, #f6bf9f 100%); background: -o-linear-gradient(top, #db8ade 0%, #f6bf9f 100%); background: linear-gradient(to bottom, #db8ade 0%, #f6bf9f 100%); left: calc(50% - 550px); bottom: 0; }

.about-section2__inner { position: relative; z-index: 2; }

.about-section2__title { text-align: center; line-height: 1.4; margin-bottom: 35px; }

.about-section2__title span { display: inline-block; padding: 0 90px; position: relative; font-weight: bold; font-size: 56px; letter-spacing: 0.05em; }

.about-section2__title span:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #ffff60; position: absolute; left: 0; top: 0; }

.about-section2__table th { background-color: #84f5de; }

.about-section2__table td { background-color: #fff; }

@media screen and (min-width: 751px) { .about-section2__inner { width: 100vw; max-width: 1200px; margin: 0 auto; padding-right: 25px; padding-left: 25px; }
  .about-section2__table { width: 100%; table-layout: fixed; margin-bottom: 60px; }
  .about-section2__table th { text-align: center; }
  .about-section2__table tr td, .about-section2__table tr th { border: 1px solid #cccccc; padding: 10px; }
  .about-section2__table tr td:nth-child(1), .about-section2__table tr th:nth-child(1) { width: 20%; text-align: center; }
  .about-section2__table tr td:nth-child(2), .about-section2__table tr th:nth-child(2) { width: 25%; }
  .about-section2__table tr td:nth-child(3), .about-section2__table tr th:nth-child(3) { width: 55%; } }

@media screen and (max-width: 750px) { .about-section2 { padding: 50px 0; background: url(../img/recruit/about/bg-sec2--smt.jpg) no-repeat center center/cover; }
  .about-section2__title span { font-size: 36px; padding: 0 30px; }
  .about-section2__title span:before { width: 20px; height: 20px; }
  .about-section2__line1 { width: 12px; height: 335px; left: calc(50% - 50px); }
  .about-section2__inner { padding: 0 15px; }
  .about-section2__table { margin-bottom: 50px; display: block; }
  .about-section2__table thead { display: none; }
  .about-section2__table tbody, .about-section2__table tr, .about-section2__table td { display: block; }
  .about-section2__table tbody tr { position: relative; margin-bottom: 30px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
  .about-section2__table tbody tr:after { content: ''; display: block; width: 0; height: 0; border-top: 10px solid #000; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; }
  .about-section2__table tbody tr:last-child:after { content: none; }
  .about-section2__table tbody td { padding: 10px 10px 10px 110px; position: relative; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
  .about-section2__table tbody td:before { content: attr(aria-label); position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; height: 100%; padding: 10px; background-color: #84f5de; } }

@media screen and (max-width: 450px) { .about-section2__title span { font-size: 25px; } }

/* ANCHOR about-section3 ------------------------------------*/
.about-section3 { background: url(../img/recruit/about/bg-sec3.jpg) no-repeat center center/cover; position: relative; z-index: 4; padding: 100px 0; margin-bottom: 40px; }

.about-section3__line1 { position: absolute; z-index: 1; width: 23px; height: 900px; background: -webkit-gradient(linear, left top, left bottom, from(#7c73f3), to(#e877ae)); background: -webkit-linear-gradient(top, #7c73f3 0%, #e877ae 100%); background: -o-linear-gradient(top, #7c73f3 0%, #e877ae 100%); background: linear-gradient(to bottom, #7c73f3 0%, #e877ae 100%); right: 0; bottom: -40px; }

.about-section3__title { text-align: center; line-height: 1.4; margin-bottom: 35px; }

.about-section3__title span { display: inline-block; padding: 0 90px; position: relative; font-weight: bold; font-size: 56px; letter-spacing: 0.05em; }

.about-section3__title span:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #d1569f; position: absolute; left: 0; top: 0; }

.about-section3__days { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.5); padding: 30px; margin-bottom: 60px; }

.about-section3__days .date { font-family: "Roboto", sans-serif; text-align: center; font-size: 18px; line-height: 1; margin-bottom: 5px; }

.about-section3__days .text { text-align: center; color: #800000; font-size: 24px; line-height: 1; font-weight: bold; margin-bottom: 10px; }

.about-section3__inner { position: relative; z-index: 5; }

@media screen and (min-width: 751px) { .about-section3__inner { width: 100vw; max-width: 1200px; margin: 0 auto; padding-right: 25px; padding-left: 25px; }
  .about-section3__days li { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 80px)/3); flex: 0 0 calc((100% - 80px)/3); width: calc((100% - 80px)/3); margin: 40px 40px 0 0; }
  .about-section3__days li:nth-child(3n) { margin-right: 0; }
  .about-section3__days li:nth-child(1), .about-section3__days li:nth-child(2), .about-section3__days li:nth-child(3) { margin-top: 0; } }

@media screen and (max-width: 750px) { .about-section3 { padding: 50px 15px; background: url(../img/recruit/about/bg-sec3--smt.jpg) no-repeat center center/cover; }
  .about-section3__line1 { width: 11px; height: 450px; right: -20px; bottom: -40px; }
  .about-section3__title span { font-size: 36px; padding: 0 30px; }
  .about-section3__title span:before { width: 20px; height: 20px; }
  .about-section3__days { padding: 15px; }
  .about-section3__days .date { font-size: 15px; }
  .about-section3__days .text { font-size: 17px; }
  .about-section3__days li { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 20px)/2); flex: 0 0 calc((100% - 20px)/2); width: calc((100% - 20px)/2); margin: 20px 20px 0 0; }
  .about-section3__days li:nth-child(2n) { margin-right: 0; }
  .about-section3__days li:nth-child(1), .about-section3__days li:nth-child(2) { margin-top: 0; } }

@media screen and (max-width: 450px) { .about-section3__title span { font-size: 25px; } }

/* ANCHOR about-section4 ------------------------------------*/
.about-section4 { background: url(../img/recruit/about/bg-sec4.jpg) no-repeat center center/cover; position: relative; z-index: 3; padding: 100px 0; margin-bottom: 40px; }

.about-section4__line1 { position: absolute; z-index: 1; width: 13px; height: 484px; background: -webkit-gradient(linear, left top, left bottom, from(#fbf0ea), to(#b0e1fa)); background: -webkit-linear-gradient(top, #fbf0ea 0%, #b0e1fa 100%); background: -o-linear-gradient(top, #fbf0ea 0%, #b0e1fa 100%); background: linear-gradient(to bottom, #fbf0ea 0%, #b0e1fa 100%); left: calc(50% + 335px); top: 55%; }

.about-section4__title { text-align: center; line-height: 1.4; margin-bottom: 35px; }

.about-section4__title span { display: inline-block; padding: 0 90px; position: relative; font-weight: bold; font-size: 56px; letter-spacing: 0.05em; }

.about-section4__title span:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #5da3d7; position: absolute; left: 0; top: 0; }

.about-section4__desc { text-align: center; color: #800000; font-weight: bold; margin-bottom: 70px; }

.about-section4__inner { position: relative; z-index: 5; }

@media screen and (min-width: 751px) { .about-section4__inner { width: 100vw; max-width: 1200px; margin: 0 auto; padding-right: 25px; padding-left: 25px; } }

@media screen and (max-width: 750px) { .about-section4 { padding: 50px 15px; background: url(../img/recruit/about/bg-sec4--smt.jpg) no-repeat center center/cover; }
  .about-section4__line1 { width: 6px; height: 242px; left: calc(50% + 50px); top: 55%; }
  .about-section4__title span { font-size: 36px; padding: 0 30px; }
  .about-section4__title span:before { width: 20px; height: 20px; } }

@media screen and (max-width: 450px) { .about-section4__title span { font-size: 25px; } }

/* ANCHOR about-section5 ------------------------------------*/
.about-section5 { background: url(../img/recruit/about/bg-sec5.jpg) no-repeat center center/cover; position: relative; z-index: 4; padding: 100px 0; margin-bottom: 40px; }

.about-section5__line1 { position: absolute; z-index: 1; width: 24px; height: 884px; background: -webkit-gradient(linear, left top, left bottom, from(#aeffae), to(#19fff4)); background: -webkit-linear-gradient(top, #aeffae 0%, #19fff4 100%); background: -o-linear-gradient(top, #aeffae 0%, #19fff4 100%); background: linear-gradient(to bottom, #aeffae 0%, #19fff4 100%); left: calc(50% - 420px); top: -135px; }

.about-section5__line2 { position: absolute; z-index: 1; width: 24px; height: 884px; background: -webkit-gradient(linear, left top, left bottom, from(#fad0c6), to(#ffd1fc)); background: -webkit-linear-gradient(top, #fad0c6 0%, #ffd1fc 100%); background: -o-linear-gradient(top, #fad0c6 0%, #ffd1fc 100%); background: linear-gradient(to bottom, #fad0c6 0%, #ffd1fc 100%); left: calc(50% + 820px); bottom: 22%; }

.about-section5__title { text-align: center; line-height: 1.4; margin-bottom: 35px; }

.about-section5__title span { display: inline-block; padding: 0 90px; position: relative; font-weight: bold; font-size: 56px; letter-spacing: 0.05em; }

.about-section5__title span:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #5da3d7; position: absolute; left: 0; top: 0; }

.about-section5__item { position: absolute; z-index: 2; left: -250px; top: 50%; }

.about-section5__desc { text-align: center; color: #800000; font-weight: bold; margin-bottom: 70px; }

.about-section5__inner { position: relative; z-index: 5; }

.about-section5__block { background-color: #fff; padding: 40px; }

.about-section5__block h3 { color: #800000; font-weight: bold; font-size: 28px; line-height: 1.5; margin-bottom: 20px; }

.about-section5__block h4 { font-weight: bold; }

@media screen and (min-width: 751px) { .about-section5__inner { width: 100vw; max-width: 1200px; margin: 0 auto; padding-right: 25px; padding-left: 25px; }
  .about-section5__block { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .about-section5__block__img { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; width: 240px; padding-right: 60px; }
  .about-section5__block__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 240px); } }

@media screen and (max-width: 750px) { .about-section5 { padding: 50px 15px; background: url(../img/recruit/about/bg-sec5--smt.jpg) no-repeat center center/cover; }
  .about-section5__line1 { width: 12px; height: 442px; left: calc(50% - 110px); top: -75px; }
  .about-section5__line2 { width: 12px; height: 442px; left: calc(50% + 265px); bottom: 22%; }
  .about-section5__item { left: -50px; top: 50%; width: 300px; }
  .about-section5__title span { font-size: 36px; padding: 0 30px; }
  .about-section5__title span:before { width: 20px; height: 20px; }
  .about-section5__block { padding: 15px; }
  .about-section5__block h3 { font-size: 18px; }
  .about-section5__block__img { text-align: center; margin-bottom: 15px; }
  .about-section5__block__img img { width: 100px; } }

@media screen and (max-width: 450px) { .about-section5__title span { font-size: 25px; } }

.mynavi {
	margin-bottom: 2em;
	text-align: center;
	position: relative; z-index: 1; }
.mynavi a:hover {
	opacity: 0.7; }