@charset "UTF-8";
/* Scss Document */
/*utf-8です*/
/**************************************************************************/
#top {
  padding: 70px 0 0; }

.mv .ttl {
  font: 27px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 700;
  color: #409AD6;
  text-align: center;
  margin-bottom: 40px;
  padding: 125px 0 0;
  background: center top no-repeat url("../images/logo.svg");
  background-size: 110px; }
.mv dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: flex-start;
  padding: 0 110px 0 0; }
.mv dt {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  order: 2;
  margin: 0 0 0 20px; }
  .mv dt span {
    display: table;
    font: 66px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    color: #206189;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px 25px 50px;
    border: 1px solid #409AD6;
    margin: 0 -1px 0 0; }
.mv dd {
  order: 1;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
  .mv dd span {
    display: block;
    color: #fff;
    /*-webkit-text-stroke: 1px  $main_deep;
    text-stroke: 1px  $main_deep;*/
    font: 25px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900;
    text-shadow: 1px 1px 0 #206189, -1px -1px 0 #206189, -1px 1px 0 #206189, 1px -1px 0 #206189, 0px 1px 0 #206189, -1px 0 #206189, -1px 0 0 #206189, 1px 0 0 #206189; }

.sky {
  background: url("../images/index/mv.jpg") top right no-repeat;
  background-size: cover;
  height: 730px;
  width: 100%;
  margin: -355px 0 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .mv dt {
    letter-spacing: -1.5em; } }
@-moz-document url-prefix() {
  .mv dt {
    letter-spacing: 0; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .mv dt {
    letter-spacing: normal; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  #top {
    padding: 20px 0 0; }

  .mv .ttl {
    font: 23px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: 700;
    padding: 85px 0 0;
    background: center top no-repeat url("../images/logo.svg");
    background-size: 70px; }
  .mv dl {
    padding: 0 90px 0 0; }
  .mv dt {
    margin: 0 0 0 10px; }
    .mv dt span {
      display: table;
      font: 50px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      padding: 10px 18px 30px; }
  .mv dd span {
    font: 24px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900;
    text-shadow: 1px 1px 0 #206189, -1px -1px 0 #206189, -1px 1px 0 #206189, 1px -1px 0 #206189, 0px 1px 0 #206189, -1px 0 #206189, -1px 0 0 #206189, 1px 0 0 #206189; }

  .sky {
    background: url("../images/index/mv.jpg") top right no-repeat;
    background-size: auto 100%;
    height: 550px;
    width: 100%;
    margin: -290px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .mv .ttl {
    margin-bottom: 40px; }
  .mv dl {
    padding: 0 80px 0 0; }
  .mv dt {
    letter-spacing: normal;
    margin: 0 0 0 10px; }
    .mv dt span {
      display: table;
      font: 44px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      color: #206189;
      background-color: rgba(255, 255, 255, 0.7);
      padding: 10px 18px 30px;
      border: 1px solid #409AD6;
      margin: 0 -1px 0 0; }
  .mv dd span {
    font: 20px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900;
    text-shadow: 1px 1px 0 #206189, -1px -1px 0 #206189, -1px 1px 0 #206189, 1px -1px 0 #206189, 0px 1px 0 #206189, -1px 0 #206189, -1px 0 0 #206189, 1px 0 0 #206189; }

  .sky {
    background: url("../images/index/mv.jpg") top right no-repeat;
    background-size: auto 100%;
    height: 450px;
    width: 100%;
    margin: -290px 0 0; } }
/*max-width:480px*/
/**************************************************************************/
.ashiba {
  background-color: #3E3A39;
  position: relative; }

.ashiba_box {
  padding: 90px 0 0;
  max-width: 1500px;
  width: calc(100% - 80px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  z-index: 5; }
  .ashiba_box .pic {
    width: calc(100% - 540px);
    height: 680px;
    background: url("../images/index/ashiba.png") center top no-repeat;
    background-size: 840px 680px; }
  .ashiba_box .txt {
    position: relative;
    z-index: 1;
    background-color: #3E3A39;
    padding: 60px 0 20px 40px;
    color: #fff;
    width: 540px;
    text-align: center;
    position: relative; }
    .ashiba_box .txt p {
      font: 17px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
    .ashiba_box .txt:before {
      position: absolute;
      content: "";
      background: url("../images/index/arrow_white.svg") center top no-repeat;
      background-size: contain;
      width: 10px;
      height: 140px;
      bottom: -160px;
      left: 52%; }
  .ashiba_box h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    font: 49px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    padding: 95px 0 0 0;
    background: url("../images/common/logo_white.svg") center top no-repeat;
    background-size: 60px 60px;
    margin-bottom: 50px; }
    .ashiba_box h2 span {
      font: 42px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .ashiba_box {
    width: 100%;
    padding: 50px 0 0;
    margin: 0 auto;
    flex-direction: column; }
    .ashiba_box .pic {
      width: 100%;
      height: 0;
      padding: 41%;
      order: 2;
      background: url("../images/index/ashiba.png") center top no-repeat;
      background-size: contain;
      line-height: 0;
      margin: 0 0 -5px; }
    .ashiba_box .txt {
      order: 1;
      padding: 0 15px 50px;
      width: 100%;
      max-width: 640px; }
      .ashiba_box .txt p {
        text-align: left; }
        .ashiba_box .txt p br {
          display: none; }
      .ashiba_box .txt:before {
        display: none; }
    .ashiba_box h2 {
      font: 35px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      padding: 80px 0 0 0;
      margin-bottom: 35px; }
      .ashiba_box h2 span {
        font: 28px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; } }
/*max-width:768px*/
/*max-width:480px*/
/**************************************************************************/
#features {
  padding: 150px 0 50px;
  margin: -103px 0 0;
  position: relative;
  background: url("../images/index/features.jpg") center top no-repeat;
  background-size: cover;
  position: relative; }

.features_box {
  max-width: 1500px;
  width: calc(100% - 80px);
  margin: 0 auto; }
  .features_box h2 {
    width: 540px;
    padding: 0 0 0 40px;
    color: #fff;
    margin: 0 0 50px auto;
    text-align: center;
    font: 55px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center; }
    .features_box h2 span {
      padding: 0 5px; }
    .features_box h2 span:nth-of-type(1) {
      font: 120px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      color: #FFF352; }
    .features_box h2 span:nth-of-type(2) {
      font: 81px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
  .features_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto; }
  .features_box li {
    margin-bottom: 70px;
    width: calc(100% / 3);
    position: relative;
    padding: 130px 10px 0; }
    .features_box li:before {
      position: absolute;
      content: "";
      width: 170px;
      height: 105px;
      top: 0%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .features_box li:nth-of-type(1):before {
      background: url("../images/index/features_icon01.svg") center center no-repeat;
      background-size: contain; }
    .features_box li:nth-of-type(2):before {
      background: url("../images/index/features_icon02.svg") center center no-repeat;
      background-size: contain; }
    .features_box li:nth-of-type(3):before {
      background: url("../images/index/features_icon03.svg") center center no-repeat;
      background-size: contain; }
    .features_box li:nth-of-type(4):before {
      background: url("../images/index/features_icon04.svg") center center no-repeat;
      background-size: contain; }
    .features_box li:nth-of-type(5):before {
      background: url("../images/index/features_icon05.svg") center center no-repeat;
      background-size: contain; }
  .features_box h3 {
    color: #FFF352;
    font: 26px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin-bottom: 25px; }
  .features_box p {
    font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  #features {
    padding: 110px 0 0;
    margin: -110px 0 0;
    background: #0075AA; }

  .features_box {
    padding: 50px 0;
    width: calc(100% - 40px); }
    .features_box h2 {
      width: 100%;
      padding: 0;
      color: #fff;
      margin: 0 auto 20px;
      text-align: center;
      font: 35px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
      .features_box h2 span:nth-of-type(1) {
        font: 65px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        color: #FFF352; }
      .features_box h2 span:nth-of-type(2) {
        font: 50px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
    .features_box li {
      margin-bottom: 70px;
      width: calc(100% / 2);
      position: relative;
      padding: 130px 10px 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .features_box {
    padding: 50px 0;
    width: calc(100% - 30px);
    margin: 0 auto; }
    .features_box li {
      margin-bottom: 35px;
      width: 100%;
      position: relative;
      padding: 130px 0 0; }
    .features_box p {
      font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; } }
/*max-width:480px*/
/**************************************************************************/
.about_box {
  max-width: 1280px;
  width: calc(100% - 80px);
  padding: 150px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 auto; }
  .about_box .txt {
    margin: 0 30px 60px 0;
    width: 450px;
    padding: 0 50px 0 0; }
    .about_box .txt p {
      font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400;
      text-align: left;
      text-align: justify;
      text-justify: inter-ideograph; }
  .about_box h2 {
    font: 55px/1.3em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    color: #206189;
    text-align: center;
    margin: 0 0 40px;
    position: relative; }
    .about_box h2:before {
      position: absolute;
      content: "";
      background: url("../images/index/arrow_gray.svg") center center no-repeat;
      background-size: contain;
      width: 10px;
      height: 140px;
      top: -170px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
  .about_box .contact_link {
    font: 17px/46px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    display: block;
    text-align: center;
    width: 300px;
    height: 50px;
    border: 1px solid #C9CACA;
    margin: 40px auto 0;
    color: #000; }
  .about_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 480px);
    max-width: 800px;
    margin: 0 0 100px; }
  .about_box li {
    position: relative;
    width: calc((100% - 20px) / 2);
    max-width: 390px;
    margin: 0 0 20px; }
    .about_box li p {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      position: absolute;
      font: 23px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      color: #fff;
      background-color: #206189;
      padding: 10px 10px 15px;
      top: -18px;
      left: 20px; }
    .about_box li img {
      max-width: 100%; }
    .about_box li a:hover {
      opacity: 0.5; }
  .about_box li:nth-of-type(2) {
    margin: 0 0 0 20px; }
    .about_box li:nth-of-type(2) p {
      background-color: #409AD6; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .about_box li p {
    letter-spacing: -0.3em; } }
@-moz-document url-prefix() {
  .about_box li p {
    letter-spacing: 0em; } }
@media (max-width: 1280px) {
  .about_box {
    width: 100%; }
    .about_box .txt {
      margin: 0 0px 60px 0;
      padding: 0 40px 0 40px; }
    .about_box ul {
      width: calc(100% - 455px);
      max-width: 800px;
      margin: 0 0 100px; }
    .about_box li {
      position: relative;
      width: calc((100% - 20px) / 2);
      max-width: 280px; }
      .about_box li p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        position: absolute;
        font: 16px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        color: #fff;
        background-color: #206189;
        padding: 8px 10px 10px;
        top: -18px;
        left: 15px; }
      .about_box li img {
        max-width: 100%; }
    .about_box li:nth-of-type(2) {
      margin: 0 10px 0 10px; }
      .about_box li:nth-of-type(2) p {
        background-color: #409AD6; } }
@media (max-width: 1024px) {
  .about_box {
    max-width: 1280px;
    width: calc(100% - 80px);
    flex-direction: column;
    margin: 0 auto; }
    .about_box .txt {
      margin: 0 auto 60px;
      max-width: 450px;
      width: 100%;
      padding: 0 50px 0 0; }
    .about_box ul {
      width: 100%;
      max-width: 800px;
      margin: 0 auto 100px; }
    .about_box li {
      position: relative;
      width: calc((100% - 20px) / 2);
      max-width: 390px; }
      .about_box li p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        position: absolute;
        font: 20px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        letter-spacing: 0;
        color: #fff;
        background-color: #206189;
        padding: 10px 10px 15px;
        top: -18px;
        left: 20px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .about_box {
    max-width: 640px;
    width: calc(100% - 30px);
    padding: 50px 0 50px;
    margin: 0 auto; }
    .about_box .txt {
      width: 100%;
      padding: 0; }
    .about_box h2 {
      font: 45px/1.3em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      color: #206189;
      text-align: center;
      margin: 0 auto 40px;
      position: relative; }
      .about_box h2:before {
        display: none; }
    .about_box ul {
      width: 100%;
      max-width: 800px;
      margin: 0 auto 30px; }
    .about_box li {
      position: relative;
      width: calc((100% - 20px) / 2);
      max-width: 390px; }
      .about_box li p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        position: absolute;
        font: 2.8vw/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        letter-spacing: 0;
        color: #fff;
        background-color: #206189;
        padding: 10px 10px 15px;
        top: -18px;
        left: 10px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .about_box li {
    position: relative;
    width: calc((100% - 10px) / 2);
    max-width: 390px;
    margin: 0 0 10px; }
    .about_box li p {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      position: absolute;
      font: 13px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      letter-spacing: 0;
      color: #fff;
      background-color: #206189;
      padding: 8px 8px 12px;
      top: -18px;
      left: 5px !important; }
  .about_box li:nth-of-type(2) {
    margin: 0 0 0 10px; } }
/*max-width:480px*/
/**************************************************************************/
.box {
  overflow: hidden; }

.area {
  border-top: 1px solid #E1EBF8;
  border-bottom: 1px solid #E1EBF8;
  background-size: 25px 25px;
  margin: 0 auto;
  background-color: #fff;
  background-image: radial-gradient(#EAF1FA 10%, transparent 20%), radial-gradient(#EAF1FA 10%, transparent 20%);
  background-position: 0 0px, 13px -13px;
  height: 720px;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 10; }
  .area:before {
    position: absolute;
    content: "";
    background: url("../images/index/area_map.svg") top left no-repeat;
    background-size: contain;
    width: 870px;
    height: 720px; }

.area_box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto -25px;
  padding: 85px 45px 220px;
  position: relative;
  z-index: 20; }

.area_ttl {
  width: 440px;
  height: 440px;
  background-color: #fff;
  border: 1px solid #D0E0F3;
  border-radius: 50%;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #409AD6;
  position: relative; }
  .area_ttl:before {
    position: absolute;
    content: "";
    background: url("../images/index/truck.png") center center no-repeat;
    background-size: contain;
    width: 565px;
    height: 379px;
    bottom: -290px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  .area_ttl h2 {
    font: 40px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    margin-bottom: 25px;
    position: relative; }
    .area_ttl h2:before {
      position: absolute;
      content: "";
      background: url("../images/index/arrow_red.svg") center center no-repeat;
      background-size: contain;
      width: 10px;
      height: 185px;
      top: -220px;
      left: 49%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      z-index: 100; }
  .area_ttl p {
    font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300; }

#flow {
  position: relative;
  background-color: #409AD6; }

.flow_box {
  background-color: #409AD6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  max-width: 1980px;
  margin: 0 auto; }
  .flow_box .pic {
    background: url("../images/index/flow.jpg") top center no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    width: calc(100% - 760px);
    max-width: 900px;
    min-width: 350px; }
    .flow_box .pic h2 {
      position: absolute;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      font: 38px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      letter-spacing: -0.3em;
      right: 50px;
      top: -30px;
      background-color: #E83828;
      padding: 15px 15px 25px;
      color: #fff;
      z-index: 30; }
  .flow_box .txt {
    max-width: 760px;
    width: calc(100% - 350px);
    padding: 120px 15px 0 100px;
    background-color: #409AD6; }
  .flow_box dl {
    color: #fff;
    margin-bottom: 90px;
    padding: 0 20px 0 70px; }
  .flow_box dt {
    font: 24px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    position: relative; }
    .flow_box dt:before {
      position: absolute;
      content: attr(name);
      font: 24px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      left: -57px;
      top: 11px;
      z-index: 2; }
    .flow_box dt:after {
      position: absolute;
      content: "";
      display: block;
      width: 40px;
      height: 40px;
      background-color: #005794;
      left: -70px;
      top: 4px;
      border-radius: 50%;
      z-index: 1; }
  .flow_box dd {
    font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    min-height: 90px;
    position: relative; }
    .flow_box dd:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/index/dat.svg") center top;
      width: 6px;
      height: 90%;
      left: -53px;
      top: 13px; }
    .flow_box dd:last-child::before {
      display: none; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .box {
    border-top: 1px solid #E1EBF8;
    border-bottom: 1px solid #E1EBF8;
    background-size: 20px 20px;
    margin: 0 auto;
    background: url("../images/index/dot.jpg") center center; }

  .area {
    display: none; }

  .area_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 55% 15px 0;
    position: relative;
    z-index: 20; }
    .area_box:before {
      position: absolute;
      content: "";
      background: url("../images/index/area_map.svg") bottom center no-repeat;
      background-size: 100%;
      width: 100%;
      height: auto;
      padding: 65% 0 0 0;
      left: 0;
      top: 0; }

  .area_ttl {
    margin: 0 auto 280px; }
    .area_ttl h2:before {
      display: none; }
    .area_ttl:before {
      position: absolute;
      content: "";
      background: url("../images/index/truck.png") center center no-repeat;
      background-size: contain;
      width: 450px;
      height: 305px;
      bottom: -220px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }

  #flow {
    padding: 80px 0 0;
    margin: -80px 0 0;
    position: relative;
    background-color: inherit !important; }

  .flow_box .pic h2 {
    letter-spacing: normal; }
  .flow_box .txt {
    padding: 70px 15px 0 51px; }

   /* .flow_box{
        background-color: #409AD6;  
        position: relative;
        display:block !important;
        width: 100%;
        max-width: 1980px;
        margin:0 auto;
        .pic{
            background: url("../images/index/flow.jpg") top center no-repeat;
            background-size: cover;
            padding: 84% 0 0 0;
            position: relative;
            width: 100%;
            max-width:auto;
            min-width: auto;
            h2{
                position: absolute;
                -webkit-writing-mode: vertical-rl;
                -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
                
                letter-spacing: normal;
                right:auto;
                top: 0%;
                left: 50%;
                -webkit-transform: translate(-50%, -0%); 
                transform: translate(-50%, 0%);
                background-color: #E83828;
                padding: 10px 15px 25px;
                color: #fff;
                z-index: 30;
            }
        }
        .txt{
            
            width: 100%;
            padding:50px 0 70px;
            background-color: #409AD6;
        }
        dl{
            color: #fff;
            margin-bottom: 0;
            padding:0 15px 0 70px;
            max-width: 640px;
            margin: 0 auto;
        }
        dt{
            font:24px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
            font-weight: 700;
            position: relative;
            &:before{
                position: absolute;
                content: attr(name);
                font:24px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
                font-weight: 700;
                left: -44px;
                top: 10px;
                z-index: 2;
            }
            &:after{
                position: absolute;
                content: "";
                display: block;
                width: 45px;
                height: 45px;
                border: #409AD6 5px solid;
                background-color: #005794;
                left: -64px;
                top: -4px;
                border-radius: 50%;
                z-index: 1;
            }
        }
        dd{
            font:17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

            font-weight: 400;
            min-height: auto;
            position: relative;
            text-align: justify;
            text-justify: inter-ideograph;
            padding-bottom: 30px;
            &:before{
                position: absolute;
                content: "";
                display: block;
                background: url("../images/index/dat.svg") center top;
                width: 6px;
                height:90%;
                left: -40px;
                top: 13px;
            }
            &:last-child{
            padding-bottom: 0px;
            }
            &:last-child::before{
                display: none;

            }
        }
    }  */ }
/*max-width:1024px*/
@media (max-width: 768px) {
  .box {
    border-top: 1px solid #E1EBF8;
    border-bottom: 1px solid #E1EBF8;
    background-size: 20px 20px;
    margin: 0 auto;
    background: url("../images/index/dot.jpg") center center; }

  .area {
    display: none; }

  .area_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 65% 15px 0;
    position: relative;
    z-index: 20; }
    .area_box:before {
      position: absolute;
      content: "";
      background: url("../images/index/area_map.svg") bottom center no-repeat;
      background-size: 870px 720px;
      width: 100%;
      height: auto;
      padding: 75% 0 0 0;
      left: 0;
      top: 0; }

  .area_ttl {
    margin: 0 auto 280px; }
    .area_ttl h2:before {
      display: none; }
    .area_ttl:before {
      position: absolute;
      content: "";
      background: url("../images/index/truck.png") center center no-repeat;
      background-size: contain;
      width: 450px;
      height: 305px;
      bottom: -220px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }

  .flow_box {
    background-color: #409AD6;
    position: relative;
    display: block !important;
    width: 100%;
    max-width: 1980px;
    margin: 0 auto; }
    .flow_box .pic {
      background: url("../images/index/flow.jpg") top center no-repeat;
      background-size: cover;
      padding: 84% 0 0 0;
      position: relative;
      width: 100%;
      max-width: auto;
      min-width: auto; }
      .flow_box .pic h2 {
        position: absolute;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        letter-spacing: normal;
        right: auto;
        top: 0%;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0%);
        background-color: #E83828;
        padding: 10px 15px 25px;
        color: #fff;
        z-index: 30; }
    .flow_box .txt {
      width: 100%;
      padding: 50px 0 70px;
      background-color: #409AD6; }
    .flow_box dl {
      color: #fff;
      margin-bottom: 0;
      padding: 0 15px 0 70px;
      max-width: 640px;
      margin: 0 auto; }
    .flow_box dt {
      font: 24px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      position: relative; }
      .flow_box dt:before {
        position: absolute;
        content: attr(name);
        font: 24px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        left: -44px;
        top: 10px;
        z-index: 2; }
      .flow_box dt:after {
        position: absolute;
        content: "";
        display: block;
        width: 45px;
        height: 45px;
        border: #409AD6 5px solid;
        background-color: #005794;
        left: -64px;
        top: -4px;
        border-radius: 50%;
        z-index: 1; }
    .flow_box dd {
      font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400;
      min-height: auto;
      position: relative;
      text-align: justify;
      text-justify: inter-ideograph;
      padding-bottom: 30px; }
      .flow_box dd:before {
        position: absolute;
        content: "";
        display: block;
        background: url("../images/index/dat.svg") center top;
        width: 6px;
        height: 90%;
        left: -40px;
        top: 13px; }
      .flow_box dd:last-child {
        padding-bottom: 0px; }
      .flow_box dd:last-child::before {
        display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .area_box {
    padding: 90% 15px 0; }
    .area_box:before {
      position: absolute;
      content: "";
      background: url("../images/index/sp_area_map.svg") top left no-repeat;
      background-size: contain;
      width: 100%;
      height: auto;
      padding: 100% 0 0 0; }

  .area_ttl {
    width: 350px;
    height: 350px;
    background-color: #fff;
    border: 1px solid #D0E0F3;
    border-radius: 50%;
    margin: 0 auto 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #409AD6;
    position: relative; }
    .area_ttl:before {
      position: absolute;
      content: "";
      background: url("../images/index/truck.png") center center no-repeat;
      background-size: contain;
      width: 350px;
      height: 235px;
      bottom: -190px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    .area_ttl h2 {
      font: 35px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      margin-bottom: 15px;
      position: relative; }
      .area_ttl h2:before {
        display: none; }
    .area_ttl p {
      font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300; }

  .flow_box .pic h2 {
    font: 35px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
  .flow_box .txt {
    width: 100%;
    padding: 50px 0 70px;
    background-color: #409AD6; }
  .flow_box dl {
    color: #fff;
    margin-bottom: 0;
    padding: 0 15px 0 70px; }
  .flow_box dt {
    font: 24px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    position: relative; }
    .flow_box dt:before {
      position: absolute;
      content: attr(name);
      font: 24px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      left: -44px;
      top: 10px;
      z-index: 2; }
    .flow_box dt:after {
      position: absolute;
      content: "";
      display: block;
      width: 45px;
      height: 45px;
      border: #409AD6 5px solid;
      background-color: #005794;
      left: -64px;
      top: -4px;
      border-radius: 50%;
      z-index: 1; }
  .flow_box dd {
    font: 17px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    min-height: auto;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 30px; }
    .flow_box dd:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/index/dat.svg") center top;
      width: 6px;
      height: 90%;
      left: -40px;
      top: 13px; }
    .flow_box dd:last-child {
      padding-bottom: 0px; }
    .flow_box dd:last-child::before {
      display: none; } }
/*max-width:480px*/
/**************************************************************************/
/**************************************************************************/
#company {
  position: relative;
  overflow: hidden; }
  #company:before {
    position: absolute;
    content: "";
    background: url("../images/index/company_bg_logo.svg") center center no-repeat;
    width: 530px;
    height: 530px;
    left: -60px;
    top: -35px;
    z-index: -1; }

.comapny_box {
  padding: 200px 20px 45px;
  max-width: 860px;
  width: calc(100% - 80px);
  margin: 0 auto; }
  .comapny_box h2 {
    color: #206189;
    font: 42px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    text-align: center;
    position: relative;
    margin-bottom: 50px; }
    .comapny_box h2:before {
      position: absolute;
      content: "";
      background: url("../images/index/company_ttl_arrow.svg") center center no-repeat;
      width: 10px;
      height: 136px;
      top: -180px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
  .comapny_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start; }
  .comapny_box li {
    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    width: calc(100% / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 30px; }
    .comapny_box li p:nth-of-type(1) {
      margin: 0 20px 0 0;
      width: 50px; }
    .comapny_box li p:nth-of-type(2) {
      width: calc(100% - 70px); }
  .comapny_box li:nth-child(odd) {
    width: 60%;
    padding-right: 25px; }
  .comapny_box li:nth-child(even) {
    width: 40%; }

.gmap {
  width: 100%;
  border: 1px solid #206189; }
  .gmap iframe {
    width: 100%;
    height: 400px; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  #company:before {
    display: none; }

  .comapny_box {
    padding: 50px 15px 45px;
    max-width: 480px;
    width: 100%;
    margin: 0 auto; }
    .comapny_box h2 {
      font: 35px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      margin-bottom: 40px; }
      .comapny_box h2:before {
        display: none; }
    .comapny_box ul {
      margin-bottom: 10px; }
      .comapny_box ul li:nth-of-type(1) {
        order: 1; }
      .comapny_box ul li:nth-of-type(2) {
        order: 4; }
      .comapny_box ul li:nth-of-type(3) {
        order: 2; }
      .comapny_box ul li:nth-of-type(4) {
        order: 5; }
      .comapny_box ul li:nth-of-type(5) {
        order: 3; }
    .comapny_box li {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 0 20px; }
      .comapny_box li p:nth-of-type(1) {
        margin: 0 20px 0 0;
        width: 55px; }
      .comapny_box li p:nth-of-type(2) {
        width: calc(100% - 75px); }
        .comapny_box li p:nth-of-type(2) span {
          display: block; }

  .gmap iframe {
    height: 300px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .comapny_box {
    padding: 50px 15px 45px; }
    .comapny_box h2 {
      color: #206189;
      font: 35px/1.0em 'Noto Serif Japanese 400',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      text-align: center;
      position: relative;
      margin-bottom: 40px; }

  .gmap iframe {
    height: 300px; } }
/*max-width:480px*/
/**************************************************************************/
#recruit {
  position: relative;
  padding: 50px 0 0;
  overflow: hidden; }
  #recruit .recruit_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    padding: 176px 40px 150px; }
    #recruit .recruit_item:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 70%;
      display: block;
      background: #F3981C;
      top: 120px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
  #recruit .member {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  #recruit h2 {
    position: relative;
    z-index: 2;
    background-color: #171C61;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    font: 35px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
  #recruit .head {
    position: relative;
    z-index: 2;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
    font: 64px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900;
    color: #171C61;
    text-align: center;
    margin: 0 auto 10px; }
  #recruit .sub {
    max-width: 1000px;
    width: 100%;
    font: 23px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    background-color: #171C61;
    color: #fff;
    padding: 10px 25px;
    text-align: center; }

.recruit_btn {
  font: 20px/70px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  display: block;
  width: calc(100% - 40px);
  max-width: 450px;
  margin: 0 auto 0;
  text-align: center;
  border: 1px solid #C9CACA; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  #recruit .head {
    font: 64px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900; }
    #recruit .head span {
      display: block; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  #recruit .recruit_item {
    padding: 0;
    margin: 0 0 20px; }
    #recruit .recruit_item:before {
      height: 90%;
      bottom: 0;
      top: auto;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
  #recruit .member {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center; }
    #recruit .member img {
      text-align: center;
      width: 100%;
      margin: 0 auto;
      display: block; }
  #recruit h2 {
    background-color: inherit;
    color: #171C61;
    margin: 0 auto 25px;
    height: auto;
    border-radius: 0; }
  #recruit .head {
    /*              -webkit-text-stroke: 1px #FFF;
                  text-stroke: 1px #FFF;*/
    font: 8vw/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900; }
    #recruit .head span {
      display: block; }
  #recruit .sub {
    padding: 15px 15px; }
    #recruit .sub br {
      display: block; } }
/*max-width:768px*/
@media (max-width: 480px) {
  #recruit .recruit_item:before {
    height: 78%;
    bottom: 0;
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  #recruit h2 {
    position: relative;
    z-index: 2;
    background-color: inherit;
    color: #171C61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto 45px;
    width: 200px;
    height: auto;
    border-radius: 50%;
    font: 35px/1.0em 'Noto Serif Japanese 500',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
  #recruit .head {
    position: relative;
    z-index: 2;
    font: 8vw/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 900;
    color: #171C61;
    text-align: center;
    margin: 0 auto 17px; }
    #recruit .head span {
      display: block; }
  #recruit .sub {
    max-width: 1000px;
    width: 100%;
    font: 18px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph; } }
/*max-width:480px*/
/**************************************************************************/
.contact {
  width: calc(100% - 80px);
  max-width: 1200px;
  margin: 160px auto;
  background-color: #EAF6FD;
  border: 1px solid #409AD6; }
  .contact .contact_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1000px;
    width: 100%;
    padding: 40px 20px;
    margin: 0 auto; }
  .contact .left br {
    display: none; }
  .contact .left span {
    display: block; }
  .contact .left h2 {
    text-align: center;
    font: 32px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    color: #409AD6;
    margin-bottom: 25px; }
  .contact .left p {
    font: 21px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: center;
    color: #409AD6; }
  .contact .right {
    text-align: center; }
    .contact .right .contact_tel {
      font: 52px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #409AD6;
      display: inline-block;
      margin: 0 0 15px;
      position: relative; }
      .contact .right .contact_tel:before {
        position: absolute;
        content: "";
        width: 42px;
        height: 42px;
        background: url("../images/common/tel.svg") center center no-repeat;
        background-size: contain;
        top: 6px;
        left: -55px; }
      .contact .right .contact_tel:hover {
        cursor: default; }
    .contact .right p {
      font: 18px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      text-align: center;
      color: #000;
      margin-bottom: 40px; }
    .contact .right .mail_btn {
      display: block;
      width: 320px;
      height: 45px;
      background-color: #409AD6;
      border-radius: 25px;
      font: 21px/43px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      color: #fff;
      border: #409AD6 1px solid; }
      .contact .right .mail_btn:hover {
        background-color: #fff;
        color: #409AD6; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .contact {
    width: calc(100% - 40px);
    max-width: 640px; }
    .contact .contact_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      padding: 40px 20px 40px; }
    .contact .right {
      padding: 0 0 0 30px; }
    .contact p {
      margin: 0 0 40px -30px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .contact {
    width: calc(100% - 30px);
    max-width: 480px; }
    .contact .left {
      margin-bottom: 20px; }
      .contact .left br {
        display: none; }
      .contact .left span {
        display: block; }
      .contact .left h2 {
        text-align: center;
        font: 32px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        color: #409AD6;
        margin-bottom: 25px; }
      .contact .left p {
        font: 20px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        text-align: center;
        color: #409AD6; }
    .contact .right {
      padding: 0 0 0 30px;
      text-align: center; }
      .contact .right .contact_tel {
        font: 45px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        color: #409AD6;
        display: inline-block;
        margin: 0 0 15px;
        position: relative; }
        .contact .right .contact_tel:before {
          position: absolute;
          content: "";
          width: 42px;
          height: 42px;
          background: url("../images/common/tel.svg") center center no-repeat;
          background-size: contain;
          top: 4px;
          left: -50px; }
        .contact .right .contact_tel:hover {
          cursor: default; }
      .contact .right p {
        font: 18px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 500;
        text-align: center;
        color: #000;
        margin: 0 0 40px -30px; }
      .contact .right .mail_btn {
        margin: 0 0 0 -30px;
        display: block;
        width: 320px;
        height: 45px;
        background-color: #409AD6;
        border-radius: 25px;
        font: 21px/43px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 500;
        color: #fff;
        border: #409AD6 1px solid; }
        .contact .right .mail_btn:hover {
          background-color: #fff;
          color: #409AD6; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .contact {
    max-width: 480px;
    margin: 100px auto 50px; }
    .contact .left {
      padding: 0;
      width: 100% !important; }
      .contact .left span {
        display: inline; }
      .contact .left h2 {
        font: 28px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
      .contact .left p {
        font: 18px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        text-align: left;
        display: block;
        margin: 0 auto;
        width: 100%; }
    .contact .right {
      padding: 0 0 0 30px;
      text-align: center; }
      .contact .right .contact_tel {
        font: 40px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .contact .right .contact_tel:before {
          width: 38px;
          height: 38px;
          top: 2px;
          left: -44px; }
        .contact .right .contact_tel p {
          margin: 0 0 40px -40px; }
      .contact .right .mail_btn {
        display: block;
        width: 300px; } }
/*max-width:480px*/