/* 変数 */
@charset "utf-8";
:root {
  /* 色 */

  /* 余白 */
}
/* 余白 */
/*************************************************************
*
* 余白（多用禁止）
*
*************************************************************/
.p0   {padding:0            !important;}
.p5   {padding:5px          !important;}
.p10  {padding:10px         !important;}
.p15  {padding:15px         !important;}
.p20  {padding:20px         !important;}
.p25  {padding:25px         !important;}
.p30  {padding:30px         !important;}
.p35  {padding:35px         !important;}
.p40  {padding:40px         !important;}
.p45  {padding:45px         !important;}
.p50  {padding:50px         !important;}
.p55  {padding:55px         !important;}
.p60  {padding:60px         !important;}
.p65  {padding:65px         !important;}
.p70  {padding:70px         !important;}
.p75  {padding:75px         !important;}
.p80  {padding:80px         !important;}
.pt0  {padding-top:0        !important;}
.pt5   {padding-top:5px       !important;}
.pt10  {padding-top:10px    !important;}
.pt15  {padding-top:15px    !important;}
.pt20  {padding-top:20px    !important;}
.pt25  {padding-top:25px    !important;}
.pt30  {padding-top:30px    !important;}
.pt35  {padding-top:35px    !important;}
.pt40  {padding-top:40px    !important;}
.pt45  {padding-top:45px    !important;}
.pt50  {padding-top:50px    !important;}
.pt55  {padding-top:55px    !important;}
.pt60  {padding-top:60px    !important;}
.pt65  {padding-top:65px    !important;}
.pt70  {padding-top:70px    !important;}
.pt75  {padding-top:75px    !important;}
.pt80  {padding-top:80px    !important;}
.pl0   {padding-left:0      !important;}
.pl5   {padding-left:5px    !important;}
.pl10  {padding-left:10px     !important;}
.pl15  {padding-left:15px     !important;}
.pl20  {padding-left:20px     !important;}
.pl25  {padding-left:25px     !important;}
.pl30  {padding-left:30px     !important;}
.pl35  {padding-left:35px     !important;}
.pl40  {padding-left:40px     !important;}
.pl45  {padding-left:45px     !important;}
.pl50  {padding-left:50px     !important;}
.pl55  {padding-left:55px     !important;}
.pl60  {padding-left:60px     !important;}
.pl65  {padding-left:65px     !important;}
.pl70  {padding-left:70px     !important;}
.pl75  {padding-left:75px     !important;}
.pl80  {padding-left:80px     !important;}
.pr0  {padding-right:0      !important;}
.pr5  {padding-right:5px    !important;}
.pr10 {padding-right:10px   !important;}
.pr15 {padding-right:15px   !important;}
.pr20 {padding-right:20px   !important;}
.pr25 {padding-right:25px   !important;}
.pr30 {padding-right:30px   !important;}
.pr35 {padding-right:35px   !important;}
.pr40 {padding-right:40px   !important;}
.pr45 {padding-right:45px   !important;}
.pr50 {padding-right:50px   !important;}
.pr55 {padding-right:55px   !important;}
.pr60 {padding-right:60px   !important;}
.pr65 {padding-right:65px   !important;}
.pr70 {padding-right:70px   !important;}
.pr75 {padding-right:75px   !important;}
.pr80 {padding-right:80px   !important;}
.pb0  {padding-bottom:0     !important;}
.pb5  {padding-bottom:5px   !important;}
.pb10 {padding-bottom:10px  !important;}
.pb15 {padding-bottom:15px  !important;}
.pb20 {padding-bottom:20px  !important;}
.pb25 {padding-bottom:25px  !important;}
.pb30 {padding-bottom:30px  !important;}
.pb35 {padding-bottom:35px  !important;}
.pb40 {padding-bottom:40px  !important;}
.pb45 {padding-bottom:45px  !important;}
.pb50 {padding-bottom:50px  !important;}
.pb55 {padding-bottom:55px  !important;}
.pb60 {padding-bottom:60px  !important;}
.pb65 {padding-bottom:65px  !important;}
.pb70 {padding-bottom:70px  !important;}
.pb75 {padding-bottom:75px  !important;}
.pb80 {padding-bottom:80px  !important;}
.m0   {margin:0             !important;}
.m5   {margin:5px           !important;}
.m10  {margin:10px          !important;}
.m15  {margin:15px          !important;}
.m20  {margin:20px          !important;}
.m25  {margin:25px          !important;}
.m30  {margin:30px          !important;}
.m35  {margin:35px          !important;}
.m40  {margin:40px          !important;}
.m45  {margin:45px          !important;}
.m50  {margin:50px          !important;}
.m55  {margin:55px          !important;}
.m60  {margin:60px          !important;}
.m65  {margin:65px          !important;}
.m70  {margin:70px          !important;}
.m75  {margin:75px          !important;}
.m80  {margin:80px          !important;}
.mt0  {margin-top:0         !important;}
.mt5  {margin-top:5px       !important;}
.mt10 {margin-top:10px      !important;}
.mt15 {margin-top:15px      !important;}
.mt20 {margin-top:20px      !important;}
.mt25 {margin-top:25px      !important;}
.mt30 {margin-top:30px      !important;}
.mt35 {margin-top:35px      !important;}
.mt40 {margin-top:40px      !important;}
.mt45 {margin-top:45px      !important;}
.mt50 {margin-top:50px      !important;}
.mt55 {margin-top:55px      !important;}
.mt60 {margin-top:60px      !important;}
.mt65 {margin-top:65px      !important;}
.mt70 {margin-top:70px      !important;}
.mt75 {margin-top:75px      !important;}
.mt80 {margin-top:80px      !important;}
.ml0  {margin-left:0        !important;}
.ml5  {margin-left:5px      !important;}
.ml10 {margin-left:10px     !important;}
.ml15 {margin-left:15px     !important;}
.ml20 {margin-left:20px     !important;}
.ml25 {margin-left:25px     !important;}
.ml30 {margin-left:30px     !important;}
.ml35 {margin-left:35px     !important;}
.ml40 {margin-left:40px     !important;}
.ml45 {margin-left:45px     !important;}
.ml50 {margin-left:50px     !important;}
.ml55 {margin-left:55px     !important;}
.ml60 {margin-left:60px     !important;}
.ml65 {margin-left:65px     !important;}
.ml70 {margin-left:70px     !important;}
.ml75 {margin-left:75px     !important;}
.ml80 {margin-left:80px     !important;}
.mr0  {margin-right:0       !important;}
.mr5  {margin-right:5px     !important;}
.mr10 {margin-right:10px    !important;}
.mr15 {margin-right:15px    !important;}
.mr20 {margin-right:20px    !important;}
.mr25 {margin-right:25px    !important;}
.mr30 {margin-right:30px    !important;}
.mr35 {margin-right:35px    !important;}
.mr40 {margin-right:40px    !important;}
.mr45 {margin-right:45px    !important;}
.mr50 {margin-right:50px    !important;}
.mr55 {margin-right:55px    !important;}
.mr60 {margin-right:60px    !important;}
.mr65 {margin-right:65px    !important;}
.mr70 {margin-right:70px    !important;}
.mr75 {margin-right:75px    !important;}
.mr80 {margin-right:80px    !important;}
.mb0  {margin-bottom:0      !important;}
.mb5  {margin-bottom:5px    !important;}
.mb10 {margin-bottom:10px   !important;}
.mb15 {margin-bottom:15px   !important;}
.mb20 {margin-bottom:20px   !important;}
.mb25 {margin-bottom:25px   !important;}
.mb30 {margin-bottom:30px   !important;}
.mb35 {margin-bottom:35px   !important;}
.mb40 {margin-bottom:40px   !important;}
.mb45 {margin-bottom:45px   !important;}
.mb50 {margin-bottom:50px   !important;}
.mb55 {margin-bottom:55px   !important;}
.mb60 {margin-bottom:60px   !important;}
.mb65 {margin-bottom:65px   !important;}
.mb70 {margin-bottom:70px   !important;}
.mb75 {margin-bottom:75px   !important;}
.mb80 {margin-bottom:80px   !important;}
/* コンテンツ */
/**************************************************************
*
* content
*
**************************************************************/
/* container */
.container {
  width:1000px;
  padding-left:20px;
  padding-right:20px;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 999px) {
  .container {
    width:100%;
    padding-left: 1.96078431372549%;
    padding-right: 1.96078431372549%;
  }
}
/* セクション基本スタイル */
.content_section {
  margin-bottom: 45px;
}
/* 段落基本スタイル */
.content_paragraph {
  margin-bottom: 15px;
  
  line-height: 1.85;
}
/* WEBフォント */
/*************************************************************
*
* Webfont
*
*************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?q13yab');
  src:  url('fonts/icomoon.eot?q13yab#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q13yab') format('truetype'),
    url('fonts/icomoon.woff?q13yab') format('woff'),
    url('fonts/icomoon.svg?q13yab#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flag:before {
  content: "\e915";
}
.icon-documents:before {
  content: "\e916";
}
.icon-heart:before {
  content: "\e917";
}
.icon-building02:before {
  content: "\e90e";
}
.icon-desktop:before {
  content: "\e90f";
}
.icon-deskwork:before {
  content: "\e910";
}
.icon-display:before {
  content: "\e911";
}
.icon-note:before {
  content: "\e912";
}
.icon-talk:before {
  content: "\e913";
}
.icon-tel:before {
  content: "\e914";
}
.icon-arrow02:before {
  content: "\e90d";
}
.icon-pen:before {
  content: "\e90c";
}
.icon-conditions:before {
  content: "\e901";
}
.icon-select_pulldown:before {
  content: "\e900";
}
.icon-arrow01:before {
  content: "\e90b";
}
.icon-building:before {
  content: "\e902";
}
.icon-home:before {
  content: "\e903";
}
.icon-job:before {
  content: "\e904";
}
.icon-pagetop:before {
  content: "\e905";
}
.icon-pin:before {
  content: "\e906";
}
.icon-puzzle:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e908";
}
.icon-train:before {
  content: "\e909";
}
.icon-yen:before {
  content: "\e90a";
}
/* グリッド */
/*************************************************************
*
* Grid
*
*************************************************************/
/* row */
.row:before,
.row:after {
  content:"";
  display:table;
}
.row:after {clear:both;}
.row {zoom:1;}
.gutters {
  margin-left:-1.428571428571429%;
  margin-right:-1.428571428571429%;
}
/* 左右端のみ余白なし */
.wide_column.gutters {
  margin-left:0%;
  margin-right:0%;
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
  display:block;
  float:left;
}
.col_6:nth-of-type(n+2) {
    margin-bottom: 1em;
  }
@media screen and (max-width: 768px) {
  .col_6 {
    margin-bottom: 1em;
  }
}
.row.right .col_1,
.row.right .col_2,
.row.right .col_3,
.row.right .col_4,
.row.right .col_5,
.row.right .col_6,
.row.right .col_7,
.row.right .col_8,
.row.right .col_9,
.row.right .col_10,
.row.right .col_11,
.row.right .col_12 {
  float: right;
}
.col_1  { width:8.3333333333%; }
.col_2  { width:16.6666666666%; }
.col_3  { width:25%; }
.col_4  { width:33.3333333333%; }
.col_5  { width:41.5555555555%; }
.col_6  { width:50%; }
.col_7  { width:58.1111111111%; }
.col_8  { width:66.6666666666%; }
.col_9  { width:75%; }
.col_10 { width:83%; }
.col_11 { width:91.6666666666%; }
.col_12 { width:100%; }
.gutters > * {
  padding-left: 1.428571428571429%;
  padding-right: 1.428571428571429%;
}
/* column */
@media screen and (max-width: 768px) {
  .row:not(.nochange) .col_1,
  .row:not(.nochange) .col_2,
  .row:not(.nochange) .col_3,
  .row:not(.nochange) .col_4,
  .row:not(.nochange) .col_5,
  .row:not(.nochange) .col_6,
  .row:not(.nochange) .col_7,
  .row:not(.nochange) .col_8,
  .row:not(.nochange) .col_9,
  .row:not(.nochange) .col_10,
  .row:not(.nochange) .col_11,
  .row:not(.nochange) .col_12,
  .row.right:not(.nochange) .col_1,
  .row.right:not(.nochange) .col_2,
  .row.right:not(.nochange) .col_3,
  .row.right:not(.nochange) .col_4,
  .row.right:not(.nochange) .col_5,
  .row.right:not(.nochange) .col_6,
  .row.right:not(.nochange) .col_7,
  .row.right:not(.nochange) .col_8,
  .row.right:not(.nochange) .col_9,
  .row.right:not(.nochange) .col_10,
  .row.right:not(.nochange) .col_11,
  .row.right:not(.nochange) .col_12 {
    display:block;
    float:none;
    width:100%;
  }
}
/*************************************************************
*
* レイアウト
*
*************************************************************/
/*************************************************************
* レイアウト1
*************************************************************/
.layout_type1 {
  margin-bottom: 30px;
  border-radius: 4px;
  overflow: hidden;
}
.layout_type1 .lhead,
.layout_type1 .lbody {
  padding: 28px 17px;
}
.layout_type1 .lhead {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;


}
.creator_voice .layout_type1.one .lhead {
  background-image: url('../voice/img/img01.jpg');
}
.creator_voice .layout_type1.two .lhead {
  background-image: url('../voice/img/img02.jpg');
}
.creator_voice .layout_type1.three .lhead {
  background-image: url('../voice/img/img03.jpg');
}
.layout_type1 .lhead .subtext {
  display: block;
  max-width: 50%;

  color: #fff;
  font-size: 1.772rem;
  letter-spacing: 0.3rem;

  border-bottom: 1px solid #fff;

  margin-bottom: 16px;
}
.layout_type1 .lhead .headline {
  color: #fff;
  font-weight: bold;
  font-size: 2.242rem;
  line-height: 1.45;
}
.layout_type1 .lbody {
  background-color: #F8F6F2;
}
@media screen and (max-width: 768px) {
  .layout_type1 .lhead .subtext {
    font-size: 1.575rem;
  }
  .layout_type1 .lhead .headline {
    font-size: 1.772rem;
  }

  .creator_voice .layout_type1.one .lhead {
    background-image: url('../voice/img/img01-sp.jpg');
  }
  .creator_voice .layout_type1.two .lhead {
    background-image: url('../voice/img/img02-sp.jpg');
  }
  .creator_voice .layout_type1.three .lhead {
    background-image: url('../voice/img/img03-sp.jpg');
  }
}
/*************************************************************
* レイアウト2
*************************************************************/
.layout_type2 {
  background-color: #F8F6F2;

  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.layout_type2 .image {
    flex: 1 1;
    flex-basis: 40%;
    max-width: 40%;
  }
.layout_type2 .image .objfit {
      height: 100%;
      object-position: center top;
      font-family: 'object-fit: cover;object-position: center top;';
    }
.layout_type2 .body {
    flex: 1 1;
    flex-basis: 60%;
    max-width: 60%;

    display: flex;
    align-items: center;
  }
.layout_type2 .body .inner {
      width: calc(480px + 10vw);

      padding: 2em 0;
      padding-right: 0;
      padding-left: 10%;
    }
.layout_type2 .body .box {
      text-align: left;
    }
.layout_type2 .body .box .subheadline {
        font-size: 1.266em;
        color: #000;

        margin-bottom: 0.324em;
      }
/* 画像とテキストの並びを反転 */
.layout_type2.__reverse {
    flex-flow: row-reverse wrap;

    background-color: #EAF8F9;
  }
.layout_type2.__reverse .body .inner {
        margin-left: auto;
        margin-right: 0;
        padding-left: 0;
        padding-right: 10%;
      }
@media screen and (max-width: 768px) {
.layout_type2 {

    /* 画像とテキストの並びを反転 */
}
    .layout_type2 .image {
      flex-basis: 100%;
      max-width: 100%;
    }

      .layout_type2 .image .objfit {
        height: 300px;
      }
    .layout_type2 .body {
      flex-basis: 100%;
      max-width: 100%;

      padding: 1.424em 1.96078431372549%;
    }

      .layout_type2 .body .inner {
        width: 100%;

        padding: 1em 0;
      }
        .layout_type2 .body .box .headline_type12 {
          text-align: center;
        }
        .layout_type2.__reverse .body .inner {
          padding-right: 0;
        }
  }
@media screen and (max-width: 599px) {
      .layout_type2 .image .objfit {
        height: 230px;
      }
        .layout_type2 .body .box .subheadline {
          text-align: left;
        }
  }
/*************************************************************
* レイアウト3
*************************************************************/
.layout_type3 {
  position: relative;
}
.layout_type3 .objfit {
    height: 450px;
  }
.layout_type3 .box {
    position: absolute;
    top: 50%;
    width: 100%;

    transform: translateY(-50%);

    padding-left: 1.96078431372549%;
    padding-right: 1.96078431372549%;
  }
.layout_type3 .box .subheadline {
      font-weight: bold;
      font-size: 1.802em;
      text-align: center;
    }
@media screen and (max-width: 599px) {
    .layout_type3 .objfit {
      height: 230px;
    }
      .layout_type3 .box .subheadline {
        font-size: 1.424em;
      }
  }
/*************************************************************
* レイアウト4
*************************************************************/
.layout_type4 {
  border: 1px solid #EFE8E0;
}
.layout_type4 .item {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
  }
/* 並びを反転 */
.layout_type4 .item.__reverse {
      flex-flow: row-reverse wrap;
    }
.layout_type4 .item .detail, .layout_type4 .item .image {
      flex-basis: 50%;
      max-width: 50%;
    }
.layout_type4 .item .detail {
      background-image: url(../recruit/img/img_puzzle.png);
      background-position: 20px 20px;
      background-repeat: no-repeat;

      padding: 40px;
    }
.layout_type4 .item .detail .headline {
        color: #F6808A;
        font-size: 1.602em;
        line-height: 1.4;

        border-left: 3px solid #F6808A;

        padding-top: 0.324em;
        padding-left: 0.702em;
        padding-bottom: 0.324em;
        margin-bottom: 25px;
      }
.layout_type4 .item .detail .paragraph {
        text-align: justify;
      }
.layout_type4 .item .detail .paragraph:not(:last-child) {
          margin-bottom: 25px;
        }
.layout_type4 .item .objfit {
      height: 100%;
    }
@media screen and (max-width: 768px) {
    .layout_type4 .item {
      display: block;
    }

      .layout_type4 .item .detail, .layout_type4 .item .image {
        max-width: 100%;
      }

      .layout_type4 .item .detail {
        padding: 20px;

        background-position: 10px 10px;
      }

        .layout_type4 .item .detail .headline {
          font-weight: bold;
          font-size: 1.424em;

          margin-bottom: 20px;
        }
          .layout_type4 .item .detail .paragraph:not(:last-child) {
            margin-bottom: 20px;
          }
        .layout_type4 .item .image .objfit {
          height: 240px;
        }
  }
/*************************************************************
* レイアウト5
*************************************************************/
.layout_type5 {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
}
.layout_type5 .item {
    flex-basis: calc(50% - 12.5px);
    max-width: calc(50% - 12.5px);

    display: flex;
    flex-flow: row wrap;

    border: 1px solid #54b5ba;
    background-color: #fff;

    margin-bottom: 25px;
  }
.layout_type5 .item.__width_max {
      flex-basis: 100%;
      max-width: 100%;
    }
.layout_type5 .item.__width_max .head {
        flex-basis: 25%;
        max-width: 25%;
      }
.layout_type5 .item.__width_max .detail {
        flex-basis: 75%;
        max-width: 75%;
      }
.layout_type5 .item .head {
      flex-basis: 180px;
      max-width: 180px;

      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;

      padding: 20px;

      background-size: 14px 14px;
      background-color: #65bdc1;
      background-image: linear-gradient(-45deg, #65bdc1 15%,
        #5ab8bc 15%, #5ab8bc 25%,
        #65bdc1 25%, #65bdc1 40%,
        #5ab8bc 40%, #5ab8bc 50%,
        #65bdc1 50%, #65bdc1 65%,
        #5ab8bc 65%, #5ab8bc 75%,
        #65bdc1 75%, #65bdc1 90%,
        #5ab8bc 90%, #5ab8bc 100%);
    }
.layout_type5 .item .head .number {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;

        margin: auto;
      }
.layout_type5 .item .head .headline {
        flex-basis: 100%;
        max-width: 100%;

        color: #fff;
        font-size: 1.266em;
        text-align: center;

        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;

        padding-top: 7px;
        padding-bottom: 5px;

        position: relative;
        z-index: 2;
      }
.layout_type5 .item .detail {
      flex-basis: calc(100% - 180px);
      max-width: calc(100% - 180px);

      padding: 20px;
    }
.layout_type5 .item .detail .paragraph {
        text-align: justify;
      }
.layout_type5 .item .detail .paragraph:not(:last-child) {
          margin-bottom: 1em;
        }
.layout_type5 .item .detail .comment {
        display: block;
        position: relative;

        background-color: #efefef;

        padding: 1em;

        font-size: 0.889em;
      }
.layout_type5 .item .detail .comment:after {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 0.889em;

          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 12px 10px 12px;
          border-color: transparent transparent #efefef transparent;
        }
@media screen and (max-width: 768px) {
    .layout_type5 .item,
    .layout_type5 .item.__width_max {
      flex-basis: 100%;
      max-width: 100%;
    }

      .layout_type5 .item .head, .layout_type5 .item.__width_max .head {
        flex-basis: 220px;
        max-width: 220px;
      }
      .layout_type5 .item .detail, .layout_type5 .item.__width_max .detail {
        flex-basis: calc(100% - 220px);
        max-width: calc(100% - 220px);
      }
  }
@media screen and (max-width: 599px) {
    .layout_type5 .item,
    .layout_type5 .item.__width_max {
      display: block;
    }

      .layout_type5 .item .head, .layout_type5 .item.__width_max .head {
        max-width: 100%;
      }

        .layout_type5 .item .head .number, .layout_type5 .item.__width_max .head .number {
          display: none;
        }
        .layout_type5 .item .head .headline, .layout_type5 .item.__width_max .head .headline {
          border-width: 1px;

          font-weight: bold;
        }
      .layout_type5 .item .detail, .layout_type5 .item.__width_max .detail {
        max-width: 100%;
      }
  }
/*************************************************************
* レイアウト6
*************************************************************/
.layout_type6 {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;

  padding: 20px;

  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.layout_type6 .head {
    padding-right: calc(1em + 12px);

    position: relative;
  }
.layout_type6 .head:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;

      margin: auto;

      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 12px;
      border-color: transparent transparent transparent #000000;
    }
.layout_type6 .headline {
    font-weight: bold;
    line-height: 1.75;
    font-size: 1.125em;
    white-space: nowrap;
  }
.layout_type6 .detail .list {
      display: flex;
      flex-flow: row wrap;
    }
.layout_type6 .detail .list .litem {
        display :flex;
        flex-flow: row nowrap;
        align-items: center;
      }
.layout_type6 .detail .list .litem:not(:last-child) {
          margin-right: 25px;
        }
.layout_type6 .detail .list .litem > * {
          display: table-cell;
          vertical-align: middle;
          line-height: 1.5;
        }
.layout_type6 .detail .list .litem .icon {
          margin-right: 0.555em;
        }
@media screen and (max-width: 768px) {
    .layout_type6 {
      display: block;

      background-color: #fff;
      border: 1px solid #ccc;
    }
    .layout_type6 .head {
      padding-right: 0;
      margin-bottom: 20px;
      padding-bottom: 10px;

      border-bottom: 1px dashed #999;
    }

      .layout_type6 .head:after {
        content: none;
      }
    .layout_type6 .headline {
      text-align: center;
    }
      .layout_type6 .detail .list {
        justify-content:  space-between;
      }
          .layout_type6 .detail .list .litem:not(:last-child) {
            margin-right: 20px;
          }
  }
@media screen and (max-width: 599px) {
    .layout_type6 .headline {
      white-space: normal;
    }
      .layout_type6 .detail .list {
        display: block;
      }

        .layout_type6 .detail .list .litem {
          font-size: 1.125em;
        }

          .layout_type6 .detail .list .litem:not(:last-child) {
            margin-right: 0;
            margin-bottom: 10px;
          }
  }
/*************************************************************
* エントリーページ 求人紹介サービス
*************************************************************/
.grid_entry_service {
  padding-bottom: 1.6em;
  padding-top: 1em;
}
.grid_entry_service .listbox {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;

    margin-bottom: 1em;
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
.grid_entry_service .listbox .litem {
      flex-basis: 33.3%;
      max-width: 33.3%;

      display: flex;
      align-items: stretch;

      padding: 0 0.5em;
    }
.grid_entry_service .listbox .litem .box {
        border: 3px solid #EFE8E0;
        border-radius: 4px;
        background-color: #f3f3f3;

        padding: 1em;
      }
.grid_entry_service .listbox .litem .dhead {
        font-weight: bold;
        line-height: 1.5;
        font-size: 0.93em;

        display: flex;
        flex-flow: row-reverse wrap;
        justify-content: space-between;
        align-items: center;

        margin-bottom: 0.25em;
      }
.grid_entry_service .listbox .litem .dhead .detail {
          flex-basis: calc(100% - 65px);
          max-width: calc(100% - 65px);
          flex-grow: 1;
        }
.grid_entry_service .listbox .litem .dhead .headline {
          display: block;

          font-size: 1.125em;
          color: #F6808A;
        }
.grid_entry_service .listbox .litem .dhead .headline .em {
            font-size: 1.224em;
          }
.grid_entry_service .listbox .litem .dhead .icon {
          display: block;
          flex-basis: 65px;
          max-width: 65px;

          color: #F6808A;
          font-size: 3.2em;
          text-align: center;
          line-height: 1;


        }
.grid_entry_service .listbox .litem .ditem {
        font-size: 0.9em;
        line-height: 1.75;
        text-align: justify;
      }
.grid_entry_service .bnr_free {
    text-align: center;
    font-size: 1.3em;
    color: #fff;

    position: relative;

    padding: 0.1em;

    background-color: #F6808A;
    border-radius: 5px;
  }
.grid_entry_service .bnr_free:after {
      content: "";
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;

      margin: auto;

      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 15px 0 15px;
      border-color: #F6808A transparent transparent transparent;
    }
.grid_entry_service .bnr_free .em {
      color: #FADE75;
      font-weight: bold;
      font-size: 1.3em;

      padding-left: 2px;
      padding-right: 2px;
    }
@media screen and (max-width: 768px) {
    .grid_entry_service .listbox {
      margin-left: 0;
      margin-right: 0;
    }

      .grid_entry_service .listbox .litem {
        flex-basis: 100%;
        max-width: 100%;

        padding: 0.5em 0;
      }

        .grid_entry_service .listbox .litem .box {
          display: flex;
          flex-flow: row wrap;
          align-items: center;

          width: 100%;
        }

          .grid_entry_service .listbox .litem .box .dhead {
            flex-basis: 270px;
          }
          .grid_entry_service .listbox .litem .box .ditem {
            flex-basis: calc(100% - 270px);

            font-size: 1em;
          }
    .grid_entry_service .bnr_free {
      font-size: 1.3em;
    }
  }
@media screen and (max-width: 599px) {
        .grid_entry_service .listbox .litem .box {
          display: block;
        }

          .grid_entry_service .listbox .litem .box .dhead {
            margin-bottom: 0.5em;

            font-size: 1em;
          }

            .grid_entry_service .listbox .litem .box .dhead .detail {
              flex-basis: calc(100% - 100px);
              max-width: calc(100% - 100px);
            }

            .grid_entry_service .listbox .litem .box .dhead .icon {
              flex-basis: 100px;
              max-width: 100px;

              font-size: 4em;
            }
          .grid_entry_service .listbox .litem .box .ditem {
            text-align: justify;
          }
    .grid_entry_service .bnr_free {
      font-size: 1.5em;
      line-height: 1.35;

      padding: 1em;
    }
  }
/* カラー */
/*************************************
* 背景色
*************************************/
.bg_yellow {
  padding-top: 45px;
  padding-bottom: 5px;

  background-color: #F8F6F2;
}
.bg_yellow.__vari1 {
    padding-top: 80px;
    padding-bottom: 40px;
  }
.bg_secondary_thin {
  background-color: #ebf5f6;
}
/*************************************
* テキスト色
*************************************/
.color_text_primary {
  color: #F6808A;
}
/* タイポグラフィ */
/**********************************************************
*
* フォント・テキスト
*
**********************************************************/
/* 基本のフォントサイズ */
body {
  font-size:1.4rem;
  line-height: 1.85;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}
.bold       { font-weight:bold; }
/* 太字 */
.space      { white-space:nowrap; }
/* 文字折り返し禁止 */
/* テキスト揃え */
.center_txt     {text-align:center;}
.left_txt       {text-align:left;}
.right_txt      {text-align:right;}
@media screen and (max-width: 599px) {
  .sp_justify { text-align: justify; }
}
/* 親要素に対して文字サイズ0.85倍 */
.sml { font-size: 0.857em; }
/* 親要素に対して文字サイズ1.125倍 */
.lrg { font-size: 1.125em; }
/* 文字ハイライト */
::selection {
  background: #F6808A; /*背景色*/
  color: #fff; /*文字色*/
}
/**********************************************************
* 改行
**********************************************************/
.br_sp { display: none;}
@media screen and (max-width: 768px) {
  .br_sp { display: inline;}
}
.under-tb-none { display: block;}
@media screen and (max-width: 880px) {
  .under-tb-none { display: none;}
}
.under-sp-none { display: block;}
@media screen and (max-width: 599px) {
  .under-sp-none { display: none;}
}
/**********************************************************
* 段落
**********************************************************/
.paragraph_type1 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;

  text-align: justify;
  line-height: 2;
}
@media screen and (max-width: 599px) {
.paragraph_type1 {
    padding-left: 15px;
    padding-right: 15px
}
  }
/* アンカー */
/*************************************
* アンカー・リンク関連
*************************************/
a {
  text-decoration:none;
  color:inherit;
}
/* テキストリンク */
.text_hover {
  text-decoration: underline;
  color: #e83928;
}
/*************************************
* ホバー
*************************************/
/* 下線 */
.hover_line {
  display: inline-block;
  position: relative;
}
.hover_line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    
    background-color: #333;
    
    transition: width 500ms cubic-bezier(0.23, 1, 0.32, 1);
  }
.hover_line:hover:after, .hover_line:focus:after {
      width: 100%;
    }
/* 半透明 */
.hover_alpha {
  transition: opacity 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hover_alpha:hover,
  .hover_alpha:focus {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    zoom:1;
  }
/* 見出し */
/**************************************************************
*
* 見出し
*
**************************************************************/
/**************************************************************
* 見出し1
**************************************************************/
.headline_type1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 2.2425rem;
  font-weight: bold;
  letter-spacing: 0.025rem;

  width: 100%;
}
.headline_type1.flex-end {
    align-items: flex-end;
  }
.headline_type1 i {
  color: #F6808A;

  margin-right: 8px;
}
.headline_type1 .icon {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  fill: #F6808A;
}
.headline_type1 .icon.small {
    width: 20px;
    height: 20px;
  }
.headline_type1 .subtext {
  font-weight: normal;
}
.headline_type1 .sml {
  margin-top: 3px;
  font-size: 0.7em;
}
/* vari1 */
.headline_type1.vari1 {
  font-weight: normal;
  font-size: 1.9934rem;
}
@media screen and (max-width: 599px) {
  .headline_type1 {
    clear: both;

    font-size: 1.9934rem;
  }

  /* vari1 */
  .headline_type1.vari1 {
    font-weight: normal;
    font-size: 1.772rem;
  }
  .headline_type1.vari1 .sml b {
    display: block;

    margin-top: 5px;
  }
}
/**************************************************************
* 見出し2
**************************************************************/
.headline_type2 {
  margin-bottom:20px;
}
.headline_type2 .head {
    padding-left: 0px;
    margin-bottom: 5px;

    font-size: 2.027em;
    font-weight: normal;
  }
.headline_type2 .subtext {
    display: block;

    letter-spacing: 0.25em;
    line-height: 1.35;
    color:#FFF;

    padding: 3px 5px 1px;
    border-radius: 4px;

    background: linear-gradient(to right, rgba(246,128,138,1) 0%,rgba(246,128,138,1) 66%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#ffffff',GradientType=1 );
  }
@media screen and (max-width: 599px) {
    .headline_type2 {
      margin-bottom: 10px;
    }
    .headline_type2 .head {
      font-size: 2.2425rem;

      margin-bottom: 0px;
    }
    .headline_type2 .subtext {
      font-size: 1.244rem;

      padding: 3px 5px 2px;
    }
  }
/**************************************************************
* 見出し3
**************************************************************/
.headline_type3 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.75;

  margin-bottom: 20px;
}
.headline_type3 .headline_type3_main {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 1.9rem;
    font-weight: 700;
  }
.headline_type3_item img {
    width: 230px;
    height: 132px;
  }
@media screen and (max-width: 599px) {
  .headline_type3 {
    margin-bottom: 10px;
  }

  .headline_type3_item {
    width: 100%;
  }

    .headline_type3_item img {
      width: 100%;
      height: auto;
    }
}
/**************************************************************
* 見出し4
**************************************************************/
.headline_type4 {
  font-size: 1.9934rem;
  color:#372D2B;
  text-indent: -2.5rem;

  margin-bottom: 16px;
  padding-bottom: 4px;
  padding-left: 2.5rem;

  border-bottom: 1px solid #EFE8E0;
}
.headline_type4::before {
  content:"";

  width: 0;
  height: 0;
  display:inline-block;

  margin-right:10px;

  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #F6808A transparent;
}
/* vari1 */
.headline_type4.vari1 {
  border-bottom: none;

  margin-bottom: 4px;
}
@media screen and (max-width: 599px) {
  .headline_type4 {
    margin-bottom: 9px;

    font-size: 1.575rem;
  }
}
/**************************************************************
* 見出し5
**************************************************************/
.headline_type5 {
  display: block;

  font-size:1.9934rem;
  letter-spacing:0.1rem;
  color:#FFF;

  padding: 8px 8px 5px;
  margin-bottom: 10px;

  background: rgb(64,71,78);
  background: linear-gradient(to right, rgba(64,71,78,1) 0%,rgba(64,71,78,1) 66%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40474e', endColorstr='#ffffff',GradientType=1 );
}
@media screen and (max-width: 599px) {
  .headline_type5 {
    font-size:1.575rem;
  }
}
/**************************************************************
* 見出し6
**************************************************************/
.headline_type6 {
  margin-bottom: 40px;

  position: relative;

  font-size: 2.5228rem;
  font-weight: bold;
  color:#372D2B;
  text-align:center;
}
.headline_type6:after {
  content:"";
  display:block;
  width:100px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  border-bottom:2px solid #F6808A;
}
/* vari1 */
.headline_type6.vari1:after {
  border-width: 5px;

  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .headline_type6 {
    font-size: 2.2425rem;
  }
}
@media screen and (max-width: 599px) {
  .headline_type6 {
    font-size: 1.9934rem;

    margin-bottom: 20px;
  }
}
/**************************************************************
* 見出し7
**************************************************************/
.headline_type7 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 2px;

  position: relative;

  font-size: 1.575rem;
  font-weight: bold;

  border-bottom: #F6808A 1px solid;
}
.headline_type7 .icon {
  fill: #F6808A;

  width: 15px;
  height: 18px;

  margin-right: 7px;
}
.headline_type7 .icon-pin {
  color: #F6808A;
  margin-right: 7px;
}
/* vari1 */
.headline_type7.vari1 {
  border-bottom: none;
}
/**************************************************************
* 見出し8
**************************************************************/
.headline_type8 {
  margin-bottom: 49px;
  padding: 4px;

  background-color: #6ec1c5;
}
.headline_type8 .headline {
  font-size: 2.2rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05rem;

  margin-top: 14px;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .headline_type8 .headline {
    font-size: 1.6rem;
    font-weight: bold;
  }
}
/**************************************************************
* 見出し9
**************************************************************/
.headline_type9 {
  margin-bottom: 15px;
}
.headline_type9 .icon {
  background-image: url('../img/icon_puzzle01.png');
  background-size: 37px 37px;
  background-position: center;
  background-repeat: no-repeat;

  width: 37px;
  height: 37px;
  display: block;
  float: left;

  color: #fff;
  font-size: 1.575rem;
  font-weight: bold;

  padding: 9px 8px;
}
@media (min-resolution: 2dppx) {
  .headline_type9 .icon {
    background-image: url('../img/icon_puzzle01@2x.png');
  }
}
.headline_type9 .headline {
  font-size: 1.575rem;
  font-weight: bold;

  padding-left: 15px;
  padding-top: 10px;

  width: calc(100% - 37px);
  float: left;
}
/**************************************************************
* 見出し10
**************************************************************/
.headline_type10 {
  margin-bottom: 20px;
  padding-bottom: 3px;

  font-size: 1.575rem;
  font-weight: bold;

  border-bottom: 2px #5ac1c6 solid;
}
/**************************************************************
* 見出し11
**************************************************************/
.headline_type11 {
  margin-bottom: 20px;
  padding-bottom: 7px;
  padding-top: 10px;
  padding-left: 30px;

  font-size: 1.772rem;
  font-weight: bold;
  color: #fff;

  background-color: #F6808A;

  position: relative;
  height: 40px;
}
.headline_type11:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;

  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 15px;
  border-color: transparent transparent transparent #ffffff;
}
@media screen and (max-width: 599px) {
  .headline_type11 {
    font-size: 1.52rem;

    padding-left: 8px;
    padding-bottom: 4px;
  }
  .headline_type11:after {
    left: auto;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #ffffff transparent transparent;
  }
}
/**************************************************************
* 見出し12
**************************************************************/
.headline_type12 {
  color: #F6808A;
  line-height: 1.35;

  margin-bottom: 1.424em;
}
.headline_type12 > * {
    display: inline-block;
    vertical-align: middle;
  }
.headline_type12 .icon {
    border-top: 2px solid #F6808A;
    border-bottom: 2px solid #F6808A;

    font-size: 1.266em;
    font-weight: bold;
    letter-spacing: 0.025em;

    padding-top: 0.1em;
    margin-right: 0.79em;
  }
.headline_type12 .headline {
    font-weight: bold;
    font-size: 1.602em;
    padding-top: 4px;
  }
/* 真ん中配置大サイズ */
.headline_type12.__vari1 {
    text-align: center;
  }
.headline_type12.__vari1 .headline {
      display: block;

      margin-top: 0.624em;

      font-size: 2.566em;
    }
@media screen and (max-width: 599px) {
.headline_type12 {

    /* 真ん中配置大サイズ */
}
    .headline_type12 {
      text-align: center;
    }

    .headline_type12 .icon {
      margin-right: 0;
    }

    .headline_type12 .headline {
      display: block;

      margin-top: 0.555em;
      padding-top: 0;
    }
      .headline_type12.__vari1 .headline {
        font-size: 1.602em;

        margin-top: 1.266em;
      }
  }
/**************************************************************
* 見出し13
**************************************************************/
.headline_type13 {
  text-align: center;
  font-size: 2.027em;

  margin-bottom: 1.266em;
}
@media screen and (max-width: 599px) {
.headline_type13 {
    margin-bottom: 30px
}
  }
/**************************************************************
* 見出し14
**************************************************************/
.headline_type14 {
  text-align: center;
  font-size: 2.566em;

  margin-bottom: 50px;
}
/**************************************************************
* その他見出し
**************************************************************/
.content_header img {
  margin-right:10px;
  margin-top:-2px;
}
.content_headline {
  font-weight:bold;
  font-size:2.3rem;
  line-height:25px;
  letter-spacing:0.025rem;

  margin-right:10px;
}
.content_headline.english {
  font-size:1.4rem;
  font-weight:bold;
  letter-spacing:0.3rem;
  color:#FFF;

  background: linear-gradient(to right, rgba(64,71,78,1) 0%,rgba(64,71,78,1) 66%,rgba(255,255,255,1) 100%);

  padding-left: 1em;
  margin-top: 0.2em;
}
.content_headline .headline_small_font {
  font-size:1.5rem;
}
.header_job .content_header {
  border:none;
}
.header_job .content_headline {
  margin-bottom:10px;
}
.header_entry .content_headline::before {
  content: url(../img/icon_news.png);
}
.job_info .content_header {
  padding:10px 15px;
  background-color:#3c3c3c;
  border:none;
}
.job_info .content_header * {
  color:#FFF;
}
.job_info .content_headline {
  font-size:1.6rem;
}
@media screen and (max-width: 768px) {
  .content_headline {
    font-size:2.1rem;
  }
}
@media screen and (max-width: 599px) {
  .news .content_headline {
    float:none;
  }

  .content_headline {
    font-size:1.9rem;
    margin-right:0px;
  }

  .job_entry .content_headline {
    text-indent: -3.3rem;
    margin-left: 3rem;
  }

  .job_entry .content_headline::before {
    content:url(../img/icon_news.png);
    margin-right:10px;
  }
}
/* ボタン */
/*************************************************************
*
* ボタン
*
*************************************************************/
/*************************************************************
* 共通パーツ
*************************************************************/
[class*=" btn_type"],
[class^="btn_type"] {
  appearance:none;
}
a[class*=" btn_type"], a[class^="btn_type"] {
    cursor: pointer;
  }
/* 真ん中配置 */
[class*=" btn_type"].mauto, [class^="btn_type"].mauto {
    margin-left: auto;
    margin-right: auto;
  }
/*************************************************************
* ボタン1
*************************************************************/
.btn_type1 {
  display:block;
  width: 100%;
  position: relative;
  max-width: 280px;

  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;

  background-color: #F6808A;
  border-radius: 4px;

  padding: 14px 14px 14px;

  transition: background-color 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn_type1 i {
    display: none;
  }
.btn_type1:before {
    content: url(../img/svg/arrow01-large.svg);
    position: absolute;
    top: -18px;
    bottom: 0;
    right: 14px;
    margin-top: auto;
    margin-bottom: auto;
    width: 6px;
    height: 10px;

    border: none;
  }
.btn_type1:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type1:hover:after, .btn_type1:focus:after {
      background: rgba(255,255,255,0.4);
    }
/* vari1 */
.btn_type1.vari1 {
    width: 170px;
    padding: 6px 12px 8px;

    text-align: left;
  }
.btn_type1.vari1:before {
      content: url(../img/svg/arrow01.svg);
      top: -18px;
    }
.btn_type1.more_btn {
    margin: 0;
  }
/* Center */
.btn_type1.__center {
    margin-left: auto;
    margin-right: auto;
  }
/* Secondary */
.btn_type1.__secondary {
    background: #5DCA72;
  }
/* Fourth */
.btn_type1.__fourth {
    background: #FFA21F;
  }
@media screen and (max-width: 599px) {
    .btn_type1 {
      padding: 0.555em;

      max-width: 100%;
    }
  }
/*************************************************************
* ボタン2
*************************************************************/
.btn_type2 {
  appearance:none;
  position:relative;
  display:block;

  background-color:#73787e;

  color:#FFF;
  font-size:1.4rem;
  text-align:center;

  transition: background-color .1s linear;
  border-radius: 4px;
}
.btn_type2:after {
    content: url(../img/svg/arrow01.svg);
    position: absolute;
    top: -18px;
    bottom: 0;
    right: 14px;
    margin-top: auto;
    margin-bottom: auto;
    width: 6px;
    height: 10px;

    border: none;
  }
.btn_type2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type2:hover:before, .btn_type2:focus:before {
      background: rgba(255,255,255,0.4);
    }
.conditions .btn_type2 {
  padding: 10px;
}
.side_creator .btn_type2 {
  padding: 6px 10px;
  font-weight: bold;
  background-color: #5DCA72;
}
@media screen and (max-width: 959px) {
  .btn_type2 {
    font-size:1.2rem;
  }

  .conditions .btn_type2 {
    padding-left:5px;
    padding-right:5px;
  }
}
@media screen and (max-width: 768px) {
  .side_creator .btn_type2 {
    font-weight:bold;
    font-size:1.5rem;
  }
}
/*************************************************************
* ボタン3
*************************************************************/
.btn_type3 {
  appearance:none;
  display: block;
  width: 100%;
  max-width: 270px;
  position: relative;

  border-radius: 5px;
  background-color: #F6808A;

  color: #fff;
  text-align: center;
  font-size: 1.9934rem;
  font-weight: bold;

  padding: 19px;

  transition: background-color 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn_type3:after {
    content: url(../img/svg/arrow01-large.svg);
    position: absolute;
    top: -21px;
    bottom: 0;
    right: 18px;
    margin-top: auto;
    margin-bottom: auto;
    width: 6px;
    height: 10px;

    border: none;
  }
.btn_type3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type3:hover:before, .btn_type3:focus:before {
      background: rgba(255,255,255,0.4);
    }
@media screen and (max-width: 599px) {
    .btn_type3 {
      font-size: 1.772rem;
    }
  }
/*************************************************************
* ボタン4
*************************************************************/
.btn_type4 {
  appearance:none;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 300px;
  position: relative;

  background-color: #5DCA72;
  border: 2px solid #5DCA72;
  border-radius: 4px;

  color: #fff;
  text-align: center;
  font-size: 2.732rem;
  font-weight: bold;

  padding: 2px;

  transition: background-color,border 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn_type4 .inner {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 50px;
    height: 50px;

    background-color: #fff;

    color: #5DCA72;
    transition: color 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type4 .inner .icon {
      fill: #5DCA72;
      width: 34px;
      height: 34px;
    }
.btn_type4 .text {
    display: block;
    width: calc(100% - 50px);
    text-align: center;
  }
.btn_type4 .icon {
    width: 49px;
    height: 70px;

    transition: opacity 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type4:hover,
  .btn_type4:focus {
    background-color: #80E994;
    border: 2px solid #80E994;
  }
.btn_type4:hover .inner, .btn_type4:focus .inner {
      color: #80E994;
    }
.btn_type4:hover .icon, .btn_type4:focus .icon {
      opacity: 0.70;
    }
@media screen and (max-width: 959px) {
    .btn_type4 {
      font-size: 2.5228rem;
    }

    .btn_type4 .inner {
      padding: 0!important;
    }
  }
@media screen and (max-width: 768px) {
    .btn_type4 {
      font-size: 2.2425rem;
    }
  }
@media screen and (max-width: 599px) {
    .btn_type4 {
      font-size: 1.9934rem;

      max-width: 300px;
    }
  }
/*************************************************************
* ボタン5
*************************************************************/
.btn_type5 {
  appearance:none;
  display: block;
  width: 100%;
  max-width: 250px;
  position: relative;
  overflow: hidden;

  border: 2px solid #5DCA72;
  background-color: #fff;

  color: #26466D;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;

  padding: 15px 15px 13px;

  transition: 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: background-color, color;

  border-radius: 4px;
}
.btn_type5 .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin-top: auto;
    margin-bottom: auto;
    width: 8px;
    height: 14px;

    fill: #5DCA72;
  }
.btn_type5:hover,
  .btn_type5:focus {
    background-color: #5DCA72;

    color: #fff;
  }
.btn_type5:hover .icon, .btn_type5:focus .icon {
      fill: #fff;
    }
/*************************************************************
* ボタン6
*************************************************************/
.btn_type6 {
  appearance:none;
  display: block;
  width: 100%;
  max-width: 620px;
  position: relative;
  overflow: hidden;

  background-color: #5DCA72;

  color: #fff;
  text-align: center;
  font-size: 1.772rem;
  font-weight: bold;

  padding: 19px 19px 16px;

  transition: background-color 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border-radius: 4px;
}
.btn_type6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_type6:after {
    content: url(../img/svg/arrow01-large.svg);
    position: absolute;
    top: -18px;
    bottom: 0;
    right: 18px;
    margin-top: auto;
    margin-bottom: auto;
    width: 6px;
    height: 10px;

    border: none;
  }
.btn_type6:hover:before, .btn_type6:focus:before {
      background: rgba(255,255,255,0.4);
    }
/* vari1 */
.btn_type6.vari1 {
    font-size: 1.6rem;
    line-height: 1.5;

    padding: 11px 19px 8px;
  }
/* プライマリー */
.btn_type6.primary {
    background-color: #F6808A;
  }
@media screen and (max-width: 768px) {
    .btn_type6 {
      padding: 10px;
      text-align: left;
      font-size: 1.5rem;
    }

    .btn_type6:after {
      right: 10px;
    }
  }
@media screen and (max-width: 599px) {
    .btn_type6 {
      font-size: 1.28rem;
    }
  }
.btn_type6_container {
  display: flex;
  column-gap: 26px;
}
@media screen and (max-width: 768px) {
.btn_type6_container {
    column-gap: 10px
}
  }
/*************************************************************
* defBtn
*************************************************************/
.defBtn {
  appearance:none;
  display:block;
  position:relative;
  overflow:hidden;
  z-index:1;
  width:120px;

  background:#000;

  text-decoration:none;
  text-align:center;
  color:#000;
  line-height:1;
  font-size:0.9285714285714286em;

  transition:all 0.3s;

  padding-top:1em;
  padding-bottom:1em;
}
.defBtn:before,
  .defBtn:after {
    content:"";
    position:absolute;
  }
.defBtn:before {
    width:100%;
    min-width:100%;
    height:100%;
    min-height:3em;

    top:100%;
    left:0;
    right:0;
    z-index:2;

    background:#55C0D8;

    transition:all 0.3s;
  }
.defBtn:after {
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    z-index:3;

    background:#fff;
  }
.defBtn span {
    position: relative;
    z-index:4;
    display:block;
    letter-spacing:0.1em;
  }
.defBtn span:before {
      content:"≫";
      position: absolute;
      left:0.5em;
      z-index:5;
    }
.defBtn:hover,
  .defBtn:focus {
    color:#55C0D8;
  }
.defBtn:hover:before, .defBtn:focus:before {
      top:0%;
    }
/*************************************************************
* lowBtn
*************************************************************/
.lowBtn {
  appearance:none;
  display:block;
  overflow:hidden;
  position:relative;
  width:210px;
  z-index:1;

  background:#000;

  text-decoration:none;
  text-align:center;
  color:#fff;
  font-size:0.9285714285714286em;
  line-height:1;

  transition:all 0.3s;

  padding-top:1em;
  padding-bottom:1em;
}
.lowBtn:before,
  .lowBtn:after {
    content:"";
    position:absolute;
  }
.lowBtn:before {
    width:100%;
    min-width:100%;
    height:100%;
    min-height:3em;

    top:100%;
    left:0;
    right:0;
    z-index:2;

    transition:all 0.3s;

    background:#55C0D8;
  }
.lowBtn:after {
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    z-index:3;

    background:#444;
  }
.lowBtn span {
    position: relative;
    z-index:4;
    display:block;
  }
.lowBtn span:before {
      content:"≫";
      position: absolute;
      left:1em;
      z-index:5;
    }
.lowBtn:hover,
  .lowBtn:focus {
    color:#55C0D8;
  }
.lowBtn:hover:before, .lowBtn:focus:before {
      top:0%;
    }
/*************************************************************
* btn_form
*************************************************************/
.btn_form {
  display:block;
  width: 100%;
  max-width: 180px;
  position:relative;

  color:#FFF;
  font-weight: bold;

  text-align: center;
  letter-spacing:0.025em;

  background: #F6808A;
  box-shadow: 3px 3px 1px 0px rgba(151,117,91,0.3);
  border-radius: 4px;

  padding: 0.3em;

  transition: color,box-shadow 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn_form > * {
    display: block;
  }
.btn_form:after {
    content: url(../img/svg/arrow01.svg);
    position: absolute;
    top: -15px;
    bottom: 0;
    right: 10px;
    margin-top: auto;
    margin-bottom: auto;

    width: 6px;
    height: 10px;
  }
.btn_form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);

    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.btn_form .txt_up {
    font-size: 0.79em;

    margin-bottom: 0.324em;
    padding: 0.1em 0.2em 0em;

    background-color: #F6808A;
  }
.btn_form .entry {
    font-size: 1.200em;
    line-height: 1.3;
  }
.btn_form .entry i {
      margin-left: 0.3em;
    }
.btn_form:hover:before, .btn_form:focus:before {
      background: rgba(255,255,255,0.4);
    }
.btn_form:hover .icon, .btn_form:focus .icon {
      opacity: 0.70;
    }
/* 緑背景 */
.btn_form.type1 {
    background: none;
    background-color: #5DCA72;
  }
.btn_form.type1 .txt_up {
      background-color: #5DCA72;
    }
/* 大サイズ */
.btn_form.large {
    max-width: none;

    padding: 7px 10px 4px;

    font-size: 1.266em;
  }
.btn_form.large .entry {
      position: relative;
      display: inline-block;
    }
.btn_form.large .entry .icon {
        position: absolute;
        bottom: -4px;
        width: 60px;
        height: 87px;
      }
.btn_form.large .entry .icon.left {
          left: -90px;
        }
.btn_form.large .entry .icon.right {
          right: -90px;
        }
.btn_form.large:after {
      display: none;
    }
/* サイドバー */
.side_form .btn_form {
    max-width: inherit;
  }
.side_form .btn_form .entry > span {
      display:inline-block;
    }
.side_form .btn_form .entry::after,
    .side_form .btn_form:hover .entry::after {
      content: none;
      margin-left: 0px;
    }
.side_form .btn_form .txt_up {
      font-size:1.2rem;
      padding-left:5px;
      padding-right:5px;
    }
.btn_form .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 68px;
    height: 66px;
  }
.btn_form.sidebar .icon {
      right: -4px;
      width: 54px;
      height: 52px;
    }
@media screen and (max-width: 959px) {
.btn_form {
    /* サイドバー */
}
      .side_form .btn_form .txt_up {
        padding-left:2px;
        padding-right:2px;
      }
  }
@media screen and (max-width: 599px) {
.btn_form {

    /* 大サイズ */
}
    .btn_form .entry {
      font-weight: bold;
    }
      .btn_form.large .entry {
        font-size: 1.5rem;
      }
          .btn_form.large .entry .icon.left {
            left: -62px;
          }
          .btn_form.large .entry .icon.right {
            right: -62px;
          }
  }
.btn_form_container {
  padding-top: 20px;
}
@media screen and (max-width: 599px) {
.btn_form_container {
    overflow-x: hidden
}
  }
/*************************************************************
* Fix Button LINEでの登録はこちら 固定ボタン
*************************************************************/
.fix-button {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 10;
}
.fix-button .fix-image {
    width: 120px;
    height: 142px;
  }
@media screen and (max-width: 959px) {
.fix-button {
    bottom: 100px;
    right: 8px
}

    .fix-button .fix-image {
      width: 90px;
      height: auto;
    }
  }
/*************************************************************
* 詳細閉じる・開くボタン
*************************************************************/
.btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;

  color: #26466D;
  clear: both;
  font-weight: bold;
}
.btn-close .btn-close-layer {
    border-bottom: 1px solid rgba(38,70,109,1);
  }
.btn-close:hover .btn-close-layer {
      border-bottom: 1px solid rgba(38,70,109,0);
    }
.btn-close:after {
    content: url(../img/svg/arrow01-text.svg);

    margin-right: 0;
    margin-left: -3px;
    margin-top: auto;
    margin-bottom: auto;
    width: 20px;
    height: 6px;

    border: none;

    transform: rotate(-90deg);
    transform-origin: center center;
  }
.btn-close.is-close:after {
      margin-right: -12px;
      margin-left: 10px;
      transform: rotate(90deg);
    }
@media screen and (max-width: 768px) {
.btn-close {
    justify-content: flex-end
}
  }
/* ボックス */
/**************************************************************
*
* ボックス
*
**************************************************************/
/*************************************************************
 * 共通
*************************************************************/
[class*=" box_type"],
[class^="box_type"] {
  display: block;
}
/* inline */
[class*=" box_type"].inline, [class^="box_type"].inline {
    display: inline-block;
  }
/*************************************************************
 * box_type1
*************************************************************/
.row .box_type1:nth-of-type(odd) {
  margin-right: 5%;
}
.box_type1 {
  width: 47.5%;
  float: left;
  overflow: hidden;
  position: relative;

  font-size: 1rem;

  margin-bottom: 5em;

  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.box_type1:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    background: linear-gradient(to right, #f64747 0%,#f64747 19%,#9b59b6 20%,#9b59b6 39%,#6bb9f0 40%,#6bb9f0 59%,#36d7b7 60%,#36d7b7 79%,#f9bf3b 80%,#f9bf3b 100%);
  }
.box_type1 .image {
    position: relative;
    overflow: hidden;
    height: 89px;
  }
.box_type1 .image:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0);
    }
.box_type1 .image img {
      transition-property: filter, transform;
      transition: 80ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
.box_type1 .image .description {
      text-align: left;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 1.5;

      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;

      opacity: 0;

      width: 90%;
      height: 70%;
    }
.box_type1 .text {
    position: relative;

    min-height: 130px;
    padding: 2.5em 0.5em 0.5em;

    transition: background-color 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.box_type1 .text .headline {
      font-size: 1.8em;
      text-align: center;
      font-weight: bold;
      letter-spacing: 0.05rem;

      margin-bottom: 1em;

      position: relative;
    }
.box_type1 .text .headline:after,
      .box_type1 .text .headline:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: -15px;
        margin: auto;

        border-radius: 50%;

        transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      }
.box_type1 .text .headline:before {
        right: -12px;
        left: 0;
        background-color: #5ac1c6;
      }
.box_type1 .text .headline:after {
        left: -12px;
        right: 0;
        background-color: #ec4e3e;
      }
.box_type1 .text date {
      font-size: 1.3em;
      color: #999999;

      display: block;
      position: absolute;
      bottom: 0.5em;
      left: 0.5em;
    }
.box_type1 .text small {
      font-size: 1.3em;
      color: #999999;

      display: block;
      position: absolute;
      bottom: 0.5em;
      right: 0.5em;
    }
.box_type1:hover .image:after, .box_type1:focus .image:after {
        background: rgba(255,255,255,0.3);
      }
.box_type1:hover .image img, .box_type1:focus .image img {
        filter: blur(6px);
        transform: scale(1.05);
      }
.box_type1:hover .image .description, .box_type1:focus .image .description {
        opacity: 1;
      }
.box_type1:hover .text, .box_type1:focus .text {
      background-color: ivory;
    }
.box_type1:hover .text .headline:after, .box_type1:focus .text .headline:after {
          transform: translateX(-5px);
        }
.box_type1:hover .text .headline:before, .box_type1:focus .text .headline:before {
          transform: translateX(5px);
        }
@media screen and (max-width: 599px) {
    .box_type1 {
      width: 100%;
      float: none;
    }
  }
/*****************************
 * box_type2
 *****************************/
.box_type2 {
  background-color: #F8F6F2;

  margin-bottom: 20px;
}
.box_type2 >.inner {
    background-color: #FFF;
    border: 1px solid #a89485;

    padding: 15px;
    border-radius: 4px;
  }
.box_type2 .head {
    border-bottom:3px solid #F6808A;

    margin-bottom: 10px;
  }
.box_type2 .head .subtext {
      font-size: 1.2rem;

      margin-left: 7px;
    }
@media screen and (max-width: 599px) {
    .box_type2 {
      padding: 5px;
    }

      .box_type2 .inner {
        padding: 18px 10px;
      }
  }
/*****************************
 * box_type3
 *****************************/
.box_type3 {
  display: flex;
  align-items: center;
  column-gap: 14px;

  border-bottom:1px dotted #bfbfbf;

  padding-bottom: 12px;
  padding-top: 12px;
}
.box_type3 .box_type3_left,
  .box_type3 .box_type3_left_image {
    width: 190px;
    height: 127px;
  }
.box_type3 .box_type3_left_image {
    overflow: hidden;
    border-radius: 4px;
  }
.box_type3 .box_type3_left_photo {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
.box_type3 .headline {
    font-size:1.4rem;
    font-weight:bold;

    margin-bottom: 9px;
  }
.box_type3 .headline a:hover,
      .box_type3 .headline a:focus {
        color: #F6808A;
      }
.box_type3 .paragraph {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 5px;
    font-size: 1.244rem;
    line-height: 1.75;
  }
.box_type3 .box_type3_left .headline {
      display: none;
    }
@media screen and (max-width: 768px) {
.box_type3 {
    flex-direction: column;
    row-gap: 10px
}

    .box_type3 .box_type3_left {
      display: flex;
      column-gap: 14px;
      width: 100%;
      height: auto;
    }

      .box_type3 .box_type3_left .headline {
        display: block;
        line-height: 1.35;
      }
    .box_type3 .box_type3_left_image {
      width: 120px;
      min-width: 120px;
      height: 80px;
    }
      .box_type3 .box_type3_right .headline {
        display: none;
      }
  }
/*****************************
 * box_type4
 *****************************/
.box_type4 {
  display: block;
}
.box_type4 .image {
    overflow: hidden;
  }
.box_type4 .image .objfit {
      height: 125px;
      transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
.box_type4 .date {
    display: block;

    margin-top: 5px;
    margin-bottom: 3px;

    font-size: 1.2rem;
  }
.box_type4 .headline {
    font-weight: bold;
    text-decoration: underline;
    line-height: 1.45;
  }
a.box_type4:hover .image img, a.box_type4:focus .image img {
        transform: scale(1.1);
      }
a.box_type4:hover .headline, a.box_type4:focus .headline {
      text-decoration: none;
    }
@media screen and (max-width: 599px) {
      .box_type4 .image .objfit {
        height: auto;
      }
    .box_type4 .date {
      font-size: 1.4rem;

      margin-bottom: 6px;
    }
    .box_type4 .headline {
      font-size: 1.575rem;
    }
  }
/*****************************
 * box_type5
 *****************************/
.box_type5 {
  display: block;

  background-color: #F8F6F2;
  border-radius: 5px;
  border: 1px solid #EFE8E0;

  padding: 15px;
}
.box_type5 .headline {
    font-size: 1.772rem;
    border-bottom: 1px dotted #EFE8E0;

    padding-bottom: 8px;
    margin-bottom: 20px;
  }
.box_type5 .paragraph {
    line-height: 1.65;
  }
.box_type5 .paragraph p:not(:last-child) {
      margin-bottom: 15px;
    }
/* vari1 */
.box_type5.vari1 {
    padding: 25px 15px;
  }
@media screen and (max-width: 599px) {
.box_type5 {

    /* vari1 */
}
    .box_type5 .headline {
      font-size: 1.575rem;

      margin-bottom: 10px;
    }
    .box_type5.vari1 {
      padding: 15px;
    }
  }
/*****************************
 * box_type6
 *****************************/
.box_type6  {
  margin-bottom: 50px;
}
.box_type6 .box_container {
    background-color: #F8F6F2;
    border-top: #F6808A 10px solid;

    padding: 15px;
    border-radius: 4px;
  }
.box_type6 .head {
    margin-bottom: 12px;
  }
.box_type6 .head .left {
      float: left;
      width: calc(100% - 280px);

      padding-right: 10px;
    }
.box_type6 .head .right {
      float: right;
      width: 280px;
    }
.box_type6 .head .headline {
      font-size: 1.4rem;
      color: #666666;
      font-weight: normal;

      margin-bottom: 5px;
      margin-top: 7px;
    }
.box_type6 .head .paragraph {
      font-size: 2.2rem;
      line-height: 1.35;
      font-weight: bold;
    }
.box_type6 .head .btn_type5 {
      margin-left: auto;
      margin-right: 0;
    }
.box_type6 .body {
    background-color: #fff;

    padding: 20px 12px;
  }
.box_type6 .body .paragraph {
      font-size: 1.575rem;
      line-height: 1.75;
    }
.box_type6 .body .detail {
      background-color: #FFF4CA;

      margin-top: 15px;
      margin-bottom: 20px;
      padding: 1.8rem;
    }
.box_type6 .body .detail .detail_list {
        display: flex;
        flex-flow: row wrap;
        align-items:stretch;
        column-gap: 20px;
        clear: both;
      }
.box_type6 .body .detail .fitem {
        flex-basis: calc(50% - 10px);
        max-width: calc(50% - 10px);

        display: flex;
        align-items: center;

        margin-bottom: 7px;
        padding-bottom: 7px;
        border-bottom: 1px dotted #FFA21F;
      }
.box_type6 .body .detail .fitem:nth-last-child(-n+2),
        .box_type6 .body .detail .fitem:nth-last-child(1) {
          border-bottom: none;
          margin-bottom: 0;
          padding-bottom: 0;
        }
.box_type6 .body .detail .btn-close {
        display: none;
      }
.box_type6 .body .col_6 .dlist_type1:first-child {
      margin-bottom: 15px;
    }
.box_type6 .body .list_type3 {
      margin-bottom: 20px;
    }
.box_type6 .body .dlist_type1 .dhead {
        justify-content: center;
        background-color: #FFA21F;
      }
.box_type6 .foot {
    text-align: right;

    margin-top: 5px;
  }
.box_type6 .foot .code {
      margin-right: 10px;
    }
@media screen and (max-width: 959px) {
      .box_type6 .head .right {
        width: 250px;
      }
      .box_type6 .head .left {
        width: calc(100% - 250px);
      }
      .box_type6 .head .btn_type5 {
        max-width: 230px;

        text-align: left;
      }
      .box_type6 .head .headline {
        font-size: 1.772rem;
      }
  }
@media screen and (max-width: 768px) {
      .box_type6 .head .right {
        display: none;
      }
      .box_type6 .head .left {
        width: 100%;
      }
        .box_type6 .body .detail .fitem {
          flex-basis: 100%;
          max-width: 100%;
        }

          .box_type6 .body .detail .fitem:nth-last-child(-n+2) {
            padding-bottom: 7px;
            margin-bottom: 7px;

            border-bottom: 1px dotted #FFA21F;
          }
          .box_type6 .body .detail .fitem:nth-last-child(1) {
            padding-bottom: 0;
            margin-bottom: 0;

            border-bottom: none;
          }

        .box_type6 .body .detail .detail_content {
          height: 172px;
          overflow: hidden;

          transition: height 0.6s ease-in-out;
        }

        .box_type6 .body .detail .btn-close {
          display: flex;
        }
  }
@media screen and (max-width: 599px) {
    .box_type6 .box_container {
      border-top-width: 7px;

      padding: 10px;
    }
      .box_type6 .head .paragraph {
        font-size: 1.7rem;
        line-height: 1.6;
      }
      .box_type6 .head .headline {
        font-size: 1.1rem;

        margin-top: 15px;
        margin-bottom: 5px;
      }
    .box_type6 .body {
      padding: 10px;
    }

      .box_type6 .body .paragraph {
        font-size: 1.2444rem;
        line-height: 1.75;
      }
      .box_type6 .body .detail {
        padding: 0.75rem;
      }
      .box_type6 .body .headline_type7 {
        font-size: 1.4rem;

        margin-bottom: 5px;
      }
      .box_type6 .body .list_type3 {
        margin-bottom: 10px;
      }
    .box_type6 .foot {
      margin-bottom: 5px!important;
    }
  }
/*****************************
 * box_type7
 *****************************/
.box_type7 {
  background-color: #F8F6F2;
  border: #a89485 1px solid;

  padding: 18px;
  padding-bottom: 3px;
  border-radius: 4px;
}
.box_type7 .list {
    display: flex;
    flex-wrap: wrap;
  }
.box_type7 .list > .litem {
      font-size: 1.575rem;

      display: inline-block;
      white-space: nowrap;
    }
.box_type7 .list > .litem:not(:last-child):after {
          content: "／";
          display: inline-block;

          margin-left: 13px;
          margin-right: 13px;
        }
.box_type7 .list > .litem > * {
        display: inline-block;

        margin-bottom: 15px;
      }
@media screen and (max-width: 599px) {
      .box_type7 .list > .litem {
        font-size: 1.4rem;
      }

        .box_type7 .list > .litem > * {
          margin-bottom: 10px;
        }
  }
/*****************************
 * box_type8
 *****************************/
.box_type8 .icon {
    border-radius: 50%;
    border: 2px solid #F8F6F2;
    overflow: hidden;
    position: relative;
    max-width: 114px;
    max-height: 114px;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
  }
.box_type8 .icon .more {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      top: 50%;
      width: 100%;
      height: 100%;

      background-color: rgba(255,255,255,0.8);

      transform: translateY(-50%);
      transition: opacity 250ms ease-in-out;
      opacity: 0;
    }
.box_type8 .icon .more .text {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;

        transform: translate(-50%, 10%) translateZ(0px);

        transition: transform 250ms ease-in-out;

        font-weight: bold;
        font-style: italic;
        text-align: center;
      }
.box_type8 .icon .more .text:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 120%;

          margin: auto;

          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6.5px 0 6.5px 6px;
          border-color: transparent transparent transparent #ea4051;
        }
.box_type8 .headline {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    color: #555;

    display: block;
  }
.box_type8:hover .icon .more, .box_type8:focus .icon .more {
        opacity: 1;
      }
.box_type8:hover .icon .more .text, .box_type8:focus .icon .more .text {
          transform: translate(-50%, -50%) translateZ(0px);
        }
@media screen and (max-width: 599px) {
    .box_type8 .headline {
      font-size: 1rem;
    }
  }
/*****************************
 * box_type9
 *****************************/
.box_type9 {
  line-height: 1;
  letter-spacing: 0.025em;
  white-space: nowrap;
}
.box_type9 > * {
    display: inline-block;
    vertical-align: middle;
  }
.box_type9 .icon {
    display: inline-block;
    width: 1.602em;
    height: 1.602em;

    font-size: 1.802em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.63;

    background-color: #F6808A;
    border-radius: 50%;

    margin-right: 0.1em;
  }
.box_type9 .headline {
    display: block;

    font-weight:bold;
    font-size: 2.281em;
    font-family: 'Roboto', sans-serif;
    line-height: 1.15;
  }
.box_type9 .subtext {
    display: block;

    font-size: 0.889em;
  }
/* 小サイズ */
.box_type9.vari1 {
    font-size: 0.702em;
  }
/*****************************
 * box_type10
 *****************************/
.box_type10 {
  background-color: #F6808A;

  padding: 0.79em;
  padding-top: 0;

  border-radius: 4px;
}
.box_type10 .head {
    color: #fff;
    line-height: 1.2;

    position: relative;

    padding-top: 0.889em;
    padding-bottom: 0.889em;

    background-color: inherit;
  }
.box_type10 .head > * {
      display: inline-block;
    }
.box_type10 .head .icon {
      border-radius: 50%;
      background-color: inherit;

      text-align: center;

      width: 110px;
      height: 110px;
      position: absolute;
      bottom: -30px;
      left: 0;

      padding: 0.779em;
    }
.box_type10 .head .icon > * {
        display: block;
      }
.box_type10 .head .icon .subtext {
        font-weight: bold;
        letter-spacing: 0.25em;
      }
.box_type10 .head .icon .headline {
        font-size: 2.887em;
      }
.box_type10 .head > .headline {
      font-size: 1.602em;

      padding-left: 120px;
    }
.box_type10 .body {
    position: relative;
    z-index: 2;

    background-color: #fff;

    padding: 1.125em;
    padding-left: 0;

    color: #F6808A;
  }
.box_type10 .body > * {
      display: table-cell;
      vertical-align: middle;
    }
.box_type10 .body .icon {
      width: 160px;

      font-size: 7em;
      line-height: 1;
      text-align: center;
    }
.box_type10 .body .detail {
      width: calc(100% - 160px);
    }
.box_type10 .body .headline {
      font-weight: bold;
      font-size: 1.125em;
      line-height: 1.5;

      margin-bottom: 0.79em;
    }
.box_type10 .body .paragraph {
      color: #000;
      text-align: justify;
    }
.box_type10 .body.__vari1 .icon {
        width: 230px;
      }
.box_type10 .body.__vari1 .detail {
        width: calc(100% - 230px);
      }
/* 青色 */
.box_type10.__color1 {
    background-color: #F6808A;
  }
.box_type10.__color1 .body {
      color: #F6808A;
    }
/* 緑色 */
.box_type10.__color2 {
    background-color: #FFA21F;
  }
.box_type10.__color2 .body {
      color: #FFA21F;
    }
/* 黄色 */
.box_type10.__color3 {
    background-color: #5DCA72;
  }
.box_type10.__color3 .body {
      color: #5DCA72;
    }
/* オレンジ色 */
.box_type10.__color4 {
    background-color: #F6808A;
  }
.box_type10.__color4 .body {
      color: #F6808A;
    }
/* ピンク色 */
.box_type10.__color5 {
    background-color: #FFA21F;
  }
.box_type10.__color5 .body {
      color: #FFA21F;
    }
@media screen and (max-width: 768px) {
      .box_type10 .head .icon {
        width: 80px;
        height: 80px;

        bottom: -8px;

        font-size: 0.889em;

        padding-top: 1.266em;
      }
      .box_type10 .head > .headline {
        padding-left: 80px;

      }
    .box_type10 .body {
      display: flex;
      flex-direction: column;
      padding: 1.125em;
    }

      .box_type10 .body .icon {
        float: none;
        width: 100%;

        text-align: center;
        font-size: 4em;

        margin-bottom: 0.1em;
      }

      .box_type10 .body .detail {
        width: 100%;
      }

      .box_type10 .body .headline {
        line-height: 1.65;
        text-align: justify;
      }
        .box_type10 .body.__vari1 .icon {
          width: 100%;
        }
        .box_type10 .body.__vari1 .detail {
          width: 100%;
        }
  }
/*****************************
 * box_type11
 *****************************/
.box_type11 {
  border: 1px solid #EFE8E0;
  overflow: hidden;
  border-radius: 4px;
}
.box_type11 .image {
    position: relative;
  }
.box_type11 .image .icon {
      position: absolute;
      top: 50%;
      left: 1.424em;

      padding-top: 0.79em;
      border-radius: 4px;

      width: 100px;
      height: 100px;

      text-align: center;
      color: #fff;
      font-size: 1.424em;

      transform: translateY(-50%);

      background: #A89485;
    }
.box_type11 .image .icon > * {
        display: block;

        line-height: 1.1;
      }
.box_type11 .image .icon .headline {
        font-size: 2.566em;
      }
.box_type11 .image .icon2 {
      position: absolute;
      bottom: 0;
      right: 1em;
    }
.box_type11 .image .icon2 > * {
        display: inline-block;
        vertical-align: bottom;
      }
.box_type11 .image .icon2 .dhead {
        background-color: #F6808A;

        line-height: 1.5;
        color: #fff;
        font-size: 0.889em;

        padding: 0.324em 0.555em;
        margin-right: 0.555em;
      }
.box_type11 .objfit {
    height: 150px;
  }
.box_type11 .body {
    padding: 1.424em;
  }
.box_type11 .body .headline {
      color: #26466D;
      font-weight: bold;
      font-size: 1.125em;

      margin-bottom: 0.624em;
    }
@media screen and (max-width: 599px) {
      .box_type11 .image .icon {
        width: 80px;
        height: 80px;

        font-size: 1.266em;
      }
        .box_type11 .image .icon2 .ditem {
          width: 60px;

          font-size: 0.889em;
        }
    .box_type11 .objfit {
      height: 115px;
    }
      .box_type11 .body .headline {
        margin-bottom: 0.624em;
      }
  }
/*****************************
 * box_type12
 *****************************/
.box_type12 {
  position: relative;
  min-height: 290px;
}
.box_type12 .image {
    position: absolute;
    top: 0;
    left: 0;

    max-width: 414px;
  }
.box_type12 .body {
    padding-top: 2.027em;

    width: calc(100% - 414px + 40px);
    position: relative;
    z-index: 2;

    margin-right: 0;
    margin-left: auto;
  }
.box_type12 .body .box {
      background-color: #fff;

      padding: 1.802em;
    }
.box_type12 .body .headline {
      color: #F6808A;
      font-size: 1.424em;
      line-height: 1.35;

      margin-bottom: 0.79em;
    }
.box_type12 .body .paragraph {
      text-align: justify;
    }
@media screen and (max-width: 768px) {
    .box_type12 .image {
      max-width: 340px;
    }
    .box_type12 .body {
      width: calc(100% - 340px + 60px);
    }
  }
@media screen and (max-width: 599px) {
    .box_type12 .image {
      position: static;
      max-width: none;
    }
    .box_type12 .body {
      width: calc(100% - (1.96078431372549% * 2));

      margin-right: auto;
      margin-top: -100px;
    }
  }
/*****************************
 * box_type13
 *****************************/
.box_type13 {
  border: 1px solid #a89485;
  border-radius: 4px;

  padding: 1.25em;
}
.box_type13 .head {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;

    margin-bottom: 1em;
    padding-bottom: 1em;
  }
.box_type13 .image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 37%;
    max-width: 37%;
  }
@media screen and (max-width: 599px) {
.box_type13 .image {
      padding-top: 20px
  }
    }
.box_type13 .body {
    padding: 2em;
    padding-top: 3.5em;

    flex-basis: 63%;
    max-width: 63%;

    margin-right: 0;
    margin-left: auto;
  }
.box_type13 .body .information .company {
        font-size: 0.889em;
        color: #666;
      }
.box_type13 .body .information .job {
        margin-bottom: 0.75em;
      }
.box_type13 .body .headline {
      color: #F6808A;
      font-size: 1.424em;
      line-height: 1.35;

      margin-bottom: 0.79em;
    }
@media screen and (max-width: 599px) {
    .box_type13 {
      padding: 1em;
    }
    .box_type13 .head {
      display: block;
    }
    .box_type13 .image {
      max-width: none;
    }
    .box_type13 .body {
      padding: 0;
      padding-top: 1.5em;
      max-width: none;
    }
  }
/*****************************
 * box_agreement
 *****************************/
.box_agreement {
  text-align: center;
}
.box_agreement .anchor {
    color: #999;
    text-decoration: underline;
  }
.box_agreement .agreement {
    color: #F6808A;
    font-weight: bold;
  }
@media screen and (max-width: 599px) {
    .box_agreement {
      font-size: 0.9em;
    }
  }
/* リスト */
/**************************************************************
*
* リスト
*
**************************************************************/
/**************************************************************
* リスト1
**************************************************************/
.list_type1 .litem {
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  border-radius: 3px;
  color: #a89485;

  float: left;

  margin-bottom: 6px;
  padding: 3px 8px 3px;

  background-color: #EFE8E0;
}
.list_type1 .litem:not(:last-child) {
  margin-right: 6px;
}
@media screen and (max-width: 599px) {
  .list_type1 .litem {
    padding: 2px 4px 2px;
  }
}
/**************************************************************
* リスト2
**************************************************************/
.list_type2 .litem {
  display: inline-block;

  font-size: 1.244rem;
  color: #fff;
  line-height: 1;

  padding: 5px 10px 4px;

  background-color: #F6808A;
  border-radius: 20px;
}
.list_type2 .litem.__vari1 {
    background-color: #FFA21F;
  }
/**************************************************************
* リスト3
**************************************************************/
.list_type3 .litem {
  display: inline-block;

  margin-bottom: 4px;
  padding: 8px;

  font-size: 1.4rem;
  color: #a89485;
  line-height: 1;
  font-weight: bold;

  border-radius: 3px;
  background-color: #EFE8E0;
}
.list_type3 .litem:not(:last-child) {
  margin-right: 4px;
}
@media screen and (max-width: 599px) {
  .list_type3 .litem {
    font-size: 1.2444rem;
  }
}
/**************************************************************
* リスト4
**************************************************************/
.list_type4 > .litem {
    display: inline-block;
    min-width: 70px;

    color: #fff;
    font-size: 0.889em;
    text-align: center;

    background-color: #333333;
    border: 1px solid #909898;
  }
/* 背景緑 */
.list_type4.__vari1 > .litem {
      font-size: 1em;
      letter-spacing: 0.1em;
      background-color: #54b5ba;
      border: 1px solid #2b8a8f;

      padding: 0.1em 0.702em;
    }
.list_type4.__vari1 > .litem:not(:first-child) {
        margin-left: 10px;
      }
/**************************************************************
* リスト5
**************************************************************/
.list_type5 > .litem {
    display: inline-block;
  }
.list_type5 > .litem:not(:last-child):after {
      content: "/";
    }
/**************************************************************
* 定義リスト1
**************************************************************/
.dlist_type1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.dlist_type1 > * {
    line-height: 1.45;
  }
.dlist_type1 .dhead {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 3px;

    font-size: 1.3rem;
    line-height: 1.333;
    color: #fff;

    background-color: #F6808A;
    border-radius: 3px;

    width: 70px;
    height: auto;

    padding: 0.7em 0.6em;
    margin-right: 15px;
  }
.dlist_type1 .dhead > * {
      display: block;

      text-align: center;
    }
.dlist_type1 .dhead i {
      height: 30px;
      font-size: 3rem;

      display: flex;
      align-items: flex-end;
      justify-content: center;

      margin-bottom: .6rem;
    }
.dlist_type1 .dhead .icon {
      width: 27px;
      height: 27px;
      fill: #fff;
    }
.dlist_type1 .dhead .text {
      font-weight: bold;
    }
.dlist_type1 .ditem {
    display: flex;
    flex-direction: column;
    justify-content: center;

    width: calc(100% - 70px - 0.6em);

    line-height: 1.65;
  }
/* 職種 */
.dlist_type1.__job_duties .ditem {
      font-size: 1.125em;
    }
/* 給与 */
.dlist_type1.__salary .dhead i {
        font-size: 2.6rem;
        vertical-align: -0.2em;
      }
.dlist_type1.__salary .ditem {
      color: #26466D;
      font-weight: bold;
      font-size: 1.6rem;
    }
.dlist_type1.__salary .ditem .sml {
        font-weight: normal;
        color: #26466D;
        font-size: 1.5rem;
      }
.dlist_type1.__vari1 {
    align-items: center;
  }
.dlist_type1.__vari1 .ditem {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 50px;
    }
@media screen and (max-width: 768px) {
    .dlist_type1.__vari1 {
      align-items: stretch;
    }

      .dlist_type1.__vari1 .dhead {
        align-items: flex-start;
        justify-content: flex-start !important;
        flex-direction: row;
        column-gap: 4px;
        min-width: 92px;
        margin-right: 7px;
        padding: 6px 5px;
      }

        .dlist_type1.__vari1 .dhead .icon {
          width: 16px;
          height: 16px;
        }

      .dlist_type1.__vari1 .ditem {
        padding-top: 0.15rem;
      }
  }
@media screen and (max-width: 599px) {
.dlist_type1 {

    /* 職種 */

    /* 給与 */
}
    .dlist_type1 .dhead {
      row-gap: 3px;

      width: 60px;

      padding: 0.8rem 0.5rem;

      font-size: 1.2rem;
      font-weight: bold;
    }

      .dlist_type1 .dhead i {
        font-size: 2.6rem;
      }
    .dlist_type1 .ditem {
      padding-top: 0.6rem;

      line-height: 1.75;

      width: calc(100% - 60px - 0.6rem);
    }
    .dlist_type1.__job_duties {
      font-size: 1.266rem;
    }
      .dlist_type1.__salary .ditem {
        padding-top: 0.2rem;
      }
  }
/**************************************************************
* 定義リスト2
**************************************************************/
.dlist_type2 > * {
  display: inline;
}
.dlist_type2 .ditem {
  font-weight: bold;
}
/**************************************************************
* 定義リスト3
**************************************************************/
.dlist_type3 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;

  margin-bottom: 0.624em;
}
.dlist_type3 .dhead {
    flex: 0 0;
    flex-basis: 80px;
    max-width: 80px;

    font-size: 0.889em;
    color: #fff;
    text-align: center;

    background-color: #333;

    padding: 0.2em 0.555em;
  }
.dlist_type3 .ditem {
    padding-left: 1em;
  }
@media screen and (max-width: 599px) {
    .dlist_type3 {
      flex-flow: row wrap;
    }
    .dlist_type3 .dhead {
      flex-basis: 100%;
      max-width: 100%;

      margin-bottom: 0.2em;
    }
    .dlist_type3 .ditem {
      padding-left: 0;
    }
  }
/**************************************************************
* 順番リスト1
**************************************************************/
.olist_type1 {
  list-style: decimal;

  margin-left: 1em;
}
.olist_type1 > .litem:not(:last-child) {
      margin-bottom: 20px;
    }
/* テーブル */
/**************************************************************
*
* テーブル
*
**************************************************************/
/**************************************************************
* テーブル1
**************************************************************/
.table_type1 {
  width: 100%;

  border-radius: 4px;
  border: 1px solid #EFE8E0;
}
.table_type1 .banner_woman {
    width: 80px;
    height: 80px;
    transition: opacity 120ms ease-out;
  }
.table_type1 .banner_woman:hover {
      opacity: 0.7;
    }
.table_type1 .thead,
.table_type1 .titem {
  vertical-align: text-top;
  line-height: 1.75;
  text-align:left;

  padding:10px 15px;
}
.table_type1 tbody tr:not(:last-child) .thead,
.table_type1 tbody tr:not(:last-child) .titem {
  border-bottom: 1px dotted #EFE8E0;
}
.table_type1 .thead {
  background-color: #F8F6F2;
}
.table_type1 a {
  text-decoration: underline;
}
.table_type1 a:hover {
  text-decoration:none;
}
@media screen and (max-width: 880px) {
  .table_type1 .thead,
  .table_type1 .titem {
    display: block;

    padding: 10px;
  }
  .table_type1 .thead {
    padding: 8px 10px;

    font-weight: bold;
  }
  .table_type1 tbody tr:not(:last-child) .thead,
  .table_type1 tbody tr:not(:last-child) .titem {
    border-bottom: 1px solid #EFE8E0;
  }

  .company .table_type1 .thead {
    width: 100%;
  }
}
/**************************************************************
* テーブル2
**************************************************************/
.table_type2 {
  width: 100%;
}
.table_type2 .thead, .table_type2 .titem {
    padding: 20px;

    vertical-align: middle;
    text-align: left;

    background-color: #fff;
  }
.table_type2 .thead {
    width: 240px;
  }
.table_type2 tbody tr:not(:last-child) .thead, .table_type2 tbody tr:not(:last-child) .titem {
        border-bottom: 1px dotted #aaa;
      }
@media screen and (max-width: 599px) {
    .table_type2 {
      border-bottom: #EFE8E0 1px solid;
    }
    .table_type2 .thead, .table_type2 .titem {
      display: block;
    }
    .table_type2 .thead {
      background-color: #f3f3f3;
      border: 1px solid #EFE8E0;

      font-weight: bold;
      font-size: 1.125em;

      padding: 10px 15px;

      width: 100%;
    }
    .table_type2 .titem {
      padding: 15px;

      border-left: #EFE8E0 1px solid;
      border-right: #EFE8E0 1px solid;
    }
        .table_type2 tbody tr:not(:last-child) .thead, .table_type2 tbody tr:not(:last-child) .titem {
          border-bottom: none;
        }
  }
/**************************************************************
* テーブル3
**************************************************************/
.table_type3 {
  width: 100%;
}
.table_type3 .thead,
.table_type3 .titem {
  padding: 15px 20px;

  font-size: 1.6rem;
  vertical-align: middle;
}
.table_type3 tbody tr:first-child .thead {
  border-top: #FFF4CA 1px solid;
}
.table_type3 tbody tr:first-child .titem {
  border-top: #EFE8E0 1px solid;
}
.table_type3 tbody tr:last-child .thead {
  border-bottom-color: #FFF4CA;
}
.table_type3 .thead {
  font-weight: bold;
  font-size: 1.772rem;
  text-align: left;

  background-color: #FFF4CA;
  border-bottom: #fff 1px solid;
  border-left: #fff 1px solid;
}
.table_type3 .titem {
  background-color: #F8F6F2;
  border-bottom: #EFE8E0 1px solid;
  border-right: #EFE8E0 1px solid;
}
.table_type3 .titem .child {
  display: inline-block;
  vertical-align: middle;
}
.table_type3 .titem .child.select {
  width: 100%;
}
.table_type3 .titem .child.value .box {
  background-color: transparent;

  padding: 3px;
}
.table_type3 .titem .child.value.active .box {
  background-color: #fff;
}
/* 検索フォーム */
.job_list .table_type3 .thead {
  width: 170px;
}
@media screen and (max-width: 599px) {
  .table_type3 .thead,
  .table_type3 .titem {
    padding: 7.5px 10px;
  }
  .table_type3 .thead {
    font-size: 1.4rem;
  }
  /* 検索フォーム */
  .job_list .table_type3 .thead {
    width: 110px;
  }
}
/**************************************************************
* テーブル4
**************************************************************/
.table_type4 {
  width: 100%;
}
.table_type4 .thead, .table_type4 .titem {
    vertical-align: top;
    text-align: left;

    border: 1px solid #EFE8E0;

    padding: 20px;
  }
.table_type4 .thead {
    background-color: #ebf5f6;

    white-space: nowrap;
  }
@media screen and (max-width: 599px) {
    .table_type4 .thead, .table_type4 .titem {

      display: block;
    }
    .table_type4 .thead {
      border-bottom: none;
      background-color: #f3f3f3;

      font-weight: bold;
      font-size: 1.125em;

      padding: 10px 15px;
    }
    .table_type4 .titem {
      padding: 15px;

      border-top: none;
    }
        .table_type4 tbody tr:not(:last-child) .titem {
          border-bottom: none;
        }
  }
/* ヘッダー */
/**************************************************************
*
* ヘッダー
*
**************************************************************/
.header_up .container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-top: 6px;
  }
.header_up .description {
    padding-top: 2px;

    line-height: 1.5;
    font-size: 0.91rem;
    color: #26466D;
  }
.header_up .list_sns {
    display: flex;
  }
.header_up .list_sns .litem:not(:last-child) {
        margin-right: 15px;
      }
.header_up .list_sns .anchor {
      display: block;
      width: 22px;

      transition: opacity 200ms ease-out;
    }
.header_up .list_sns .anchor:hover {
        opacity: 0.7;
      }
.header_low {
  margin-bottom: 18px;
}
.header_low .logo {
    float:left;
    display: block;

    transition: opacity .1s;
  }
a.header_low .logo:hover,
    a.header_low .logo:focus {
      opacity:0.8;
    }
.header_low .logo .logo_icon {
      width: 180px;
      height: 64px;
    }
.header_low .logo .icon {
      width: 52px;
      height: 50px;
    }
.header_low .header_low_guide {
    text-align: right;

    /* .customer & {
      .btn_form {
        display: none;
      }
    } */
  }
.header_low .header_low_guide > * {
      display: inline-block;
      vertical-align: middle;
    }
.header_low .header_low_guide > *:not(:first-child) {
        margin-left: 5px;
      }
.header_low .header_low_guide .btn_form {
      max-width: 220px;
    }
@media screen and (max-width: 959px) {
      .header_low .header_low_guide .box_type9 {
        display: none;
      }
}
@media screen and (max-width: 768px) {
  .header_up {
    margin-bottom: 0px;
  }

    .header_up .list_sns { display: none; }
    .header_low .logo {
      float: none;
      width: 280px;

      text-align: left;
    }

      .header_low .logo .logo_icon {
        width: 149px;
        height: 52px;
      }

    .header_low .header_low_guide {
      float:none;
      clear: both;

      margin-top: 10px;
    }

      .header_low .header_low_guide > * {
        width: 48%;
        max-width: none;
        display: block;
        float: left;

        margin-left:1%;
        margin-right:1%;
      }
      .header_low .header_low_guide .btn_form {
        max-width: none;
      }

  .entry .header_low_guide {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .header_up {
    border-width: 2px;

    margin-bottom: 0;
  }

    .header_up .container {
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .header_up .description {
      padding-top: 5px;
      padding-bottom: 5px;

      font-weight: normal;
      font-size: 10px;

      max-width: calc(100% - 70px);
    }

      .header_up .description .space {
        white-space:normal;
      }

  .header_low {
    margin-bottom: 1em;
  }

    .header_low .logo {
      max-width: calc(100% - 70px);
    }
      .header_low .header_low_guide > * {
        display: inline-block;
        float: none;
        width: 48%;

        vertical-align: middle;

        margin-left: 0;
        margin-right: 0;
      }
      .header_low .header_low_guide .btn_form {
        width: calc(50% - 5px);

        font-size: 1.2rem;
      }

        .header_low .header_low_guide .btn_form .txt_up {
          font-size: 0.702em;
        }

        .header_low .header_low_guide .btn_form.type1 {
          width: calc(50% - 5px);
        }
}
/**************************************************************
*
* ナビゲーション
*
**************************************************************/
/**************************************************************
* ハンバーガーメニュー
**************************************************************/
.toggle {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 20;

  background-color: #FFA21F;
  border-radius: 4px;

  transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.toggle span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    width: 35px;
    height: 1px;
    background-color: #fff;

    transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.toggle span:before,
    .toggle span:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;

      width: 35px;
      height: 1px;
      background-color: #fff;

      transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
.toggle span:before {
      transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transform: translateY(-12px);
    }
.toggle span:after {
      transform: translateY(12px);
    }
.toggle.active span {
      transform: rotateZ(45deg);
    }
.toggle.active span:after {
        transform: rotate(-90deg);
      }
.toggle.active span:before {
        opacity: 0;
      }
/**************************************************************
* グローバルナビゲーション
**************************************************************/
.nav_gb {
  margin-bottom: 15px;
}
.nav_gb .list_sns { display: none; }
.navigation_item {
  display: block;
  float:left;
  width: calc(100%/6);

  border-right:1px solid #ccc;
}
.navigation_item.home {
    border-left:1px solid #ccc;
  }
.navigation_item.sub {
    display: none;
  }
.navigation_item a {
    line-height:1.75;
    text-align: center;
    font-weight: bold;

    display: block;

    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
  }
.navigation_item a:hover,
    .navigation_item a:focus {
      color: #F6808A;
    }
@media screen and (max-width: 959px) {
  nav.container {
    width: 90%;
    max-width: 1000px;
    margin-left: 0px;
  }
  .navigation_item {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .toggle {
    display: block;
  }
  .nav_gb {
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;

    overflow: scroll;

    transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transform: translateX(100%);

    padding: 80px 20px 20px;

    background-size: 10px 10px;
    background-color: #FFF4CA;
  }

    .nav_gb .container {
      background-color: #fff;

      padding: 20px;
      border-radius: 4px;
    }

    .nav_gb .list_sns {
      display: flex;

      background-color: #fff;
      border-radius: 2px;

      padding: 12px;
      margin-top: 20px;
    }
          .nav_gb .list_sns .litem:not(:last-child) {
            margin-right: 30px;
          }
      .nav_gb .list_sns .anchor {
        display: block;
        width: 26px;
      }
  .nav_gb.active {
    transform: translateX(0%);
  }
  .navigation {
    text-align: left;
  }

  .navigation_item {
    width: 100% !important;
    display: block;

    margin-bottom: 1px;

    background-color: transparent;
    border-right: none;
    border-bottom: 1px solid #EFE8E0;
  }

    .navigation_item.home {
      border-left: none;
    }
  .nav_gb .navigation_item a {
    font-size: 1.7rem;
    line-height: 2;
    text-align: left;

    padding: 10px 0px 10px 5px;
  }
  .navigation_item a:hover {
    background-color: #F8F6F2;
    color: #333;
  }
  .navigation_item.sub {
    display: block;
  }

  .navigation_item.home li .text {
    display: inline;
  }
  .navigation_item.sub.contact {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    border-bottom: none;
  }

    .navigation_item.sub.contact .btn_form {
      padding-top: 3px;
      max-width: 100%;
      width: 100%;

      text-align: center;
    }

      .navigation_item.sub.contact .btn_form .txt_up {
        margin-bottom: 0;
      }
}
@media screen and (max-width: 599px) {

  .nav_gb .navigation_item a {
    font-size: 1.6rem;

    padding-top: 6px;
    padding-bottom: 6px;
  }
  .nav_fix {
    margin-bottom:0px;

    position:fixed;
    top:0;
    left:0;
    z-index:10;

    background-color:#FFF;

    transform: translateY(-110px);
  }

  .nav_fix.down {
    transform: translateY(0px);

    transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }

  .nav_fix .navigation_item {
    float:left;
    line-height:35px;
    margin-bottom:0px;
    border:1px solid #dadada;
    background-color:#73787e;
    color:#FFF;

    transition: background-color 0.2s;
  }

  .nav_fix .navigation_item:hover {
    background-color:#F5726B;
    color:#FFF;
  }

  .nav_fix .navigation_item.home {
    width:11%;
  }

  .nav_fix .navigation_item.job {
    width:37%;
  }

  .nav_fix .navigation_item.creator {
    width:52%;
  }

  .nav_fix .navigation_item.voice {
    width:65%;
  }

  .nav_fix .navigation_item.company {
    width:35%;
  }
}
/*************************************************************
*
* 基本スタイル／汎用クラス
*
*************************************************************/
/* 要素の回り込み */
.fleft      {float:left;}
.fright     {float:right;}
/* クリアフィックス */
.cf {
  zoom:1;
}
.cf:before,
  .cf:after {
    content:"";
    display:table;
  }
.cf:after { clear:both; }
/* 要素の回り込み解除 */
.sc { clear:both; }
/* objfit */
img.objfit {
  width: 100%;
  object-fit: cover;
  object-position: center;

  font-family: 'object-fit: cover;object-position: center;';
}
/*************************************
* デバイスサイズごとのスタイル
*************************************/
.d_none {
  text-decoration:none;
  color:inherit;
}
.sp_only { display: none; }
.dt_none { display:none !important; }
@media screen and (max-width: 768px) {
  .tb_none { display: none; }
}
@media screen and (max-width: 599px) {
  .sp_only {
    display: block;
  }

    /* インライン */
    .sp_only.__inline {
      display: inline;
    }
  .sp_none { display: none !important; }
  .dt_none { display: inherit !important; }
}
/**************************************************************
*
* レイアウト
*
**************************************************************/
/**************************************************************
* 共通部分
**************************************************************/
.collumn_main {
  float: left;
  width: calc(100% - 250px - 20px);
}
.collumn_side {
  position: sticky;
  top: 10px;

  float: right;
  width: 250px;
}
.content {
  margin-bottom: 30px;
}
.content_type1 {
  margin-bottom: 50px;
}
.content_type2 {
  padding-bottom: 50px;
  padding-top: 50px;
  margin-bottom: 50px;
}
/* マージンボトムなし */
.content_type2.__no_mb {
    margin-bottom: 0;
  }
.content_inner {
  padding-left: 29px;
}
.subcontent {
  margin-bottom: 25px;
}
.rowblock {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .collumn_main,
  .collumn_side  {
    float: none;
    width: 100%;

    padding-left: 0;
  }
  .collumn_side {
    padding-right: 0;
    margin-top:20px;

    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }
}
@media screen and (max-width: 599px) {
  .content_inner {
    padding-left: 0;
  }
  .content_type1 {
    margin-bottom: 30px;
  }
  .content_type2 {
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
/*************************************************************
*
* フォーム
*
*************************************************************/
/**************************************************************
* フォーム1
**************************************************************/
.form_container.fixed {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;

  margin: auto;

  padding-top: 10px;
  padding-bottom: 10px;
  animation: navfix 300ms ease-in-out forwards;
}
@keyframes navfix {
  0% { opacity: 0}
  100% { opacity: 1}
}
.form_container.fixed .form_type1 {
  margin-bottom: 0;
}
.form_container.fixed .btn_type4 {
  font-size: 2.2425rem;
}
.form_type1 .headline {
  font-size: 1.4rem;

  display: flex;
  align-items: center;
  column-gap: 4px;

  margin-bottom: 3px;
}
.form_type1 .headline .icon {
  fill: #F6808A;
  width: 18px;
  height: 18px;
}
.form_type1 .area .child.more,
.form_type1 .job .child.more {
  opacity: 0;
  visibility: hidden;
  display: none;

  width: 180px;
}
.form_type1 .area .child.more.active,
.form_type1 .job .child.more.active {
  opacity: 1;
  visibility: visible;
  display: inline-block;
}
.form_type1 .child.value {
  overflow: hidden;
  position: relative;

  padding-right: 15px;
}
.form_type1 .child.value .text {
  font-size: 1.4rem;
  line-height: 1.4;

  display: block;
}
.form_type1 .area .child.value,
.form_type1 .job .child.value {
  width: 220px;
}
.form_type1 .titem .list .label_check {
  display: inline-block;

  margin-bottom: 5px;
}
.form_type1 .table_type3 .titem .child.value {
  display: none;
}
@media screen and (max-width: 959px) {
  .form_type1 .child.value {
    margin-top: 5px;
  }
  .form_type1 .table_type3 .titem .child.value.active {
    display: inline-block;
  }
  .form_type1 .area .child.value,
  .form_type1 .job .child.value {
    width: 100%;
  }
  .form_type1 .salary .child:nth-of-type(2) {
    margin-top: 10px;

    display: none;
  }
  .form_type1 .salary .child:nth-of-type(2).active {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .form_type1 .area .child.more,
  .form_type1 .job .child.more {
    margin-top: 10px;
  }
  .form_type1 .child.value {
    margin-top: 12px;
  }
}
@media screen and (max-width: 599px) {
  .form_type1 .child.more .btn_type1 {
    font-size: 1.4rem;
  }
  .form_type1 .child.value .text {
    font-size: 1.2444rem;
  }
}
.form_type1 .head_type1 > .text {
			font-size: 1.6em;
		}
.form_type1 .head_type1 i {
			font-size: 1.8em;
			color: #fff;
		}
.form_type1 .table_type3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 580px;

    position: relative;
    z-index: 1;
	}
.form_type1 .table_type3 .thead, .form_type1 .table_type3 .titem {
			padding: 15px;

			display: block;
		}
.form_type1 .table_type3 .thead {
			background-color: transparent;
			border: none;

			font-size: 1.125em;
			white-space: nowrap;

			padding-bottom: 0;

      width: 100%;
		}
.form_type1 .table_type3 .thead .text {
				display: block;
				position: relative;

				padding-left: 18px;
			}
.form_type1 .table_type3 .thead .text:before {
					content: "";
					position: absolute;
					left: 0;
					top: 7px;

					width: 12px;
					height: 12px;

          border-radius: 50%;

					background-color: #F6808A;
				}
.form_type1 .table_type3 .titem {
			background-color: transparent;
			border-top: none;
			border-right: none;

			padding-top: 10px;
		}
.form_type1 .table_type3 .titem .select-wrap {
				border: 1px solid;
				border-color: #aaa;
			}
.form_type1 .table_type3 .titem .select-wrap:before {
          content: url(../img/svg/arrow01-gray.svg);
          position: absolute;
          top: 2px;
          bottom: 0;
          right: 10px;
          margin-top: auto;
          margin-bottom: auto;
          width: 10px;
          height: 6px;

          border: none;

          transform: rotate(90deg);
				}
.form_type1 .table_type3 .titem .select-wrap select {
					padding: 10px 35px 8px 10px;
				}
.form_type1 .table_type3 .titem .child {
				vertical-align: bottom;
			}
.form_type1 .table_type3 .titem .child.select {
					display: block;
				}
.form_type1 .table_type3 .titem .child.more.active {
						margin-top: 20px;
					}
.form_type1 .table_type3 .titem .child.value {
					padding-right: 0;
					width: calc(100% - 200px);
					display: none;
				}
.form_type1 .table_type3 .titem .child.value.active {
						display: inline-block;
					}
.form_type1 .table_type3 .titem .label_check {
				margin-right: 15px;
			}
.form_type1 .table_type3 .titem .label_check .text {
					font-size: 0.889em;
				}
.form_type1 .table_type3 .titem input[type="checkbox"] + .check {
				border-color: #aaa;
				background-color: #f3f3f3;
			}
.form_type1 .table_type3 tbody tr:last-child .thead, .form_type1 .table_type3 tbody tr:first-child .thead {
					border: none;
				}
.form_type1 .table_type3 tbody tr:last-child .titem, .form_type1 .table_type3 tbody tr:first-child .titem {
					border-top: none;
				}
.form_type1 .conditions .list.type1 .item {
				float: left;
			}
@media screen and (max-width: 599px) {
        .form_type1 .conditions .list.type1 .item {
          width: 50%;
        }
    }
/**************************************************************
* ヘッダー
**************************************************************/
/* Head */
.head_type1 {
  background-color: #F6808A;

  padding: 10px 15px 7px;

  position: relative;
  border-radius: 5px;
}
.head_type1 .icon-search {
    margin-right: 8px;
    width: 34px;
    height: 34px;
    fill: #fff;
  }
.head_type1 > * {
  display: inline-block;
  vertical-align: middle;
}
.head_type1 i {
  font-size: 4.5rem;
  color: #fff;

  margin-right: 15px;
}
.head_type1 > .text {
  color: #fff;
  font-weight: bold;
  font-size: 2.2425rem;
}
.head_type1 .btn_close {
  position: relative;
  color: #F6808A;
  font-size: 1.575rem;

  border-radius: 5px;
  background-color: #fff;

  padding: 8px 50px 6px 12px;

  position: absolute;
  top: 50%;
  right: 12px;
  overflow: hidden;
  width: auto;

  transform: translateY(-50%);

  transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: background-color;
}
.head_type1 .btn_close .arrow {
    position: absolute;
    top: 13px;
    right: 14px;
    fill: #F6808A;
    width: 6px;
    height: 12px;
    transform: rotate(90deg);
  }
.head_type1.active .btn_close {
  background-color: transparent;
}
.head_type1.active .btn_close .arrow {
    opacity: 0;
  }
.head_type1 .btn_close .text {
  width: 200px;

  transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: color;
}
.head_type1.active .btn_close .text {
  color: transparent;
}
.head_type1 .btn_close:after,
.head_type1 .btn_close:before {
  content: "";

  background-color: #F6808A;

  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;

  margin: auto;

  width: 17px;
  height: 3px;

  transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: width, transform;
  opacity: 0;
}
.head_type1.active .btn_close:after,
.head_type1.active .btn_close:before {
  background-color: #fff;

  width: 30px;

  transform-origin: center;
  opacity: 1;
}
.head_type1.active .btn_close:after {
  transform: translateX(0px) rotate(45deg);
}
.head_type1.active .btn_close:before {
  transform: translateX(0px) rotate(-45deg);
}
@media screen and (max-width: 599px) {
  .head_type1 i {
    font-size: 4rem;

    margin-right: 7.5px;
  }
  .head_type1 > .text {
    font-size: 1.9934rem;
  }
  .head_type1 .btn_close {
    width: calc(100% - 75px);
  }
}
/**************************************************************
*
* サイドバー
*
**************************************************************/
.side_bnr_container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;

  position: sticky;
  top: 10px;
}
/* 初めての方 */
.side_bnr_container .side_creator {
    position: relative;
  }
.side_bnr_container .side_creator .side_creator_up .icon {
        width: 107px;
        height: 72px;
        right: -30px;
      }
.side_bnr_container .side_creator .headline {
      font-size: 1.85rem;
    }
/* お問い合わせ */
.side_bnr_container .footer_bnr_up {
    font-size: 1.25rem;
  }
.side_bnr_container .footer_bnr_low .contact {
      margin-top: 5px;
      margin-bottom: 5px;
    }
.side_bnr_container .footer_bnr_low .contact .number {
        font-size: 2.6rem;
      }
.side_bnr_container .side_registration .side_registration_low .icon {
        width: 112px;
        height: 106px;
        top: 105px;
      }
@media screen and (max-width: 768px) {
        .side_bnr_container .side_creator .side_creator_up .icon {
          right: 0
        }
  }
/**************************************************************
*
* お問い合わせ
*
**************************************************************/
.entry_bnr .btn_form {
    background: #F6808A;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    max-width: calc(100% - 280px);
  }
.entry_bnr.__vari1 .btn_form {
      padding-top: 4px;
      padding-bottom: 6px;
    }
.entry_bnr.__vari1 .contact {
      text-align: center;
    }
.entry_bnr.__vari1 .contact p {
        font-size: 1.4rem;
      }
.entry_bnr_low {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

	text-align: left;

  padding-left: 110px;
  padding-right: 13px;
  padding-top: 17px;
  padding-bottom: 20px;

  background-color: #fff;
  border: 1px solid #F6808A;
  border-radius: 4px;
}
.entry_bnr_low .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 145px;
    height: 140px;
  }
.entry_bnr_low .contact .tel {
      font-size: 3.8rem;
      font-family: montserrat, sans-serif;
    }
.entry_bnr_up {
	text-align:left;
	font-weight:bold;

	background-color: transparent;

	padding: 0px 0px 0px 110px;
	margin-bottom: 10px;
}
.entry_bnr_low img {
	position:absolute;
	left: -2%;
	bottom:0;

	margin-bottom: 0;
}
.entry_bnr_low .contact {
	max-width: 261px;
}
.entry_bnr_low .contact a {
  font-size: 3.8rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
        .entry_bnr.__vari1 .entry_bnr_low .contact {
          margin-bottom: 0;
          text-shadow: none;
          background: none;
          border-radius: 0;
          padding: 0 5px 6px;

          color: #26466D;
        }

          .entry_bnr.__vari1 .entry_bnr_low .contact .tel {
            font-size: 2.8rem;
          }
          .entry_bnr.__vari1 .entry_bnr_low .contact p {
            font-size: 1.1rem;
          }

  .entry_bnr_up {
    padding: 0;
    text-align: center;
  }
  .entry_bnr_low {
    flex-direction: column;
    padding-top: 14px;
    padding-bottom: 14px;
  }
      .entry_bnr_low .contact .tel {
        font-size: 2.4rem;
      }
  .entry_bnr {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }
      .entry_bnr .entry_bnr_low .btn_form {
        max-width: 100%;
        width: 100%;
      }

	.more_info .btn_form .txt_up {
		font-size:1.4rem;
	}
	.contact > p {
		font-size: 1rem;
		margin-bottom: 4px;
	}

	.entry_bnr .contact a p {
    margin-bottom: 4px;
	}
	.entry_bnr_low .contact {
		color: #FFF;
		font-size: 0px;
		text-align: center;
		text-shadow: 1px 1px 7px rgba(50, 50, 50, 1);
		letter-spacing: 0.1rem;

		background: #5DCA72;
    border-radius: 4px;

		display: block;
		position: relative;

		padding: 10px 5px 6px;
		margin-bottom: 10px;
		margin-right: 0;

    max-width: 100%;
    width: 100%;
	}

	.entry_bnr_low .contact a {
		font-size: 2.4rem;
	}

	.entry_bnr_low .btn_form {
		max-width: 100%;
	}
	#job_inquiry .collumn_side {
		display: none;
	}
}
/**************************************************************
*
* フッター
*
**************************************************************/
/**************************************************************
* フッターバナー(トップ)
**************************************************************/
.footer_bnr_container {
  display: flex;
  gap: 20px;
}
.footer_bnr_container .footer_bnr_item {
    margin-left: auto;
    margin-right: auto;
    max-width: 470px;
    width: calc(100%/2 - 20px/2);
  }
@media screen and (max-width: 1024px) {
.footer_bnr_container {
    flex-direction: column
}

    .footer_bnr_container .footer_bnr_item {
      width: 100%;
    }
  }
@media screen and (max-width: 599px) {
    .footer_bnr_container .footer_bnr_item {
      max-width: 360px;
    }
  }
.footer_bnr {
  position: relative;
  overflow: hidden;

  padding: 10px;
  border: 1px solid #F6808A;
  border-radius: 4px;
}
.footer_bnr .btn_form {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }
.footer_bnr.__side.__vari1 .footer_bnr_up .icon {
        display: none;
      }
.footer_bnr.__side.__vari1 .footer_bnr_up .mark {
        min-width: 42px;
      }
.footer_bnr.__side.__vari1 .footer_bnr_up .headline {
        font-size: 1.25rem;
      }
.footer_bnr.__side.__vari1 .footer_bnr_up .headline br {
          display: none;
        }
.footer_bnr.__side.__vari1 .footer_bnr_low {
      padding-left: 10px;
      padding-right: 10px;
    }
.footer_bnr.__side.__vari1 .btn_form {
      margin-right: 10px;
    }
.footer_bnr.__vari1 {
    padding: 0;
  }
.footer_bnr.__vari1 .footer_bnr_up {
      margin-bottom: 2px;
      padding: 6px 10px;
      background-color: #F6808A;
    }
.footer_bnr.__vari1 .footer_bnr_up .icon {
        position: absolute;
        bottom: 0;
        right: 10px;

        width: 110px;
        height: 158px;
      }
.footer_bnr.__vari1 .footer_bnr_up .headline {
        display: flex;
        align-items: center;
        column-gap: 5px;
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: left;
      }
.footer_bnr.__vari1 .footer_bnr_up .mark {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 42px;
        height: 42px;
        background-color: #FFA21F;
        border: 1px solid #fff;
        border-radius: 50%;
      }
.footer_bnr.__vari1 .footer_bnr_up .mark .mark_icon {
          width: 24px;
          height: 24px;
          fill: #fff;
        }
.footer_bnr.__vari1 .footer_bnr_low {
      padding-right: 135px;
      background-color: #fff;
    }
.footer_bnr.__vari1 .footer_bnr_low .contact .number {
          margin-bottom: -3px;
        }
.footer_bnr.__vari1 .btn_form {
      margin-left: 10px;
      margin-right: 135px;
      width: auto;
    }
.footer_bnr_up {
  margin-bottom: 10px;
  background-color: #F8F6F2;

  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;

  padding: 9px;
}
.footer_bnr_low {
  background-color: #fff;
  border: 1px solid #F6808A;

  text-align: center;

  padding: 15px 15px 7px;
  border-radius: 4px;
}
.footer_bnr_low.cf {
    padding: 5px;
    background-color: #FFF4CA;
    border: none;
  }
.footer_bnr_low > * {
  display: inline-block;
  vertical-align: middle;

  margin-bottom: 8px;
}
.footer_bnr_low .contact {
  margin-bottom: 0;
  color: #26466D;
  font-size: 1rem;
  text-align: center;
}
.footer_bnr_low .contact .tel {
    font-family: montserrat, sans-serif;
  }
.footer_bnr_low .contact .number {
  display: block;
  font-weight: bold;
  font-size: 3.2em;
  line-height: 1.1;
  margin-bottom: -6px;
  font-family: montserrat, sans-serif;
}
.footer_bnr_low .contact .subtext {
  font-size: 1.2rem;

  display: block;
}
.footer_bnr_low .btn_form span {
  vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .footer_bnr_up {
    font-size: 1.575rem;
  }
  .footer_bnr_low .contact .number {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .footer_bnr {
    width: 100%;
    float: none;
  }
      .footer_bnr.__vari1 .footer_bnr_up {
        margin-bottom: 8px;
      }

        .footer_bnr.__vari1 .footer_bnr_up .icon {
          width: 80px;
          height: 115px;
        }

      .footer_bnr.__vari1 .footer_bnr_low {
        padding-right: 100px;
        background-color: #fff;
      }

      .footer_bnr.__vari1 .btn_form {
        margin-left: 10px;
        margin-right: 100px;
        width: auto;
      }
  .footer_bnr_up {
    font-size: 1.2444rem;
    font-weight: bold;
  }
  .footer_bnr_low .contact {
    text-align: center;
  }
}
/**************************************************************
* フッターバナー(下層ページ)
**************************************************************/
.footer_bnr.subpage {
  margin-top:30px;
  padding-top:15px;

  background-color: #a89485;
  border-radius: 5px;

  overflow: visible;
}
.footer_bnr.subpage .band {
  background-color: #5DCA72;

  font-size: 1.4rem;
  font-weight: bold;
  line-height:30px;
  color: #FFF;
  letter-spacing: 0.3rem;

  width: 95%;
  height: 33px;
  position:relative;
  display: block;

  padding-left: 3%;
  padding-top: 3px;
  margin-left: -10px;

}
.footer_bnr.subpage .band::after {
  content:"";
  position:absolute;
  right:-30px;
  top:0;
  bottom:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16.5px 0 16.5px 30px;
  border-color: transparent transparent transparent #5DCA72;
}
.footer_bnr.subpage .footer_bnr_low {
  padding-left:50px;
}
.footer_bnr.subpage .footer_bnr_low > * {
  display: inline-block;
  vertical-align: middle;
}
.footer_bnr.subpage .footer_bnr_low .contact {
  color: #FFF;
  font-size: 1rem;
  text-align: left;
}
.footer_bnr.subpage .footer_bnr_low .contact .number {
  font-weight: bold;
  font-size: 3.2em;
  line-height: 1.1;
}
.footer_bnr.subpage .footer_bnr_low .contact .subtext {
  font-size: 1.2rem;

  display: block;
}
@media screen and (max-width: 959px) {
  .footer_bnr.subpage .band {
    margin-left: -5px;
  }

  .footer_bnr.subpage .footer_bnr_low {
    padding-left:25px;
  }

  .footer_bnr.subpage .contact a {
    font-size:3rem;
  }

  .footer_bnr.subpage .contact > p {
    font-size:1rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_bnr.subpage .band {
    padding-left:15px;
    padding-right:5px;

    width:100%;

    line-height:25px;
    text-align:center;
    font-size: 1.3rem;
  }

  .footer_bnr.subpage .footer_bnr_low {
    padding-left:10px;
  }

  .footer_bnr.subpage .band::after {
    content:none;
  }

  .footer_bnr.subpage .contact {
    margin-bottom:5px;
  }
}
@media screen and (max-width: 599px) {
  .footer_bnr.subpage .band {
    line-height:18px;
  }
}
/**************************************************************
* フッター
**************************************************************/
.footer_up_outer {
  background-color: #F8F6F2;
}
.footer_up {
  text-align:center;
  padding-top: 20px;
  padding-bottom: 10px;
}
.footer_up.job_entry {
  padding-bottom: 60px;
}
.footer_logo {
  transition:opacity .2s;
}
.footer_logo .logo_icon {
  width: 113px;
  height: 45px;
}
.footer_logo:hover {
  opacity:0.8;
}
.footer_navigation {
  text-align:center;
  font-weight:bold;
  font-size:1.2rem;
  margin-top:10px;
}
.footer_navigation ul {
  display:inline-block;
}
.footer_navigation li {
  float:left;
  border-left:1px solid #333;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}
.footer_navigation li:first-child {
  border-left:none;
}
.footer_navigation li a:hover {
  text-decoration:underline;
}
.copyright {
  display: block;

  padding-top: 5px;
  padding-bottom: 5px;

  text-align: center;
  font-size: 1rem;
  color: #FFF;

  background-color: #a89485;
}
.pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 6;
}
.pagetop a {
  font-size:3rem;
  text-align:center;
  display:inline-block;
  color:#FFF;
  background-color: #a89485;
  line-height:0px;
  padding:8px;

  transition: background-color 0.2s;
}
.pagetop a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.pagetop a:hover:before, .pagetop a:focus:before {
      background: rgba(255,255,255,0.4);
    }
@media screen and (max-width: 768px) {
    body:not(#job_inquiry) footer {
      margin-bottom: 45px;
    }
  .entry footer {
    margin-bottom: 0;
  }

  .pagetop {
    bottom: 50px;
  }

  .footer_up {
    padding-bottom: 30px;
  }
  .footer_up.job_entry {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .footer_up {
    padding-bottom:30px;
  }
  .pagetop {
    right: 1.96078431372549%;
  }
}
/**************************************************************
*
* サイドバー
*
**************************************************************/
@media screen and (max-width: 768px) {
  .search_job {
    display: none;
  }
}
/**************************************************************
*
* 仕事検索フォーム
*
**************************************************************/
.search_job {
  margin-bottom:30px;

  overflow: hidden;

  border: 1px solid #EFE8E0;
  border-radius:5px;
}
/**************************************************************
* 見出し
**************************************************************/
.search_headline {
  background-color:#F6808A;
  background-image:url(../img/search_img.png);
  background-size: 50px;
  background-position: 80% 0%;
  background-repeat:no-repeat;

  padding: 14px 2px 10px;
}
.search_headline span {
  color:#FFF;
  font-weight:bold;
  font-size:2rem;

  padding:10px 15px;
}
/**************************************************************
* 検索項目
**************************************************************/
.search_job_box .itembox .search_menu,
.search_job_box .itembox .search_box_value {
  display:block;
  text-align:left;
  padding:10px;
}
.search_job .search_menu {
  background-color:#E7E7E8;

  font-weight:bold;
  font-size:1.5rem;
}
/* 見出し */
.search_job .search_menu i {
  display: inline-block;

  color: #FFF;
  font-weight: normal;
  font-size: 0.7em;
  text-align: center;
  vertical-align: 0.2rem;

  width: 20px;
  height: 20px;

  background-color: #F6808A;
  border-radius: 15px;

  margin-right: 5px;
  padding: 5px 2px;
}
/* 選択箇所 */
.search_job label {
  display: block;
}
.search_job .custom {
  overflow: hidden;
  display: inherit;
  position: relative;
  width: 100%;
  padding: 0px;
  border-radius: 5px;
  border: 1px solid #EFE8E0;
  background-color: white;
}
.search_job .custom:focus,
.search_job .custom select:focus {
  outline:none;
}
.custom:after {
  content: "\e900";
  font-family: 'icomoon';
  font-size:1.6rem;
  text-align:center;
  color:#FFF;
  position: absolute;
  line-height:2.7;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  background-color: #3c3c3c;
  pointer-events: none;
}
.search_job select {
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  box-sizing: content-box;

  margin: 0;
  padding: 0.6em 2.4em 0.6em 0.6em;

  background: none transparent;

  vertical-align: middle;
  font-size: 1.6rem;
  color: inherit;
}
/* 職種 */
.search_job_box .itembox.job .select_job .job_category {
  display:none;
}
.search_job_box .itembox.job .select_job {
  margin-top: 10px;
}
/* 給与 */
.search_job_box .itembox.salary .custom.salary02 {
  margin-top: 10px;

  display: none;
}
/**************************************************************
* 検索ボタン
**************************************************************/
.search_job .search_submit .btn_type3 {
  text-align:center;
}
/**************************************************************
* 登録バナー
**************************************************************/
.side_form_item {
  text-align:center;
  font-size:1.3rem;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:5px;
  background-color: #F8F6F2;
}
@media screen and (max-width: 959px) {
  .side_form_item {
    font-size:1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .side_form {
    display:none;
  }
}
/**************************************************************
* 土日登録会
**************************************************************/
.side_registration {
  border-radius: 6px;
  border:1px solid #FFA21F;

  overflow: hidden;
  position: relative;

  transition: opacity 120ms ease-out;
}
.side_registration .side_registration_low .icon {
      position: absolute;
      z-index: 0;
      top: 78px;
      right: 10px;
      width: 147px;
      height: 132px;
    }
.side_registration_up {
  background-color: #FFA21F;

  padding: 6px 10px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.side_registration_up .icon {
  border-radius: 50%;
  background-color: #F5726B;
  border: 1px solid #fff;

  color:#FFF;
  font-size: 1.2rem;
  font-weight: bold;

  width: 42px;
  height: 42px;
  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-right: 10px;
}
.side_registration_up .sentence {
  color:#FFF;
  font-size: 1.4rem;
  line-height: 1.45;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.side_registration_up .sentence strong {
    font-size: 1.2em;
  }
.side_registration_low {
  text-align:center;
  letter-spacing: 0.05em;

  display: block;
}
.side_registration_low .headline {
  font-size: 2.5228rem;
  font-weight: bold;
  text-align: left;

  padding: 17px 20px;
}
.side_registration_low .emphasis {
  color: #F5726B;
}
.side_registration_low .subtext {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;

  font-size: 1.3rem;
  font-weight: bold;
  text-decoration:none;
  letter-spacing: normal;
  color: #fff;

  padding: 6px 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #FFA21F;
}
.side_registration_low .subtext:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.side_registration_low .subtext .arrow {
    fill: #fff;
    width: 8px;
    height: 12px;
  }
.side_registration:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
    .side_registration_low .icon {
      display: none;
    }

    .side_registration_low .headline {
      padding: 30px 20px;
    }

  .side_registration_low .headline {
    text-align: center;
  }
}
/**************************************************************
* バナー
**************************************************************/
.side_campaign {
  margin-top:10px;
}
@media screen and (max-width: 768px) {
  .side_campaign {
    display: block;
    width: 33.33%;
    height: 80px;
    float: left;

    text-align: center;

    margin-bottom: 14px;
    padding-left: 1%;
    padding-right: 1%;
  }

  .access_cost .campaign_headeline br {
    display:none;
  }
}
@media screen and (max-width: 599px) {
  .side_campaign {
    width: 50%;
    height: 60px;
  }
}
/**************************************************************
* サイド SNS
**************************************************************/
.side_sns {
  margin-top: 3rem;
  border: 1px solid #111;

  position: relative;
}
.side_sns .headline {
    display: block;

    background-color: #111;
    color: #fff;
    font-weight: bold;
    font-size: 0.875em;
    letter-spacing: 0.025em;

    padding: 0.5rem 8px;
  }
.side_sns .follow {
    position: absolute;
    top: -8px;
    right: -15px;
    width: 70px;

    transform: rotate(20deg);
  }
.side_sns .list_sns {
    display: flex;
    align-items: center;

    background-color: #fff;
    border-radius: 4px;

    padding: 5px;
  }
.side_sns .list_sns .litem {
      width: calc(33.333% - (10px / 3));
    }
.side_sns .list_sns .litem:not(:last-child) {
        margin-right: 5px;
      }
.side_sns .list_sns .anchor {
      transition: opacity 200ms ease-out;
      display: block;
    }
.side_sns .list_sns .anchor:hover {
        opacity: 0.7;
      }
@media screen and (max-width: 768px) {
    .side_sns {
      display: none;
    }
  }
@media screen and (max-width:  479px) {
    .side_sns {
      display: block;
      margin-bottom: 2rem;
      margin-top: 4rem;

      border-color: #ccc;
      background-color: #f3f3f3;
    }
    .side_sns .headline {
      text-align: center;
      font-size: 1.4em;
      color: #26466D;

      background-color: transparent;

      padding: 10px;
    }
    .side_sns .follow {
      top: -26px;
      right: 0px;
      width: 90px;
    }
    .side_sns .list_sns {
      padding: 10px;
    }

      .side_sns .list_sns .litem {
        width: calc(33.333% - (20px / 3));
      }

        .side_sns .list_sns .litem:not(:last-child) {
          margin-right: 10px;
        }

      .side_sns .list_sns .anchor {
        text-align: center;
      }
  }
/**************************************************************
* 初めての方へ
**************************************************************/
.side_creator {
  position: relative;
  padding:20px;

  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(248,246,242,1) 100%);

  border: 1px solid #5DCA72;
  border-radius: 5px;
}
.side_creator .icon {
    width: 147px;
    height: 99px;
  }
.side_creator.__side.__vari1 .icon {
      display: none;
    }
.side_creator.__side.__vari1 .side_creator_up {
      padding-left: 10px;
    }
.side_creator.__side.__vari1 .side_creator_up .headline {
        font-size: 1.25rem;
        line-height: 1.5;
      }
.side_creator.__side.__vari1 .side_creator_up .headline br {
          display: block;
        }
.side_creator.__side.__vari1 .side_creator_low {
      padding-left: 10px;
      padding-right: 10px;
    }
.side_creator:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: background 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.side_creator:hover .side_creator:before {
      background: rgba(255,255,255,0.4);
    }
.side_creator.__vari1 {
    display: block;
    padding: 0;
  }
.side_creator.__vari1 .icon {
      left: 10px;
      top: 19px;
      right: auto;
      width: 180px;
      height: 138px;
    }
.side_creator.__vari1 .side_creator_up {
      padding: 6px;
      padding-left: 190px;
      background-color: #5DCA72;
    }
.side_creator.__vari1 .side_creator_up .headline {
        display: flex;
        align-items: center;
        column-gap: 5px;
        color: #fff;
        font-size: 1.55rem;
      }
.side_creator.__vari1 .side_creator_up .headline br {
          display: none;
        }
.side_creator.__vari1 .side_creator_up .mark {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 42px;
        height: 42px;
        background-color: #fff;
        border-radius: 50%;
      }
.side_creator.__vari1 .side_creator_up .mark .mark_icon {
          width: 24px;
          height: 24px;
          fill: #5DCA72;
        }
.side_creator.__vari1 .side_creator_low {
      padding-left: 195px;
      padding-right: 15px;
    }
.side_creator.__vari1 .btn_type2 {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 12px;
      padding: 8px 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
.side_creator.__vari1 .btn_type2 .arrow {
        width: 6px;
        height: 12px;
        fill: #fff;
      }
.side_creator.__vari1 .btn_type2:after {
        display: none;
      }
.side_creator_up {
  position:relative;
  border-bottom:1px solid #d8d8d8;
}
.side_creator_up img {
  position:absolute;
  bottom:0;
  right:-20px;
}
.side_creator_up .subtext {
  font-size: 1.3rem;
  font-weight: bold;
}
.side_creator_up .headline {
  color: #5DCA72;
  font-size: 2rem;
  font-weight: bold;

  position: relative;
  z-index: 2;
}
.side_creator_low {
  line-height: 1.6;

  padding-top:16px;
  padding-bottom:15px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 599px) {
      .side_creator.__vari1 .side_creator_up {
        padding-left: 15px;
      }

      .side_creator.__vari1 .icon {
        left: 5px;
        top: 61px;
        z-index: 0;
        right: auto;
        width: 120px;
        height: 92px;
      }

      .side_creator.__vari1 .side_creator_low {
        padding-left: 135px;
        padding-right: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
      }
}
/**************************************************************
* Facebook
**************************************************************/
aside .fb_iframe_widget {
  margin-top:10px;

  width:100%;
  display: block;

  text-align: center;
}
/**************************************************************
*
* お問い合わせ
*
**************************************************************/
.contact a{
  font-weight:bold;
  font-size:3.2rem;
  font-family: 'Roboto', sans-serif;
}
.contact a p {
  line-height:30px;
}
.contact > p {
  line-height: 15px;
  font-size: 1.2rem;

  margin-top: 1px;
}
.collumn_side .contact {
  margin-top:10px;
  margin-bottom:15px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .contact a {
    font-size:3rem;
  }
}
@media screen and (max-width: 768px) {

}
/**************************************************************
*
* フォーム
*
**************************************************************/
/**************************************************************
* 個人情報の取り扱いについて
**************************************************************/
.aligment {
  padding:15px;
  margin-bottom: 30px;

  background-color:rgba(235,235,235,0.5);
  border-radius: 5px;

  height: 200px;
  overflow-y:scroll;

  line-height: 1.65;
}
.aligment h3 {
  font-weight:bold;
  font-size:1.6rem;
  border-bottom: 1px solid #EFE8E0;
  margin-bottom:10px;
}
.aligment h4 {
  font-weight:bold;
  font-size:1.4rem;
  margin-top:20px;
  margin-bottom:5px;
}
.aligment p,
.aligment li {
  font-size:1.2rem;
}
.aligment ul {
  list-style-type:decimal;
  list-style-position:inside;
  margin-top:5px;
  margin-bottom:5px;
}
.inquiry_box {
  font-size:1.4rem;
  text-align:left;

  margin-top: 20px;
  margin-bottom: 30px;
}
.alertPlate {
	color: #F00E22;
}
.attention {
  margin-top:15px;

  padding: 20px;

  border: 1px solid #EFE8E0;
}
.attentionTitle {
  font-weight:bold;
  font-size: 1.575rem;
}
.attention p,
.inquiryLead,
.inquiryNotes {
  margin-top:10px;

  line-height: 1.65;
  text-align: 1.244rem;
}
.attention p:not(:last-child), .inquiryLead:not(:last-child), .inquiryNotes:not(:last-child) {
    margin-bottom:20px;
  }
.inquiryLead,
.inquiryNotes {
  margin-bottom:0px;
  margin-top:0px;
}
.centeringBtn {
  margin-left:auto;
  margin-right:auto;
}
.inquiry_box .inquiry_submit {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  display:inline-block;
}
.inquiry_box .inquiry_submit input {
	appearance: none;
	border-radius: 5px;
	border: 2px solid #da8234;
	margin: 0;
	padding: 4px 75px 3px;
	background: #FFF;
	vertical-align: middle;
	font-size: 1.9rem;
	font-weight: bolder;
	letter-spacing: 0.025rem;
	color: #fff;
	transition: background-color 0.2s;
	text-align: center;
	background-color: #f0780e;
}
.inquiry_box .inquiry_submit input:hover {
  background-color: #F5726B;
	border-color: #950814;
  color:#FFF;
}
.inquiry_box .inquiry_submit span {
  display: block;
  position: relative;
  width: 100%;
}
.inquiry_box .inquiry_submit label {
  display: inline-block;
	cursor: pointer;
	color: #f0780e;
	font-size: 1.35rem;
	font-weight: bold;
	border-radius: 15px;
	width: 22px;
	height: 22px;
	line-height: 1.6;
	background-color: #fff;
	margin-right: 10px;
	position: absolute;
	top: 8px;
	left: 9%;

	transition: color 0.2s;
}
.inquiry_box .inquiry_submit input:hover + label {
	color: #F5726B;
}
#thanks .content_box {
  border-radius:5px;
}
.btn_bnr_top {
  display:inline-block;
  text-align:center;
  padding:5px 25px;
  font-weight:bold;
  font-size:1.4rem;
  color:#40474E;
  transition: background-color 0.2s;
}
.btn_bnr_top:hover {
  text-decoration:underline;
}
@media screen and (max-width: 599px) {
  .attention {
    padding: 15px;
  }
  .attentionTitle {
    font-weight: normal;
  }
  .inquiry_box th,
  .inquiry_box td {
    display:block;
  }

  .inquiry_box th {
    padding-left:0px;
  }

  .inquiry_box .formNotes {
    display:none;
  }

  .inquiry_box table input,
  .inquiry_box table textarea {
    width:100%;
  }

  #job_inquiry .content_header .content_headline {
    font-size:1.7rem;
  }
}
/**************************************************************
*
* content
*
**************************************************************/
.area_content {
  margin-top: 30px;
  margin-bottom:35px;
}
.content_box {
  background-color:#FFF;
  border:1px solid #EFE8E0;
  padding:15px;
}
.content_box.header_job {
  border:none;
  padding:0px;
  margin-bottom:15px;
}
.content_box.job_info {
  padding:0px;
}
@media screen and (max-width: 599px) {
  .content_box {
    padding:7px;
  }
}
/**************************************************************
*
* 下層ページメインイメージ
*
**************************************************************/
.area_main.subpage img {
  width: 100%;
  height: 40px;

  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
}
@media screen and (max-width: 599px) {
  .area_main.subpage {
    display: none;
  }
}
/* ===========================================================================================================================
トリサンお仕事検索バナー（PC）
=========================================================================================================================== */
.ft_side_bnr {
  position: fixed;
  bottom: 8%;
  right: 0;
  display: block;
  width: 14em;
  z-index: 10;
  overflow: hidden;

  margin: auto;
  padding: 0.7em 0.9em 0.6em;

  background-color: rgba(240, 14, 33,0.8);

  color: #fff;
  font-size: 1.4rem;

  transform: translateX(100%);

  transition: transform 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ft_side_bnr:after {
    content: "";
    position: absolute;
    width: 99%;
    height: 90%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;

    border: 1px #fff dashed;
    border-right: none;
  }
.ft_side_bnr .headline {
    font-weight: bold;
    font-size: 1.3em;

    margin-top: 4px;
  }
.ft_side_bnr .subtext {
    font-size: 0.85em;
  }
.ft_side_bnr span {
    display: block;
  }
.ft_side_bnr .hover_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    text-align: center;

    background-color: rgb(240, 14, 33);

    transform: translateX(100%);

    transition: transform 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
.ft_side_bnr .hover_box .text {
      height: 1em;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;

      text-align: center;
      font-weight: bold;
      color: #FADE75;
      line-height: 1.4;
      font-size: 1.2em;
    }
.job_list .ft_side_bnr,
  .job_entry .ft_side_bnr,
  .entry .ft_side_bnr {
    display: none;
  }
.ft_side_bnr:hover .hover_box {
      transform: translateX(0%);
    }
.ft_side_bnr.move {
    transform: translateX(0%);
  }
@media screen and (max-width: 768px) {
    .ft_side_bnr {
      display: none;
    }
  }
/**************************************************************
*
* トリクリ エントリーバナー
*
**************************************************************/
.fix_contents {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;

  padding-top: 6px;
  padding-bottom: 6px;

  background-color: #fff;
}
#job_inquiry .fix_contents {
    display: none;
  }
.entry .fix_contents {
  display: none;
}
/* 運営スタッフ募集ページ */
.recruit.subpage .fix_contents {
  display: none;
}
.job_entry .fix_contents {
  display: block;
}
.job_entry .fix_contents .col_6 {
  margin-bottom: 0;
}
.job_entry .fix_contents .btn_type2 {
  padding: 0.7em 0.6em 0.5em;
  font-size: 1.9rem;
}
.fix_contents .btn_type2 {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;

  margin: auto;
  padding: 0.5em 0.6em 0.3em;

  background-color: #F6808A;

  color: #fff;
  font-size: 1.7rem;
  text-align: center;
}
.fix_contents .btn_type2.job {
  background-color: #5DCA72;
}
.fix_contents .btn_type2::after {
  content: "";
  position: absolute;
  width: 99%;
  height: 90%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;

  border: 1px #fff dashed;
}
.fix_contents .btn_type2 .hover_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

  text-align: center;

  background-color: rgb(240, 14, 33);

  transform: translateX(100%);

  transition: transform 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.fix_contents .btn_type2:hover .hover_box {
  transform: translateX(0%);
}
.fix_contents .btn_type2 .hover_box .text {
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

  text-align: center;
  font-weight: bold;
  color: #FADE75;
  line-height: 1.3;
}
.fix_contents .btn_type2 span {
  display: block;
}
.fix_contents .btn_type2 .headline {
  font-weight: bold;
}
.fix_contents .btn_type2 .subtext {
  font-size: 0.85em;
}
@media screen and (max-width: 768px) {
  .fix_contents {
    display: block;
  }
  .customer .fix_contents {
    display: none;
  }
  .fix_contents .col_6 {
    width: 50%;
    float: left;

    margin-bottom: 0;
  }
  .fix_contents .btn_type2 {
    font-size: 1.4rem;
  }
  .job_entry .fix_contents .btn_type2 {
    padding: 0.5em 0.6em 0.3em;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .job_entry .fix_contents .btn_type2,
  .btn_type2 {
    font-size: 1.4rem;
  }
}
/**************************************************************
*
* その他共通パーツ
*
**************************************************************/
/**************************************************************
* お仕事情報パーツ(職種、勤務地、給与、最寄り駅)
**************************************************************/
.job_outline_container {
  display: block;

  padding: 20px;
  margin-bottom: 16px;

  border: 3px solid #F6808A;
  background-color: #f6fff1;
  box-shadow:0px 4px 3px 1px #aaa;
}
.job_outline_container .headline {
  font-size: 1.772rem;
  font-weight: bold;

  margin-bottom: 14px;
}
.job_outline_container .row {
  margin-bottom: -10px;
}
.job_outline_container .dlist_type1 {
  justify-content: center;

  margin-bottom: 18px;
}
.job_outline_container .dlist_type1 .dhead {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;

  width: 90px;
}
.job_outline_container .dlist_type1 .dhead i {
  vertical-align: sub;
}
.job_outline_container .dlist_type1 .ditem {
  font-size: 1.4rem;

  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  .job_outline_container .row .col_6 {
    float: left;
    width: 50%;
  }
  .job_outline_container .dlist_type1 .ditem {
    padding-top: 3px;
  }
}
@media screen and (max-width: 599px) {
  .job_outline_container .row .col_6 {
    float: none;
    width: 100%;
  }
  .job_outline_container {
    padding: 16px;
  }
  .job_outline_container .headline {
    font-size: 1.6rem;
  }
  .job_outline_container .dlist_type1 .ditem {
    font-size: 1.4rem;
  }
}
/**************************************************************
* アイコン1
**************************************************************/
.merit {
  border-radius:12px;

	padding: 1px 8px 2px;
  margin-right:5px;

  color:#FFF;
 font-size: 1.2rem;
}
.merit.blue {
  background-color:#62a8e6;
}
.merit.red {
  background-color:#e4690c;
}
.merit.green {
  background-color:#5ac1c6;
}
.merit.skill {
  background-color:#7D8186;
}
.merit.group1 {
  background-color: #F6808A;
}
.merit.group2 {
  background-color: #F5726B;
}
.merit.group3 {
  background-color:#3753ed;
}
.merit.group4 {
  background-color:#b93eec;
}
/**************************************************************
*
* 実績
*
**************************************************************/
.grid_performance {
  display: flex;
  flex-flow: row wrap;
}
.grid_performance .litem {
    flex-basis: calc(25% - 8px);

    border: 1px solid #F8F6F2;
  }
.grid_performance .litem:not(:nth-of-type(4n)) {
      margin-right: 10px;
    }
.grid_performance .litem:nth-of-type(n+5) {
      margin-top: 10px;
    }
@media screen and (max-width: 599px) {
    .grid_performance .litem {
      flex-basis: calc(25% - 7.5px);
    }
  }
/*
.box_type13 {
  background-color: #f3f4f4;

  padding: 10px;
  margin-bottom: 20px;
}
.box_type13 .inner2 {
    background-color: #FFF;
    border: 1px solid #dddddd;
    padding: 15px;
  }
.box_type13 .head {
    border-bottom:3px solid var(--color-primary);

    margin-bottom: 10px;
  }
.box_type13 .head .subtext {
      font-size: 1.2rem;

      margin-left: 7px;
    }
.mid{
  margin-right: 20px;
}
.images{
  margin-left: 20px;
}
.natume{
  width: 250px;
  object-fit: cover;
}
.rectangularimg{
  text-align: center;
}
.rectangularimg1{
  width: 150px;
  object-fit: cover;
  margin-right: 40px;
}
.rectangularimg2{
  width: 270px;
  height: 90px;
  object-fit: cover;
}
.rectangularimg3{
  width: 250px;
  height: 70px;
  object-fit: cover;
}
.rectangularimg4{
  width: 210px;
  height: 70px;
  object-fit: cover;
}
.square{
  text-align: center;
}
.square1{
  width: 105px;
  height: 105px;
  object-fit: cover;
  margin-left: 14px;
}
.dis2{
  display: none;
}
@media screen and (max-width: 599px) {

  .dis1{
    display: none;
  }
  .dis2{
    display: block;
  }

  .box_type13 .inner2 .line2{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .box_type13 .inner2 .left{
    flex: 0 0 50%;
  }
  .box_type13 .inner2 .right{
    flex: 1 1 auto;
  }
  .genuine{
    width: 165px;
    margin-bottom: 15px;
  }
  .rectangularimg{
    text-align: center;
  }
  .rectangularimg1{
    width: 100px;
    object-fit: cover;
    margin-right: 0px;
  }
  .rectangularimg2{
    width: 180px;
    height: 60px;
    object-fit: cover;
  }
  .rectangularimg3{
    width: 190px;
    height: 60px;
    object-fit: cover;
  }
  .rectangularimg4{
    width: 180px;
    height: 50px;
    object-fit: cover;
  }
  .left1{
    margin-left: 10px;
  }
  .left2{
    margin-left:30px;
  }
  .square1{
    width: 90px;
    height: 90px;
    object-fit: cover;
  }
  .box_type13{
    padding: 5px;
  }

  .box_type13 .inner2{
    padding: 18px 10px;
  }
  .box_type13 .inner2 li{
    text-align: center;
  }
}
*/
/**************************************************************
*
* 幅100%
*
**************************************************************/
.full-width {
  width: 100%;;
}
/**************************************************************
*
* LP以上非表示
*
**************************************************************/
.over-lp-none {
  display: none;
}
@media screen and (max-width: 768px) {
.over-lp-none {
    display: block
}
  }
.under-tb-none {
  display: block;
}
@media screen and (max-width: 768px) {
.under-tb-none {
    display: none
}
  }
/*# sourceMappingURL=base.css.map */