@charset "UTF-8";
/*------ 基本 ------*/
/*base*/
html {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 14px;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-text-size-adjust: 100%; }
  body.is-lock {
    position: fixed;
    overflow: hidden; }

main {
  display: block; }

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li, p, header, section, footer, article, nav, main, th, i {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal; }

li {
  list-style-type: none;
  display: block; }

img {
  border: none;
  vertical-align: top; }

a {
  color: #005f6e;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 100%; }

input::-ms-clear {
  visibility: hidden; }

/*------ 要素 ------*/
/* icon */
@font-face {
  font-family: 'fonticon';
  src: url("/img/fonts/fonticon.ttf?adfk7o") format("truetype"), url("/img/fonts/fonticon.woff?adfk7o") format("woff"), url("/img/fonts/fonticon.svg?adfk7o#fonticon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  font-family: 'fonticon' !important; }
  .icon.icon-map_marker:before {
    content: "\e90b"; }
  .icon.icon-check:before {
    content: "\e90a"; }
  .icon.icon-plus:before {
    content: "\e909"; }
  .icon.icon-minus:before {
    content: "\e907"; }
  .icon.icon-mail:before {
    content: "\e908"; }
  .icon.icon-filter:before {
    content: "\e906"; }
  .icon.icon-arrow_narrow:before {
    content: "\e900"; }
  .icon.icon-cancel:before {
    content: "\e901"; }
  .icon.icon-close:before {
    content: "\e902"; }
  .icon.icon-menu:before {
    content: "\e903"; }
  .icon.icon-search:before {
    content: "\e904"; }
  .icon.icon-arrow_bold:before {
    content: "\e905"; }
  .icon.icon-right:before {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .icon.icon-left:before {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .icon.icon-down {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .icon.icon-window {
    position: relative;
    padding-right: 1.5em; }
    .icon.icon-window:before {
      position: absolute;
      content: "\e90d";
      top: 1px;
      right: 0;
      text-decoration: none; }

/* laabel */
.label {
  display: inline-block;
  white-space: nowrap;
  font-size: 11px;
  text-align: center;
  padding: 5px 10px 4px 10px;
  border-radius: 10px;
  color: #fff; }
  .label.label-large {
    font-size: 14px;
    padding: 7px 15px 6px 15px;
    border-radius: 20px; }
  .label.label-book {
    background: #b73333; }
    .label.label-book:before {
      content: "新刊"; }
  .label.label-product {
    background: #339955; }
    .label.label-product:before {
      content: "商品・サービス"; }
  .label.label-restaurant {
    background: #885a39; }
    .label.label-restaurant:before {
      content: "店舗プロデュース"; }
  .label.label-inbound {
    background: #ca9c0e; }
    .label.label-inbound:before {
      content: "インバウンド"; }
  .label.label-event {
    background: #74518a; }
    .label.label-event:before {
      content: "イベント"; }

/*category*/
.category {
  display: block;
  width: 84px;
  padding: 4px 0  3px 0;
  font-size: 10px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid;
  text-align: center; }
  .category.category-press {
    border-color: #63baba;
    color: #63baba; }
    .category.category-press:before {
      content: "プレスリリース"; }
  .category.category-news {
    border-color: #999;
    color: #999; }
    .category.category-news:before {
      content: "お知らせ"; }

/* button */
.button {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  line-height: 1; }
  .button.button-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33px;
    height: 33px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    background: #e7e7e7;
    color: #666;
    border-radius: 100%; }
    .button.button-search:hover, .button.button-search.is-on {
      background: #005f6e;
      color: #fff;
      text-decoration: none; }
    @media screen and (max-width: 800px) {
      .button.button-search {
        font-size: 18px;
        color: #666;
        background: none;
        height: auto;
        width: auto; }
        .button.button-search:hover, .button.button-search.is-on {
          background: none;
          color: #666;
          text-decoration: none; } }
  @media screen and (max-width: 800px) {
    .button.button-nav {
      font-size: 16px;
      color: #666; } }
  .button.button-cancel {
    font-size: 16px;
    color: #666; }
    @media screen and (max-width: 800px) {
      .button.button-cancel {
        font-size: 13px; } }
  .button.button-close {
    color: #666;
    font-size: 14px; }
  .button.button-mainimage {
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px; }
    @media screen and (max-width: 800px) {
      .button.button-mainimage {
        width: 16px;
        height: 16px;
        font-size: 10px;
        border-width: 1px; } }
  .button.button-pageTop {
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #fff;
    border: solid 2px #ccc;
    color: #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%; }
    @media screen and (max-width: 800px) {
      .button.button-pageTop {
        width: 40px;
        height: 40px;
        font-size: 15px; } }
  .button.button-topMore {
    display: inline-block;
    width: 400px;
    border: 2px solid #666;
    padding: 20px 0;
    border-radius: 100px;
    position: relative;
    text-align: center;
    color: #666; }
    @media screen and (max-width: 800px) {
      .button.button-topMore {
        width: 288px;
        padding: 15px 0; } }
    .button.button-topMore:hover {
      background: #666;
      color: #fff;
      text-decoration: none; }
    .button.button-topMore.button-topMore-white {
      border-color: #fff;
      color: #fff; }
      .button.button-topMore.button-topMore-white:hover {
        color: #666;
        background: #fff;
        text-decoration: none; }
    .button.button-topMore .button_text {
      font-size: 16px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .button.button-topMore .button_text {
          font-size: 14px; } }
    .button.button-topMore .button_icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 15px;
      font-size: 12px; }
  .button.button-typeA {
    display: inline-block;
    width: 400px;
    border: 2px solid #666;
    padding: 18px 0;
    border-radius: 100px;
    position: relative;
    text-align: center;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 800px) {
      .button.button-typeA {
        width: 100%;
        max-width: 340px;
        padding: 14px 0; } }
    .button.button-typeA:hover {
      background: #666;
      color: #fff;
      text-decoration: none; }
    .button.button-typeA .button_text {
      font-size: 16px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .button.button-typeA .button_text {
          font-size: 14px; } }
    .button.button-typeA .button_left {
      position: absolute;
      left: 18px;
      top: 50%; }
      @media screen and (max-width: 800px) {
        .button.button-typeA .button_left {
          left: 14px; } }
    .button.button-typeA .button_right {
      position: absolute;
      right: 18px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 800px) {
        .button.button-typeA .button_right {
          right: 14px; } }
    .button.button-typeA .button_icon {
      font-size: 28px;
      margin-top: -14px; }
      @media screen and (max-width: 800px) {
        .button.button-typeA .button_icon {
          font-size: 20px;
          margin-top: -10px; } }
    .button.button-typeA .button_arrow {
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        .button.button-typeA .button_arrow {
          font-size: 12px; } }
  .button.button-typeB {
    display: inline-block;
    border: 2px solid #666;
    border-radius: 50px;
    color: #666;
    background: #fff;
    padding: 3px 30px;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 166px; }
    @media screen and (max-width: 800px) {
      .button.button-typeB {
        padding: 3px 7px 3px 25px;
        width: auto; } }
    .button.button-typeB:hover, .button.button-typeB.is-on {
      background: #666;
      color: #fff; }
    .button.button-typeB .button_text {
      font-size: 14px;
      font-weight: bold; }
    .button.button-typeB .button_icon {
      position: absolute;
      left: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        .button.button-typeB .button_icon {
          left: 7px; } }
  .button.button-typeC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666; }
    .button.button-typeC .button_icon {
      margin-right: 10px;
      font-size: 14px; }
    .button.button-typeC .button_text {
      font-size: 16px;
      font-weight: bold; }
  .button.button-typeD {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px 5px 15px;
    border: 1px solid #666;
    background: #fff;
    color: #666;
    border-radius: 200px;
    white-space: nowrap; }
    .button.button-typeD:hover {
      background: #666;
      color: #fff;
      text-decoration: none; }
    .button.button-typeD .button_text {
      font-size: 12px;
      font-weight: bold; }
    .button.button-typeD .button_icon {
      margin-left: 5px;
      font-size: 21px; }
  .button.button-typeE {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #005f6e; }
    .button.button-typeE:hover {
      text-decoration: underline; }
    .button.button-typeE .button_text {
      font-weight: normal;
      font-size: 14px;
      font-weight: bold; }
    .button.button-typeE .button_icon {
      margin-left: 5px;
      font-size: 10px; }
  .button.button-typeF {
    display: inline-block;
    width: 355px;
    height: 96px;
    padding: 0 16px;
    border-radius: 5px;
    position: relative;
    text-align: left;
    color: #000;
    line-height: 1.4;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .button.button-typeF.small {
      height: 55px; }
    @media screen and (max-width: 800px) {
      .button.button-typeF {
        width: 100%;
        height: auto;
        padding: 14px; } }
    .button.button-typeF:hover {
      background: #ccc;
      text-decoration: none; }
    .button.button-typeF .button_text {
      font-size: 15px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .button.button-typeF .button_text {
          font-size: 16px; } }
    .button.button-typeF .button_left {
      position: absolute;
      left: 18px;
      top: 50%; }
      @media screen and (max-width: 800px) {
        .button.button-typeF .button_left {
          left: 14px; } }
    .button.button-typeF .button_right {
      position: absolute;
      right: 18px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 800px) {
        .button.button-typeF .button_right {
          right: 14px; } }
    .button.button-typeF .button_icon {
      font-size: 28px;
      margin-top: -14px; }
      @media screen and (max-width: 800px) {
        .button.button-typeF .button_icon {
          font-size: 20px;
          margin-top: -10px; } }
    .button.button-typeF .button_arrow {
      font-size: 14px; }
      @media screen and (max-width: 800px) {
        .button.button-typeF .button_arrow {
          font-size: 12px; } }
  .button.button-typeG {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    padding-bottom: 10px; }
    .button.button-typeG .button_icon {
      margin-right: 10px;
      font-size: 10px;
      color: #a5a5a5; }
    .button.button-typeG .button_text {
      font-size: 14px; }
  .button.button-typeH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #000;
    padding-bottom: 10px; }
    .button.button-typeH .button_icon {
      margin-right: 10px;
      font-size: 10px;
      color: #a5a5a5; }
    .button.button-typeH .button_text {
      font-size: 14px; }
  .button.button-typeI {
    display: inline-block;
    width: 400px;
    border: 2px solid #fff;
    padding: 19px 0 18px;
    border-radius: 20px;
    position: relative;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 800px) {
      .button.button-typeI {
        width: 288px;
        padding: 15px 0; } }
    .button.button-typeI:hover {
      background: #fff;
      color: #666;
      text-decoration: none; }
    .button.button-typeI .button_text {
      font-size: 16px;
      font-weight: bold; }
    .button.button-typeI .button_icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 15px;
      font-size: 12px; }

/* form */
.form.form-select {
  border: 1px solid #ccc;
  padding: 5px 40px 5px 10px;
  background: #fff url(/img/select_bg.svg) no-repeat center right 8px;
  background-size: 18px 22px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #666;
  font-size: 12px; }
  .form.form-select::-ms-expand {
    display: none; }
  @media screen and (max-width: 800px) {
    .form.form-select {
      padding-left: 5px;
      padding-right: 35px;
      margin-left: -10px;
      font-size: 16px;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); } }

/*heading*/
.heading.heading-typeA {
  display: inline-block;
  font-size: 12px;
  font-weight: bold; }
  .heading.heading-typeA:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #000;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle; }
  .heading.heading-typeA:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #000;
    margin-left: 10px;
    margin-top: -2px;
    vertical-align: middle; }
  .heading.heading-typeA.heading-typeA-mid {
    font-size: 14px; }

.heading.heading-typeB {
  font-size: 45px;
  line-height: 1.3; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeB {
      font-size: 25px; } }

.heading.heading-typeC {
  font-size: 45px;
  line-height: 1.3; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeC {
      font-size: 25px; } }

.heading .heading-typeCs {
  display: block;
  font-size: 24px;
  line-height: 1.3;
  margin-top: 5px; }
  @media screen and (max-width: 800px) {
    .heading .heading-typeCs {
      font-size: 18px; } }

.heading.heading-typeD {
  font-size: 24px; }
  .heading.heading-typeD.heading-type1 {
    color: #666;
    background: #f4f4f4;
    padding: 16px 25px 12px;
    line-height: 1; }
  .heading.heading-typeD.heading-type2 {
    padding-bottom: 10px;
    border-bottom: 2px solid #b3b3b3;
    line-height: 1.3;
    text-align: center; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeD {
      font-size: 18px; } }

.heading.heading-typeE {
  font-size: 28px; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeE {
      font-size: 18px; } }

.heading.heading-typeF {
  position: relative;
  display: inline-block; }
  .heading.heading-typeF .heading_back {
    color: #e8e8e8;
    font-size: 75px;
    text-align: center;
    line-height: 0.85;
    letter-spacing: -3px; }
    @media screen and (max-width: 800px) {
      .heading.heading-typeF .heading_back {
        font-size: 60px; } }
  .heading.heading-typeF .heading_front {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2; }

.heading.heading-typeG {
  font-size: 18px;
  font-weight: bold; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeG {
      font-size: 18px; } }

.heading.heading-typeH {
  font-size: 20px;
  font-weight: bold; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeH {
      font-size: 18px; } }

.heading.heading-typeI {
  font-size: 56px;
  line-height: 1.3;
  color: #666; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeI {
      font-size: 25px; } }

.heading.heading-typeJ {
  font-size: 18px;
  line-height: 1.3;
  color: #666; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeJ {
      font-size: 18px; } }

.heading.heading-typeK {
  font-size: 36px;
  line-height: 1.3; }
  @media screen and (max-width: 800px) {
    .heading.heading-typeK {
      font-size: 25px; } }

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

.text.text-lh {
  line-height: 1.5; }

.text.text-lh-small {
  line-height: 1.2; }

.text.text-lh-large {
  line-height: 2; }

.text.text-indent {
  text-indent: -1.3em;
  margin-left: 1.3em; }

.text.text-indent1 {
  text-indent: 1em; }

.text.text-indent2 {
  text-indent: -2.2em;
  margin-left: 2.2em; }

.text.text-indent3 {
  text-indent: -1em;
  margin-left: 1em; }

.text.text-indent4 {
  text-indent: -4em;
  margin-left: 4em; }

.text.text-xlarge {
  font-size: 20px; }

.text.text-large {
  font-size: 18px; }

.text.text-mid {
  font-size: 14px; }

.text.text-small {
  font-size: 12px; }

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

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

.text.text-required {
  display: inline-block;
  border-radius: 4px;
  background: #b73333;
  font-size: 10px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 3px; }

@media screen and (min-width: 801px) {
  .text.text-mt-pc {
    margin-top: 1em; } }

/*pdf*/
.icon_links_arrow_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .icon_links_arrow_right .button_icon {
    display: block; }
    .icon_links_arrow_right .button_icon:before {
      font-family: 'fonticon' !important;
      content: "\e900";
      display: inline-block;
      margin-right: 6px;
      width: 22px;
      height: 22px;
      border: 2px solid #ccc;
      border-radius: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 3px;
      text-align: center;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      color: #ccc;
      font-size: 10px; }
      .icon_links_arrow_right .button_icon:before:hover {
        text-decoration: none; }
      @media screen and (max-width: 800px) {
        .icon_links_arrow_right .button_icon:before {
          margin-right: 0px;
          padding-top: 4px;
          -webkit-transform: scale(0.8) rotate(90deg);
          -ms-transform: scale(0.8) rotate(90deg);
          transform: scale(0.8) rotate(90deg); } }
  .icon_links_arrow_right .button_text:hover {
    text-decoration: underline; }
  .icon_links_arrow_right .icon_links_pdf {
    margin-left: 10px; }

/*pageTop*/
@-webkit-keyframes pageTopShow {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes pageTopShow {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.pageTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  display: none; }
  .pageTop.is-on {
    display: block;
    -webkit-animation: pageTopShow 0.5s;
    animation: pageTopShow 0.5s; }
  @media screen and (max-width: 800px) {
    .pageTop {
      right: 10px;
      bottom: 10px; } }

/*------ ブロック ------*/
/* sns*/
.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .sns.sns-sp .sns_item:not(:first-child) {
    margin-left: 20px; }
  .sns .sns_item:not(:first-child) {
    margin-left: 10px; }
  .sns .sns_item #fb-root {
    margin-top: -3px; }
  .sns.sns-typeB {
    display: inline-block;
    margin-bottom: -10px; }
    .sns.sns-typeB .sns_item {
      width: 40px;
      height: 40px;
      border: 1px solid #e6e6e6;
      border-radius: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px;
      margin-right: 5px;
      margin-left: 0; }
      .sns.sns-typeB .sns_item .sns_img {
        width: 20px; }
        .sns.sns-typeB .sns_item .sns_img.twitter_img {
          margin-top: 3px; }
          @media screen and (max-width: 800px) {
            .sns.sns-typeB .sns_item .sns_img.twitter_img {
              margin-top: 4px; } }

/* filter */
.filter {
  background: #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .filter .filter_query {
    margin-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 800px) {
      .filter .filter_query {
        margin-right: 5px; } }
    .filter .filter_query .filter_query_item {
      margin-right: 15px;
      margin-top: 5px;
      margin-bottom: 5px; }
      @media screen and (max-width: 800px) {
        .filter .filter_query .filter_query_item {
          margin-right: -8px; } }
  .filter .filter_button {
    margin-top: 5px;
    margin-bottom: 5px; }

/* search */
.search {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  height: 100%; }
  @media screen and (max-width: 800px) {
    .search {
      border-radius: 2px; } }
  .search .search_icon {
    font-size: 26px;
    color: #999;
    padding: 15px; }
    @media screen and (max-width: 800px) {
      .search .search_icon {
        font-size: 17px;
        padding: 5px; } }
  .search .search_input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .search .search_input .search_input_form {
      width: 100%;
      border: 0;
      outline: 0; }
    @media screen and (max-width: 800px) {
      .search .search_input input[type=text] {
        font-size: 16px; } }
  .search .search_cancel {
    margin: 15px; }
    @media screen and (max-width: 800px) {
      .search .search_cancel {
        margin: 5px; } }

@media screen and (max-width: 800px) {
  .gsc-result .gs-title {
    height: auto !important;
    line-height: 1.2; } }

/* bredcrumb */
.breadcrumb {
  background: #000;
  color: #fff;
  padding: 10px 40px; }
  @media screen and (max-width: 800px) {
    .breadcrumb {
      padding: 7px 20px; } }
  .breadcrumb .breadcrumb_inner {
    max-width: 1024px;
    margin: auto; }
  .breadcrumb .breadcrumb_list {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .breadcrumb .breadcrumb_item {
    display: inline;
    font-size: 12px; }
    @media screen and (max-width: 800px) {
      .breadcrumb .breadcrumb_item {
        font-size: 10px; } }
    .breadcrumb .breadcrumb_item:not(:first-child):before {
      content: ">";
      display: inline-block;
      margin-left: 5px;
      margin-right: 10px;
      color: #999; }
  .breadcrumb .breadcrumb_link {
    color: #999; }

/* nav*/
@media screen and (max-width: 800px) {
  .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    position: fixed;
    top: 0;
    left: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%; }
    .nav.is-on {
      left: 0; } }

.nav .nav_header {
  display: none; }
  @media screen and (max-width: 800px) {
    .nav .nav_header {
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      background: #fff;
      padding: 15px 20px;
      position: relative; }
      .nav .nav_header .nav_header_logo_img {
        width: 110px; }
      .nav .nav_header .nav_header_close {
        position: absolute;
        top: 15px;
        right: 20px; } }

.nav .nav_search {
  display: none; }
  @media screen and (max-width: 800px) {
    .nav .nav_search {
      display: block;
      background: rgba(0, 0, 0, 0.3);
      padding: 10px;
      z-index: 20;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

@media screen and (max-width: 800px) {
  .nav .nav_content {
    overflow-y: auto;
    height: 100%;
    background: #f4f4f4;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: 10; } }

.nav .nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media screen and (max-width: 800px) {
    .nav .nav_list {
      display: block; } }
  .nav .nav_list .nav_list_item {
    cursor: default;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    border-top: 1px solid transparent; }
    @media screen and (max-width: 800px) {
      .nav .nav_list .nav_list_item {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
        border-bottom: 1px solid #ccc; } }
    .nav .nav_list .nav_list_item:not(:first-child) {
      margin-left: 30px; }
      @media screen and (max-width: 800px) {
        .nav .nav_list .nav_list_item:not(:first-child) {
          margin-left: 0; } }
    @media screen and (min-width: 801px) {
      .nav .nav_list .nav_list_item:hover {
        border-top: 1px solid #005f6e; }
        .nav .nav_list .nav_list_item:hover .nav_heading_text {
          color: #005f6e; }
        .nav .nav_list .nav_list_item:hover .nav_sub {
          display: block; } }
    @media screen and (min-width: 801px) {
      .nav .nav_list .nav_list_item.is-current {
        border-top: 1px solid #005f6e; }
        .nav .nav_list .nav_list_item.is-current .nav_heading_text {
          color: #005f6e; } }
    @media screen and (max-width: 800px) {
      .nav .nav_list .nav_list_item.is-on .nav_heading {
        background: #fff;
        border-bottom: 1px solid #ccc; }
        .nav .nav_list .nav_list_item.is-on .nav_heading:after {
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0); } }
    @media screen and (max-width: 800px) {
      .nav .nav_list .nav_list_item.is-on .nav_subList {
        margin-top: 0; } }

@media screen and (max-width: 800px) {
  .nav .nav_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px; }
    .nav .nav_heading:after {
      font-family: 'fonticon';
      content: "\e900";
      display: inline-block;
      font-size: 10px;
      color: #999;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); } }

.nav .nav_heading .nav_heading_text {
  font-size: 14px;
  font-weight: bold; }
  @media screen and (max-width: 800px) {
    .nav .nav_heading .nav_heading_text {
      font-weight: normal; } }

.nav .nav_sub {
  display: none;
  position: absolute;
  top: 100%;
  font-size: 13px; }
  @media screen and (max-width: 800px) {
    .nav .nav_sub {
      display: block;
      position: static;
      overflow: hidden;
      font-size: 14px; } }

.nav .nav_subList {
  background: #f4f4f4;
  border-top: 4px solid #005f6e;
  margin-left: -15px; }
  @media screen and (max-width: 800px) {
    .nav .nav_subList {
      margin-top: -360%;
      margin-left: 0;
      background: #fff;
      border-top: none;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; } }
  .nav .nav_subList .nav_subList_item {
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    @media screen and (max-width: 800px) {
      .nav .nav_subList .nav_subList_item {
        height: auto;
        border-left: none;
        border-right: none;
        border-bottom: none; } }
    .nav .nav_subList .nav_subList_item:not(:first-child) {
      border-top: 1px solid #ccc; }
    .nav .nav_subList .nav_subList_item:last-child {
      border-bottom: 1px solid #ccc; }
      @media screen and (max-width: 800px) {
        .nav .nav_subList .nav_subList_item:last-child {
          border-bottom: none; } }
    .nav .nav_subList .nav_subList_item:hover .nav_subList_item_second .item {
      visibility: visible;
      opacity: 1;
      cursor: pointer; }
    .nav .nav_subList .nav_subList_item .nav_subList_item_second {
      position: absolute;
      top: -1px;
      left: 100%;
      width: 245px;
      background: #f4f4f4;
      visibility: hidden;
      opacity: 1; }
      .nav .nav_subList .nav_subList_item .nav_subList_item_second.students {
        top: -38px; }
      @media screen and (max-width: 800px) {
        .nav .nav_subList .nav_subList_item .nav_subList_item_second {
          position: static;
          width: auto;
          margin-left: 30px; } }
      .nav .nav_subList .nav_subList_item .nav_subList_item_second .item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 245px;
        height: 36px;
        background: #f4f4f4;
        opacity: 1;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item:hover {
          background: #e6e6e6;
          color: #005f6e; }
          .nav .nav_subList .nav_subList_item .nav_subList_item_second .item:hover::before {
            color: #005f6e; }
          @media screen and (max-width: 800px) {
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item:hover {
              background: none; } }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item a {
          display: block;
          cursor: pointer;
          width: 245px;
          height: 36px;
          padding-left: 15px;
          line-height: 36px;
          color: #000; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item a:hover {
          color: #005f6e;
          background: #e6e6e6;
          text-decoration: none; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current {
          background: #e6e6e6;
          color: #005f6e;
          font-weight: bold; }
          .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current a {
            color: #005f6e; }
          @media screen and (max-width: 800px) {
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current {
              background: #ffffff; } }
          .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current:before {
            color: #005f6e; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item:first-child {
          border-top: 1px solid #ccc; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.rurubu_kitchen img {
          width: 122px;
          padding: 8px 15px 0 0; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.rurubu_mall img {
          width: 122px;
          padding: 8px 15px 0 0; }
        .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.rurubu_more img {
          width: 122px;
          padding: 12px 15px 0 0; }
        @media screen and (max-width: 800px) {
          .nav .nav_subList .nav_subList_item .nav_subList_item_second .item {
            visibility: visible;
            display: block;
            width: auto;
            height: auto;
            top: 0;
            left: 0;
            background: none;
            border: none; }
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item a {
              display: block;
              width: auto;
              height: auto;
              padding-left: 20px;
              color: #000; }
              .nav .nav_subList .nav_subList_item .nav_subList_item_second .item a:before {
                font-family: 'fonticon' !important;
                content: "\e900";
                display: block;
                margin-right: 10px;
                font-size: 6px;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                color: #a5a5a5;
                position: absolute;
                left: 0;
                top: 0; }
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item a:hover {
              background: none;
              color: #000; }
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current a:before {
              color: #005f6e; }
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item.is-current a:hover {
              color: #005f6e; }
            .nav .nav_subList .nav_subList_item .nav_subList_item_second .item:first-child {
              border: none; } }

.nav .nav_link {
  display: block;
  white-space: nowrap;
  padding: 10px 15px;
  line-height: 1.4;
  position: relative;
  width: 230px;
  height: 36px;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .nav .nav_link {
      width: 100%;
      height: auto;
      padding: 15px 15px 15px 30px;
      color: #000; }
      .nav .nav_link:before {
        font-family: 'fonticon' !important;
        content: "\e900";
        display: block;
        margin-right: 10px;
        font-size: 6px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #a5a5a5;
        position: absolute;
        left: 15px;
        top: 17px; } }
  .nav .nav_link:hover {
    background: #e6e6e6;
    color: #005f6e;
    text-decoration: none; }
    @media screen and (max-width: 800px) {
      .nav .nav_link:hover {
        background: none;
        color: #333; } }
  .nav .nav_link:hover:before {
    color: #005f6e; }
    @media screen and (max-width: 800px) {
      .nav .nav_link:hover:before {
        color: #a5a5a5; } }
  .nav .nav_link.is-current {
    background: #e6e6e6;
    color: #005f6e !important;
    font-weight: bold; }
    @media screen and (max-width: 800px) {
      .nav .nav_link.is-current {
        background: #ffffff; } }
    .nav .nav_link.is-current:before {
      color: #005f6e; }
  .nav .nav_link.nav_second:before {
    font-family: 'fonticon' !important;
    content: "\e900";
    display: block;
    margin-right: 10px;
    font-size: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #a5a5a5;
    position: absolute;
    right: 0;
    top: 11px; }
  @media screen and (max-width: 800px) {
    .nav .nav_link.nav_second:before {
      visibility: hidden; }
    .nav .nav_link.nav_second.is-current {
      color: #000; } }
  .nav .nav_link.nav_second .nav_second_item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    color: #000;
    text-decoration: none; }
    .nav .nav_link.nav_second .nav_second_item:hover {
      color: #005f6e; }
      @media screen and (max-width: 800px) {
        .nav .nav_link.nav_second .nav_second_item:hover {
          color: #333; } }
    .nav .nav_link.nav_second .nav_second_item:before {
      font-family: 'fonticon' !important;
      content: "\e900";
      display: block;
      margin-right: 10px;
      font-size: 10px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      color: #a5a5a5;
      position: absolute;
      right: 0;
      top: 11px; }
    @media screen and (max-width: 800px) {
      .nav .nav_link.nav_second .nav_second_item:before {
        font-family: 'fonticon' !important;
        content: "\e900";
        display: block;
        margin-right: 10px;
        font-size: 6px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #a5a5a5;
        position: absolute;
        left: 0;
        right: auto;
        top: 17px; } }

/* sideNav */
.sideNav {
  color: #000;
  background: #f4f4f4;
  border-radius: 0 0 4px 4px; }
  .sideNav .sideNav_header {
    padding: 5px;
    text-align: center;
    background: #999;
    color: #fff;
    font-size: 12px; }
  .sideNav .sideNav_content {
    padding-top: 10px;
    padding-bottom: 10px; }
    .sideNav .sideNav_content.sideNav_recruit_intern, .sideNav .sideNav_content.sideNav_service {
      padding-top: 0;
      font-size: 13px; }
      @media screen and (max-width: 800px) {
        .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_list .sideNav_item:nth-child(even), .sideNav .sideNav_content.sideNav_service .sideNav_list .sideNav_item:nth-child(even) {
          border-left: none; } }
      .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link, .sideNav .sideNav_content.sideNav_service .sideNav_link {
        position: relative;
        display: block;
        min-height: auto;
        padding: 10px 0 10px 23px;
        font-size: 13px;
        font-weight: normal;
        line-height: 1;
        border-top: 1px solid #ccc; }
        @media screen and (max-width: 800px) {
          .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link, .sideNav .sideNav_content.sideNav_service .sideNav_link {
            width: auto;
            border-top: none; } }
        .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link:before, .sideNav .sideNav_content.sideNav_service .sideNav_link:before {
          font-family: 'fonticon' !important;
          content: "\e900";
          display: block;
          -webkit-transform: translateY(-50%) rotate(90deg) scale(0.8);
          -ms-transform: translateY(-50%) rotate(90deg) scale(0.8);
          transform: translateY(-50%) rotate(90deg) scale(0.8);
          font-size: 10px;
          color: #999;
          position: absolute;
          top: 50%;
          left: 8px; }
        .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link:hover, .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.is-current, .sideNav .sideNav_content.sideNav_service .sideNav_link:hover, .sideNav .sideNav_content.sideNav_service .sideNav_link.is-current {
          background: #e5e5e5;
          color: #005f6e; }
          @media screen and (min-width: 801px) {
            .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link:hover:before, .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.is-current:before, .sideNav .sideNav_content.sideNav_service .sideNav_link:hover:before, .sideNav .sideNav_content.sideNav_service .sideNav_link.is-current:before {
              content: "";
              width: 1px;
              height: 100%;
              background: #005f6e;
              -webkit-transform: none;
              -ms-transform: none;
              transform: none;
              position: absolute;
              top: 0;
              left: -4px; } }
        .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.nav_second, .sideNav .sideNav_content.sideNav_service .sideNav_link.nav_second {
          padding: 12px 0 5px 10px;
          font-weight: normal; }
          @media screen and (max-width: 800px) {
            .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.nav_second, .sideNav .sideNav_content.sideNav_service .sideNav_link.nav_second {
              padding: 5px 0 5px 10px;
              border-bottom: 1px dashed #999; } }
          .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.nav_second:before, .sideNav .sideNav_content.sideNav_service .sideNav_link.nav_second:before {
            visibility: hidden; }
          .sideNav .sideNav_content.sideNav_recruit_intern .sideNav_link.nav_second:hover, .sideNav .sideNav_content.sideNav_service .sideNav_link.nav_second:hover {
            background: #f4f4f4;
            color: #000; }
    @media screen and (max-width: 800px) {
      .sideNav .sideNav_content {
        padding-top: 0;
        padding-bottom: 0; } }
  @media screen and (max-width: 800px) {
    .sideNav .sideNav_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media screen and (max-width: 800px) {
    .sideNav .sideNav_list .sideNav_item {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%;
      border-bottom: 1px dashed #999; }
      .sideNav .sideNav_list .sideNav_item:nth-child(even) {
        border-left: 1px dashed #999; }
      .sideNav .sideNav_list .sideNav_item.company:nth-child(5) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.company:nth-child(6) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.s-business:nth-child(7) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.s-business:nth-child(8) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.recruit:nth-child(3) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.recruit:nth-child(4) {
        border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.category_style1 {
        width: 100%; }
        .sideNav .sideNav_list .sideNav_item.category_style1:nth-child(2) {
          border-bottom: none; }
        .sideNav .sideNav_list .sideNav_item.category_style1 .nav_subList_item_second {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .sideNav .sideNav_list .sideNav_item.category_style1 .nav_subList_item_second .item {
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: 1px dashed #999; }
            .sideNav .sideNav_list .sideNav_item.category_style1 .nav_subList_item_second .item:nth-child(odd) {
              border-right: 1px dashed #999; }
            .sideNav .sideNav_list .sideNav_item.category_style1 .nav_subList_item_second .item:nth-child(9) {
              border-bottom: none; }
      .sideNav .sideNav_list .sideNav_item.category_style2 {
        border-bottom: none; }
        .sideNav .sideNav_list .sideNav_item.category_style2:nth-child(odd) {
          border-right: 1px dashed #999; } }
  .sideNav .sideNav_list .sideNav_item a {
    color: #000; }
    .sideNav .sideNav_list .sideNav_item a:hover {
      background: #e5e5e5;
      color: #005f6e; }
      @media screen and (min-width: 801px) {
        .sideNav .sideNav_list .sideNav_item a:hover:before {
          content: "";
          width: 1px;
          height: 100%;
          background: #005f6e;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          position: absolute;
          top: 0;
          left: -4px; } }
      @media screen and (max-width: 800px) {
        .sideNav .sideNav_list .sideNav_item a:hover:before {
          color: #005f6e; } }
  .sideNav .sideNav_list .sideNav_item.is-current {
    background: #e5e5e5;
    color: #005f6e; }
    @media screen and (min-width: 801px) {
      .sideNav .sideNav_list .sideNav_item.is-current:before {
        content: "";
        width: 1px;
        height: 33px;
        background: #005f6e;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: absolute;
        left: -4px; } }
    @media screen and (max-width: 800px) {
      .sideNav .sideNav_list .sideNav_item.is-current:before {
        color: #005f6e; } }
  .sideNav .sideNav_list .sideNav_item .item {
    width: 100%; }
    .sideNav .sideNav_list .sideNav_item .item a {
      position: relative;
      display: block;
      padding: 10px 10px 10px 37px; }
      .sideNav .sideNav_list .sideNav_item .item a:before {
        font-family: 'fonticon' !important;
        content: "\e900";
        display: block;
        -webkit-transform: translateY(-50%) rotate(90deg) scale(0.8);
        -ms-transform: translateY(-50%) rotate(90deg) scale(0.8);
        transform: translateY(-50%) rotate(90deg) scale(0.8);
        font-size: 10px;
        color: #999;
        position: absolute;
        top: 50%;
        left: 20px;
        margin-top: -2px; }
        @media screen and (max-width: 800px) {
          .sideNav .sideNav_list .sideNav_item .item a:before {
            left: 10px; } }
      .sideNav .sideNav_list .sideNav_item .item a:hover, .sideNav .sideNav_list .sideNav_item .item a.is-current {
        background: #e5e5e5;
        color: #005f6e; }
        @media screen and (min-width: 801px) {
          .sideNav .sideNav_list .sideNav_item .item a:hover:before, .sideNav .sideNav_list .sideNav_item .item a.is-current:before {
            content: "";
            width: 1px;
            height: 100%;
            background: #005f6e;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            position: absolute;
            top: 0;
            left: -4px; } }
        @media screen and (max-width: 800px) {
          .sideNav .sideNav_list .sideNav_item .item a:hover:before, .sideNav .sideNav_list .sideNav_item .item a.is-current:before {
            color: #005f6e; } }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_kitchen a {
      padding: 4px 10px 3px 37px;
      line-height: 26px; }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_kitchen img {
      width: 122px;
      padding: 0 15px 0 0; }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_mall a {
      padding: 4px 10px 3px 37px;
      line-height: 26px; }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_mall img {
      width: 122px;
      padding: 0 15px 0 0; }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_more a {
      padding: 7px 10px 6px 37px;
      line-height: 20px; }
    .sideNav .sideNav_list .sideNav_item .item.rurubu_more img {
      width: 122px;
      padding: 0 15px 0 0; }
  .sideNav .sideNav_list .sideNav_link {
    position: relative;
    display: block;
    min-height: 18px;
    padding: 16px 0 16px 40px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px; }
    @media screen and (max-width: 800px) {
      .sideNav .sideNav_list .sideNav_link {
        padding: 15px 0 15px 25px;
        font-size: 14px; } }
    .sideNav .sideNav_list .sideNav_link:before {
      font-family: 'fonticon' !important;
      content: "\e900";
      display: block;
      -webkit-transform: translateY(-50%) rotate(90deg) scale(0.8);
      -ms-transform: translateY(-50%) rotate(90deg) scale(0.8);
      transform: translateY(-50%) rotate(90deg) scale(0.8);
      font-size: 10px;
      color: #999;
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -2px; }
      @media screen and (max-width: 800px) {
        .sideNav .sideNav_list .sideNav_link:before {
          left: 10px; } }
    .sideNav .sideNav_list .sideNav_link:hover, .sideNav .sideNav_list .sideNav_link.is-current {
      background: #e5e5e5;
      color: #005f6e;
      text-decoration: none; }
      @media screen and (min-width: 801px) {
        .sideNav .sideNav_list .sideNav_link:hover:before, .sideNav .sideNav_list .sideNav_link.is-current:before {
          content: "";
          width: 1px;
          height: 100%;
          background: #005f6e;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          position: absolute;
          top: 0;
          left: -4px; } }
      @media screen and (max-width: 800px) {
        .sideNav .sideNav_list .sideNav_link:hover:before, .sideNav .sideNav_list .sideNav_link.is-current:before {
          color: #005f6e; } }
    .sideNav .sideNav_list .sideNav_link.nav_second {
      padding: 5px 0 5px 10px;
      font-weight: normal; }
      .sideNav .sideNav_list .sideNav_link.nav_second:before {
        visibility: hidden; }
      .sideNav .sideNav_list .sideNav_link.nav_second:hover {
        background: #f4f4f4;
        color: #000; }

/*header*/
.header {
  background: #fff;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 801px) {
    .header.is-small .header_inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 10px; }
    .header.is-small .header_logo {
      margin-top: -3px;
      margin-right: 20px; }
      .header.is-small .header_logo .header_logo_img {
        width: 130px; }
    .header.is-small .header_nav {
      margin-top: 0;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
      .header.is-small .header_nav .nav .nav_list_item:not(:first-child) {
        margin-left: 17px; } }
    @media screen and (min-width: 801px) and (max-width: 800px) {
      .header.is-small .header_nav .nav .nav_list_item:not(:first-child) {
        margin-left: 0; } }
  .header .header_inner {
    position: relative;
    z-index: 2;
    margin: auto;
    max-width: 1024px;
    min-width: 944px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px; }
    @media screen and (max-width: 800px) {
      .header .header_inner {
        width: auto;
        min-width: 300px;
        padding: 15px 20px; } }
  .header .header_logo .header_logo_img {
    width: 187px; }
    @media screen and (max-width: 800px) {
      .header .header_logo .header_logo_img {
        width: 110px; } }
  .header .header_nav {
    margin-top: 20px; }
    @media screen and (max-width: 800px) {
      .header .header_nav {
        margin-top: 0; } }
  .header .header_search {
    position: relative;
    z-index: 1; }
    .header .header_search.is-on .header_search_inner {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
    .header .header_search .header_search_inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.3);
      padding: 40px 0;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media screen and (max-width: 800px) {
        .header .header_search .header_search_inner {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px; } }
    .header .header_search .header_search_box {
      margin: auto;
      max-width: 564px; }
      @media screen and (max-width: 800px) {
        .header .header_search .header_search_box {
          max-width: 100%; } }
  .header .header_searchButton {
    position: absolute;
    right: 40px;
    bottom: 5px; }
    @media screen and (max-width: 800px) {
      .header .header_searchButton {
        right: 50px;
        top: 13px; } }
  .header .header_navButton {
    display: none; }
    @media screen and (max-width: 800px) {
      .header .header_navButton {
        display: block;
        position: absolute;
        right: 15px;
        top: 14px; } }
  @media print {
    .header {
      position: relative; }
      .header .header_inner {
        position: absolute;
        top: 0;
        left: 0; } }

body h1.header_logo {
  display: none; }

body#top h1.header_logo {
  display: inherit; }

body#top div.header_logo {
  display: none; }

/*main*/
.main {
  padding-top: 99px; }
  @media screen and (max-width: 800px) {
    .main {
      padding-top: 44px; } }

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-bottom: 132px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .wrapper {
      padding-bottom: 152px; } }

/*footer*/
.footer {
  background: #f4f4f4;
  height: 132px;
  margin-top: -132px; }
  @media screen and (max-width: 800px) {
    .footer {
      height: 152px;
      margin-top: -152px;
      border-top: 1px solid #ccc; } }
  .footer .footer_nav {
    padding-top: 20px; }
    @media screen and (max-width: 800px) {
      .footer .footer_nav {
        padding-top: 10px; } }
    .footer .footer_nav .footer_nav_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 800px) {
        .footer .footer_nav .footer_nav_list {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
    .footer .footer_nav .footer_nav_item {
      padding-left: 20px;
      padding-right: 20px;
      border-right: 1px solid #999;
      color: #999;
      font-size: 12px; }
      @media screen and (max-width: 800px) {
        .footer .footer_nav .footer_nav_item {
          padding-left: 0;
          padding-right: 0;
          margin: 7px 0;
          border-right: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 50%;
          text-align: center; }
          .footer .footer_nav .footer_nav_item:nth-child(even) {
            border-left: 1px solid #ccc; } }
      .footer .footer_nav .footer_nav_item:first-child {
        border-left: 1px solid #999; }
        @media screen and (max-width: 800px) {
          .footer .footer_nav .footer_nav_item:first-child {
            border-left: none; } }
    .footer .footer_nav .footer_nav_link {
      color: #999;
      text-decoration: none; }
      @media screen and (max-width: 800px) {
        .footer .footer_nav .footer_nav_link {
          display: inline-block;
          position: relative;
          text-align: center; } }
      @media screen and (min-width: 801px) {
        .footer .footer_nav .footer_nav_link:hover {
          color: #333;
          text-decoration: underline; } }
  .footer .footer_logo {
    margin-top: 25px;
    text-align: center; }
    .footer .footer_logo .footer_logo_img {
      width: 72px; }
      @media screen and (max-width: 800px) {
        .footer .footer_logo .footer_logo_img {
          width: 54px; } }
  .footer .footer_copyright {
    margin-top: 15px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #005f6e;
    padding: 5px 0; }

/* mainimage */
.mainimage .mainimage_item {
  height: 410px; }
  @media screen and (max-width: 800px) {
    .mainimage .mainimage_item {
      height: 280px; } }
  .mainimage .mainimage_item.mainimage_item-1 {
    background: url(../img/mainimage1.png) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 800px) {
      .mainimage .mainimage_item.mainimage_item-1 {
        background-image: url(../img/mainimage1_sp.png); } }

/* importantNews */
.importantNews {
  background: #f4f4f4; }
  .importantNews .importantNews_inner {
    margin: auto;
    max-width: 1024px;
    padding: 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 800px) {
      .importantNews .importantNews_inner {
        padding: 10px 15px;
        display: block; } }
  .importantNews .importantNews_header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px;
    border-right: 1px solid #ccc;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 20em; }
    @media screen and (max-width: 800px) {
      .importantNews .importantNews_header {
        margin: auto;
        display: table;
        padding: 0 15px;
        border-left: 1px solid #b73333;
        border-right: 1px solid #b73333; } }
  .importantNews .importantNews_heading {
    font-size: 15px;
    font-weight: bold;
    color: #b73333;
    line-height: 1.5; }
    @media screen and (max-width: 800px) {
      .importantNews .importantNews_heading {
        font-size: 12px; } }
  .importantNews .importantNews_text {
    line-height: 1.5; }
    @media screen and (max-width: 800px) {
      .importantNews .importantNews_text {
        margin-top: 10px;
        font-size: 12px; } }

/* topics*/
.topics {
  overflow: hidden;
  margin: auto; }
  .topics a:hover {
    text-decoration: none; }
  .topics.topics-top {
    max-width: 1424px; }
    @media screen and (max-width: 800px) {
      .topics.topics-top {
        border-top: 1px dashed #ccc; } }
    .topics.topics-top .topics_item:nth-child(3), .topics.topics-top .topics_item:nth-child(4), .topics.topics-top .topics_item:nth-child(9) {
      width: 50%; }
      @media screen and (max-width: 800px) {
        .topics.topics-top .topics_item:nth-child(3), .topics.topics-top .topics_item:nth-child(4), .topics.topics-top .topics_item:nth-child(9) {
          width: 100%; } }
      .topics.topics-top .topics_item:nth-child(3) .topics_image:before, .topics.topics-top .topics_item:nth-child(4) .topics_image:before, .topics.topics-top .topics_item:nth-child(9) .topics_image:before {
        padding-top: calc(50% - 20px); }
    @media screen and (max-width: 800px) {
      .topics.topics-top .topics_item:nth-child(4), .topics.topics-top .topics_item:nth-child(n+7) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
    .topics.topics-top .topics_inner {
      margin-bottom: 0; }
  .topics .topics_inner {
    margin-right: -1px;
    margin-bottom: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .topics .topics_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    width: 25%; }
    @media screen and (max-width: 800px) {
      .topics .topics_item {
        width: 50%; } }
    .topics .topics_item.topics_item-new {
      position: relative; }
      .topics .topics_item.topics_item-new:before {
        content: "";
        display: block;
        width: 33px;
        height: 33px;
        background: url(../img/mark_new.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 10px; }
        @media screen and (max-width: 800px) {
          .topics .topics_item.topics_item-new:before {
            width: 30px;
            height: 30px;
            top: 5px;
            left: 5px; } }
    .topics .topics_item .topics_item_inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 10px;
      border: 10px solid #fff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      color: #000; }
      .topics .topics_item .topics_item_inner:hover {
        border-color: #e6e6e6; }
        .topics .topics_item .topics_item_inner:hover .topics_header, .topics .topics_item .topics_item_inner:hover .topics_text {
          text-decoration: underline; }
      @media screen and (max-width: 800px) {
        .topics .topics_item .topics_item_inner {
          border: none; } }
  .topics .topics_image {
    position: relative; }
    .topics .topics_image:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      padding-top: 100%; }
    .topics .topics_image .topics_image_thumb {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .topics .topics_header {
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .topics .topics_header {
        margin-top: 0px; } }
  .topics .topics_heading {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5; }
  .topics .topics_content {
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .topics .topics_content {
        display: none; } }
  .topics .topics_text {
    font-size: 12px;
    line-height: 1.5; }
  .topics .topics_eyebrow {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .topics .topics_eyebrow {
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .topics .topics_date {
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #999899; }
  .topics .topics_label {
    margin-right: 10px; }
  .topics .topics_category {
    margin-bottom: 10px; }

/* banners */
.banners {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 960px; }
  @media (max-width: 980px) {
    .banners {
      width: 640px; } }
  @media (max-width: 660px) {
    .banners {
      display: block;
      width: 320px;
      margin-bottom: 20px; } }
  .banners .banners_item {
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
    margin: 10px;
    background: #fff;
    border-radius: 4px; }
    .banners .banners_item .banners_item_img:hover {
      opacity: 0.6; }

/* news */
@media screen and (max-width: 800px) {
  .news {
    padding: 0;
    border-top: 1px dashed #999999; } }

@media screen and (max-width: 800px) {
  .news .news_item {
    border-bottom: 1px dashed #999999;
    padding: 15px; } }

.news .news_item:not(:first-child) {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    .news .news_item:not(:first-child) {
      margin-top: 0; } }

.news .news_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.news .news_category {
  width: 84px;
  margin-right: 10px; }

.news .news_date {
  font-size: 10px;
  color: #999999; }

.news .news_content {
  margin-left: 94px; }
  @media screen and (max-width: 800px) {
    .news .news_content {
      margin-top: 5px;
      margin-left: 0; } }

.news .news_text {
  line-height: 1.5; }
  @media screen and (max-width: 800px) {
    .news .news_text {
      font-size: 12px; } }

.news .news_link:hover {
  text-decoration: underline; }

/* paginate */
.paginate {
  color: #999;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 800px) {
    .paginate {
      font-size: 10px; } }
  .paginate span {
    margin-left: 5px;
    margin-right: 5px; }
    @media screen and (max-width: 800px) {
      .paginate span {
        margin-left: 3px;
        margin-right: 3px; } }
  .paginate a:not([rel]), .paginate .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #ccc; }
  .paginate a[rel] {
    color: #999; }
    .paginate a[rel]:hover {
      text-decoration: underline; }
  .paginate .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #ccc;
    color: #fff; }

/* checkbox */
input[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: -1000em; }

/* formBlock */
@media screen and (max-width: 800px) {
  .formBlock.enquete {
    margin: 25px 0 0; } }

.formBlock.formBlock-confirm {
  line-height: 1.4; }
  .formBlock.formBlock-confirm .formBlock_item .formBlock_heading {
    width: 160px; }
    .formBlock.formBlock-confirm .formBlock_item .formBlock_heading .formBlock_heading_text {
      font-size: 14px; }
  .formBlock.formBlock-confirm.enquete .formBlock_item .formBlock_heading {
    width: 235px;
    padding-right: 10px; }
    @media screen and (max-width: 800px) {
      .formBlock.formBlock-confirm.enquete .formBlock_item .formBlock_heading {
        width: auto; } }
  @media screen and (max-width: 800px) {
    .formBlock.formBlock-confirm.enquete .formBlock_content.formBlock_content-padding-sp {
      padding: 5px 0 0; } }

.formBlock .formBlock_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_item {
      display: block; } }
  .formBlock .formBlock_item:not(:first-child) {
    margin-top: 20px; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_item.formBlock_item-row-sp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .formBlock .formBlock_item.formBlock_item-row-sp .formBlock_heading {
        width: 120px; }
      .formBlock .formBlock_item.formBlock_item-row-sp .formBlock_content {
        margin-top: 0; } }

.formBlock .formBlock_heading {
  width: 200px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_heading {
      width: auto; } }
  .formBlock .formBlock_heading .formBlock_heading_text {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle; }

.formBlock .formBlock_subNote {
  display: block;
  font-size: 10px;
  color: #999;
  line-height: 1.5;
  margin-top: 5px; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_subNote br {
      display: none; } }

.formBlock .formBlock_content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_content {
      margin-top: 5px; } }
  .formBlock .formBlock_content .radio-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .formBlock .formBlock_content .radio-column li {
      margin-right: 50px; }
  .formBlock .formBlock_content .radio.form-error {
    padding: 6px 5px 5px;
    background-color: #f5dcdc;
    border-radius: 4px; }
    @media screen and (max-width: 800px) {
      .formBlock .formBlock_content .radio.form-error.sex {
        width: 78%; } }
  .formBlock .formBlock_content .radio label.radio-button input[type="radio"]:checked {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .formBlock .formBlock_content .radio label.radio-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all; }
  .formBlock .formBlock_content .radio label.radio-button {
    padding-left: calc(15px + 5px);
    line-height: 1.3; }
  .formBlock .formBlock_content .radio label.radio-button:before,
  .formBlock .formBlock_content .radio label.radio-button:after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    margin-top: 0; }
  .formBlock .formBlock_content .radio label.radio-button.items-start:before,
  .formBlock .formBlock_content .radio label.radio-button.items-start:after {
    bottom: auto; }
  .formBlock .formBlock_content .radio label.radio-button:before {
    border-radius: 100%;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    left: 0px;
    z-index: 2; }
  .formBlock .formBlock_content .radio label.radio-button:after {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    top: 1px;
    left: 1px;
    background-color: #b73333;
    border: 3px solid #fff; }
  .formBlock .formBlock_content .radio label.radio-button.items-start:after {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    top: 1px;
    left: 1px;
    background-color: #b73333;
    z-index: 1;
    border: 3px solid #fff; }
  .formBlock .formBlock_content .radio label.radio-button input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: 1;
    margin: 0;
    width: 15px;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    left: calc(15px * -1);
    top: 0;
    bottom: 0;
    margin-top: 0;
    border-radius: 100%;
    -webkit-box-shadow: 15px 0px #fff;
    box-shadow: 15px 0px #fff; }
  .formBlock .formBlock_content .radio label.radio-button.items-start input[type="radio"] {
    bottom: auto; }
  .formBlock .formBlock_content .radio label.radio-button input[type="radio"]:checked {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .formBlock .formBlock_content .radio li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1px 0; }
    @media screen and (max-width: 800px) {
      .formBlock .formBlock_content .radio li {
        padding: 5px 0; } }
  .formBlock .formBlock_content .checkbox_wrap.form-error {
    padding: 6px 5px 5px;
    background-color: #f5dcdc;
    border-radius: 4px; }
  .formBlock .formBlock_content .checkbox {
    margin: 10px 0; }
    @media screen and (max-width: 800px) {
      .formBlock .formBlock_content .checkbox {
        margin: 15px 0; } }
    .formBlock .formBlock_content .checkbox .checkbox_label {
      position: relative;
      display: inline-block;
      padding: 0 0 0 23px;
      vertical-align: middle;
      cursor: pointer;
      line-height: 1.2; }
      .formBlock .formBlock_content .checkbox .checkbox_label:before {
        position: absolute;
        top: 7px;
        left: 5px;
        display: block;
        margin-top: -8px;
        width: 5px;
        height: 9px;
        border-right: 3px solid #b73333;
        border-bottom: 3px solid #b73333;
        content: '';
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .formBlock .formBlock_content .checkbox .checkbox_label:after {
        position: absolute;
        content: '';
        top: 7px;
        left: 0;
        display: block;
        margin-top: -10px;
        width: 16px;
        height: 16px;
        border: 1px solid #999;
        border-radius: 2px; }
    .formBlock .formBlock_content .checkbox input[type="checkbox"]:checked + .checkbox_label:before {
      opacity: 1; }
  @media screen and (max-width: 800px) {
    .formBlock .formBlock_content.formBlock_content-padding-sp {
      padding: 15px; } }

.formBlock .formBlock_text {
  display: block;
  font-size: 14px;
  line-height: 1.5; }

.formBlock .formBlock_note {
  font-size: 12px;
  margin-bottom: 5px; }

.formBlock .formBlock_input + .formBlock_note {
  margin-top: 10px; }

.formBlock .formBlock_select + .formBlock_note {
  margin-top: 10px; }

.formBlock .formBlock_input input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  background: #f4f4f4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none; }
  .formBlock .formBlock_input input.form-error {
    background: #f5dcdc; }
  .formBlock .formBlock_input input.postalcode1 {
    width: 20%; }
    @media screen and (max-width: 800px) {
      .formBlock .formBlock_input input.postalcode1 {
        width: 30%; } }
  .formBlock .formBlock_input input.postalcode2 {
    width: 30%; }
    @media screen and (max-width: 800px) {
      .formBlock .formBlock_input input.postalcode2 {
        width: 40%; } }

.formBlock .formBlock_select select {
  border: 1px solid #ccc;
  padding: 5px 40px 5px 10px;
  background: #f4f4f4 url(/img/select_bg.svg) no-repeat center right 8px;
  background-size: 18px 22px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #666; }
  .formBlock .formBlock_select select.form-error {
    background: #f5dcdc url(/img/select_bg.svg) no-repeat center right 8px; }
  .formBlock .formBlock_select select::-ms-expand {
    display: none; }

.formBlock .formBlock_textarea textarea {
  width: 100%;
  height: 240px;
  resize: vertical;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  background: #f4f4f4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none; }
  .formBlock .formBlock_textarea textarea.form-error {
    background: #f5dcdc; }

.formBlock .formBlock_select + .formBlock_textarea {
  margin-top: 10px; }

.formBlock .error-message {
  margin-top: 5px;
  font-size: 12px;
  color: #b73333; }

.formBlock.enquete {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #ccc; }
  .formBlock.enquete .formBlock_item {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc; }
  .formBlock.enquete .formBlock_heading {
    width: 260px;
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (max-width: 800px) {
      .formBlock.enquete .formBlock_heading {
        width: auto;
        padding-right: 0; } }
    .formBlock.enquete .formBlock_heading .formBlock_heading_text {
      line-height: 1.4; }
    .formBlock.enquete .formBlock_heading .note_text {
      padding-top: 3px;
      font-size: 14px;
      line-height: 1.4; }
    @media screen and (max-width: 800px) {
      .formBlock.enquete .formBlock_heading {
        width: auto; } }
  .formBlock.enquete .formBlock_content li:not(:first-child) {
    margin-top: 3px; }
  .formBlock.enquete .formBlock_content .radio label.radio-button {
    width: 370px; }
    @media screen and (max-width: 800px) {
      .formBlock.enquete .formBlock_content .radio label.radio-button {
        width: auto; } }
  .formBlock.enquete .formBlock_textarea textarea {
    width: 100%;
    height: 120px; }

/* checkbox */
/* common */
@media screen and (max-width: 800px) {
  .formBlock input[type=text],
  .formBlock textarea,
  .formBlock select {
    font-size: 16px; } }

/* table */
.table.table-typeA {
  width: 100%; }
  .table.table-typeA > tbody > tr > th,
  .table.table-typeA > tbody > tr > td {
    vertical-align: top;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .table.table-typeA > tbody > tr {
      display: block;
      border-top: 1px solid #ccc; } }
  .table.table-typeA > tbody > tr > th {
    padding-right: 40px;
    border-top: 2px solid #000;
    white-space: nowrap; }
    @media screen and (max-width: 800px) {
      .table.table-typeA > tbody > tr > th {
        margin-top: -1px;
        display: inline-block;
        width: 110px;
        padding: 15px 0; } }
  .table.table-typeA > tbody > tr > td {
    padding-left: 40px;
    border-top: 1px solid #ccc; }
    @media screen and (max-width: 800px) {
      .table.table-typeA > tbody > tr > td {
        display: block;
        border-top: none;
        padding: 0 0 30px 0; } }
  .table.table-typeA.table-typeA-2 > tbody > tr > th {
    width: 330px;
    padding-right: 0;
    border-top: 2px solid #000;
    white-space: nowrap; }
    @media screen and (max-width: 800px) {
      .table.table-typeA.table-typeA-2 > tbody > tr > th {
        margin-top: -1px;
        display: inline-block;
        width: 100%;
        padding: 15px 0; } }
  .table.table-typeA.table-typeA-2 > tbody > tr > td {
    padding-left: 20px;
    border-top: 1px solid #ccc; }
    @media screen and (max-width: 800px) {
      .table.table-typeA.table-typeA-2 > tbody > tr > td {
        display: block;
        border-top: none;
        padding: 0 0 30px 0; } }

.table.table-typeB > tbody > tr > th,
.table.table-typeB > tbody > tr > td {
  vertical-align: top;
  text-align: left; }

.table.table-typeB > tbody > tr > th {
  white-space: nowrap; }

.table.table-typeC {
  width: 100%; }
  .table.table-typeC > tbody > tr > th,
  .table.table-typeC > tbody > tr > td {
    vertical-align: top;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .table.table-typeC > tbody > tr {
      display: block;
      border-top: 1px solid #ccc; } }
  .table.table-typeC > tbody > tr > th {
    padding-right: 15px;
    border-top: 2px solid #000;
    white-space: nowrap;
    width: 50px; }
    @media screen and (max-width: 800px) {
      .table.table-typeC > tbody > tr > th {
        margin-top: -1px;
        display: inline-block;
        width: 110px;
        padding: 15px 0; } }
  .table.table-typeC > tbody > tr > td {
    padding-left: 15px;
    border-top: 1px solid #ccc; }
    @media screen and (max-width: 800px) {
      .table.table-typeC > tbody > tr > td {
        display: block;
        border-top: none;
        padding: 0 0 30px 0; } }

.table.table-typeD > tbody > tr:not(:last-child) > th, .table.table-typeD > tbody > tr:not(:last-child) > td {
  padding-bottom: 15px; }
  @media screen and (max-width: 800px) {
    .table.table-typeD > tbody > tr:not(:last-child) > th, .table.table-typeD > tbody > tr:not(:last-child) > td {
      padding-bottom: 0px; } }

.table.table-typeD > tbody > tr > th {
  padding-right: 30px;
  white-space: nowrap;
  vertical-align: top; }
  @media screen and (max-width: 800px) {
    .table.table-typeD > tbody > tr > th {
      padding-right: 10px; } }

.table.table-typeD > tbody > tr > td {
  vertical-align: top; }

.table.table-typeE {
  border-collapse: collapse;
  width: 100%; }
  @media screen and (max-width: 800px) {
    .table.table-typeE {
      border-bottom: 1px solid #ccc; } }
  .table.table-typeE > tbody > tr > th {
    padding-bottom: 15px;
    vertical-align: top; }
  .table.table-typeE > tbody > tr > td {
    padding-bottom: 15px;
    padding-left: 10px;
    vertical-align: top; }
  .table.table-typeE > tbody > tr:nth-child(2n+3) > th, .table.table-typeE > tbody > tr:nth-child(2n+3) > td {
    padding-top: 20px;
    border-top: 1px solid #ccc; }

.table.table-typeF {
  width: 100%;
  border-spacing: 0;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999; }
  .table.table-typeF .table-category {
    background: #e6e6e6;
    text-align: center; }
  .table.table-typeF .table-title {
    width: 210px; }
    @media screen and (max-width: 800px) {
      .table.table-typeF .table-title {
        width: 100px; } }
  .table.table-typeF > tbody > tr > td {
    vertical-align: top;
    text-align: left;
    padding: 10px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #999;
    border-left: 1px solid #999; }
  .table.table-typeF > tbody > tr > th {
    background: #f4f4f4;
    vertical-align: top;
    text-align: left;
    padding: 10px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #999;
    border-left: 1px solid #999; }

.table.table-typeG {
  width: 100%; }
  .table.table-typeG > tbody > tr > th {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
    padding-top: 20px;
    width: 87px; }
    .table.table-typeG > tbody > tr > th.table-typeG-th-type1 {
      padding-top: 35px; }
    @media screen and (max-width: 800px) {
      .table.table-typeG > tbody > tr > th {
        display: block; } }
  .table.table-typeG > tbody > tr > td {
    text-align: left;
    vertical-align: top;
    word-break: break-all;
    padding-top: 20px; }
    @media screen and (max-width: 800px) {
      .table.table-typeG > tbody > tr > td {
        display: block;
        padding-top: 10px; } }

.table.table-typeH > tbody > tr > th {
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
  white-space: nowrap;
  padding-bottom: 20px; }
  @media screen and (max-width: 800px) {
    .table.table-typeH > tbody > tr > th {
      font-weight: bold; } }

.table.table-typeH > tbody > tr > td {
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
  padding-bottom: 20px; }

.table.table-typeI {
  width: 100%; }
  .table.table-typeI > tbody > tr > th,
  .table.table-typeI > tbody > tr > td {
    vertical-align: top;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .table.table-typeI > tbody > tr {
    border-bottom: 1px solid #dfdfdf; }
    @media screen and (max-width: 800px) {
      .table.table-typeI > tbody > tr {
        display: block; } }
  .table.table-typeI > tbody > tr > th {
    padding-right: 40px;
    white-space: nowrap; }
    @media screen and (max-width: 800px) {
      .table.table-typeI > tbody > tr > th {
        margin-top: -1px;
        display: inline-block;
        width: 110px;
        padding: 15px 0; } }
  .table.table-typeI > tbody > tr > td {
    padding-left: 40px; }
    @media screen and (max-width: 800px) {
      .table.table-typeI > tbody > tr > td {
        display: block;
        border-top: none;
        padding: 0 0 10px 0; } }

.table .table_cell-mid {
  vertical-align: middle !important; }

.anchor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 800px) {
    .anchor_list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 30px; } }
  .anchor_list.anchor_list-typeB {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .anchor_list.anchor_list-typeB {
        margin: 0; } }
    .anchor_list.anchor_list-typeB.anchor_list-center {
      width: 410px;
      margin: 0 auto; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeB.anchor_list-center {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeB.anchor_list-center .anchor {
          width: 50%; } }
    .anchor_list.anchor_list-typeB .anchor {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: -1px;
      margin-bottom: -1px;
      width: 205px;
      border: 1px solid #999; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeB .anchor {
          width: 33.4%; } }
  .anchor_list.anchor_list-typeC {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .anchor_list.anchor_list-typeC {
        margin: 0; } }
    .anchor_list.anchor_list-typeC.anchor_list-center {
      width: 410px;
      margin: 0 auto; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeC.anchor_list-center {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeC.anchor_list-center .anchor {
          width: 50%; } }
    .anchor_list.anchor_list-typeC .anchor {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: -1px;
      margin-bottom: -1px;
      width: 191px;
      border: 1px solid #999; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeC .anchor {
          width: 50%; } }
  .anchor_list.anchor_list-typeD {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .anchor_list.anchor_list-typeD {
        width: 90%;
        margin: 0 auto; } }
    .anchor_list.anchor_list-typeD .anchor {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: -1px;
      margin-bottom: -1px;
      width: 187px;
      border: 1px solid #999; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeD .anchor {
          width: 50%; } }
  .anchor_list.anchor_list-typeE {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .anchor_list.anchor_list-typeE {
        width: 90%;
        margin: 0 auto; } }
    .anchor_list.anchor_list-typeE .anchor {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: -1px;
      margin-bottom: -1px;
      width: auto;
      border: 1px solid #999; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeE .anchor {
          width: 50%; } }
      .anchor_list.anchor_list-typeE .anchor.list1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .anchor_list.anchor_list-typeE .anchor.list2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2; }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list2 {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1; } }
      .anchor_list.anchor_list-typeE .anchor.list3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3; }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list3 {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1; } }
      .anchor_list.anchor_list-typeE .anchor.list1-w {
        width: 417px; }
        @media screen and (min-width: 801px) and (max-width: 1024px) {
          .anchor_list.anchor_list-typeE .anchor.list1-w {
            width: 390px; } }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list1-w {
            width: 50%; } }
      .anchor_list.anchor_list-typeE .anchor.list2-w {
        width: 329px; }
        @media screen and (min-width: 801px) and (max-width: 1024px) {
          .anchor_list.anchor_list-typeE .anchor.list2-w {
            width: 281px; } }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list2-w {
            width: 50%; } }
      .anchor_list.anchor_list-typeE .anchor.list3-w {
        width: 253px; }
        @media screen and (min-width: 801px) and (max-width: 1024px) {
          .anchor_list.anchor_list-typeE .anchor.list3-w {
            width: 250px; } }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list3-w {
            width: 50%; } }
      .anchor_list.anchor_list-typeE .anchor.list4-w {
        width: 165px; }
        @media screen and (min-width: 801px) and (max-width: 1024px) {
          .anchor_list.anchor_list-typeE .anchor.list4-w {
            width: 141px; } }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeE .anchor.list4-w {
            width: 50%; } }
  .anchor_list.anchor_list-typeF {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .anchor_list.anchor_list-typeF {
        width: 90%;
        margin: 0 auto; } }
    .anchor_list.anchor_list-typeF .anchor {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: -1px;
      margin-bottom: -1px;
      width: auto;
      border: 1px solid #999; }
      @media screen and (max-width: 800px) {
        .anchor_list.anchor_list-typeF .anchor {
          width: 50%; } }
      .anchor_list.anchor_list-typeF .anchor.list1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        @media screen and (max-width: 800px) {
          .anchor_list.anchor_list-typeF .anchor.list1 {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0; } }

.anchor {
  width: 170px;
  text-align: center;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999; }
  @media screen and (max-width: 800px) {
    .anchor {
      padding-left: 0;
      padding-right: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 50%; }
      .anchor:nth-child(1) {
        border-bottom: none; }
      .anchor:nth-child(2) {
        border-bottom: none; }
      .anchor:nth-child(odd) {
        border-left: 1px solid #999; } }
  .anchor:first-child {
    border-left: 1px solid #999; }

.anchor_link {
  display: block;
  padding: 10px 0; }
  @media screen and (max-width: 800px) {
    .anchor_link {
      position: relative;
      text-align: center; } }
  .anchor_link.anchor_link-typeB {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    color: #666; }
    @media screen and (max-width: 800px) {
      .anchor_link.anchor_link-typeB {
        font-size: 12px;
        padding: 10px 5px; } }
    .anchor_link.anchor_link-typeB:after {
      font-family: "fonticon";
      content: "\e90c";
      display: block;
      color: #999;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      font-size: 12px; }
      @media screen and (max-width: 800px) {
        .anchor_link.anchor_link-typeB:after {
          font-size: 10px; } }
    .anchor_link.anchor_link-typeB:hover {
      background: #e6e6e6;
      text-decoration: none; }
  .anchor_link.anchor_link-typeC {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px 11px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    color: #666; }
    @media screen and (max-width: 800px) {
      .anchor_link.anchor_link-typeC {
        font-size: 12px;
        padding: 10px 5px; } }
    .anchor_link.anchor_link-typeC:after {
      font-family: "fonticon";
      content: "\e90c";
      display: block;
      color: #999;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      font-size: 12px; }
      @media screen and (max-width: 800px) {
        .anchor_link.anchor_link-typeC:after {
          font-size: 10px; } }
    .anchor_link.anchor_link-typeC:hover {
      background: #e6e6e6;
      text-decoration: none; }

/*------ ページ ------*/
/*top*/
@media screen and (max-width: 800px) {
  .top_layout1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }

.top_section {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 800px) {
    .top_section {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .top_section.top_section-webService {
    background: url(../img/web_service_bg.jpg) no-repeat bottom center;
    background-size: cover;
    color: #fff; }
  .top_section.top_section-news {
    margin: auto;
    max-width: 1024px;
    padding-left: 40px;
    padding-right: 40px; }
    @media screen and (max-width: 800px) {
      .top_section.top_section-news {
        padding-left: 0;
        padding-right: 0; } }
  .top_section .top_section_heading {
    text-align: center; }
    .top_section .top_section_heading .top_section_heading_text1 {
      font-size: 50px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .top_section .top_section_heading .top_section_heading_text1 {
          font-size: 35px; } }
    .top_section .top_section_heading .top_section_heading_text2 {
      margin-top: 10px;
      display: block;
      font-size: 12px;
      font-weight: bold; }
  .top_section .top_section_contents {
    margin-top: 35px; }
    @media screen and (max-width: 800px) {
      .top_section .top_section_contents {
        margin-top: 20px; } }
  .top_section .top_section_button {
    margin-top: 35px;
    text-align: center; }
    @media screen and (max-width: 800px) {
      .top_section .top_section_button {
        margin-top: 15px; } }
  .top_section a {
    color: #000;
    text-decoration: none; }

/* detail */
.detail {
  margin: auto;
  max-width: 1024px;
  padding: 55px 40px; }
  @media screen and (max-width: 800px) {
    .detail {
      padding: 15px 15px 50px 15px; } }
  .detail .detail_header .detail_header_top {
    margin-top: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_header_top {
        margin-top: auto;
        display: block; } }
  .detail .detail_header .detail_inTitle {
    text-align: center; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_inTitle {
        display: none; } }
  .detail .detail_header .detail_date {
    margin-top: 10px;
    font-size: 16px; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_date {
        font-size: 12px; } }
  .detail .detail_header .detail_sns-pc {
    margin-top: 2px; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_sns-pc {
        display: none; } }
  .detail .detail_header .detail_sns-sp {
    display: none; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_sns-sp {
        display: table;
        margin-left: auto;
        margin-top: 15px; } }
  .detail .detail_header .detail_heading {
    margin-top: 30px;
    margin-bottom: 30px; }
    @media screen and (max-width: 800px) {
      .detail .detail_header .detail_heading {
        margin-top: 10px;
        margin-bottom: 0; } }
    .detail .detail_header .detail_heading .detail_heading_text {
      font-size: 30px;
      font-weight: bold;
      line-height: 1.5; }
      @media screen and (max-width: 800px) {
        .detail .detail_header .detail_heading .detail_heading_text {
          font-size: 20px; } }
  @media screen and (max-width: 800px) {
    .detail .detail_lead {
      margin-top: 15px; } }
  .detail .detail_lead.detail_lead_text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.5; }
    @media screen and (max-width: 800px) {
      .detail .detail_lead.detail_lead_text {
        margin-bottom: 15px; } }
  .detail .detail_links {
    margin-top: 10px;
    color: #666;
    font-size: 14px; }
    @media screen and (max-width: 800px) {
      .detail .detail_links {
        font-size: 12px; } }
    .detail .detail_links .detail_links_link {
      display: inline-block;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .detail .detail_links .detail_links_link:before {
        font-family: 'fonticon' !important;
        content: "\e900";
        display: inline-block;
        margin-right: 6px;
        width: 22px;
        height: 22px;
        border: 2px solid #ccc;
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 3px;
        text-align: center;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #ccc;
        font-size: 10px; }
        @media screen and (max-width: 800px) {
          .detail .detail_links .detail_links_link:before {
            margin-right: 0px;
            padding-top: 4px;
            -webkit-transform: scale(0.8) rotate(90deg);
            -ms-transform: scale(0.8) rotate(90deg);
            transform: scale(0.8) rotate(90deg); } }
      .detail .detail_links .detail_links_link .detail_links_pdf {
        margin-left: 10px; }
  .detail .detail_section {
    margin-top: 40px; }
    @media screen and (max-width: 800px) {
      .detail .detail_section {
        margin-top: 30px; } }
    .detail .detail_section.detail_section_image.detail_section_image-one {
      text-align: center; }
      .detail .detail_section.detail_section_image.detail_section_image-one .detail_section_image_item .detail_section_image_img {
        max-width: 100%;
        max-height: 480px; }
    .detail .detail_section.detail_section_image.detail_section_image-two {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .detail .detail_section.detail_section_image.detail_section_image-two .detail_section_image_item {
        overflow: hidden; }
        .detail .detail_section.detail_section_image.detail_section_image-two .detail_section_image_item:not(:first-child) {
          margin-left: 20px; }
          @media screen and (max-width: 800px) {
            .detail .detail_section.detail_section_image.detail_section_image-two .detail_section_image_item:not(:first-child) {
              margin-left: 10px; } }
        .detail .detail_section.detail_section_image.detail_section_image-two .detail_section_image_item .detail_section_image_img {
          max-width: 100%;
          max-height: 376px;
          width: auto;
          height: auto; }
    .detail .detail_section.detail_section_image.detail_section_image-three {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 800px) {
        .detail .detail_section.detail_section_image.detail_section_image-three {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout1 {
        overflow: hidden; }
        .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout1 .detail_section_image_item {
          overflow: hidden; }
          .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout1 .detail_section_image_item .detail_section_image_img {
            max-width: 100%;
            max-height: 508px;
            width: auto;
            height: auto; }
      .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 {
        overflow: hidden;
        margin-left: 20px; }
        @media screen and (max-width: 800px) {
          .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 {
            margin-left: 0;
            margin-top: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
        .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item {
          overflow: hidden; }
          @media screen and (max-width: 800px) {
            .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item {
              width: 50%; } }
          .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item:not(:first-child) {
            margin-top: 20px; }
            @media screen and (max-width: 800px) {
              .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item:not(:first-child) {
                margin-top: 0;
                margin-left: 10px; } }
          .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item .detail_section_image_img {
            max-width: 100%;
            max-height: 244px;
            width: auto;
            height: auto; }
            @media screen and (max-width: 800px) {
              .detail .detail_section.detail_section_image.detail_section_image-three .detail_section_image_layout2 .detail_section_image_item .detail_section_image_img {
                width: 100%;
                max-height: 100%; } }
  .detail .detail_section_header {
    margin-top: 40px; }
    @media screen and (max-width: 800px) {
      .detail .detail_section_header {
        margin-top: 20px; } }
    .detail .detail_section_header .detail_section_heading {
      border-left: 7px solid #000;
      padding: 5px 0 5px 12px;
      font-weight: bold;
      line-height: 1.3; }
      .detail .detail_section_header .detail_section_heading.text_s {
        font-size: 16px; }
      .detail .detail_section_header .detail_section_heading.text_m {
        font-size: 20px; }
      .detail .detail_section_header .detail_section_heading.text_l {
        font-size: 24px; }
      @media screen and (max-width: 800px) {
        .detail .detail_section_header .detail_section_heading {
          padding-left: 5px; }
          .detail .detail_section_header .detail_section_heading.text_s {
            font-size: 16px; }
          .detail .detail_section_header .detail_section_heading.text_m {
            font-size: 18px; }
          .detail .detail_section_header .detail_section_heading.text_l {
            font-size: 20px; } }
  .detail .detail_section_content {
    margin-top: 20px;
    margin-bottom: 80px; }
    @media screen and (max-width: 800px) {
      .detail .detail_section_content {
        margin-bottom: 50px; } }
    .detail .detail_section_content.detail_section_text {
      line-height: 1.8; }
  .detail .detail_button {
    text-align: center;
    margin-top: 80px; }

/*contact*/
.contact {
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px; }
  @media screen and (max-width: 800px) {
    .contact {
      margin: 25px 15px 0; } }
  .contact .contact_linkFaq {
    text-align: right;
    color: #005f6e; }
    .contact .contact_linkFaq .icon {
      font-size: 10px; }
    .contact .contact_linkFaq.contact_linkFaq-pc {
      font-size: 14px;
      margin-bottom: 10px; }
      @media screen and (max-width: 800px) {
        .contact .contact_linkFaq.contact_linkFaq-pc {
          display: none; } }
    .contact .contact_linkFaq.contact_linkFaq-sp {
      margin-top: 40px;
      margin-bottom: 15px;
      font-size: 12px; }
      @media screen and (min-width: 801px) {
        .contact .contact_linkFaq.contact_linkFaq-sp {
          display: none; } }
  @media screen and (min-width: 801px) {
    .contact .contact_box {
      border: solid #f4f4f4 5px;
      padding: 55px; } }
  @media screen and (max-width: 800px) {
    .contact .contact_box {
      padding: 0 15px; } }
  .contact .contact_description {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      .contact .contact_description {
        margin-bottom: 20px; } }
    .contact .contact_description .contact_description_bottom {
      margin-top: 20px; }
      .contact .contact_description .contact_description_bottom .text.text-required {
        display: inline;
        padding-top: 2px;
        padding-bottom: 1px; }
  .contact .contact_form .contact_form_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .contact .contact_form .contact_form_name {
    width: 200px; }
  .contact .contact_note {
    margin-top: 50px; }
    .contact .contact_note .contact_note_header {
      text-align: center; }
    .contact .contact_note .contact_note_box {
      margin-top: 15px;
      border: #b73333 solid 2px; }
      .contact .contact_note .contact_note_box.is-on .contact_note_button_icon:before {
        content: "\e907"; }
      .contact .contact_note .contact_note_box.is-on .contact_note_content {
        max-height: 1000px; }
    .contact .contact_note .contact_note_button {
      padding: 25px 0px;
      cursor: pointer;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 800px) {
        .contact .contact_note .contact_note_button {
          padding: 10px 0; } }
      .contact .contact_note .contact_note_button .contact_note_button_text {
        font-weight: bold;
        font-size: 18px;
        color: #b73333; }
        @media screen and (max-width: 800px) {
          .contact .contact_note .contact_note_button .contact_note_button_text {
            font-size: 15px;
            line-height: 1.2; } }
        @media screen and (min-width: 801px) {
          .contact .contact_note .contact_note_button .contact_note_button_text br {
            display: none; } }
      .contact .contact_note .contact_note_button .contact_note_button_icon {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #b73333;
        font-size: 18px; }
        @media screen and (max-width: 800px) {
          .contact .contact_note .contact_note_button .contact_note_button_icon {
            right: 10px;
            font-size: 14px; } }
        .contact .contact_note .contact_note_button .contact_note_button_icon:before {
          font-family: 'fonticon' !important;
          content: "\e909"; }
    .contact .contact_note .contact_note_content {
      overflow: hidden;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      max-height: 0; }
      .contact .contact_note .contact_note_content .contact_note_content_inner {
        padding: 0 30px 30px 30px; }
        @media screen and (max-width: 800px) {
          .contact .contact_note .contact_note_content .contact_note_content_inner {
            padding: 0 15px 15px; } }
    .contact .contact_note .contact_note_heading {
      font-size: 12px;
      font-weight: bold; }
      .contact .contact_note .contact_note_heading:not(:first-child) {
        margin-top: 20px; }
    .contact .contact_note .contact_note_text {
      margin-top: 5px;
      margin-left: 1em;
      font-size: 12px;
      line-height: 1.5; }
    .contact .contact_note .contact_note_message {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1.5; }
  .contact .contact_agree {
    margin-top: 50px; }
    @media screen and (max-width: 800px) {
      .contact .contact_agree {
        margin-top: 30px; } }
    .contact .contact_agree .contact_agree_text {
      text-align: center;
      font-weight: bold;
      font-size: 14px; }

@includ sp {
  .contact .contact_agree .contact_agree_text {
    font-size: 12px; } }
      @media screen and (max-width: 800px) {
        .contact .contact_agree .contact_agree_text .contact_agree_text1 {
          display: block; } }
      .contact .contact_agree .contact_agree_text .contact_agree_text2 {
        color: #b73333; }
        @media screen and (max-width: 800px) {
          .contact .contact_agree .contact_agree_text .contact_agree_text2 {
            margin-top: 5px;
            display: block; } }
    .contact .contact_agree .contact_agree_button {
      margin-top: 20px;
      text-align: center; }
      .contact .contact_agree .contact_agree_button .checkbox label {
        font-size: 18px;
        font-weight: bold;
        cursor: pointer; }
        .contact .contact_agree .contact_agree_button .checkbox label:before {
          content: "";
          margin-right: 10px;
          margin-top: -2px;
          display: inline-block;
          width: 18px;
          height: 18px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid #ccc;
          background: #f4f4f4;
          vertical-align: middle; }
      .contact .contact_agree .contact_agree_button .checkbox input[type=checkbox] {
        display: none; }
        .contact .contact_agree .contact_agree_button .checkbox input[type=checkbox]:checked + label:before {
          font-family: 'fonticon' !important;
          content: "\e90a";
          color: #fff;
          font-size: 13px;
          background: #b73333;
          border: none;
          padding-top: 3px; }
  .contact .contact_button {
    margin-top: 40px;
    text-align: center; }
    @media screen and (max-width: 800px) {
      .contact .contact_button {
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px; } }
    .contact .contact_button .contact_button_message {
      font-size: 14px;
      margin-bottom: 20px; }
      @media screen and (max-width: 800px) {
        .contact .contact_button .contact_button_message {
          margin-bottom: 10px;
          line-height: 1.5; } }
      @media screen and (min-width: 801px) {
        .contact .contact_button .contact_button_message br {
          display: none; } }
    .contact .contact_button .contact_button_layout {
      margin: auto;
      max-width: 660px;
      position: relative; }
      @media screen and (max-width: 800px) {
        .contact .contact_button .contact_button_layout {
          padding-bottom: 90px; } }
    .contact .contact_button .contact_button_left {
      position: absolute;
      left: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 800px) {
        .contact .contact_button .contact_button_left {
          bottom: 0;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
  .contact .contact_button_top {
    margin-bottom: 15px;
    text-align: center; }
    @media (max-width: 1023px) {
      .contact .contact_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }
    @media screen and (max-width: 800px) {
      .contact .contact_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }
    .contact .contact_button_top .contact_button_message {
      font-size: 14px;
      margin-bottom: 20px; }
      @media screen and (max-width: 800px) {
        .contact .contact_button_top .contact_button_message {
          margin-bottom: 10px;
          line-height: 1.5; } }
      @media screen and (min-width: 801px) {
        .contact .contact_button_top .contact_button_message br {
          display: none; } }
    .contact .contact_button_top .contact_button_layout {
      margin: auto;
      max-width: 660px;
      position: relative; }
      @media screen and (max-width: 800px) {
        .contact .contact_button_top .contact_button_layout {
          padding-bottom: 90px; } }
    .contact .contact_button_top .contact_button_left {
      position: absolute;
      left: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 800px) {
        .contact .contact_button_top .contact_button_left {
          bottom: 0;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
  .contact .detail_links {
    display: inline-block; }
    @media (max-width: 1023px) {
      .contact .detail_links {
        margin-top: 10px; } }
    @media screen and (max-width: 800px) {
      .contact .detail_links {
        margin-top: 10px; } }
  .contact .contact_thanks .contact_thanks_heading {
    text-align: center; }
  .contact .contact_thanks .contact_thanks_content {
    margin-top: 30px; }
  .contact .contact_layout_1col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px dashed #ccc; }
    @media (max-width: 1023px) {
      .contact .contact_layout_1col {
        display: block; } }
    .contact .contact_layout_1col .contact_1col {
      position: relative;
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0 113px 9px; }
      @media (max-width: 1023px) {
        .contact .contact_layout_1col .contact_1col {
          padding: 20px 0; } }
      .contact .contact_layout_1col .contact_1col .contact_1col_heading {
        text-align: left; }
        .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq {
          position: relative;
          display: table-cell;
          vertical-align: bottom;
          width: 145px;
          padding: 0 25px 25px 0; }
          @media (max-width: 1023px) {
            .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq {
              display: block;
              width: 100%;
              padding: 102px 0 0;
              text-align: center; } }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq {
              display: block;
              width: 100%;
              padding: 90px 0 0;
              text-align: center; } }
        .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq:before {
          content: "";
          display: block;
          position: absolute;
          top: 23px;
          left: 70px;
          margin-left: -49px;
          width: 98px;
          height: 81px;
          background: url(/img/contact_faq.png); }
        @media (max-width: 1023px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -49px;
            width: 98px;
            height: 81px;
            background: url(/img/contact_faq.png); } }
        @media screen and (max-width: 800px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_heading.contact_faq:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -49px;
            width: 98px;
            height: 81px;
            background: url(/img/contact_faq.png); } }
        .contact .contact_layout_1col .contact_1col .contact_1col_heading .heading_faq {
          padding-bottom: 15px; }
          @media (max-width: 1023px) {
            .contact .contact_layout_1col .contact_1col .contact_1col_heading .heading_faq {
              padding-bottom: 0; } }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_1col .contact_1col .contact_1col_heading .heading_faq {
              padding-bottom: 0; } }
      .contact .contact_layout_1col .contact_1col .contact_1col_cont {
        display: table-cell;
        vertical-align: bottom;
        width: 355px; }
        @media (max-width: 1023px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_cont {
            display: block;
            width: 100%; } }
        @media screen and (max-width: 800px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_cont {
            display: block;
            width: 100%; } }
      .contact .contact_layout_1col .contact_1col .contact_1col_text {
        margin: 18px auto 10px;
        color: #666;
        display: table; }
        @media (max-width: 1023px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_text {
            margin: 20px 0 10px; } }
        @media screen and (max-width: 800px) {
          .contact .contact_layout_1col .contact_1col .contact_1col_text {
            margin: 10px 0; } }
  .contact .contact_layout_2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px dashed #ccc; }
    @media (max-width: 1023px) {
      .contact .contact_layout_2col {
        display: block; } }
    .contact .contact_layout_2col .contact_2col {
      position: relative;
      width: 50%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding-top: 105px; }
      @media (max-width: 1023px) {
        .contact .contact_layout_2col .contact_2col {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        .contact .contact_layout_2col .contact_2col {
          width: 100%;
          padding-top: 20px; } }
      .contact .contact_layout_2col .contact_2col.even {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-left: 1px dashed #ccc; }
        @media (max-width: 1023px) {
          .contact .contact_layout_2col .contact_2col.even {
            padding-bottom: 20px; } }
        .contact .contact_layout_2col .contact_2col.even .contact_2col_inr {
          width: 355px;
          margin-left: 24px;
          margin-bottom: 24px; }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col.even .contact_2col_inr {
              width: 100%;
              margin-left: 0;
              margin-bottom: 0; } }
        @media (max-width: 1023px) {
          .contact .contact_layout_2col .contact_2col.even {
            border: none;
            border-top: 1px dashed #ccc;
            padding-left: 0; } }
        @media screen and (max-width: 800px) {
          .contact .contact_layout_2col .contact_2col.even {
            padding-top: 30px; } }
      @media (max-width: 1023px) {
        .contact .contact_layout_2col .contact_2col.odd {
          padding-bottom: 20px; } }
      .contact .contact_layout_2col .contact_2col.odd .contact_2col_inr {
        width: 355px;
        margin-right: 24px;
        margin-bottom: 24px; }
        @media (max-width: 1023px) {
          .contact .contact_layout_2col .contact_2col.odd .contact_2col_inr {
            width: 100%;
            margin-right: 0;
            margin-bottom: 0; } }
      @media (max-width: 1023px) {
        .contact .contact_layout_2col .contact_2col.odd {
          padding-right: 0; } }
      .contact .contact_layout_2col .contact_2col .contact_2col_inr {
        width: 100%; }
        .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading {
          text-align: center; }
          .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_service:before {
            content: "";
            display: block;
            position: absolute;
            top: 20px;
            left: 50%;
            margin-left: -39px;
            width: 55px;
            height: 69px;
            background: url(/img/contact_service.png); }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_service {
              padding-top: 80px; } }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_service:before {
              margin-left: -27px; } }
          .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_business:before {
            content: "";
            display: block;
            position: absolute;
            top: 20px;
            left: 50%;
            margin-left: -30px;
            width: 83px;
            height: 60px;
            background: url(/img/contact_business.png); }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_business {
              padding-top: 61px; } }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_business:before {
              margin-left: -42px; } }
          .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_media:before {
            content: "";
            display: block;
            position: absolute;
            top: 20px;
            left: 50%;
            margin-left: -46px;
            width: 68px;
            height: 51px;
            background: url(/img/contact_media.png); }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_media {
              padding-top: 62px; } }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_media:before {
              margin-left: -30px; } }
          .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_other:before {
            content: "";
            display: block;
            position: absolute;
            top: 20px;
            left: 50%;
            margin-left: -22px;
            width: 68px;
            height: 53px;
            background: url(/img/contact_other.png); }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_other {
              padding-top: 54px; } }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_heading.contact_other:before {
              margin-left: -34px; } }
        .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text {
          margin: 18px auto 10px;
          color: #666;
          display: table; }
          .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text .text-height {
            min-height: 63px;
            height: auto !important;
            height: 63px; }
            @media (max-width: 1023px) {
              .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text .text-height {
                min-height: auto;
                height: auto !important;
                height: auto; } }
            @media screen and (max-width: 800px) {
              .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text .text-height {
                min-height: auto;
                height: auto !important;
                height: auto; } }
          @media (max-width: 1023px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text {
              margin: 20px 0 10px; } }
          @media screen and (max-width: 800px) {
            .contact .contact_layout_2col .contact_2col .contact_2col_inr .contact_2col_text {
              margin-top: 10px;
              min-height: auto; } }
  .contact .faq_description {
    margin-bottom: 80px; }
    @media screen and (max-width: 800px) {
      .contact .faq_description {
        margin-bottom: 30px; } }
    .contact .faq_description .faq_section {
      margin-top: 50px; }
      @media screen and (max-width: 800px) {
        .contact .faq_description .faq_section {
          margin-top: 20px; } }
      .contact .faq_description .faq_section .faq_content {
        margin-bottom: 50px; }
        @media screen and (max-width: 800px) {
          .contact .faq_description .faq_section .faq_content {
            margin-bottom: 20px; } }
        .contact .faq_description .faq_section .faq_content .faq_title {
          position: relative;
          font-size: 16px;
          font-weight: bold;
          padding-left: 35px; }
          @media screen and (max-width: 800px) {
            .contact .faq_description .faq_section .faq_content .faq_title {
              padding-left: 26px;
              line-height: 1.4; } }
        .contact .faq_description .faq_section .faq_content .faq_title:before {
          content: "Q";
          display: block;
          position: absolute;
          font-size: 32px;
          top: -10px;
          left: 0;
          width: 30px;
          height: 30px; }
          @media screen and (max-width: 800px) {
            .contact .faq_description .faq_section .faq_content .faq_title:before {
              font-size: 26px; } }
        .contact .faq_description .faq_section .faq_content .faq_text,
        .contact .faq_description .faq_section .faq_content .faq_text2 {
          position: relative;
          font-size: 14px;
          line-height: 1.5;
          padding-left: 35px;
          margin: 20px 0 0 55px; }
          @media screen and (max-width: 800px) {
            .contact .faq_description .faq_section .faq_content .faq_text,
            .contact .faq_description .faq_section .faq_content .faq_text2 {
              padding-left: 26px;
              margin: 20px 0 0 26px; } }
          .contact .faq_description .faq_section .faq_content .faq_text .faq_add,
          .contact .faq_description .faq_section .faq_content .faq_text2 .faq_add {
            margin-top: 15px; }
          .contact .faq_description .faq_section .faq_content .faq_text .icon.icon-window:before,
          .contact .faq_description .faq_section .faq_content .faq_text2 .icon.icon-window:before {
            top: -2px; }
          .contact .faq_description .faq_section .faq_content .faq_text a,
          .contact .faq_description .faq_section .faq_content .faq_text2 a {
            color: #005f6e; }
            .contact .faq_description .faq_section .faq_content .faq_text a .icon-window:before,
            .contact .faq_description .faq_section .faq_content .faq_text2 a .icon-window:before {
              padding: 0 3px 0 5px; }
            .contact .faq_description .faq_section .faq_content .faq_text a:hover,
            .contact .faq_description .faq_section .faq_content .faq_text2 a:hover {
              text-decoration: underline; }
          .contact .faq_description .faq_section .faq_content .faq_text .faq_link .button_text,
          .contact .faq_description .faq_section .faq_content .faq_text2 .faq_link .button_text {
            font-weight: normal; }
        .contact .faq_description .faq_section .faq_content .faq_text:before {
          content: "A";
          display: block;
          position: absolute;
          font-size: 32px;
          color: #b73333;
          top: -10px;
          left: 0;
          width: 30px;
          height: 30px; }
          @media screen and (max-width: 800px) {
            .contact .faq_description .faq_section .faq_content .faq_text:before {
              font-size: 26px; } }

/*enquete*/
@media screen and (max-width: 800px) {
  #enquete .heading.heading-typeD {
    line-height: 1.2; } }

@media screen and (max-width: 800px) {
  #enquete .contact .contact_box {
    padding: 0 10px; } }

@media screen and (max-width: 800px) {
  #enquete .formBlock .formBlock_item.formBlock_item-row-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

.enquete {
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px; }
  @media screen and (max-width: 800px) {
    .enquete {
      margin: 25px 10px 0; } }
  .enquete .enquete_description {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      .enquete .enquete_description {
        margin-bottom: 20px; } }
  .enquete .enquete_layout_1col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px dashed #ccc; }
    .enquete .enquete_layout_1col:last-child {
      border-bottom: 1px dashed #ccc; }
    .enquete .enquete_layout_1col a {
      width: 100%;
      border: 10px solid #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .enquete .enquete_layout_1col a .icon.icon-right:before {
        color: #ccc; }
      @media screen and (max-width: 800px) {
        .enquete .enquete_layout_1col a {
          border: none; } }
      .enquete .enquete_layout_1col a:hover {
        border-color: #e6e6e6;
        text-decoration: none; }
        @media screen and (max-width: 800px) {
          .enquete .enquete_layout_1col a:hover {
            border-color: transparent; } }
    .enquete .enquete_layout_1col .enquete_1col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 800px) {
        .enquete .enquete_layout_1col .enquete_1col {
          display: block;
          width: 100%;
          padding: 20px 0; } }
      .enquete .enquete_layout_1col .enquete_1col .enquete-arrow {
        position: absolute;
        top: 50%;
        bottom: 50%;
        right: 30px; }
        @media (max-width: 1023px) {
          .enquete .enquete_layout_1col .enquete_1col .enquete-arrow {
            right: -30px; } }
        @media screen and (max-width: 800px) {
          .enquete .enquete_layout_1col .enquete_1col .enquete-arrow {
            right: 10px; } }
      .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading {
          position: relative;
          margin-top: 85px;
          color: #666;
          line-height: 1.1;
          text-align: center; }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.book, .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.rurubu_free, .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.campaign {
            vertical-align: bottom;
            width: 270px; }
            @media screen and (max-width: 800px) {
              .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.book, .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.rurubu_free, .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.campaign {
                display: block;
                width: 100%;
                padding: 90px 0 0;
                margin-top: 0;
                text-align: center; } }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.book:before {
            content: "";
            display: block;
            position: absolute;
            top: -90px;
            left: 105px;
            width: 68px;
            height: 80px;
            background: url(/img/enquete/enquete_img1.png); }
          @media screen and (max-width: 800px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.book:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -29px;
              width: 68px;
              height: 80px;
              background: url(/img/enquete/enquete_img1.png); } }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.rurubu_free:before {
            content: "";
            display: block;
            position: absolute;
            top: -90px;
            left: 105px;
            width: 68px;
            height: 80px;
            background: url(/img/enquete/enquete_img2.png); }
          @media screen and (max-width: 800px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.rurubu_free:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -29px;
              width: 68px;
              height: 80px;
              background: url(/img/enquete/enquete_img2.png); } }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.campaign:before {
            content: "";
            display: block;
            position: absolute;
            top: -90px;
            left: 105px;
            width: 68px;
            height: 80px;
            background: url(/img/enquete/enquete_img3.png); }
          @media screen and (max-width: 800px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading.campaign:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -29px;
              width: 68px;
              height: 80px;
              background: url(/img/enquete/enquete_img3.png); } }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading .book_title {
            display: block;
            font-size: 23px;
            color: #e398ba; }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading .rurubu_free_title {
            display: block;
            font-size: 23px;
            color: #ecb04b; }
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading .campaign_title {
            display: block;
            font-size: 23px;
            color: #b1ce5f; }
          @media screen and (max-width: 800px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_heading .enquete_heading {
              display: block;
              width: 100%;
              padding: 0;
              margin-left: 0; } }
      .enquete .enquete_layout_1col .enquete_1col .enquete_1col_cont {
        display: table-cell;
        vertical-align: bottom;
        width: 490px; }
        @media (max-width: 1023px) {
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_cont {
            display: block;
            width: 70%; } }
        @media screen and (max-width: 800px) {
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_cont {
            display: block;
            width: 90%; } }
      .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text {
        width: 395px;
        margin: 20px 0;
        color: #666; }
        @media screen and (max-width: 800px) {
          .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text {
            width: 100%;
            margin: 15px 0 0; } }
        .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text .enquete_title {
          padding-bottom: 20px;
          font-size: 16px;
          line-height: 1.2; }
          @media screen and (max-width: 800px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text .enquete_title {
              padding-bottom: 10px;
              margin-left: 10%;
              text-align: center; } }
          @media screen and (max-width: 414px) {
            .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text .enquete_title {
              margin-left: 0;
              text-align: left; } }
        .enquete .enquete_layout_1col .enquete_1col .enquete_1col_text .enquete_info {
          padding: 10px;
          margin-top: 15px;
          border-radius: 5px;
          color: #000;
          text-align: center;
          background: #f4f4f4; }

.enquete_red {
  color: #b73333;
  font-weight: bold; }

/* enquete list*/
.enquete_text {
  width: 775px;
  margin: 40px auto 30px; }
  @media screen and (max-width: 800px) {
    .enquete_text {
      width: 100%; } }
  .enquete_text .enquete_lead {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.2; }

.filter.enquete_book {
  background: #e398ba; }

.filter.enquete_rurubu_free {
  background: #ecb04b; }

.filter.enquete_campaign {
  background: #b1ce5f; }

.enquete_list {
  overflow: hidden;
  margin: auto; }
  .enquete_list a:hover {
    text-decoration: none; }
  .enquete_list.enquete_list-top {
    max-width: 1424px; }
    @media screen and (max-width: 800px) {
      .enquete_list.enquete_list-top {
        border-top: 1px dashed #ccc; } }
    .enquete_list.enquete_list-top .enquete_list_item:nth-child(3), .enquete_list.enquete_list-top .enquete_list_item:nth-child(4), .enquete_list.enquete_list-top .enquete_list_item:nth-child(9) {
      width: 50%; }
      @media screen and (max-width: 800px) {
        .enquete_list.enquete_list-top .enquete_list_item:nth-child(3), .enquete_list.enquete_list-top .enquete_list_item:nth-child(4), .enquete_list.enquete_list-top .enquete_list_item:nth-child(9) {
          width: 100%; } }
      .enquete_list.enquete_list-top .enquete_list_item:nth-child(3) .enquete_list_image:before, .enquete_list.enquete_list-top .enquete_list_item:nth-child(4) .enquete_list_image:before, .enquete_list.enquete_list-top .enquete_list_item:nth-child(9) .enquete_list_image:before {
        padding-top: calc(50% - 20px); }
    @media screen and (max-width: 800px) {
      .enquete_list.enquete_list-top .enquete_list_item:nth-child(4), .enquete_list.enquete_list-top .enquete_list_item:nth-child(n+7) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
    .enquete_list.enquete_list-top .enquete_list_inner {
      margin-bottom: 0; }
  .enquete_list .enquete_list_inner {
    margin-right: -1px;
    margin-bottom: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .enquete_list .enquete_list_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    width: 25%; }
    @media screen and (max-width: 800px) {
      .enquete_list .enquete_list_item {
        width: 50%; } }
    .enquete_list .enquete_list_item.enquete_list_item-new {
      position: relative; }
      .enquete_list .enquete_list_item.enquete_list_item-new:before {
        content: "";
        display: block;
        width: 33px;
        height: 33px;
        background: url(../img/mark_new.png) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 10px; }
        @media screen and (max-width: 800px) {
          .enquete_list .enquete_list_item.enquete_list_item-new:before {
            width: 30px;
            height: 30px;
            top: 5px;
            left: 5px; } }
    .enquete_list .enquete_list_item .enquete_list_item_inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 10px 5px;
      border: 10px solid #fff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .enquete_list .enquete_list_item .enquete_list_item_inner:hover {
        color: #000;
        border-color: #e6e6e6; }
        .enquete_list .enquete_list_item .enquete_list_item_inner:hover .enquete_list_header, .enquete_list .enquete_list_item .enquete_list_item_inner:hover .enquete_list_text {
          text-decoration: underline; }
      @media screen and (max-width: 800px) {
        .enquete_list .enquete_list_item .enquete_list_item_inner {
          border: none; } }
  .enquete_list .enquete_list_image {
    position: relative; }
    .enquete_list .enquete_list_image:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      padding-top: 100%; }
    .enquete_list .enquete_list_image .enquete_list_image_thumb {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .enquete_list .enquete_list_header {
    width: 100%;
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .enquete_list .enquete_list_header {
        margin-top: 0px; } }
  .enquete_list .enquete_list_heading {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5; }
  .enquete_list .enquete_list_content {
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .enquete_list .enquete_list_content {
        display: none; } }
  .enquete_list .enquete_list_text {
    font-size: 12px;
    line-height: 1.5; }
  .enquete_list .enquete_list_eyebrow {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      .enquete_list .enquete_list_eyebrow {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .enquete_list .enquete_list_date {
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #999899; }
  .enquete_list .enquete_list_label {
    margin-right: 10px; }
  .enquete_list .enquete_list_category {
    margin-bottom: 10px; }

.enquete_button {
  position: relative;
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  font-size: 10px;
  text-align: center;
  padding: 5px 10px 4px 10px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #999;
  color: #666; }
  @media screen and (max-width: 800px) {
    .enquete_button {
      width: 85%; } }
  .enquete_button .button_icon {
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 10px;
    margin-top: -5px; }

/* page */
.page {
  margin: auto;
  max-width: 1024px;
  padding: 55px 40px; }
  @media screen and (max-width: 800px) {
    .page {
      padding: 25px 0; } }
  .page.page-2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      .page.page-2col {
        display: block;
        padding-bottom: 0; } }
    .page.page-2col .page_col.page_col-main {
      width: 100%;
      max-width: 745px; }
      @media screen and (max-width: 800px) {
        .page.page-2col .page_col.page_col-main {
          max-width: 100%;
          padding-bottom: 25px; } }
    .page.page-2col .page_col.page_col-sub {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-left: 40px;
      width: 232px;
      height: 659px;
      position: -webkit-sticky;
      position: sticky;
      top: 60px; }
      @media screen and (max-width: 800px) {
        .page.page-2col .page_col.page_col-sub {
          position: static;
          margin-left: 0;
          width: auto;
          height: auto; } }
  .page .page_header {
    text-align: center; }
    @media screen and (max-width: 800px) {
      .page .page_header {
        margin-right: 15px;
        margin-left: 15px; } }
    .page .page_header.style2 {
      margin-top: 70px; }
    .page .page_header.style3 {
      margin: 40px 0 30px; }
      @media screen and (max-width: 800px) {
        .page .page_header.style3 {
          margin: 40px 0 20px; } }
    .page .page_header .page_headingLarge {
      margin-top: 15px; }
      @media screen and (max-width: 800px) {
        .page .page_header .page_headingLarge {
          margin-top: 10px; } }
  .page .page_filter {
    margin-top: 45px; }
    @media screen and (max-width: 800px) {
      .page .page_filter {
        margin-top: 30px; } }
  .page .page_query {
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .page .page_query {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 10px; } }
    .page .page_query .page_query_name {
      color: #ccc; }
  .page .page_pageNumber {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #999; }
    @media screen and (max-width: 800px) {
      .page .page_pageNumber {
        font-size: 10px; } }
    .page .page_pageNumber.page_pageNumber-bottom {
      margin-top: 40px; }
      @media screen and (max-width: 800px) {
        .page .page_pageNumber.page_pageNumber-bottom {
          margin-top: 20px; } }
  .page .page_pagenation {
    margin-top: 10px; }
  .page .page_content {
    margin-top: 15px; }
    .page .page_content .article_none {
      margin: 50px 10px;
      font-size: 18px;
      line-height: 1.3; }
      @media screen and (max-width: 800px) {
        .page .page_content .article_none {
          font-size: 16px; } }
  .page .page_button {
    text-align: center; }
    .page .page_button.page_button-mt-large {
      margin-top: 70px; }
      @media screen and (max-width: 800px) {
        .page .page_button.page_button-mt-large {
          margin-top: 50px; } }
  .page .page_anchor {
    width: 597px;
    margin: 30px auto 40px; }
    @media screen and (max-width: 800px) {
      .page .page_anchor {
        width: auto; } }
    .page .page_anchor.page_anchor-w100 {
      width: auto; }
  .page .page_anchor_title {
    margin-bottom: -20px;
    font-size: 15px; }
    @media screen and (max-width: 800px) {
      .page .page_anchor_title {
        width: 90%;
        margin: 0 auto -20px; } }

/* company */
.company .company_map {
  overflow: hidden;
  width: 100%;
  height: 205px; }
  @media screen and (max-width: 800px) {
    .company .company_map {
      margin-top: 5px;
      margin-bottom: 10px; } }
  .company .company_map > iframe {
    width: 100%; }

@media screen and (max-width: 800px) {
  .company .company_heading {
    margin-left: 15px;
    margin-right: 15px; } }

.company .company_heading.company_heading-mt {
  margin-top: 55px; }
  @media screen and (max-width: 800px) {
    .company .company_heading.company_heading-mt {
      margin-top: 30px; } }

.company .company_heading.anchor_heading {
  margin-top: -50px;
  padding-top: 50px; }

.company .company_content {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    .company .company_content {
      margin-left: 15px;
      margin-right: 15px; } }
  .company .company_content.company_access {
    margin-top: 10px; }

.company .company_address:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px; }

@media (min-width: 1025px) {
  .company .company_address {
    position: relative; }
    .company .company_address .company_address_button {
      position: absolute;
      right: 0;
      top: 0; } }

@media (max-width: 1024px) {
  .company .company_address .company_address_button {
    margin-top: 5px;
    text-align: right; } }

.company .company_button_map {
  margin-top: 8px; }

.company .company_mainimage {
  margin-top: 70px;
  margin-bottom: 50px; }
  .company .company_mainimage.company_structure_img {
    max-width: 798px; }
  .company .company_mainimage.company_profile {
    margin-top: 0; }
  @media screen and (max-width: 800px) {
    .company .company_mainimage {
      margin-top: 30px;
      margin-bottom: 40px; } }
  .company .company_mainimage .company_text {
    margin-bottom: 50px;
    text-align: center; }
  .company .company_mainimage .company_img-philosophy {
    width: 100%; }
  .company .company_mainimage .company_mainimage_img-pc {
    width: 100%; }
    @media screen and (max-width: 800px) {
      .company .company_mainimage .company_mainimage_img-pc {
        display: none; } }
  .company .company_mainimage .company_mainimage_img-sp {
    width: 100%; }
    @media screen and (min-width: 801px) {
      .company .company_mainimage .company_mainimage_img-sp {
        display: none; } }
    @media print {
      .company .company_mainimage .company_mainimage_img-sp {
        display: none; } }
  .company .company_mainimage .company_mainimage_img {
    width: 100%; }
    @media print {
      .company .company_mainimage .company_mainimage_img {
        width: 90%; } }

.company .company_kokoku .company_kokoku_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .company .company_kokoku .company_kokoku_item:not(:first-child) {
    margin-top: 10px; }
  @media screen and (max-width: 800px) {
    .company .company_kokoku .company_kokoku_item {
      display: block; }
      .company .company_kokoku .company_kokoku_item:not(:first-child) {
        margin-top: 15px; } }

.company .company_kokoku .company_kokoku_year {
  margin-top: 5px;
  margin-right: 15px;
  white-space: nowrap; }

.company .company_kokoku .company_kokoku_data {
  margin-right: -15px; }
  @media screen and (max-width: 800px) {
    .company .company_kokoku .company_kokoku_data {
      margin-top: 5px; } }

.company .company_kokoku .company_kokoku_link {
  display: inline-block;
  color: #005f6e;
  margin-right: 15px; }
  .company .company_kokoku .company_kokoku_link:hover {
    text-decoration: underline; }

.company .company_kokoku .company_kokoku_pdf {
  height: 22px;
  vertical-align: middle; }

.company .company_message {
  margin-top: 100px; }
  @media screen and (max-width: 800px) {
    .company .company_message {
      margin-top: 80px; } }
  .company .company_message .company_message_heading {
    text-align: center; }
  .company .company_message .company_message_presidentPhoto {
    margin-top: 20px;
    text-align: center; }
    .company .company_message .company_message_presidentPhoto .company_message_presidentPhoto_img {
      width: 203px; }
  .company .company_message .company_message_president {
    margin-top: 15px;
    text-align: center; }
  .company .company_message .company_message_lead {
    margin-top: 30px;
    text-align: center; }
  .company .company_message .compnay_message_text {
    margin-top: 10px;
    margin-bottom: 40px; }

.company .company_lead {
  margin-top: 55px; }
  @media screen and (max-width: 800px) {
    .company .company_lead {
      margin-top: 30px;
      margin-left: 15px;
      margin-right: 15px; } }

.company .company_planName {
  display: inline-block;
  width: 3em;
  padding: 5px 3px 3px;
  background: #e5e5e5;
  text-align: center;
  font-weight: bold; }

/*privacypolicy*/
.privacypolicy {
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px; }
  @media screen and (max-width: 800px) {
    .privacypolicy {
      margin: 25px 15px 0; } }
  .privacypolicy .english_link {
    padding: 0 0 30px; }
    @media (min-width: 1025px) {
      .privacypolicy .english_link {
        position: relative; }
        .privacypolicy .english_link .privacypolicy_english_button {
          position: absolute;
          right: 0;
          top: 0; } }
    @media (max-width: 1024px) {
      .privacypolicy .english_link .privacypolicy_english_button {
        margin-top: 5px;
        text-align: right; } }
  .privacypolicy .section_desc {
    margin-bottom: 50px; }
    .privacypolicy .section_desc.section_desc_top {
      padding-bottom: 80px;
      border-bottom: 5px solid #f4f4f4; }
      @media screen and (max-width: 800px) {
        .privacypolicy .section_desc.section_desc_top {
          padding-bottom: 30px; } }
    @media screen and (max-width: 800px) {
      .privacypolicy .section_desc {
        margin-bottom: 0px; } }
    .privacypolicy .section_desc .section_desc_inr {
      padding-left: 50px; }
      @media screen and (max-width: 800px) {
        .privacypolicy .section_desc .section_desc_inr {
          padding-left: 0; } }
      .privacypolicy .section_desc .section_desc_inr .section_desc_r {
        text-align: right;
        margin-top: 15px; }
        .privacypolicy .section_desc .section_desc_inr .section_desc_r .revision {
          position: relative; }
          .privacypolicy .section_desc .section_desc_inr .section_desc_r .revision:before {
            content: "";
            display: block;
            position: absolute;
            top: 5px;
            right: 200px;
            width: 71px;
            height: 72px;
            background: url(/img/pmark.png); }
          .privacypolicy .section_desc .section_desc_inr .section_desc_r .revision.revision_english:before {
            right: 240px; }
      .privacypolicy .section_desc .section_desc_inr .section_contact {
        border: 1px solid #999999;
        background: #f4f4f4;
        padding: 23px;
        margin-top: 15px; }
        .privacypolicy .section_desc .section_desc_inr .section_contact.top {
          margin-top: 30px; }
        .privacypolicy .section_desc .section_desc_inr .section_contact .contact_ttl {
          margin-bottom: 25px; }
        .privacypolicy .section_desc .section_desc_inr .section_contact a {
          color: #005f6e; }
  .privacypolicy .text_mb {
    margin-bottom: 20px; }
  .privacypolicy .list_type_dec li {
    margin-left: 20px;
    list-style-type: decimal;
    line-height: 1.5;
    padding-bottom: 15px;
    display: list-item; }
    .privacypolicy .list_type_dec li .text-mb {
      margin-bottom: 20px; }
  .privacypolicy .detail_links.links_inr {
    margin-left: 25px;
    margin-bottom: 10px;
    line-height: 1; }
    .privacypolicy .detail_links.links_inr a {
      display: inline-block;
      color: #666; }
      @media screen and (max-width: 800px) {
        .privacypolicy .detail_links.links_inr a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      @media screen and (max-width: 800px) {
        .privacypolicy .detail_links.links_inr a.icon_links_arrow_right:before {
          margin-right: 0px;
          width: 23px;
          height: 22px; } }
      @media (max-width: 375px) {
        .privacypolicy .detail_links.links_inr a.icon_links_arrow_right:before {
          padding-top: 6px;
          margin-right: 4px;
          width: 33px;
          height: 28px; } }
  .privacypolicy .table-typeF .list_type_dec li {
    margin-left: 20px;
    list-style-type: decimal;
    line-height: 1.5;
    padding-bottom: 3px;
    display: list-item; }
  .privacypolicy .list_type_dec2 {
    margin-top: 15px;
    margin-right: 15px; }
    .privacypolicy .list_type_dec2 li {
      list-style-type: none;
      line-height: 1.5;
      padding-bottom: 5px;
      display: list-item;
      text-indent: -1.9em;
      margin-left: 1.9em; }
      .privacypolicy .list_type_dec2 li .text_indent {
        text-indent: 0.1em;
        white-space: pre-wrap; }
  .privacypolicy .list_type_dec3 {
    margin-left: 48px; }
    .privacypolicy .list_type_dec3 li {
      padding: 0 0 3px 0;
      list-style-type: decimal;
      line-height: 1.5;
      display: list-item;
      text-indent: 0;
      margin-left: 0; }
  .privacypolicy .list_type_dec4 {
    margin-top: 15px;
    margin-right: 15px; }
    .privacypolicy .list_type_dec4 li {
      list-style-type: none;
      line-height: 1.5;
      padding-bottom: 5px;
      display: list-item;
      text-indent: -1.4em;
      margin-left: 1.4em; }
  .privacypolicy .section_header {
    margin: 32px 0 25px; }
    .privacypolicy .section_header .privacypolicy_heading {
      font-size: 28px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .privacypolicy .section_header .privacypolicy_heading {
          font-size: 20px; } }
    .privacypolicy .section_header .privacypolicy_heading.top {
      text-align: center; }

/*intellectual_property*/
.property {
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px; }
  @media screen and (max-width: 800px) {
    .property {
      margin: 25px 15px 0; } }
  .property .property_description {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      .property .property_description {
        margin-bottom: 0px; } }
    .property .property_description .property_description_top p {
      margin-bottom: 20px; }
  .property .property_layout_2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px dashed #ccc; }
    @media (max-width: 1023px) {
      .property .property_layout_2col {
        display: block; } }
    .property .property_layout_2col .property_2col {
      position: relative;
      width: 50%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding-top: 125px; }
      @media (max-width: 1023px) {
        .property .property_layout_2col .property_2col {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        .property .property_layout_2col .property_2col {
          width: 100%;
          padding-top: 20px; } }
      .property .property_layout_2col .property_2col.even {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-left: 1px dashed #ccc; }
        @media (max-width: 1023px) {
          .property .property_layout_2col .property_2col.even {
            padding-bottom: 20px; } }
        @media screen and (max-width: 800px) {
          .property .property_layout_2col .property_2col.even {
            padding-bottom: 0; } }
        .property .property_layout_2col .property_2col.even .property_2col_inr {
          width: 355px;
          margin-left: 24px;
          margin-bottom: 24px; }
          @media (max-width: 1023px) {
            .property .property_layout_2col .property_2col.even .property_2col_inr {
              width: 100%;
              margin-left: 0;
              margin-bottom: 0; } }
        @media (max-width: 1023px) {
          .property .property_layout_2col .property_2col.even {
            border: none;
            border-top: 1px dashed #ccc;
            padding-left: 0; } }
        @media screen and (max-width: 800px) {
          .property .property_layout_2col .property_2col.even {
            padding-top: 30px; } }
      @media (max-width: 1023px) {
        .property .property_layout_2col .property_2col.odd {
          padding-bottom: 20px; } }
      @media screen and (max-width: 800px) {
        .property .property_layout_2col .property_2col.odd {
          padding-bottom: 20px; } }
      .property .property_layout_2col .property_2col.odd .property_2col_inr {
        width: 355px;
        margin-right: 24px;
        margin-bottom: 24px; }
        @media (max-width: 1023px) {
          .property .property_layout_2col .property_2col.odd .property_2col_inr {
            width: 100%;
            margin-right: 0;
            margin-bottom: 0; } }
      @media (max-width: 1023px) {
        .property .property_layout_2col .property_2col.odd {
          padding-right: 0; } }
      .property .property_layout_2col .property_2col .property_2col_inr {
        width: 100%; }
        .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading {
          margin-bottom: 18px;
          text-align: center; }
          .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_faq:before {
            content: "";
            display: block;
            position: absolute;
            top: 21px;
            left: 50%;
            margin-left: -61px;
            width: 98px;
            height: 81px;
            background: url(/img/contact_faq.png); }
          @media screen and (max-width: 800px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_faq {
              padding-top: 90px; } }
          @media (max-width: 1023px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_faq:before {
              margin-left: -49px; } }
          .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_other:before {
            content: "";
            display: block;
            position: absolute;
            top: 40px;
            left: 50%;
            margin-left: -22px;
            width: 68px;
            height: 53px;
            background: url(/img/contact_other.png); }
          @media screen and (max-width: 800px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_other {
              padding-top: 54px; } }
          @media (max-width: 1023px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_other:before {
              margin-left: -42px; } }
          @media screen and (max-width: 800px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_heading.property_other:before {
              top: 20px; } }
        .property .property_layout_2col .property_2col .property_2col_inr .property_2col_text {
          margin: 18px auto 10px;
          display: table;
          min-height: 63px;
          height: auto !important;
          height: 63px; }
          @media (max-width: 1023px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_text {
              margin: 20px 0 10px; } }
          @media screen and (max-width: 800px) {
            .property .property_layout_2col .property_2col .property_2col_inr .property_2col_text {
              margin-top: 10px;
              min-height: auto; } }
  .property .property_button_top {
    margin-bottom: 15px;
    text-align: center; }
    @media (max-width: 1023px) {
      .property .property_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }
    @media screen and (max-width: 800px) {
      .property .property_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }

/*sitemap*/
.sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px; }
  @media screen and (max-width: 800px) {
    .sitemap {
      display: block;
      margin: 0 15px 0; } }
  .sitemap .sitemap_category {
    display: inline-block;
    width: 231px;
    padding-top: 12px;
    border-top: 2px solid #000; }
    .sitemap .sitemap_category:not(:first-child) {
      margin-left: 33px; }
      @media screen and (max-width: 800px) {
        .sitemap .sitemap_category:not(:first-child) {
          width: 100%;
          margin-left: 0; } }
    @media screen and (max-width: 800px) {
      .sitemap .sitemap_category {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px; } }
    .sitemap .sitemap_category .sitemap_link {
      display: block; }
      .sitemap .sitemap_category .sitemap_link li.sitemap_link_wrap {
        padding-top: 4px; }
      @media screen and (max-width: 800px) {
        .sitemap .sitemap_category .sitemap_link li {
          margin-bottom: 10px; } }
      .sitemap .sitemap_category .sitemap_link .sitemap_link_second {
        margin: 14px 0 0 15px;
        line-height: 1.4; }
        .sitemap .sitemap_category .sitemap_link .sitemap_link_second::nth-child(2) {
          margin-top: 10px; }
        .sitemap .sitemap_category .sitemap_link .sitemap_link_second img {
          width: 120px;
          margin-right: 5px; }
          .sitemap .sitemap_category .sitemap_link .sitemap_link_second img.rurubu_kitchen {
            height: 22px;
            margin-top: -1px; }
          .sitemap .sitemap_category .sitemap_link .sitemap_link_second img.rurubu_mall {
            height: 18px;
            margin-top: -1px; }
          .sitemap .sitemap_category .sitemap_link .sitemap_link_second img.rurubu_more {
            height: 15px;
            margin-top: 2px; }
  .sitemap .title_category {
    padding-bottom: 20px; }

/* service */
#service .sideNav a:hover {
  text-decoration: none; }

.service {
  width: 100%; }
  @media screen and (max-width: 800px) {
    .service {
      display: block; } }
  .service.service-mt {
    margin-top: 40px; }
    @media screen and (max-width: 800px) {
      .service.service-mt {
        margin-top: 10px; } }
  .service .service_article_header,
  .service .service_article_appHeader {
    position: relative;
    width: 100%;
    border-bottom: 2px solid #e0e0e0; }
    .service .service_article_header:after,
    .service .service_article_appHeader:after {
      position: absolute;
      bottom: -2px;
      left: 0;
      content: ' ';
      width: 30%;
      border-bottom: 2px solid #000; }
    .service .service_article_header .service_article_heading,
    .service .service_article_appHeader .service_article_heading {
      padding-top: 20px;
      margin: -2px 0 15px;
      font-size: 24px;
      font-weight: bold; }
      @media screen and (max-width: 800px) {
        .service .service_article_header .service_article_heading,
        .service .service_article_appHeader .service_article_heading {
          font-size: 18px; } }
  .service .service_article_appHeader .service_article_heading {
    padding-top: 0;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5; }
  .service .service_article {
    margin: 10px 0 60px;
    background: #fff; }
    @media screen and (max-width: 800px) {
      .service .service_article {
        margin: 0 0 10px 0;
        padding: 20px 15px; } }
    .service .service_article .service_article_appHeader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 15px; }
    .service .service_article .service_article_appIcon {
      margin-right: 15px; }
    .service .service_article .service_article_appInfo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .service .service_article .service_article_appInfo .service_article_appInfo_img {
        margin-right: 10px; }
    .service .service_article .service_article_heading_cap {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 5px; }
    .service .service_article .service_article_content {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_article_content {
          display: block;
          margin-top: 15px; } }
    .service .service_article .service_article_image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 48%;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_article_image {
          width: auto;
          text-align: center; } }
      .service .service_article .service_article_image .service_article_image_img {
        width: 100%;
        max-width: 317px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_size1 {
          max-width: 85px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_siz2 {
          max-width: 152px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_size3 {
          max-width: 260px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_size4 {
          max-width: 270px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_size5 {
          max-width: 279px; }
        .service .service_article .service_article_image .service_article_image_img.service_image_size6 {
          max-width: 290px; }
        @media screen and (max-width: 800px) {
          .service .service_article .service_article_image .service_article_image_img {
            width: auto;
            max-width: 100%; } }
    .service .service_article .service_article_description {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%;
      margin-left: 15px; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_article_description {
          margin-top: 15px;
          margin-left: 0;
          width: auto; } }
      .service .service_article .service_article_description a {
        color: #005f6e; }
    .service .service_article .service_web_article_image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33%;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_web_article_image {
          width: auto;
          text-align: center; } }
      .service .service_article .service_web_article_image .service_web_article_image_img {
        width: auto; }
        @media screen and (max-width: 800px) {
          .service .service_article .service_web_article_image .service_web_article_image_img {
            width: auto;
            max-width: 100%; } }
    .service .service_article .service_web_article_description {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 63%;
      margin-left: 25px; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_web_article_description {
          margin-top: 15px;
          margin-left: 0;
          width: auto; } }
      .service .service_article .service_web_article_description a {
        color: #005f6e; }
    .service .service_article .service_article_banner {
      width: auto;
      margin-top: 5px; }
      @media screen and (max-width: 800px) {
        .service .service_article .service_article_banner {
          width: auto;
          max-width: 100%; } }
    .service .service_article .service_article_app {
      margin-top: 20px; }
      .service .service_article .service_article_app .service_article_app_text {
        text-align: center;
        font-weight: bold; }
        .service .service_article .service_article_app .service_article_app_text:before {
          display: inline-block;
          font-family: fonticon;
          content: "\e90c";
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          font-size: 12px; }
        .service .service_article .service_article_app .service_article_app_text:after {
          display: inline-block;
          font-family: fonticon;
          content: "\e90c";
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          font-size: 12px; }
      .service .service_article .service_article_app .service_article_app_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .service .service_article .service_article_app .service_article_app_item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 10px;
        text-align: center; }
        @media screen and (max-width: 800px) {
          .service .service_article .service_article_app .service_article_app_item {
            width: auto; } }
      .service .service_article .service_article_app .service_article_app_button img {
        max-width: 100%; }
      .service .service_article .service_article_app .service_article_app_qr {
        margin-top: 10px; }
        .service .service_article .service_article_app .service_article_app_qr img {
          max-width: 100%; }

/* store */
@media screen and (max-width: 800px) {
  .store .store_header {
    margin-bottom: 20px; } }

.store .store_logo {
  text-align: center; }
  @media screen and (max-width: 800px) {
    .store .store_logo .store_logo_img {
      width: 108px; } }

.store .store_content_text {
  max-width: 741px;
  margin: 30px auto; }
  .store .store_content_text .store_lead {
    text-align: center; }
    @media screen and (max-width: 800px) {
      .store .store_content_text .store_lead {
        text-align: left; } }
  .store .store_content_text .store_text {
    margin-top: 10px; }
  .store .store_content_text .store_text-link {
    display: block;
    width: 485px;
    height: 155px;
    margin: 20px auto 0;
    text-align: center;
    background: url(/img/service/banner_menu_hover.png) center top no-repeat; }
    @media screen and (max-width: 800px) {
      .store .store_content_text .store_text-link {
        width: auto;
        height: auto;
        margin: 10px auto 0;
        background: none; } }
    .store .store_content_text .store_text-link a {
      display: inline-block; }
      @media screen and (max-width: 800px) {
        .store .store_content_text .store_text-link a img {
          width: 100%; } }
    .store .store_content_text .store_text-link a:hover img {
      visibility: hidden; }
      @media screen and (max-width: 800px) {
        .store .store_content_text .store_text-link a:hover img {
          visibility: visible; } }
  @media screen and (max-width: 800px) {
    .store .store_content_text {
      margin: 10px 15px; } }
  .store .store_content_text a {
    color: #005f6e; }

.store .store_content {
  background: #f4f4f4;
  padding: 10px; }
  @media screen and (max-width: 800px) {
    .store .store_content {
      padding: 5px 0 0 0; } }

.store .store_article {
  background: #fff;
  padding: 40px; }
  .store .store_article:not(:first-child) {
    margin-top: 10px; }
    @media screen and (max-width: 800px) {
      .store .store_article:not(:first-child) {
        margin-top: 5px; } }
  @media screen and (max-width: 800px) {
    .store .store_article {
      padding: 40px 15px; } }
  .store .store_article .store_article_googleButton {
    margin-top: 10px; }
  .store .store_article .store_article_heading {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.4; }
    @media screen and (max-width: 800px) {
      .store .store_article .store_article_heading {
        line-height: 1.4; } }
    .store .store_article .store_article_heading .label-management,
    .store .store_article .store_article_heading .label-tie-up,
    .store .store_article .store_article_heading .label-trust {
      padding: 6px 8px 4px;
      margin-right: 10px;
      font-size: 16px;
      line-height: 1.2; }
      @media screen and (max-width: 800px) {
        .store .store_article .store_article_heading .label-management,
        .store .store_article .store_article_heading .label-tie-up,
        .store .store_article .store_article_heading .label-trust {
          padding: 6px 8px 2px; } }
    .store .store_article .store_article_heading .label-management {
      background: #b8dee9; }
    .store .store_article .store_article_heading .label-tie-up {
      background: #fcef82; }
    .store .store_article .store_article_heading .label-trust {
      background: #b8e9ce; }
  @media screen and (max-width: 800px) {
    .store .store_article .store_article_content {
      display: block; } }
  .store .store_article .store_article_info {
    width: 100%; }
    @media screen and (max-width: 800px) {
      .store .store_article .store_article_info {
        width: auto; } }
  .store .store_article .store_article_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 800px) {
      .store .store_article .store_article_image {
        width: auto; } }
    .store .store_article .store_article_image .store_article_image_img {
      width: 49%; }
      .store .store_article .store_article_image .store_article_image_img:first-child {
        margin-right: 2%; }

/* solution business */
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.text.text-lh-sl {
  line-height: 1.8; }

.sideNav .font_s .sideNav_link, .dl_sidenav .font_s .sideNav_link {
  font-size: 14px; }

.sideNav .sideNav_list .font_14 {
  font-size: 13px; }

.sideNav .sideNav_list .font_ss {
  font-size: 11px; }

.sideNav .line2 .sideNav_link {
  line-height: 1.2; }

.dl_sidenav {
  margin-top: 30px; }

.text.text-24large {
  font-size: 24px; }

#solutionbusiness .sideNav .servicelineup, #solutionbusiness .sideNav .advantage {
  background: #f4f4f4;
  font-size: 12px;
  color: #000;
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
  padding: 5px 5px 5px 20px;
  text-align: left; }

.dl_sidenav .sideNav_list a.sideNav_link {
  background: url("/img/pdf.png");
  background-position: top 40% left 10px;
  background-repeat: no-repeat; }
  .dl_sidenav .sideNav_list a.sideNav_link:hover {
    background: url("/img/pdf.png");
    background-position: top 40% left 10px;
    background-repeat: no-repeat; }

.dl_sidenav .sideNav_list .sideNav_link:before {
  content: none; }

@media screen and (max-width: 800px) {
  .text.text-24large {
    font-size: 20px; }
  .spBreak {
    display: block; }
  .dl_sidenav {
    margin-top: 0;
    background: #e6e6e6; }
    .dl_sidenav .sideNav_header {
      display: block;
      width: 100%;
      text-align: center;
      padding: 10px 0;
      font-size: 100%; }
  #solutionbusiness .dl_sidenav .sideNav_content .sideNav_list .sideNav_item {
    display: block;
    width: 100%; }
    #solutionbusiness .dl_sidenav .sideNav_content .sideNav_list .sideNav_item a {
      font-size: 90%;
      font-weight: normal; }
      #solutionbusiness .dl_sidenav .sideNav_content .sideNav_list .sideNav_item a:hover {
        color: #000; }
  .sideNav .font_s .sideNav_link, .dl_sidenav .font_s .sideNav_link {
    font-size: 13px; }
  #solutionbusiness .sideNav .sideNav_list .sideNav_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .sideNav .sideNav_list .sideNav_link {
    width: calc(100% - 25px); }
  #solutionbusiness .sideNav .servicelineup, #solutionbusiness .sideNav .advantage {
    background: #f4f4f4;
    font-size: 12px;
    color: #000;
    text-align: left;
    border-top: none;
    padding: 5px 5px 5px 12px; }
  #solutionbusiness .sideNav .sideNav_list .sideNav_item:nth-child(5) {
    border-bottom: 1px dashed #999; }
  #solutionbusiness .dl_sidenav .sideNav_list .sideNav_item:nth-child(5) {
    border-bottom: none !important; }
  #solutionbusiness .sideNav .sideNav_list .sideNav_item:nth-child(6) {
    border-bottom: 1px dashed #999; }
  #solutionbusiness .dl_sidenav .sideNav_list .sideNav_item {
    border: none; }
  .dl_sidenav .sideNav_list .sideNav_item {
    width: auto;
    display: inline-block; }
  .dl_sidenav .sideNav_list .sideNav_link {
    padding: 12px 0 12px 40px;
    width: calc(100% - 40px); } }

.solutionbusiness .solutionbusiness_content {
  margin-top: 30px; }

.solutionbusiness .dl_content_menu {
  display: table;
  margin-bottom: 30px;
  width: 100%; }

.solutionbusiness .dl_content {
  background: #e6e6e6;
  width: calc(100% - 20px);
  padding: 0 10px;
  display: table-cell; }

.solutionbusiness .dl_content_menu ul {
  background: #e6e6e6;
  width: 100%; }
  .solutionbusiness .dl_content_menu ul.bar {
    border-bottom: 1px dashed #999; }
  .solutionbusiness .dl_content_menu ul li {
    display: inline-block;
    vertical-align: middle; }

.solutionbusiness .dl_content_menu div.dl_title {
  display: table-cell;
  height: 100%;
  width: 150px;
  background: #909090;
  color: #fff;
  padding: 15px; }

.solutionbusiness .dl_content_menu ul li a {
  display: inline-block;
  background: url("/img/pdf.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 18px 10px 12px 35px;
  margin-top: -6px; }
  .solutionbusiness .dl_content_menu ul li a:hover {
    text-decoration: underline; }

.solutionbusiness section {
  padding: 40px 60px;
  margin-bottom: 40px; }
  .solutionbusiness section.no_pdg {
    padding: 40px 0; }
  .solutionbusiness section.bg_gray {
    background: #e6e6e6; }

.solutionbusiness h2 {
  text-align: center;
  margin-bottom: 35px; }

.solutionbusiness section.top_contents {
  margin-bottom: 0; }

.solutionbusiness .advantage {
  border-top: 4px solid #005f6e;
  position: relative; }
  .solutionbusiness .advantage h2 {
    text-align: left; }

.solutionbusiness .strength_content {
  margin-bottom: 30px; }

.solutionbusiness .strength_left {
  width: 63%; }

.solutionbusiness .strength_pc {
  position: absolute;
  top: 0;
  left: 63%;
  width: 37%; }

.solutionbusiness .strength_sp {
  display: none; }

.solutionbusiness .advantage .page_button {
  text-align: left; }

.solutionbusiness .strength_pc img {
  width: 100%; }

@media screen and (max-width: 800px) {
  .br-sp {
    display: none; }
  .solutionbusiness .dl_content {
    width: 100%;
    padding: 0;
    display: block; }
  .solutionbusiness .dl_content_menu {
    display: block; }
    .solutionbusiness .dl_content_menu ul {
      display: block;
      width: 100%; }
      .solutionbusiness .dl_content_menu ul.bar {
        border-bottom: none; }
      .solutionbusiness .dl_content_menu ul li {
        display: block; }
    .solutionbusiness .dl_content_menu div.dl_title {
      display: block;
      width: 100%;
      text-align: center;
      padding: 10px 0; }
    .solutionbusiness .dl_content_menu ul li a {
      font-size: 90%;
      padding-left: 40px; } }

@media screen and (max-width: 800px) {
  .solutionbusiness section {
    padding: 50px 4%; }
    .solutionbusiness section.no_pdg {
      padding: 50px 4%; } }

@media screen and (max-width: 800px) {
  .solutionbusiness .advantage h2 {
    text-align: center; }
  .solutionbusiness .strength_pc {
    display: none; }
  .solutionbusiness .strength_sp {
    display: block;
    width: 100%; }
    .solutionbusiness .strength_sp img {
      width: 100%; }
  .solutionbusiness .advantage .page_button {
    text-align: center; }
  .solutionbusiness .strength_content {
    margin-bottom: 0; } }

.button_bg_white {
  background: #fff; }

.solutionbusiness section.s_lineup .s_lineup_title {
  letter-spacing: normal;
  display: inline-block;
  width: calc(30% - 20px);
  padding: 20px 20px 57px 0;
  border-top: 2px solid #000;
  vertical-align: top;
  text-align: left;
  margin-right: 2px; }

.solutionbusiness section.s_lineup .s_lineup_list {
  letter-spacing: normal;
  display: inline-block;
  width: calc(70% - 92px);
  padding: 20px 50px 50px 40px;
  border-top: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
  background: url("/img/solutionbusiness/arrow.png");
  background-repeat: no-repeat;
  background-position: right 20px top 50%; }
  .solutionbusiness section.s_lineup .s_lineup_list span {
    display: inline-block; }

.solutionbusiness section.s_lineup span ul {
  display: inline-block; }
  .solutionbusiness section.s_lineup span ul li {
    display: inline;
    white-space: nowrap; }

.solutionbusiness section.s_lineup a {
  display: block;
  color: #000; }
  .solutionbusiness section.s_lineup a:hover {
    background: #e6e6e6; }

@media screen and (max-width: 800px) {
  .solutionbusiness .strength_left, .solutionbusiness .strength_right {
    float: none;
    width: 100%; }
  .solutionbusiness section.s_lineup {
    padding-top: 0px; }
    .solutionbusiness section.s_lineup li {
      background: url("/img/solutionbusiness/arrow.png");
      background-repeat: no-repeat;
      background-position: right 50%;
      border-top: solid 1px #CCC; }
    .solutionbusiness section.s_lineup span ul li {
      background: none;
      display: inline;
      white-space: nowrap;
      border: none; }
      .solutionbusiness section.s_lineup span ul li:before {
        display: inline;
        content: none;
        width: auto;
        border: none; }
      .solutionbusiness section.s_lineup span ul li:last-child {
        border: none; }
        .solutionbusiness section.s_lineup span ul li:last-child:after {
          display: none;
          border: none; }
    .solutionbusiness section.s_lineup span.s_lineup_title {
      display: block;
      width: 100%;
      padding-bottom: 25px;
      padding-right: 0;
      border: none; }
    .solutionbusiness section.s_lineup li:before {
      content: "";
      display: block;
      width: 200px;
      border-top: 2px solid #000;
      margin-top: -1px; }
    .solutionbusiness section.s_lineup li:last-child:after {
      content: "";
      display: block;
      width: 200px; }
    .solutionbusiness section.s_lineup span.s_lineup_list {
      display: block;
      width: calc(100% - 50px);
      border: none;
      padding: 0 50px 25px 0;
      background: none; }
    .solutionbusiness section.s_lineup span.s_lineup_title.last_s {
      border-bottom: none; }
    .solutionbusiness section.s_lineup span.s_lineup_list.last_s {
      border: none; }
    .solutionbusiness section.s_lineup a:hover {
      background: none; } }

/*servicelineup*/
.servicelineup .servicelineup_content {
  margin-top: 30px;
  word-break: break-all; }

.servicelineup section {
  margin-bottom: 30px; }
  .servicelineup section h2 {
    text-align: center;
    margin-bottom: 35px; }
  .servicelineup section.contents_list {
    border-top: 1px #ccc solid;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    position: relative; }
    .servicelineup section.contents_list:before {
      content: "";
      display: block;
      border-top: 2px #000 solid;
      width: 200px;
      margin-top: -1px;
      position: absolute;
      top: 0px;
      z-index: 2; }
    .servicelineup section.contents_list:after {
      content: "";
      display: block;
      border-top: 2px #FFF solid;
      width: 202px;
      margin-top: -1px;
      position: absolute;
      top: 0px;
      z-index: 1; }
    .servicelineup section.contents_list h3 {
      padding: 10px 30px 0 10px;
      display: inline-block; }
    .servicelineup section.contents_list p.list_text {
      display: block;
      font-size: 13px;
      padding: 14px 0 14px 10px;
      line-height: 1.45; }
    .servicelineup section.contents_list .article {
      float: left;
      width: calc(50% - 6px);
      padding: 0 10px 0 0;
      border-top: 1px dashed #ccc; }
      .servicelineup section.contents_list .article:nth-child(1), .servicelineup section.contents_list .article:nth-child(2) {
        border-top: none; }
      .servicelineup section.contents_list .article:nth-child(2n+1):last-child {
        width: 100%;
        padding: 0;
        border-top: 1px dashed #ccc; }
        .servicelineup section.contents_list .article:nth-child(2n+1):last-child .box_link {
          width: calc(50% - 26px);
          padding: 10px; }
      .servicelineup section.contents_list .article:nth-child(2n+1):first-child {
        border-top: none; }
      .servicelineup section.contents_list .article:nth-child(even) {
        padding: 0; }
      .servicelineup section.contents_list .article a.box_link, .servicelineup section.contents_list .article span.box_link {
        display: block;
        padding: 10px;
        color: #000; }
      .servicelineup section.contents_list .article a.box_link:hover {
        background: #e6e6e6;
        text-decoration: none; }
      .servicelineup section.contents_list .article .type {
        display: inline-block;
        float: left;
        font-size: 13px;
        color: #000; }
        .servicelineup section.contents_list .article .type .logo {
          display: block;
          margin: 0px 0px 10px 0px; }
      .servicelineup section.contents_list .article .lineup_category {
        display: inline-block;
        float: right; }
      .servicelineup section.contents_list .article .label.label_small {
        font-size: 12px;
        border-radius: 20px;
        width: 82px;
        padding: 3px  0; }
      .servicelineup section.contents_list .article .label_company {
        background: #f3f3f3;
        border: 1px solid #0386b4;
        color: #0386b4; }
        .servicelineup section.contents_list .article .label_company:before {
          content: "一般企業"; }
      .servicelineup section.contents_list .article .label_government {
        background: #f3f3f3;
        border: 1px solid #b63434;
        color: #b63434; }
        .servicelineup section.contents_list .article .label_government:before {
          content: "自治体"; }
      .servicelineup section.contents_list .article .label_store {
        background: #f3f3f3;
        border: 1px solid #349957;
        color: #349957; }
        .servicelineup section.contents_list .article .label_store:before {
          content: "店舗運営"; }
      .servicelineup section.contents_list .article .label_tourism {
        background: #f3f3f3;
        border: 1px solid #d96f01;
        color: #d96f01; }
        .servicelineup section.contents_list .article .label_tourism:before {
          content: "政府観光局"; }
      .servicelineup section.contents_list .article .label_education {
        background: #f3f3f3;
        border: 1px solid #75528a;
        color: #75528a; }
        .servicelineup section.contents_list .article .label_education:before {
          content: "教育機関"; }
      .servicelineup section.contents_list .article .lineup_info {
        display: block;
        margin-bottom: 5px; }
      .servicelineup section.contents_list .article .lineup_wrapper {
        display: block;
        float: right; }
        .servicelineup section.contents_list .article .lineup_wrapper .label:nth-of-type(2n + 1) {
          clear: both; }
      .servicelineup section.contents_list .article .company_name {
        display: block;
        font-size: 13px;
        color: #005f6e;
        font-weight: bold;
        margin-bottom: 10px; }
      .servicelineup section.contents_list .article .contents_img {
        width: 140px;
        height: 105px;
        display: inline-block;
        padding: 0 10px 0 0;
        float: left; }
        .servicelineup section.contents_list .article .contents_img img {
          width: 100%; }
      .servicelineup section.contents_list .article .height_auto {
        height: auto; }
      .servicelineup section.contents_list .article p {
        display: inline-block;
        float: right;
        width: calc(100% - 150px);
        font-size: 12px;
        line-height: 1.45;
        word-break: break-all; }
        .servicelineup section.contents_list .article p span.more {
          color: #205265; }

@media screen and (max-width: 800px) {
  .servicelineup section {
    padding: 0 15px; }
    .servicelineup section.contents_list {
      margin: 0 15px; }
      .servicelineup section.contents_list h3 {
        padding-left: 0; }
      .servicelineup section.contents_list p.list_text {
        font-size: 12px;
        margin-bottom: 20px;
        padding-left: 0; }
      .servicelineup section.contents_list .article {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
        border-top: none; }
        .servicelineup section.contents_list .article:nth-child(2n+1):last-child {
          width: 100%;
          padding: 0;
          border-top: none; }
          .servicelineup section.contents_list .article:nth-child(2n+1):last-child .box_link {
            width: auto; }
      .servicelineup section.contents_list:after {
        display: none; }
      .servicelineup section.contents_list .article:nth-child(even) {
        margin-bottom: 30px; }
      .servicelineup section.contents_list .article a.box_link {
        padding: 0; }
        .servicelineup section.contents_list .article a.box_link:hover {
          background: none; }
      .servicelineup section.contents_list .article .contents_img {
        width: 40%;
        height: auto;
        padding: 0 2% 0 0;
        max-width: 140px;
        min-width: 130px; }
        .servicelineup section.contents_list .article .contents_img img {
          width: 100%; }
      .servicelineup section.contents_list .article p {
        width: 58%;
        max-width: calc(95% - 140px);
        min-width: calc(95% - 130px); } }

/*detail*/
.detail .detail_header .detail_type {
  padding: 30px 0;
  font-size: 20px; }
  .detail .detail_header .detail_type span {
    padding-right: 10px; }

.detail .s_lineup_detail .detail_lead.detail_lead_text {
  line-height: 1.8; }

.detail .detail_header .campany_info {
  font-size: 18px;
  color: #005f6e;
  word-wrap: break-word; }

.detail .detail_header .detail_link a {
  color: #005f6e; }

.detail .detail_header .campany_info span.url {
  font-size: 14px; }

.s_lineup_detail .label.label-large {
  width: 100px;
  padding: 3px 0;
  margin: 0px 2px 2px 0px; }

.s_lineup_detail .label_company {
  background: #f3f3f3;
  border: 1px solid #0386b4;
  color: #0386b4; }
  .s_lineup_detail .label_company:before {
    content: "一般企業"; }

.s_lineup_detail .label_government {
  background: #f3f3f3;
  border: 1px solid #b63434;
  color: #b63434; }
  .s_lineup_detail .label_government:before {
    content: "自治体"; }

.s_lineup_detail .label_store {
  background: #f3f3f3;
  border: 1px solid #349957;
  color: #349957; }
  .s_lineup_detail .label_store:before {
    content: "店舗運営"; }

.s_lineup_detail .label_tourism {
  background: #f3f3f3;
  border: 1px solid #d96f01;
  color: #d96f01; }
  .s_lineup_detail .label_tourism:before {
    content: "政府観光局"; }

.s_lineup_detail .label_education {
  background: #f3f3f3;
  border: 1px solid #75528a;
  color: #75528a; }
  .s_lineup_detail .label_education:before {
    content: "教育機関"; }

@media screen and (max-width: 800px) {
  .detail .detail_header .detail_type {
    font-size: 16px; }
  div.s_lineup_detail {
    padding: 0 30px; }
  .detail .detail_header .campany_info span.url {
    font-size: 12px; } }

/*advantage*/
.advantage .advantage_content {
  margin-top: 30px; }

.advantage section {
  margin-bottom: 30px; }
  .advantage section h2 {
    text-align: center;
    margin: 90px 0px 35px 0px; }
  .advantage section .text {
    text-align: center; }
  .advantage section .advantageDesc2 {
    margin-top: 20px; }
  .advantage section .headText1 {
    padding: 0px 5px;
    font-size: 120%;
    font-weight: bold;
    position: relative;
    color: #015e6d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, rgba(252, 239, 130, 0.5)));
    background: -webkit-linear-gradient(transparent 70%, rgba(252, 239, 130, 0.5) 0%);
    background: -o-linear-gradient(transparent 70%, rgba(252, 239, 130, 0.5) 0%);
    background: linear-gradient(transparent 70%, rgba(252, 239, 130, 0.5) 0%); }
  .advantage section .headText2 {
    padding: 0px 5px;
    font-size: 120%;
    font-weight: bold;
    position: relative;
    color: #015e6d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, rgba(183, 222, 232, 0.5)));
    background: -webkit-linear-gradient(transparent 70%, rgba(183, 222, 232, 0.5) 0%);
    background: -o-linear-gradient(transparent 70%, rgba(183, 222, 232, 0.5) 0%);
    background: linear-gradient(transparent 70%, rgba(183, 222, 232, 0.5) 0%); }
  .advantage section .advantageImgWrapper1 {
    position: relative; }
    .advantage section .advantageImgWrapper1 img {
      display: block;
      margin: 0px auto;
      width: 100%;
      max-width: 614px; }
    .advantage section .advantageImgWrapper1 .imgSP {
      display: none; }
    .advantage section .advantageImgWrapper1 p {
      text-align: center;
      position: absolute;
      left: 0px;
      bottom: 15px;
      width: 100%; }
  .advantage section .advantageImgWrapper2 {
    margin: 30px 0px; }
    .advantage section .advantageImgWrapper2 img {
      display: block;
      margin: 0px auto;
      height: 160px; }
  .advantage section .advantageServiceList {
    margin: 0px;
    padding: 30px 0px;
    background-image: url(/img/solutionbusiness/advantage/advantage_service_bg_pc.jpg);
    background-position: center;
    background-repeat: no-repeat; }
    .advantage section .advantageServiceList:after {
      clear: both;
      content: "";
      display: block;
      height: 0px; }
    .advantage section .advantageServiceList li {
      margin: 10px 0px 10px 10px;
      padding: 1px;
      background-color: #FFF;
      border: solid 1px #F3F3F3;
      display: block;
      float: left;
      width: calc(25% - 12px); }
      .advantage section .advantageServiceList li:nth-of-type(4n + 1) {
        margin-left: 0px;
        clear: both; }
      .advantage section .advantageServiceList li h3 {
        padding: 5px 0px;
        color: #FFF;
        background-color: #015e6d;
        text-align: center;
        font-size: 90%; }
      .advantage section .advantageServiceList li img {
        display: block;
        margin: 0px auto;
        width: 100%;
        max-width: 155px; }
  .advantage section .advantageList1 {
    margin: 0px;
    padding: 0px; }
    .advantage section .advantageList1 li {
      margin: 40px 0px 0px 0px;
      padding: 0px; }
      .advantage section .advantageList1 li:after {
        clear: both;
        content: "";
        display: block;
        height: 0px; }
      .advantage section .advantageList1 li img {
        display: block;
        float: left;
        width: 110px;
        margin: 0px 8px 0px 0px; }
      .advantage section .advantageList1 li p {
        padding: 10px 0px 0px 0px;
        line-height: 1.6; }
  .advantage section .advantageList2 {
    margin: 50px 0px 0px 0px;
    padding: 0px; }
    .advantage section .advantageList2:after {
      clear: both;
      content: "";
      display: block;
      height: 0px; }
    .advantage section .advantageList2 li {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 25%; }
      .advantage section .advantageList2 li img.imgPC {
        margin: 0px auto;
        display: block;
        width: 160px; }
      .advantage section .advantageList2 li img.imgSP {
        display: none; }

.brPC {
  display: block; }

.brSP {
  display: inline; }

.text.text-30large {
  font-size: 30px; }

@media screen and (max-width: 1024px) {
  .advantage section .advantageList2 li img.imgPC {
    width: 120px; } }

@media screen and (max-width: 860px) {
  .advantage section .advantageList2 li img.imgPC {
    width: 100px; } }

@media screen and (max-width: 800px) {
  .brPC {
    display: inline; }
  .brSP {
    display: block; }
  .text.text-30large {
    font-size: 18px; }
  .advantage section {
    padding: 0 15px; }
    .advantage section p.text {
      text-align: left; }
    .advantage section.contents_list {
      margin: 0 15px; }
      .advantage section.contents_list h3 {
        padding-left: 0; }
      .advantage section.contents_list p.list_text {
        font-size: 12px;
        margin-bottom: 20px;
        padding-left: 0; }
      .advantage section.contents_list ul {
        border-bottom: none; }
      .advantage section.contents_list .article {
        float: none;
        width: 100%;
        margin: 0 0 30px 0; }
      .advantage section.contents_list:after {
        display: none; }
      .advantage section.contents_list .article:nth-child(even) {
        margin-bottom: 30px; }
      .advantage section.contents_list .article a.box_link {
        padding: 0; }
        .advantage section.contents_list .article a.box_link:hover {
          background: none; }
      .advantage section.contents_list .article .contents_img {
        width: 40%;
        height: auto;
        padding: 0 2% 0 0;
        max-width: 140px;
        min-width: 130px; }
        .advantage section.contents_list .article .contents_img img {
          width: 100%; }
      .advantage section.contents_list .article p {
        width: 58%;
        max-width: calc(95% - 140px);
        min-width: calc(95% - 130px); }
    .advantage section .advantageServiceList {
      background-image: url(/img/solutionbusiness/advantage/advantage_service_bg_sp.png);
      background-size: 360px; }
      .advantage section .advantageServiceList li {
        width: calc(50% - 12px); }
        .advantage section .advantageServiceList li h3 {
          font-size: 80%; }
        .advantage section .advantageServiceList li:nth-of-type(2n + 1) {
          margin-left: 0px;
          clear: both; }
    .advantage section .advantageImgWrapper1 .imgPC {
      display: none; }
    .advantage section .advantageImgWrapper1 .imgSP {
      display: block;
      max-width: 692px; }
    .advantage section .advantageList2 {
      margin-top: 15px; }
      .advantage section .advantageList2 li {
        width: calc(50% - 8px);
        margin: 15px 0px 0px 15px; }
        .advantage section .advantageList2 li img.imgPC {
          display: none; }
        .advantage section .advantageList2 li img.imgSP {
          margin: 0px auto;
          display: block;
          width: 100%; }
        .advantage section .advantageList2 li:nth-of-type(2n + 1) {
          margin-left: 0px; }
    .advantage section .advantageImgWrapper1 {
      padding-bottom: 45px; }
      .advantage section .advantageImgWrapper1 p {
        text-align: center;
        font-size: 120%;
        bottom: 0px;
        line-height: 1.4; }
    .advantage section .headText1 {
      font-size: 100%; }
    .advantage section .headText2 {
      line-height: 1.6; }
    .advantage section .advantageDesc2 {
      display: none; } }

.bnr-wrap {
  margin-top: 40px;
  margin-bottom: 70px; }
  .bnr-wrap img {
    width: 60%; }

@media screen and (max-width: 800px) {
  .bnr-wrap {
    padding: 0 15px;
    margin-top: 0; }
    .bnr-wrap img {
      width: 100%; } }

/*!
 * jquery-drawer v3.1.0
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/* recruit-intern common */
@media screen and (max-width: 768px) {
  #recruit-intern .drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff; }
  #recruit-intern .drawer-brand {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #222; }
  #recruit-intern .drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none; }
  #recruit-intern .drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #222; }
    #recruit-intern .drawer-menu-item:hover {
      text-decoration: underline;
      color: #555;
      background-color: transparent; }
  #recruit-intern .drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
  #recruit-intern .drawer-open {
    overflow: hidden !important; }
    #recruit-intern .drawer-open .drawer-overlay {
      display: block; }
  #recruit-intern .drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  #recruit-intern .drawer--top.drawer-open .drawer-nav {
    top: 0; }
  #recruit-intern .drawer--top .drawer-hamburger, #recruit-intern .drawer--top.drawer-open .drawer-hamburger {
    right: 0; }
  #recruit-intern .drawer--left .drawer-nav {
    opacity: 0;
    -webkit-transition: left 0.01s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.4s ease 0s;
    -o-transition: left 0.01s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.4s ease 0s;
    transition: left 0.01s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.4s ease 0s; }
  #recruit-intern .drawer--left .drawer-hamburger {
    left: 0; }
  #recruit-intern .drawer--left.drawer-open .drawer-nav, #recruit-intern .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
    opacity: 1; }
  #recruit-intern .drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem; }
  #recruit-intern .drawer--right .drawer-nav {
    right: -16.25rem;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  #recruit-intern .drawer--right .drawer-hamburger {
    right: 0; }
  #recruit-intern .drawer--right.drawer-open .drawer-nav, #recruit-intern .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0; }
  #recruit-intern .drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem; }
  #recruit-intern .drawer-hamburger {
    position: fixed;
    z-index: 4;
    top: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent; }
    #recruit-intern .drawer-hamburger:hover {
      cursor: pointer;
      background-color: transparent; }
  #recruit-intern .drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222; }
    #recruit-intern .drawer-hamburger-icon:after, #recruit-intern .drawer-hamburger-icon:before {
      width: 100%;
      height: 2px;
      -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      background-color: #222; }
    #recruit-intern .drawer-hamburger-icon:after, #recruit-intern .drawer-hamburger-icon:before {
      position: absolute;
      top: -10px;
      left: 0;
      content: ' '; }
    #recruit-intern .drawer-hamburger-icon:after {
      top: 10px; }
  #recruit-intern .drawer-open .drawer-hamburger-icon {
    background-color: transparent; }
    #recruit-intern .drawer-open .drawer-hamburger-icon:after {
      top: 0; }
    #recruit-intern .drawer-open .drawer-hamburger-icon:before {
      top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #recruit-intern .drawer-open .drawer-hamburger-icon:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  #recruit-intern .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  #recruit-intern .sr-only-focusable:active, #recruit-intern .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0; }
  #recruit-intern .drawer--sidebar {
    background-color: #fff; }
    #recruit-intern .drawer--sidebar .drawer-contents {
      background-color: #fff; } }

@media (min-width: 64em) {
  #recruit-intern .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden; }
  #recruit-intern .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%; }
  #recruit-intern .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd; }
  #recruit-intern .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem; }
  #recruit-intern .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd; }
  #recruit-intern .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem; }
  #recruit-intern .drawer--sidebar .drawer-container {
    max-width: 48rem; } }

@media (min-width: 75em) {
  #recruit-intern .drawer--sidebar .drawer-nav {
    width: 16.25rem; }
  #recruit-intern .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem; }
  #recruit-intern .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem; }
  #recruit-intern .drawer--sidebar .drawer-container {
    max-width: 60rem; }
  .drawer--navbarTopGutter {
    padding-top: 3.75rem; }
  .drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%; }
    .drawer-navbar .drawer-navbar-header {
      border-bottom: 1px solid #ddd;
      background-color: #fff; }
  .drawer-navbar--fixed {
    position: fixed; }
  .drawer-navbar-header {
    position: relative;
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center; }
  .drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none; }
    .drawer-navbar .drawer-brand:hover {
      background-color: transparent; }
  .drawer-navbar .drawer-nav {
    padding-top: 3.75rem; }
  .drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem; }
  .drawer-navbar .drawer-container {
    max-width: 70rem; } }

@media (min-width: 64em) {
  #recruit-intern .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
    #recruit-intern .drawer-navbar .drawer-navbar-header {
      position: relative;
      display: block;
      float: left;
      width: auto;
      padding: 0;
      border: 0; }
    #recruit-intern .drawer-navbar .drawer-menu--right {
      float: right; }
    #recruit-intern .drawer-navbar .drawer-menu li {
      float: left; }
    #recruit-intern .drawer-navbar .drawer-menu-item {
      line-height: 3.75rem;
      padding-top: 0;
      padding-bottom: 0; }
    #recruit-intern .drawer-navbar .drawer-hamburger {
      display: none; }
    #recruit-intern .drawer-navbar .drawer-nav {
      position: relative;
      left: 0;
      overflow: visible;
      width: auto;
      height: 3.75rem;
      padding-top: 0;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    #recruit-intern .drawer-navbar .drawer-menu {
      padding: 0; }
    #recruit-intern .drawer-navbar .drawer-dropdown-menu {
      position: absolute;
      width: 16.25rem;
      border: 1px solid #ddd; }
    #recruit-intern .drawer-navbar .drawer-dropdown-menu-item {
      padding-left: .75rem; }
  #recruit-intern .drawer-container {
    max-width: 60rem; }
  #recruit-intern .drawer-dropdown-menu {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff; }
    #recruit-intern .drawer-dropdown-menu > li {
      width: 100%;
      list-style: none; }
  #recruit-intern .drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222; }
    #recruit-intern .drawer-dropdown-menu-item:hover {
      text-decoration: underline;
      color: #555;
      background-color: transparent; }
  #recruit-intern .drawer-dropdown.open > .drawer-dropdown-menu {
    display: block; }
  #recruit-intern .drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,-webkit-transform .2s ease;
    -o-transition: transform .2s ease,opacity .2s ease;
    transition: transform .2s ease,opacity .2s ease;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  #recruit-intern .drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  #recruit-intern .drawer-container {
    margin-right: auto;
    margin-left: auto; } }

/* reset.css */
@media screen and (max-width: 374px) {
  #recruit-intern {
    font-size: 12px;
    line-height: 1.6; } }

@media screen and (min-width: 375px) and (max-width: 768px) {
  #recruit-intern.job {
    font-size: 13px;
    line-height: 1.8; } }

@media screen and (max-width: 374px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 13px;
    line-height: 1.3; } }

@media screen and (min-width: 375px) and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 13px;
    line-height: 1.4; } }

#recruit-intern figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#recruit-intern ol, #recruit-intern ul {
  list-style: none; }

#recruit-intern table {
  border-collapse: collapse;
  border-spacing: 0; }

#recruit-intern caption, #recruit-intern th {
  text-align: left; }

#recruit-intern img {
  vertical-align: top; }

#recruit-intern a:focus {
  outline: none; }

#recruit-intern a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#recruit-intern a:hover {
  text-decoration: none; }

#recruit-intern img {
  height: auto; }

@media screen and (max-width: 800px) {
  #recruit-intern .contents {
    padding-top: 60px; }
  #recruit-intern .wrapper .hide_sp {
    display: none; } }

@media print, screen and (min-width: 801px) {
  #recruit-intern .wrapper .hide_pc {
    display: none; }
  #recruit-intern .hide_pc {
    display: none; } }

@media screen and (max-width: 768px) {
  #recruit-intern .block_01 {
    margin: 0 6.51042% 25px; }
    #recruit-intern .block_01 figure.image_column1 {
      margin-left: -7.8125%;
      margin-right: -7.8125%; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .block_01 {
    max-width: 745px;
    margin: 0 auto 50px; } }

#recruit-intern .textBox {
  margin-bottom: 20px; }
  #recruit-intern .textBox p {
    font-size: 14px;
    line-height: 1.8; }
  #recruit-intern .textBox p:not(:last-child) {
    margin-bottom: 1.2em; }

#recruit-intern .cmn_title_01 {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  text-align: center;
  line-height: 1;
  position: relative; }
  #recruit-intern .cmn_title_01::after {
    display: block;
    content: "";
    width: 100%;
    height: 7px;
    position: absolute;
    bottom: -9px;
    left: 0;
    background: #ececec;
    background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff));
    background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); }

@media screen and (max-width: 768px) {
  #recruit-intern .textBox {
    margin-bottom: 20px; }
    #recruit-intern .textBox p {
      font-size: 13px;
      line-height: 1.8; }
  #recruit-intern .cmn_title_01 {
    padding: 10px 0;
    margin: 0 -7.8125% 15px;
    border-width: 1px;
    font-size: 15px; }
    #recruit-intern .cmn_title_01::after {
      bottom: -5px;
      height: 4px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .cmn_title_01 {
    padding: 17px 0;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 1.4; } }

#recruit-intern #ancNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#recruit-intern #ancNav a {
  display: block;
  height: 35px;
  color: #fff;
  background: #376B82;
  border-radius: 2px;
  line-height: 35px;
  text-align: center;
  text-decoration: none !important; }

@media screen and (max-width: 768px) {
  #recruit-intern #ancNav {
    margin: 0 6.51042% 20px; }
    #recruit-intern #ancNav li {
      width: calc(50% - 10px);
      margin-bottom: 10px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #ancNav {
    width: 745px;
    margin: 0 auto 40px; }
    #recruit-intern #ancNav ul::after {
      content: "";
      width: 140px;
      display: block; }
    #recruit-intern #ancNav li {
      margin-bottom: 20px; }
    #recruit-intern #ancNav a {
      width: 140px;
      font-size: 14px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in; }
      #recruit-intern #ancNav a:hover {
        opacity: 0.75; } }

#recruit-intern p.note01 {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 0.9em; }

#recruit-intern ul.note01 > li {
  margin-left: 1em;
  text-indent: -1em; }

#recruit-intern .btn_detail_01 {
  position: relative;
  height: 35px;
  background: #000;
  text-decoration: none !important;
  text-align: center;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in; }
  #recruit-intern .btn_detail_01:hover {
    background: rgba(0, 0, 0, 0.75); }
  #recruit-intern .btn_detail_01 img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@media screen and (max-width: 768px) {
  #recruit-intern .btn_detail_01 {
    display: block; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .btn_detail_01 {
    display: inline-block;
    width: 130px; } }

#recruit-intern .businessList {
  background: #FAFAFA; }
  #recruit-intern .businessList h2 {
    text-align: center;
    margin-bottom: 40px; }
  #recruit-intern .businessList ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    #recruit-intern .businessList ul a {
      display: block;
      color: #000;
      text-decoration: none  !important;
      line-height: 1.2;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      #recruit-intern .businessList ul a:hover {
        opacity: 0.75;
        color: #005F65; }
    #recruit-intern .businessList ul .comingsoon {
      position: relative; }
      #recruit-intern .businessList ul .comingsoon::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(/img/recruit-intern/common/nav_comingsoon.png) right top no-repeat; }
      #recruit-intern .businessList ul .comingsoon a:hover {
        opacity: 1;
        color: #000; }
  #recruit-intern .businessList .pickupItem a {
    background: #F9F0EC; }
  #recruit-intern .businessList .pickupItem p {
    position: relative; }
    #recruit-intern .businessList .pickupItem p::after {
      content: "";
      display: block;
      height: 100%;
      width: 6px;
      position: absolute;
      bottom: 0;
      right: 20px;
      background: url(/img/recruit-intern/common/arrow_04.svg) right center no-repeat;
      background-size: 100% auto; }
  #recruit-intern .businessList .itemList h3 {
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    background: url(/img/recruit-intern/common/arrow_04.svg) right center no-repeat;
    background-size: 6px auto;
    font-weight: bold; }
  #recruit-intern .businessList .itemList img {
    display: block; }

@media screen and (max-width: 768px) {
  #recruit-intern .businessList {
    padding: 30px 0 5px; }
    #recruit-intern .businessList h2 {
      margin-bottom: 25px; }
    #recruit-intern .businessList ul {
      margin: 0 3.90625%; }
      #recruit-intern .businessList ul .comingsoon::after {
        width: 100%;
        height: 100%;
        background-image: url(/img/recruit-intern/common/nav_comingsoon.png);
        background-size: 98px; }
      #recruit-intern .businessList ul .comingsoon svg {
        width: 87.14286%;
        max-height: 40px; }
      #recruit-intern .businessList ul .comingsoon p::after {
        content: none; }
    #recruit-intern .businessList p {
      font-size: 2.865vw; }
      #recruit-intern .businessList p span {
        font-size: 2.083vw; }
    #recruit-intern .businessList .pickupItem li {
      width: 100%;
      margin-bottom: 12px; }
      #recruit-intern .businessList .pickupItem li a {
        height: 56px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    #recruit-intern .businessList .pickupItem h3 {
      width: 48.77401%;
      padding-left: 10px;
      text-align: left; }
    #recruit-intern .businessList .pickupItem p {
      width: 51.08475%; }
      #recruit-intern .businessList .pickupItem p::after {
        right: 5.12821%; }
      #recruit-intern .businessList .pickupItem p span {
        display: inline-block;
        width: 90%;
        font-size: 2.083vw; }
    #recruit-intern .businessList .pickupItem .rurubukitchen img, #recruit-intern .businessList .pickupItem .rurubumall img, #recruit-intern .businessList .pickupItem .rurubuandmore img {
      width: 84.14286%;
      max-height: 40px; }
    #recruit-intern .businessList .itemList li {
      width: 48.58757%;
      margin-bottom: 12px; }
      #recruit-intern .businessList .itemList li:nth-child(odd) {
        margin-right: 2.82486%; }
      #recruit-intern .businessList .itemList li img {
        display: none; }
    #recruit-intern .businessList .itemList a {
      background: #F9F0EC; }
      #recruit-intern .businessList .itemList a.education {
        background: #e9eff7; }
    #recruit-intern .businessList .itemList h3 {
      font-size: 10px;
      margin: 0 5.81395%;
      padding: 5.81395% 0 4.36047%; }
    #recruit-intern .businessList .itemList p {
      padding: 4.36047% 5.81395%; }
    #recruit-intern .businessList li.active a {
      background: #FBCEA5 !important; }
      #recruit-intern .businessList li.active a.education {
        background: #aec3f8 !important; }
        #recruit-intern .businessList li.active a.education h3, #recruit-intern .businessList li.active a.education p {
          border-color: #9ab2de !important; }
    #recruit-intern .businessList li.active h3, #recruit-intern .businessList li.active p {
      border-color: #DBB58E !important; } }

@media screen and (min-width: 667px) and (max-width: 768px) {
  #recruit-intern .businessList .pickupItem .rurubukitchen img, #recruit-intern .businessList .pickupItem .rurubumall img, #recruit-intern .businessList .pickupItem .rurubuandmore img {
    width: 63.14286%;
    max-height: 40px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .businessList {
    padding: 70px 0 40px; }
    #recruit-intern .businessList h2 {
      margin-bottom: 40px; }
    #recruit-intern .businessList ul {
      width: 1000px;
      margin: 0 auto; }
    #recruit-intern .businessList p span {
      display: inline-block;
      font-size: 12px;
      padding-bottom: 3px; }
    #recruit-intern .businessList .itemList li {
      margin-bottom: 30px;
      position: relative; }
      #recruit-intern .businessList .itemList li:not(:nth-child(4n)) {
        margin-right: 13px; }
      #recruit-intern .businessList .itemList li.active::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 170.3px;
        background: #FF8000;
        opacity: 0.3; }
      #recruit-intern .businessList .itemList li.education.active::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 170.3px;
        background: #006CFF;
        opacity: 0.3; }
    #recruit-intern .businessList .itemList h3 {
      padding: 12px 0;
      font-size: 16px; }
    #recruit-intern .businessList .pickupItem {
      margin-bottom: 30px; }
      #recruit-intern .businessList .pickupItem li {
        position: relative;
        width: 320px;
        height: 163px;
        background: #F9F0EC; }
        #recruit-intern .businessList .pickupItem li:not(:last-child) {
          margin-right: 20px; }
        #recruit-intern .businessList .pickupItem li a {
          height: 100%;
          padding-top: 84px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #recruit-intern .businessList .pickupItem li.active a {
          background: #FBCEA5 !important; }
        #recruit-intern .businessList .pickupItem li.active p {
          border-color: #DBB58E !important; }
        #recruit-intern .businessList .pickupItem li.rurubukitchen h3 {
          position: absolute;
          text-align: center;
          width: 100%;
          bottom: 92px; }
        #recruit-intern .businessList .pickupItem li.rurubumall h3 {
          position: absolute;
          text-align: center;
          width: 100%;
          bottom: 102px; }
        #recruit-intern .businessList .pickupItem li.rurubuandmore h3 {
          position: absolute;
          text-align: center;
          width: 100%;
          bottom: 101px; }
      #recruit-intern .businessList .pickupItem p {
        margin: 10px 20px 20px;
        padding-top: 10px;
        border-top: 1px solid #ccc; } }

/* job */
#recruit-intern .businessKV {
  position: relative;
  overflow: hidden;
  background-color: #F9F0EB; }

@media screen and (max-width: 768px) {
  #recruit-intern .businessKV {
    position: relative;
    margin-bottom: 25px; }
    #recruit-intern .businessKV .categoryName {
      display: block;
      padding: 15px 4.42708%;
      width: 100%;
      background: #000; }
      #recruit-intern .businessKV .categoryName img {
        width: auto;
        height: 20px; }
    #recruit-intern .businessKV .businessName {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 37.76vw;
      background-position: right center;
      background-size: auto 100%;
      background-repeat: no-repeat;
      position: relative; }
      #recruit-intern .businessKV .businessName img {
        margin-left: 7.16146%; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .businessKV {
    height: 250px;
    margin-bottom: 55px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%; }
    #recruit-intern .businessKV h1 {
      padding: 100px 0 0 10px; }
    #recruit-intern .businessKV .categoryName {
      position: absolute;
      top: 0;
      left: 10px; }
  .title_01 {
    position: relative; }
    .title_01 h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #F9F0EB; }
    .title_01 span {
      text-align: center;
      line-height: 1.8;
      z-index: 1; }
    .title_01 .name {
      width: 100%;
      display: block; }
    .title_01 img {
      position: absolute; }
    .title_01 .photo {
      bottom: 0;
      right: 14px; } }

@media screen and (max-width: 768px) {
  #recruit-intern .title_01 {
    margin-bottom: 35px;
    padding-top: 8.594vw;
    position: relative; }
    #recruit-intern .title_01 h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #F9F0EB;
      height: 26.042vw;
      font-size: 3.125vw; }
    #recruit-intern .title_01 span {
      text-align: center; }
    #recruit-intern .title_01 .name {
      width: 100%;
      display: block;
      font-size: 4.688vw;
      margin-bottom: 0.651vw; }
    #recruit-intern .title_01 img {
      position: absolute; }
    #recruit-intern .title_01 .photo {
      width: 30.99vw;
      bottom: 0;
      right: 1.823vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .title_01 {
    max-width: 745px;
    margin: 0 auto 50px;
    padding-top: 64px; }
    #recruit-intern .title_01 h2 {
      height: 200px; }
    #recruit-intern .title_01 .name {
      font-size: 30px;
      margin-bottom: 10px; }
  .title_02 {
    border-bottom: 2px solid #ddd;
    text-align: center;
    line-height: 1.4; } }

@media screen and (max-width: 768px) {
  #recruit-intern .title_02 {
    margin: 0 -7.8125% 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    text-align: center;
    line-height: 1.4; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .title_02 {
    padding-bottom: 10px;
    margin-bottom: 24px;
    font-size: 28px; }
  .title_03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    background-repeat: no-repeat;
    background-position: left top; }
    .title_03 h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      width: 52.5641%; } }

@media screen and (max-width: 768px) {
  #recruit-intern .title_03 {
    margin-bottom: 30px; }
    #recruit-intern .title_03 h2 {
      font-size: 3.125vw; }
    #recruit-intern .title_03 .name {
      font-size: 4.688vw; }
    #recruit-intern .title_03 .photo {
      width: 47.4359%; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .title_03 {
    width: 745px;
    margin: 0 auto 50px; }
    #recruit-intern .title_03 h2 {
      font-size: 16px; }
    #recruit-intern .title_03 .name {
      font-size: 30px; }
  figure.image_column1 img {
    width: 100%;
    margin: 0 auto;
    display: block; }
  figure.image_column1 figcaption {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4; }
    figure.image_column1 figcaption.center {
      text-align: center; }
    figure.image_column1 figcaption a {
      color: #005f6e; }
      figure.image_column1 figcaption a:hover {
        text-decoration: underline !important; } }

@media screen and (max-width: 768px) {
  #recruit-intern figure.image_column1 figcaption {
    margin: 8px 10px 0;
    font-size: 10px; }
  #recruit-intern figure.image_column1 img {
    width: 100%; }
  .note01 {
    font-size: 13px;
    line-height: 1.8;
    text-align: right; } }

@media screen and (max-width: 768px) {
  #recruit-intern .note01 {
    margin: 0 1em;
    font-size: 14px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .note01 {
    width: 745px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.8; }
  .attention {
    background: #F9F0EB;
    position: relative; }
    .attention h3 {
      text-align: center; }
      .attention h3 .badge {
        display: block;
        position: absolute;
        top: -5px;
        right: -5px; }
    .attention.attention_pickup {
      padding-bottom: 0; }
      .attention.attention_pickup .image_column1 {
        background: #fff; } }

@media screen and (max-width: 768px) {
  #recruit-intern .attention {
    background: #F9F0EB;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 12px; }
    #recruit-intern .attention .textBox {
      padding: 6.51042% 6.51042% 0; }
    #recruit-intern .attention h3 {
      text-align: center;
      margin-bottom: 15px;
      font-size: 15px;
      white-space: nowrap; }
      #recruit-intern .attention h3 .badge {
        display: block;
        position: absolute;
        width: 74px;
        top: -2px;
        right: -2px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .attention {
    width: 100%;
    margin: 0 auto 50px;
    padding-bottom: 12px; }
    #recruit-intern .attention .textBox {
      padding: 40px 40px 15px; }
    #recruit-intern .attention h3 {
      font-size: 28px;
      line-height: 1.4;
      margin-bottom: 20px; } }

@media screen and (max-width: 768px) {
  #recruit-intern .message h3 {
    padding: 10px 0;
    margin: 0 -7.8125% 15px;
    border-width: 1px;
    font-size: 15px; }
    #recruit-intern .message h3::before {
      top: -1px;
      height: 18px;
      width: 19px;
      margin-right: 5px;
      background-size: contain; }
    #recruit-intern .message h3::after {
      bottom: -5px;
      height: 4px; }
  #recruit-intern .message .copy {
    font-size: 15px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern .message h3 {
    padding: 17px 0;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 1.4; }
  #recruit-intern .message p.copy {
    font-size: 30px;
    margin-bottom: 15px; }
  #product h3 {
    background: #FF8000;
    color: #fff;
    text-align: center; } }

@media screen and (max-width: 768px) {
  #recruit-intern #product h3 {
    background: #FF8000;
    color: #fff;
    text-align: center;
    margin: 0 -7.8125% 25px;
    font-size: 15px;
    line-height: 40px; }
  #recruit-intern #product ul img {
    width: 100%; }
  #recruit-intern #product ul p {
    margin-top: 5px;
    font-size: 10px; }
  #recruit-intern #product ul li:not(:last-child) {
    margin-bottom: 15px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #product h3 {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 80px; }
  #recruit-intern #product ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #recruit-intern #product ul li {
      width: 240px; }
      #recruit-intern #product ul li p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.4; }
  #schedule h3 {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    text-align: center;
    line-height: 1;
    position: relative; }
    #schedule h3::before {
      content: "";
      display: inline-block;
      height: 34px;
      width: 34px;
      position: relative;
      top: -3px;
      vertical-align: middle;
      margin-right: 10px;
      background: url(/img/recruit-intern/business/icon_clock_01.png) no-repeat center center; }
    #schedule h3::after {
      display: block;
      content: "";
      width: 100%;
      height: 7px;
      position: absolute;
      bottom: -9px;
      left: 0;
      background: #ececec;
      background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff));
      background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); }
  #schedule .timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #schedule .timeblock {
    position: relative; }
    #schedule .timeblock:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 0;
      display: block;
      height: 100%;
      z-index: -1;
      background: #00A3D9; } }

@media screen and (max-width: 768px) {
  #recruit-intern #schedule h3 {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    text-align: center;
    line-height: 1;
    position: relative;
    padding: 10px 0;
    margin: 0 -7.8125% 15px;
    border-width: 1px;
    font-size: 15px; }
    #recruit-intern #schedule h3::before {
      top: -1px;
      height: 17px;
      width: 17px;
      margin-right: 5px;
      background-size: contain; }
    #recruit-intern #schedule h3::after {
      display: block;
      content: "";
      width: 100%;
      position: absolute;
      left: 0;
      background: #ececec;
      background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff));
      background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );
      bottom: -5px;
      height: 4px; }
  #recruit-intern #schedule .timeline {
    padding-left: 80px; }
  #recruit-intern #schedule .timeblock {
    position: relative;
    padding-bottom: 15px; }
    #recruit-intern #schedule .timeblock:not(:last-child)::after {
      content: "";
      position: absolute;
      display: block;
      height: 100%;
      z-index: -1;
      background: #00A3D9;
      left: -43px;
      top: 0.5em;
      width: 2.5px; }
    #recruit-intern #schedule .timeblock p {
      font-size: 12px;
      line-height: 1.4;
      padding-top: 0.5em; }
  #recruit-intern #schedule .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10px;
    line-height: 1.4; }
    #recruit-intern #schedule .images img {
      width: 100%;
      margin-bottom: 6px; }
    #recruit-intern #schedule .images figure {
      width: 40.885vw; }
      #recruit-intern #schedule .images figure:not(:nth-last-child(-n+2)) {
        margin-bottom: 15px; }
      #recruit-intern #schedule .images figure:nth-child(odd) {
        margin-right: 5.208vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #schedule {
    overflow: hidden; }
    #recruit-intern #schedule h3 {
      padding: 17px 0;
      margin-bottom: 30px;
      font-size: 30px;
      line-height: 1.4; }
    #recruit-intern #schedule .timeline {
      float: left;
      width: 60%;
      padding-left: 125px; }
    #recruit-intern #schedule h4 {
      padding-top: 1px;
      margin-bottom: 5px;
      font-size: 22px; }
      #recruit-intern #schedule h4 span {
        display: block;
        width: 100px;
        left: -125px;
        padding-left: 40px;
        padding-top: 2px;
        background-size: 21px;
        line-height: 38px;
        font-size: 18px; }
    #recruit-intern #schedule .timeblock {
      min-height: 40px; }
      #recruit-intern #schedule .timeblock:not(:last-child) {
        min-height: 130px;
        padding-bottom: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #recruit-intern #schedule .timeblock:not(:last-child)::after {
          left: -75px;
          width: 5px; }
      #recruit-intern #schedule .timeblock p {
        font-size: 15px;
        line-height: 1.4; }
    #recruit-intern #schedule .images {
      float: right;
      width: 240px;
      font-size: 12px;
      line-height: 1.4; }
      #recruit-intern #schedule .images figure:not(:last-child) {
        margin-bottom: 25px; }
      #recruit-intern #schedule .images figcaption {
        margin-top: 5px; }
  #rurubukitchen .businessKV {
    background-color: #DAD3C5; }
  #rurubukitchen .title_02 {
    color: #6D0F1D; }
  #rurubukitchen .title_03, #rurubukitchen .attention {
    background: #F4F1EA; } }

@media screen and (max-width: 768px) {
  #recruit-intern #rurubukitchen {
    margin-bottom: 20px; }
    #recruit-intern #rurubukitchen .businessKV .businessName img {
      width: 63.281vw; }
    #recruit-intern #rurubukitchen .title_01 .image {
      top: 3.385vw;
      left: -5.209vw;
      width: 36.328vw; }
    #recruit-intern #rurubukitchen .attention h3 {
      font-size: 3.776vw; } }

@media print, screen and (min-width: 769px) {
  #passme .businessKV {
    background-color: #F4F8FC; }
  #passme .title_03, #passme .attention {
    background: #FFF8DF; } }

@media screen and (max-width: 768px) {
  #recruit-intern #passme {
    margin-bottom: 20px; }
    #recruit-intern #passme .businessKV .businessName img {
      width: 86.719vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #passme .businessKV {
    padding-top: 141px; }
  #recruit-intern #passme .title_01 .image {
    top: 26px;
    left: -23px; }
  #rurubuandomore .businessKV, #rurubuandomore .title_03, #rurubuandomore .attention {
    background-color: #F4F8FC; } }

@media screen and (max-width: 768px) {
  #recruit-intern #rurubuandomore {
    margin-bottom: 20px; }
    #recruit-intern #rurubuandomore .businessKV {
      margin-bottom: 25px; }
      #recruit-intern #rurubuandomore .businessKV .businessName {
        background-size: 35.156vw auto;
        background-position: right top; }
        #recruit-intern #rurubuandomore .businessKV .businessName img {
          width: 76.823vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #rurubuandomore .businessKV {
    padding-top: 160px;
    background-size: 48.08333% auto; }
    #recruit-intern #rurubuandomore .businessKV .businessName img {
      width: 49.16667%;
      max-width: 590px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-01 {
    margin-bottom: 20px; }
    #recruit-intern #business-01 .title_01 .photo {
      width: 28.125vw; }
    #recruit-intern #business-01 .title_01 .image {
      top: 4.297vw;
      left: 2.344vw;
      width: 32.422vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-01 .title_01 .image {
    top: 33px;
    left: 5px; }
  #recruit-intern #business-01 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-01 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-01 #schedule h4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-02 {
    margin-bottom: 20px; }
    #recruit-intern #business-02 .title_01 .image {
      top: 8.333vw;
      left: 2.344vw;
      width: 30.078vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-02 .title_01 .image {
    top: 43px;
    left: 21px; }
  #recruit-intern #business-02 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-02 .attention figure.image_column1 figcaption {
      padding: 0 12px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-03 {
    margin-bottom: 20px; }
    #recruit-intern #business-03 .title_01 .photo {
      width: 25.521vw; }
    #recruit-intern #business-03 .title_01 .image {
      top: 5.859vw;
      left: -5.86vw;
      width: 37.76vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-03 .title_01 .image {
    top: 30px;
    left: -30px; }
  #recruit-intern #business-03 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-03 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-03 #schedule h4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-04 {
    margin-bottom: 20px; }
    #recruit-intern #business-04 .title_01 .photo {
      width: 28.516vw; }
    #recruit-intern #business-04 .title_01 .image {
      top: 6.557vw;
      left: -1.526vw;
      width: 37.38vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-04 .title_01 .image {
    top: 47px;
    left: -27px; }
  #recruit-intern #business-04 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-04 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-04 #schedule h4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-05 {
    margin-bottom: 20px; }
    #recruit-intern #business-05 .title_01 .photo {
      width: 24.609vw; }
    #recruit-intern #business-05 .title_01 .image {
      top: 10.604vw;
      left: 1.474vw;
      width: 32.682vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-05 .title_01 .image {
    top: 75px;
    left: 15px; }
  #recruit-intern #business-05 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-05 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-05 #schedule h4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-06 {
    margin-bottom: 20px; }
    #recruit-intern #business-06 .title_01 .photo {
      width: 25.13vw; }
    #recruit-intern #business-06 .title_01 .image {
      top: 4.557vw;
      left: 2.474vw;
      width: 26.042vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-06 .title_01 .image {
    top: 29px;
    left: 21px; }
  #recruit-intern #business-06 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-06 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-06 #schedule h4 {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  #recruit-intern #business-07 {
    margin-bottom: 20px; }
    #recruit-intern #business-07 .title_01 .photo {
      width: 25.651vw; }
    #recruit-intern #business-07 .title_01 .image {
      top: 4.557vw;
      left: 2.474vw;
      width: 32.552vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #business-07 .title_01 .image {
    top: 37px;
    left: 20px; }
  #recruit-intern #business-07 .attention {
    padding-bottom: 12px; }
    #recruit-intern #business-07 .attention figure.image_column1 figcaption {
      padding: 0 12px; }
  #recruit-intern #business-07 #schedule h4 {
    margin-bottom: 10px; } }

/*////////////////////////////////*/
/* index.css */
/* students data */
#recruit-intern.data #kvUnder {
  background-color: #99A5A9; }

@media screen and (max-width: 768px) {
  #recruit-intern.data #kvUnder {
    background-image: url(/img/recruit-intern/data/data_kv_bg_sp.jpg); }
    #recruit-intern.data #kvUnder img {
      width: 67.708vw; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern.data #kvUnder {
    background-image: url(/img/recruit-intern/data/data_kv_bg.jpg); } }

@media print, screen and (min-width: 769px) {
  .data article a {
    text-decoration: underline; }
  #recruit-intern.data #anc01 dl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid #ddd; }
    #recruit-intern.data #anc01 dl dt {
      width: 160px;
      padding: 10px 0;
      border-bottom: 1px solid #ddd; }
    #recruit-intern.data #anc01 dl dd {
      width: calc(100% - 160px);
      padding: 10px 0;
      border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  #recruit-intern.data #anc01 dl dt {
    width: 6em; }
  #recruit-intern.data #anc01 dl dd {
    width: calc(100% - 6em); }
  #recruit-intern.data #anc02 h3 {
    background: #346B83;
    color: #fff; } }

@media screen and (max-width: 768px) {
  #recruit-intern.data #anc02 h3 {
    position: relative;
    padding: 10px 10px 10px 70px;
    margin-bottom: 15px;
    font-size: 16px; }
    #recruit-intern.data #anc02 h3 img {
      width: 55px;
      position: absolute;
      left: 10px;
      top: 14px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern.data #anc02 .textBox {
    margin-bottom: 40px; }
  #recruit-intern.data #anc02 h3 {
    font-size: 24px;
    line-height: 60px;
    padding-left: 20px;
    margin-bottom: 30px; }
    #recruit-intern.data #anc02 h3 img {
      vertical-align: middle;
      margin-right: 20px;
      position: relative;
      top: -2px; }
  #recruit-intern.data #anc03 h3 {
    font-weight: bold;
    font-size: 1.1em; }
  #recruit-intern.data #anc03 .place li {
    border: 1px solid #ddd; }
  #recruit-intern.data #anc03 .place h4 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em; } }

@media screen and (max-width: 768px) {
  #recruit-intern.data #anc03 .place li {
    padding: 10px; }
    #recruit-intern.data #anc03 .place li:not(:last-child) {
      margin-bottom: 15px; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern.data #anc03 .textBox {
    margin-bottom: 40px; }
  #recruit-intern.data #anc03 .place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #recruit-intern.data #anc03 .place li {
      padding: 20px;
      width: 370px; } }

/* business faq */
@media screen and (max-width: 768px) and (max-width: 800px) {
  #recruit-intern.faq .page {
    padding: 0; } }

@media screen and (max-width: 768px) {
  #recruit-intern.faq #kvUnder {
    height: 37.76vw;
    margin-bottom: 30px;
    background-size: cover;
    background-image: url(/img/recruit-intern/business/faq/faq_kv_bg_sp.jpg); }
    #recruit-intern.faq #kvUnder img {
      width: 72.005vw; }
  #recruit-intern.faq .contents {
    font-size: 13px;
    line-height: 1.8; }
  #recruit-intern.faq .note01 {
    font-size: 13px;
    line-height: 1.8;
    text-align: left; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern.faq .contents {
    font-size: 14px;
    line-height: 1.8; }
  #recruit-intern.faq #ancNav ul::after {
    content: "";
    width: 440px;
    display: block; } }

@media print, screen and (min-width: 769px) and (max-width: 1024px) {
  #recruit-intern.faq #ancNav {
    width: 672px; }
    #recruit-intern.faq #ancNav ul::after {
      content: "";
      width: 140px;
      display: block; } }

#recruit-intern.faq .question, #recruit-intern.faq .answer {
  position: relative; }

#recruit-intern.faq .question::before, #recruit-intern.faq .answer::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  font-weight: normal; }

#recruit-intern.faq .question {
  font-weight: bold; }
  #recruit-intern.faq .question::before {
    content: "Q";
    background: #999; }

#recruit-intern.faq .answer::before {
  content: "A";
  background: #FF8000; }

#recruit-intern.faq dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px solid #ddd; }
  #recruit-intern.faq dl dt {
    width: 160px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }
  #recruit-intern.faq dl dd {
    width: calc(100% - 160px);
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }

#recruit-intern.faq .goto_map {
  display: inline-block;
  width: 50px;
  height: 25px;
  background: #376B82;
  border-radius: 2px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  text-decoration: none !important; }

@media screen and (max-width: 768px) {
  #recruit-intern {
    position: relative;
    margin-bottom: 12px; }
    #recruit-intern.faq .block_01 {
      margin-bottom: 40px; }
    #recruit-intern.faq .question, #recruit-intern.faq .answer {
      padding: 0.5em 0 0 40px; }
    #recruit-intern.faq .question::before, #recruit-intern.faq .answer::before {
      width: 30px;
      line-height: 30px;
      margin-right: 10px;
      font-size: 14px; }
    #recruit-intern.faq .question {
      margin-bottom: 20px;
      font-size: 14px; }
    #recruit-intern.faq .answer {
      margin-left: 20px; }
    #recruit-intern.faq dl {
      margin-left: 20px; }
      #recruit-intern.faq dl dt {
        width: 8em; }
      #recruit-intern.faq dl dd {
        width: calc(100% - 8em); } }

@media print, screen and (min-width: 769px) {
  #recruit-intern.faq .block_01 {
    margin-bottom: 80px; }
  #recruit-intern.faq .textBox {
    margin-bottom: 40px; }
    #recruit-intern.faq .textBox:not(:last-child) {
      border-bottom: 1px solid #ddd;
      padding-bottom: 40px; }
  #recruit-intern.faq .question, #recruit-intern.faq .answer {
    padding: 0.4em 0 0 80px; }
  #recruit-intern.faq .question::before, #recruit-intern.faq .answer::before {
    width: 60px;
    line-height: 40px;
    margin-right: 20px;
    font-size: 18px; }
  #recruit-intern.faq .question {
    margin-bottom: 30px;
    font-size: 16px; }
  #recruit-intern.faq .answer, #recruit-intern.faq dl {
    margin-left: 50px; }
  #recruit-intern.faq .goto_map {
    margin-left: 20px;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in; }
    #recruit-intern.faq .goto_map:hover {
      opacity: 0.75; }
  #anc09 a {
    font-weight: bold; }
    #anc09 a:hover {
      text-decoration: underline; }
  #anc09 strong {
    font-weight: bold; } }

/* business message */
@media screen and (max-width: 768px) {
  #recruit-intern #kvUnder {
    margin-bottom: 30px;
    background-image: url(/img/recruit-intern/message/message_kv_bg_sp.jpg); }
    #recruit-intern #kvUnder img {
      width: 68.75vw; } }

@media screen and (max-width: 768px) {
  #recruit-intern #message .block_01 h2 {
    margin-bottom: 30px; }
    #recruit-intern #message .block_01 h2 img {
      width: 100%; } }

@media print, screen and (min-width: 769px) {
  #recruit-intern #message .block_01 {
    margin-bottom: 60px; }
    #recruit-intern #message .block_01 h2 {
      margin-bottom: 60px; } }

@media screen and (max-width: 768px) {
  #recruit-intern .header {
    line-height: 1; }
  #recruit-intern .breadcrumb {
    line-height: 1; }
  #recruit-intern.job .page, #recruit-intern.business .page {
    padding: 0;
    border-top: 1px solid #333; } }
  @media screen and (max-width: 768px) and (max-width: 800px) {
    #recruit-intern.job .page, #recruit-intern.business .page {
      padding: 0; } }

@media screen and (max-width: 768px) {
  #recruit-intern .contents {
    padding-top: 0; }
  #recruit-intern .page.page-2col .page_col.page_col-main {
    padding-bottom: 0; } }

#recruit-intern .page.page-2col.page-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 800px) and (min-height: 668px) {
  #recruit-intern.intern, #recruit-intern.career, #recruit-intern.parttime {
    height: 100%; }
    #recruit-intern.intern .wrapper, #recruit-intern.career .wrapper, #recruit-intern.parttime .wrapper {
      height: 100% !important;
      padding-bottom: 153px; }
      #recruit-intern.intern .wrapper .main, #recruit-intern.career .wrapper .main, #recruit-intern.parttime .wrapper .main {
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #recruit-intern.intern .wrapper .main .page.page-2col, #recruit-intern.career .wrapper .main .page.page-2col, #recruit-intern.parttime .wrapper .main .page.page-2col {
          height: calc( 100% - 25px);
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          #recruit-intern.intern .wrapper .main .page.page-2col .page_col.page_col-main, #recruit-intern.career .wrapper .main .page.page-2col .page_col.page_col-main, #recruit-intern.parttime .wrapper .main .page.page-2col .page_col.page_col-main {
            height: calc( 100% - 113px); } }

@media screen and (max-width: 800px) {
  .wrapper {
    overflow: hidden; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #recruit-intern .page.page-2col .page_col.page_col-main {
    width: 100%;
    max-width: 672px; }
  #recruit-intern #product ul li {
    width: 100%; }
    #recruit-intern #product ul li img {
      width: 100%; } }

/* recruit-intern rurubukitchen rurubumall rurubuandmore */
@media screen and (max-width: 800px) {
  #recruit-intern .pickup {
    margin-bottom: 20px; }
    #recruit-intern .pickup .block_01 figure.image_column1 {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

#recruit-intern .pickup .businessKV2 {
  position: relative;
  overflow: hidden;
  height: 240px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .businessKV2 {
      height: 195px;
      margin-top: 8px;
      background-size: cover; } }
  #recruit-intern .pickup .businessKV2 .categoryName {
    position: absolute;
    top: 0;
    left: 10px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .businessKV2 .categoryName img {
        width: 50%; } }
  #recruit-intern .pickup .businessKV2 .businessName img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 288px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .businessKV2 .businessName img {
        width: 203px; } }

#recruit-intern .pickup .lead_01 {
  margin: 40px 0;
  font-size: 30px;
  line-height: 1.4;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .lead_01 {
      margin: 25px 0 20px;
      font-size: 15px; } }

#recruit-intern .pickup .lead_02 {
  margin: 40px 0 50px;
  font-size: 16px;
  line-height: 1.8; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .lead_02 {
      margin: 0 6.51042% 25px;
      font-size: 12px; } }

#recruit-intern .pickup .title_01_name {
  position: relative;
  margin: 0 auto 40px;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f3efe3; }
  #recruit-intern .pickup .title_01_name .title_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%; }
    #recruit-intern .pickup .title_01_name .title_name .title_name_space {
      display: inline-block;
      width: 5em; }
      @media screen and (max-width: 800px) {
        #recruit-intern .pickup .title_01_name .title_name .title_name_space {
          width: 1em; } }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .title_01_name .title_name {
        width: 50%; } }
  #recruit-intern .pickup .title_01_name span {
    text-align: center;
    line-height: 1.8; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .title_01_name span {
        font-size: 11px; } }
  #recruit-intern .pickup .title_01_name .name {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .title_01_name .name {
        font-size: 14px; } }
  #recruit-intern .pickup .title_01_name .title_photo {
    width: 50%; }
    #recruit-intern .pickup .title_01_name .title_photo img {
      width: 100%; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .title_01_name .title_photo {
        width: 50%;
        height: auto; }
        #recruit-intern .pickup .title_01_name .title_photo img {
          width: 100%; } }

#recruit-intern .pickup .title_02 {
  padding-bottom: 10px;
  margin-bottom: 24px;
  font-size: 24px;
  color: #000; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .title_02 {
      font-size: 15px; } }

#recruit-intern .pickup .video {
  width: 640px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .video {
      width: 100%;
      margin: 0 auto; } }

#recruit-intern .pickup .rurubu_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 640px;
  padding: 23px 35px;
  margin: -3px auto 0;
  color: #cb4100;
  background: #f3efe3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8; }
  #recruit-intern .pickup .rurubu_info dt {
    font-size: 24px;
    margin-bottom: 5px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .rurubu_info dt {
        font-size: 15px;
        margin-bottom: 3px; } }
  #recruit-intern .pickup .rurubu_info dd {
    font-size: 14px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .rurubu_info dd {
        font-size: 12px; } }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .rurubu_info {
      width: 100%;
      padding: 20px;
      margin: -8px auto 0; } }
  #recruit-intern .pickup .rurubu_info .rurubu_info_photo {
    width: 110px;
    padding-top: 15px;
    margin-right: 20px; }
    #recruit-intern .pickup .rurubu_info .rurubu_info_photo img {
      width: 100%; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .rurubu_info .rurubu_info_photo {
        width: 25%; } }
  #recruit-intern .pickup .rurubu_info .rurubu_info_text {
    width: 440px; }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .rurubu_info .rurubu_info_text {
        width: 75%; } }

#recruit-intern .pickup .photo_01 {
  width: 654px;
  margin: 0 auto; }
  #recruit-intern .pickup .photo_01 img {
    width: 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .photo_01 {
      width: auto;
      margin: auto; } }

#recruit-intern .pickup .photo_02 {
  width: 410px;
  margin: 0 auto; }
  #recruit-intern .pickup .photo_02 img {
    width: 100%; }

#recruit-intern .pickup .section_button {
  margin: 45px 0 75px;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .section_button {
      margin: 30px 0; } }

#recruit-intern .pickup .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .column {
      display: block; } }
  #recruit-intern .pickup .column .column_01_text {
    width: 420px;
    margin-right: 25px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    #recruit-intern .pickup .column .column_01_text.education_text {
      width: 375px;
      margin-right: 30px; }
      @media screen and (min-width: 801px) and (max-width: 1024px) {
        #recruit-intern .pickup .column .column_01_text.education_text {
          width: 332px; } }
      @media screen and (max-width: 800px) {
        #recruit-intern .pickup .column .column_01_text.education_text {
          width: 100%;
          margin-right: 0; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      #recruit-intern .pickup .column .column_01_text {
        width: 387px; } }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .column .column_01_text {
        width: 100%;
        margin-right: 0; } }
  #recruit-intern .pickup .column .column_02_text {
    width: 420px;
    margin-left: 25px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    #recruit-intern .pickup .column .column_02_text.education_text {
      width: 375px;
      margin-left: 30px; }
      @media screen and (min-width: 801px) and (max-width: 1024px) {
        #recruit-intern .pickup .column .column_02_text.education_text {
          width: 332px; } }
      @media screen and (max-width: 800px) {
        #recruit-intern .pickup .column .column_02_text.education_text {
          width: 100%;
          margin-left: 0; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      #recruit-intern .pickup .column .column_02_text {
        width: 387px; } }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .column .column_02_text {
        width: 100%;
        margin-left: 0; } }
  #recruit-intern .pickup .column .column_01_photo {
    width: 300px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    #recruit-intern .pickup .column .column_01_photo .image_column1:not(:first-child) {
      margin-top: 25px; }
    #recruit-intern .pickup .column .column_01_photo.education_photo {
      width: 260px; }
      @media screen and (min-width: 801px) and (max-width: 1024px) {
        #recruit-intern .pickup .column .column_01_photo.education_photo {
          width: 230px; } }
      @media screen and (max-width: 800px) {
        #recruit-intern .pickup .column .column_01_photo.education_photo {
          width: 80%;
          margin: 20px auto 40px; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      #recruit-intern .pickup .column .column_01_photo {
        width: 260px; } }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .column .column_01_photo {
        width: 80%;
        margin: 30px auto 0; } }
  #recruit-intern .pickup .column .column_02_photo {
    width: 300px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    #recruit-intern .pickup .column .column_02_photo .image_column1:not(:first-child) {
      margin-top: 25px; }
    #recruit-intern .pickup .column .column_02_photo.education_photo {
      width: 260px; }
      @media screen and (min-width: 801px) and (max-width: 1024px) {
        #recruit-intern .pickup .column .column_02_photo.education_photo {
          width: 230px; } }
      @media screen and (max-width: 800px) {
        #recruit-intern .pickup .column .column_02_photo.education_photo {
          width: 80%;
          margin: 20px auto 40px; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      #recruit-intern .pickup .column .column_02_photo {
        width: 260px; } }
    @media screen and (max-width: 800px) {
      #recruit-intern .pickup .column .column_02_photo {
        width: 80%;
        margin: 30px auto 0; } }

#recruit-intern .pickup .title_img {
  margin-bottom: 30px; }
  #recruit-intern .pickup .title_img img {
    width: 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern .pickup .title_img img {
      width: 100%; } }

@media screen and (max-width: 800px) {
  #recruit-intern .pickup .column1_photo {
    width: 80%;
    margin: 30px auto 0; }
    #recruit-intern .pickup .column1_photo img {
      width: 100%; } }

#recruit-intern .pickup .note01 {
  text-align: right; }

#recruit-intern #rurubukitchen .businessKV2 {
  background-image: url(/img/recruit-intern/business/rurubukitchen/rurubukitchen_kv_bg.png); }
  @media screen and (max-width: 800px) {
    #recruit-intern #rurubukitchen .businessKV2 {
      background-image: url(/img/recruit-intern/business/rurubukitchen/rurubukitchen_kv_bg_sp.png); } }

#recruit-intern #rurubumall .businessKV2 {
  background-image: url(/img/recruit-intern/business/rurubumall/rurubumall_kv_bg.png); }
  @media screen and (max-width: 800px) {
    #recruit-intern #rurubumall .businessKV2 {
      background-image: url(/img/recruit-intern/business/rurubumall/rurubumall_kv_bg_sp.png); } }

#recruit-intern #rurubuandmore .businessKV2 {
  background-image: url(/img/recruit-intern/business/rurubuandmore/rurubuandmore_kv_bg.png); }
  #recruit-intern #rurubuandmore .businessKV2 .businessName img {
    position: absolute;
    top: 0;
    left: 70px;
    right: auto;
    bottom: 0;
    margin: auto;
    width: 294px; }
    @media screen and (max-width: 800px) {
      #recruit-intern #rurubuandmore .businessKV2 .businessName img {
        width: 203px;
        left: 0;
        right: 0; } }
  @media screen and (max-width: 800px) {
    #recruit-intern #rurubuandmore .businessKV2 {
      background-image: url(/img/recruit-intern/business/rurubuandmore/rurubuandmore_kv_bg_sp.png); } }

/* recruit-intern faqq */
#recruit-intern.faq .businessKV2 {
  position: relative;
  overflow: hidden;
  height: 240px;
  background-image: url(/img/recruit-intern/faq/faq_kv_bg.jpg);
  background-color: #99A5A9;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern.faq .businessKV2 {
      height: 195px;
      margin-top: 8px;
      background-image: url(/img/recruit-intern/faq/faq_kv_bg_sp.jpg);
      background-size: cover; } }
  #recruit-intern.faq .businessKV2 .businessName {
    color: #fff; }
    @media screen and (max-width: 800px) {
      #recruit-intern.faq .businessKV2 .businessName {
        top: 25%; } }

#recruit-intern.faq dl {
  margin-left: 0;
  border-top: none; }
  #recruit-intern.faq dl dt {
    width: 100%;
    padding: 0 0 0 35px;
    border-bottom: none; }
  #recruit-intern.faq dl dd {
    width: 100%;
    padding: 0 0 0 35px;
    border-bottom: none; }

#recruit-intern.faq .faq_text dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  margin-top: 15px;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px solid #ddd; }
  @media screen and (max-width: 800px) {
    #recruit-intern.faq .faq_text dl {
      margin-left: -35px; } }
  #recruit-intern.faq .faq_text dl dt {
    width: 185px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }
    @media screen and (max-width: 800px) {
      #recruit-intern.faq .faq_text dl dt {
        width: 34%; } }
  #recruit-intern.faq .faq_text dl dd {
    width: calc(100% - 185px);
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }
    @media screen and (max-width: 800px) {
      #recruit-intern.faq .faq_text dl dd {
        width: 66%; } }

/* recruit-intern education */
#recruit-intern #education .businessKV2 {
  position: relative;
  overflow: hidden;
  height: 240px;
  background-image: url(/img/recruit-intern/education/education_kv_bg.png);
  background-color: #ececec;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern #education .businessKV2 {
      height: 195px;
      margin-top: 8px;
      background-image: url(/img/recruit-intern/education/education_kv_bg_sp.png);
      background-size: cover; } }

#recruit-intern #education .education_content {
  overflow: hidden;
  padding: 40px 40px 0;
  margin-bottom: 40px;
  background-image: url(/img/recruit-intern/education/education_title_bg.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #f1f4f9; }
  @media screen and (max-width: 800px) {
    #recruit-intern #education .education_content {
      background-size: 100% auto; } }
  #recruit-intern #education .education_content .education_article_title {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.2; }
    @media screen and (max-width: 800px) {
      #recruit-intern #education .education_content .education_article_title {
        line-height: 1.6; } }
    #recruit-intern #education .education_content .education_article_title .label-feature {
      padding: 6px 10px 2px;
      margin-right: 10px;
      font-size: 20px;
      line-height: 1.2;
      color: #fff;
      background: #000; }
  #recruit-intern #education .education_content .lead {
    line-height: 2; }
  #recruit-intern #education .education_content .title_01_name {
    margin: 15px auto 40px;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #recruit-intern #education .education_content .title_01_name .title_name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 359px;
      padding-left: 35px; }
      @media screen and (max-width: 800px) {
        #recruit-intern #education .education_content .title_01_name .title_name {
          width: 50%; } }
    #recruit-intern #education .education_content .title_01_name span {
      line-height: 1.8; }
      @media screen and (max-width: 800px) {
        #recruit-intern #education .education_content .title_01_name span {
          font-size: 11px; } }
    #recruit-intern #education .education_content .title_01_name .name {
      display: block;
      width: 100%;
      margin-bottom: 0;
      font-size: 26px; }
      @media screen and (max-width: 800px) {
        #recruit-intern #education .education_content .title_01_name .name {
          font-size: 14px; } }
    #recruit-intern #education .education_content .title_01_name .title_photo {
      width: 296px;
      border: 5px solid #fff; }
      #recruit-intern #education .education_content .title_01_name .title_photo img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        #recruit-intern #education .education_content .title_01_name .title_photo {
          width: 50%;
          height: auto; }
          #recruit-intern #education .education_content .title_01_name .title_photo img {
            width: 100%; } }
  #recruit-intern #education .education_content .education_faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.2; }
    @media screen and (max-width: 800px) {
      #recruit-intern #education .education_content .education_faq {
        margin-bottom: 20px; } }
    #recruit-intern #education .education_content .education_faq .label-faq {
      width: 40px;
      height: 40px;
      padding: 10px 12px 10px 8px;
      margin-right: 10px;
      line-height: 1.2;
      color: #fff;
      background: #3079ff;
      border-radius: 50%;
      background: url(/img/recruit-intern/education/icon_circle.png) left center no-repeat;
      background-size: 40px 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        #recruit-intern #education .education_content .education_faq .label-faq {
          width: 56px;
          height: 56px;
          padding: 18px 12px 2px 8px;
          margin-right: 5px; } }

/* recruit-intern diversity */
#recruit-intern #diversity .businessKV2 {
  position: relative;
  overflow: hidden;
  height: 240px;
  background-image: url(/img/recruit-intern/diversity/diversity_kv_bg.png);
  background-color: #ececec;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern #diversity .businessKV2 {
      height: 195px;
      margin-top: 8px;
      background-size: cover; } }

#recruit-intern #diversity .diversity_content {
  overflow: hidden;
  padding: 40px;
  margin-bottom: 60px;
  background-image: url(/img/recruit-intern/diversity/diversity_title_bg.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #f1f6f8; }
  @media screen and (max-width: 800px) {
    #recruit-intern #diversity .diversity_content {
      padding: 20px 6.51042%;
      margin-bottom: 30px; } }
  #recruit-intern #diversity .diversity_content .diversity_article_title {
    font-size: 24px;
    padding-bottom: 6px;
    margin-bottom: 15px;
    line-height: 1.2;
    border-bottom: 2px solid #000; }
    @media screen and (max-width: 800px) {
      #recruit-intern #diversity .diversity_content .diversity_article_title {
        font-size: 20px; } }
  #recruit-intern #diversity .diversity_content .diversity_image {
    width: 576px;
    margin: 15px auto 50px; }
    @media screen and (max-width: 800px) {
      #recruit-intern #diversity .diversity_content .diversity_image {
        width: 100%;
        margin: 15px auto 30px; }
        #recruit-intern #diversity .diversity_content .diversity_image img {
          width: 100%; } }
  #recruit-intern #diversity .diversity_content .box_ex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ee8500;
    font-size: 16px;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 800px) {
      #recruit-intern #diversity .diversity_content .box_ex_wrap {
        display: block; } }
    #recruit-intern #diversity .diversity_content .box_ex_wrap .box_ex {
      width: 202px;
      padding: 15px;
      margin-left: 30px;
      border: 2px solid #f19b2e; }
      #recruit-intern #diversity .diversity_content .box_ex_wrap .box_ex:first-child {
        margin-left: 0; }
      @media screen and (max-width: 800px) {
        #recruit-intern #diversity .diversity_content .box_ex_wrap .box_ex {
          width: 100%;
          margin-left: 0;
          margin-bottom: 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }

/* recruit-intern business */
@media screen and (max-width: 800px) {
  #recruit-intern.business {
    margin-bottom: 20px; }
    #recruit-intern.business .block_01 {
      margin: 0 6.51042% 25px; }
      #recruit-intern.business .block_01.pickup {
        margin: 0 0 25px; }
      #recruit-intern.business .block_01 figure.image_column1 {
        margin-left: 0;
        margin-right: 0; } }

#recruit-intern.business .title_style {
  position: relative;
  width: 100%;
  border-top: 2px solid #e0e0e0; }
  #recruit-intern.business .title_style:after {
    position: absolute;
    top: -2px;
    left: 0;
    content: ' ';
    width: 50%;
    border-top: 2px solid #000; }
  #recruit-intern.business .title_style .title_style1 {
    padding-top: 20px;
    margin: -2px 0 30px;
    font-size: 20px;
    font-weight: bold; }
    @media screen and (max-width: 800px) {
      #recruit-intern.business .title_style .title_style1 {
        font-size: 18px;
        line-height: 1.2; } }

#recruit-intern.business .system_text {
  padding: 12px 24px;
  margin: 25px 0 20px;
  background: #f7f7f7;
  border: 1px solid #c0c0c0; }

#recruit-intern.business .system_lead {
  margin-bottom: 14px; }

#recruit-intern.business .system_text_type {
  font-size: 14px;
  line-height: 1.5; }
  #recruit-intern.business .system_text_type dt {
    font-weight: bold; }

#recruit-intern.business .title_ex {
  width: 200px;
  padding: 10px 0;
  margin: 30px auto 20px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #000; }

#recruit-intern #education .businessName,
#recruit-intern #diversity .businessName,
#recruit-intern #data .businessName, #recruit-intern.faq .businessName {
  position: absolute;
  top: 80px;
  left: 50px;
  margin: auto;
  font-size: 30px;
  line-height: 1.5; }
  @media screen and (max-width: 800px) {
    #recruit-intern #education .businessName,
    #recruit-intern #diversity .businessName,
    #recruit-intern #data .businessName, #recruit-intern.faq .businessName {
      top: 30%;
      left: 20px;
      font-size: 24px;
      line-height: 1.2; } }
  #recruit-intern #education .businessName .businessLead,
  #recruit-intern #diversity .businessName .businessLead,
  #recruit-intern #data .businessName .businessLead, #recruit-intern.faq .businessName .businessLead {
    display: block;
    font-size: 16px;
    line-height: 1.4; }
    @media screen and (max-width: 800px) {
      #recruit-intern #education .businessName .businessLead,
      #recruit-intern #diversity .businessName .businessLead,
      #recruit-intern #data .businessName .businessLead, #recruit-intern.faq .businessName .businessLead {
        padding-top: 5px;
        font-size: 14px;
        line-height: 1.4; } }

/* recruit-intern intern */
#recruit-intern.intern {
  height: 100%; }

#recruit-intern .intern_content {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    #recruit-intern .intern_content {
      margin-left: 15px;
      margin-right: 15px; } }
  #recruit-intern .intern_content .text a:hover {
    text-decoration: underline; }
  #recruit-intern .intern_content .icon.icon-window:before {
    top: -5px; }

/* recruit-intern career */
#recruit-intern .career_content {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    #recruit-intern .career_content {
      margin-left: 15px;
      margin-right: 15px; } }
  #recruit-intern .career_content .not_text {
    margin: 50px 0 60px;
    text-align: center; }

/* recruit-intern part-time */
#recruit-intern .parttime_content {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    #recruit-intern .parttime_content {
      margin-left: 15px;
      margin-right: 15px; } }
  #recruit-intern .parttime_content .not_text {
    margin: 50px 0 60px;
    text-align: center; }

/* recruit-intern students */
#recruit-intern.students .kv_section {
  position: relative;
  width: 100%;
  height: 590px;
  overflow: hidden; }
  @media screen and (max-width: 800px) {
    #recruit-intern.students .kv_section {
      height: 200px; } }
  #recruit-intern.students .kv_section .kv_image {
    position: absolute;
    top: -75px;
    right: 0;
    animation: kvfadein 2s ease 0s 1 normal;
    -webkit-animation: kvfadein 2s ease 0s 1 normal; }
    #recruit-intern.students .kv_section .kv_image img {
      width: 100%; }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .kv_section .kv_image {
        top: -35px; } }

@-webkit-keyframes kvfadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes kvfadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  #recruit-intern.students .kv_section .kv_section_inner {
    position: relative;
    margin: auto;
    max-width: 1024px; }
    #recruit-intern.students .kv_section .kv_section_inner .kv_title {
      position: absolute;
      top: 371px;
      left: 48px; }
      #recruit-intern.students .kv_section .kv_section_inner .kv_title img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .kv_section .kv_section_inner .kv_title {
          top: 120px;
          left: 30px; }
          #recruit-intern.students .kv_section .kv_section_inner .kv_title img {
            width: 50%; } }
    #recruit-intern.students .kv_section .kv_section_inner .kv_name {
      position: absolute;
      top: 447px;
      left: 48px; }
      #recruit-intern.students .kv_section .kv_section_inner .kv_name img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .kv_section .kv_section_inner .kv_name {
          top: 155px;
          left: 30px; }
          #recruit-intern.students .kv_section .kv_section_inner .kv_name img {
            width: 50%; } }

@media screen and (max-width: 800px) {
  #recruit-intern.students .page .page_header {
    margin-right: 10px;
    margin-left: 10px; } }

@media screen and (max-width: 800px) {
  #recruit-intern.students .page .page_header.style2 {
    margin-top: 30px; } }

@media screen and (max-width: 800px) {
  #recruit-intern.students .contents {
    padding: 0 10px; } }

#recruit-intern.students .detail_box {
  position: relative;
  overflow: hidden;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern.students .detail_box {
      height: 195px;
      margin-top: 8px;
      background-size: cover; } }
  #recruit-intern.students .detail_box.data {
    height: 240px;
    background-image: url(/img/recruit-intern/students/data_bg.png); }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .detail_box.data {
        background-position: left center; } }
  #recruit-intern.students .detail_box .categoryName {
    position: absolute;
    top: 0;
    left: 10px; }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .detail_box .categoryName img {
        width: 50%; } }
  #recruit-intern.students .detail_box .businessName {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .detail_box .businessName {
        top: 20%;
        line-height: 1.2; }
        #recruit-intern.students .detail_box .businessName img {
          height: 30px; } }
    #recruit-intern.students .detail_box .businessName .businessLead {
      display: block;
      padding-top: 20px;
      font-size: 16px;
      line-height: 1.4; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .detail_box .businessName .businessLead {
          padding: 5px 10px 0;
          font-size: 14px;
          line-height: 1.4; } }
  #recruit-intern.students .detail_box .section_button {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; }
    #recruit-intern.students .detail_box .section_button a {
      width: 400px; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .detail_box .section_button a {
          width: 90%; } }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .detail_box .section_button {
        bottom: 20px;
        right: 10px; } }
  #recruit-intern.students .detail_box.rurubu_detail {
    height: 340px;
    margin-top: 50px; }
    #recruit-intern.students .detail_box.rurubu_detail.rurubukitchen {
      background-image: url(/img/recruit-intern/students/rurubukitchen_bg.png); }
    #recruit-intern.students .detail_box.rurubu_detail.rurubumall {
      background-image: url(/img/recruit-intern/students/rurubumall_bg.png); }
    #recruit-intern.students .detail_box.rurubu_detail.rurubuandmore {
      background-image: url(/img/recruit-intern/students/rurubuandmore_bg.png); }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .detail_box.rurubu_detail.rurubuandmore .businessName img {
          height: 20px; } }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .detail_box.rurubu_detail {
        height: 270px;
        margin-top: 30px;
        background-size: cover; } }
    #recruit-intern.students .detail_box.rurubu_detail .businessName {
      position: absolute;
      top: 73px;
      left: 0;
      right: 0;
      margin: auto;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .detail_box.rurubu_detail .businessName {
          top: 20px; } }
      #recruit-intern.students .detail_box.rurubu_detail .businessName .businessLead {
        display: block;
        padding: 30px 30px 0;
        font-size: 16px;
        line-height: 1.5;
        text-align: left; }
        @media screen and (max-width: 800px) {
          #recruit-intern.students .detail_box.rurubu_detail .businessName .businessLead {
            padding: 20px 10px 0;
            font-size: 14px;
            line-height: 1.4; } }
    #recruit-intern.students .detail_box.rurubu_detail .section_button {
      position: absolute;
      bottom: 30px;
      right: 30px;
      margin: auto; }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .detail_box.rurubu_detail .section_button {
          bottom: 20px;
          right: 10px; } }

#recruit-intern.students .businessList.data {
  padding: 40px 0 0;
  background: #fff; }
  @media screen and (max-width: 800px) {
    #recruit-intern.students .businessList.data {
      padding: 20px 10px 0; } }
  #recruit-intern.students .businessList.data .itemList {
    width: 745px;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      #recruit-intern.students .businessList.data .itemList {
        width: 100%; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      #recruit-intern.students .businessList.data .itemList {
        width: 672px; }
        #recruit-intern.students .businessList.data .itemList h3 {
          font-size: 15px; } }
    #recruit-intern.students .businessList.data .itemList li {
      width: 240px; }
      @media screen and (min-width: 801px) and (max-width: 1024px) {
        #recruit-intern.students .businessList.data .itemList li {
          width: 216px; } }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .businessList.data .itemList li {
          width: 48.58757%;
          margin-bottom: 12px; }
          #recruit-intern.students .businessList.data .itemList li:nth-child(odd) {
            margin-right: 2.82486%; } }
      #recruit-intern.students .businessList.data .itemList li:not(:nth-child(4n)) {
        margin-right: auto; }
      #recruit-intern.students .businessList.data .itemList li:not(:nth-child(3n)) {
        margin-right: 12px; }
        @media screen and (max-width: 800px) {
          #recruit-intern.students .businessList.data .itemList li:not(:nth-child(3n)) {
            margin-right: auto; } }
      @media screen and (max-width: 800px) {
        #recruit-intern.students .businessList.data .itemList li:nth-child(2n) {
          margin-right: 0; } }
      #recruit-intern.students .businessList.data .itemList li a img {
        width: 100%; }

#recruit-intern #data .businessKV2 {
  position: relative;
  overflow: hidden;
  height: 240px;
  background-image: url(/img/recruit-intern/students/data_bg.png);
  background-color: #ececec;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  @media screen and (max-width: 800px) {
    #recruit-intern #data .businessKV2 {
      height: 195px;
      margin-top: 8px;
      background-size: cover; } }

#recruit-intern #data .businessName {
  color: #fff; }

#recruit-intern #data .data_text {
  margin-bottom: 20px; }

#recruit-intern #data .title_text {
  font-size: 16px;
  line-height: 1.3; }

#recruit-intern #data .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 800px) {
    #recruit-intern #data .column {
      display: block; } }
  #recruit-intern #data .column .box {
    width: 50%;
    padding: 24px 24px 16px;
    margin: 0 0 20px;
    background: #f7f7f7;
    border: 1px solid #c0c0c0; }
    @media screen and (max-width: 800px) {
      #recruit-intern #data .column .box {
        width: auto;
        padding: 18px 12px 12px; } }
    #recruit-intern #data .column .box:first-child {
      margin-right: 40px; }
      @media screen and (max-width: 800px) {
        #recruit-intern #data .column .box:first-child {
          margin-right: 0; } }
    #recruit-intern #data .column .box dt {
      margin-bottom: 10px;
      font-size: 20px; }

#recruit-intern #data .block_01 a {
  text-decoration: underline; }
  #recruit-intern #data .block_01 a:hover {
    text-decoration: none; }

#recruit-intern #data .block_01 p img {
  width: 100%; }

#recruit-intern .students_content {
  margin-top: 30px; }
  @media screen and (max-width: 800px) {
    #recruit-intern .students_content {
      margin-left: 15px;
      margin-right: 15px; } }
  #recruit-intern .students_content .not_text {
    margin: 50px 0 60px;
    text-align: center; }

/*recruit*/
.job-2021 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll; }

.page-recruit {
  position: relative;
  width: 100%;
  margin-top: 50px;
  background: url(/img/recruit-intern/interview/recruit_bg1.png);
  background-position: 0 407px;
  background-size: contain;
  background-repeat: no-repeat;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  /* top */
  /* crosstalk */
  /* data */
  /* job */
  /* slider */
  /* footer */ }
  @media screen and (max-width: 800px) {
    .page-recruit {
      margin-top: 0;
      background-position: center 6px;
      background-repeat: repeat-y;
      background-size: 160%; } }
  .page-recruit.crosstalk {
    background: none; }
  .page-recruit dl, .page-recruit dt, .page-recruit dd, .page-recruit ul, .page-recruit ol, .page-recruit li, .page-recruit p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
  .page-recruit.top {
    padding-bottom: 0; }
  .page-recruit .top-mv-content {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 800px) {
      .page-recruit .top-mv-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page-recruit .top-mv-content .top-mv-main {
      position: relative;
      width: 100%;
      margin-top: -50px;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-mv-content .top-mv-main {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          width: 100%;
          padding-left: 0;
          margin-top: 0; } }
      .page-recruit .top-mv-content .top-mv-main .top-mv-img {
        margin-bottom: 160px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-mv-content .top-mv-main .top-mv-img {
            margin-bottom: 30px; } }
        .page-recruit .top-mv-content .top-mv-main .top-mv-img img {
          width: 100%; }
      .page-recruit .top-mv-content .top-mv-main a {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: inline-block;
        padding-top: 60px;
        margin-left: -17px;
        z-index: 2;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-decoration: none;
        font-size: 14px;
        color: #fff; }
        .page-recruit .top-mv-content .top-mv-main a:hover {
          opacity: 0.6; }
      .page-recruit .top-mv-content .top-mv-main a span {
        position: absolute;
        top: 0;
        left: 50%;
        width: 30px;
        height: 50px;
        margin-left: -15px;
        border: 2px solid #fff;
        border-radius: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .page-recruit .top-mv-content .top-mv-main a span::before {
        position: absolute;
        top: 10px;
        left: 50%;
        content: '';
        width: 6px;
        height: 6px;
        margin-left: -3px;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: sdb 2s infinite;
        animation: sdb 2s infinite;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }
      @media screen and (min-width: 801px) and (max-width: 1200px) {
        .page-recruit .top-mv-content .top-mv-main a {
          position: absolute;
          bottom: 0;
          left: 50%;
          display: inline-block;
          padding-top: 40px;
          padding-right: 10px;
          margin-left: -16px;
          z-index: 2;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          text-decoration: none;
          font-size: 13px;
          color: #fff; }
          .page-recruit .top-mv-content .top-mv-main a:hover {
            opacity: 0.6; }
        .page-recruit .top-mv-content .top-mv-main a span {
          position: absolute;
          top: 0;
          left: 50%;
          width: 24px;
          height: 40px;
          margin-left: -17px;
          border: 2px solid #fff;
          border-radius: 50px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        .page-recruit .top-mv-content .top-mv-main a span::before {
          position: absolute;
          top: 10px;
          left: 50%;
          content: '';
          width: 4px;
          height: 4px;
          margin-left: -3px;
          background-color: #fff;
          border-radius: 100%;
          -webkit-animation: sdb 2s infinite;
          animation: sdb 2s infinite;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
      @media screen and (max-width: 800px) {
        .page-recruit .top-mv-content .top-mv-main a {
          display: none; } }
    .page-recruit .top-mv-content .top-mv-title {
      position: absolute;
      top: 48%;
      left: 0;
      right: 0;
      width: 34%;
      max-width: 404px;
      margin: auto;
      text-align: center;
      z-index: 2; }
      .page-recruit .top-mv-content .top-mv-title .top-mv-img img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-mv-content .top-mv-title {
          width: 60%; } }
      .page-recruit .top-mv-content .top-mv-title p {
        margin-top: 15px;
        font-size: 18px;
        color: #fff;
        font-family: "游明朝体", "Yu Mincho", "YuMincho", serif; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-mv-content .top-mv-title p {
            margin-top: 4px;
            font-size: 12px; } }
  .page-recruit .recruit-top-btn {
    font-size: 18px;
    font-weight: bold;
    color: #005f6e;
    line-height: 66px;
    text-align: center;
    border: 2px solid #005f6e; }
    @media screen and (max-width: 800px) {
      .page-recruit .recruit-top-btn {
        font-size: 16px;
        line-height: 46px; } }
    .page-recruit .recruit-top-btn.mgt-20 {
      margin-top: -20px; }
      @media screen and (max-width: 800px) {
        .page-recruit .recruit-top-btn.mgt-20 {
          margin-top: 0; } }
    .page-recruit .recruit-top-btn.mgt40 {
      margin-top: 40px; }
      @media screen and (max-width: 800px) {
        .page-recruit .recruit-top-btn.mgt40 {
          margin-top: 30px; } }
    .page-recruit .recruit-top-btn.mgt60 {
      margin-top: 60px; }
      @media screen and (max-width: 800px) {
        .page-recruit .recruit-top-btn.mgt60 {
          margin-top: 5px; } }
  .page-recruit .top-work-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 800px) {
      .page-recruit .top-work-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      .page-recruit .top-work-content {
        overflow-x: hidden; } }
    .page-recruit .top-work-content .work-img {
      width: 100%;
      height: 100%; }
      .page-recruit .top-work-content .work-img img {
        width: 100%;
        height: 100%; }
      @media screen and (min-width: 801px) and (max-width: 1200px) {
        .page-recruit .top-work-content .work-img {
          overflow-x: hidden; } }
    .page-recruit .top-work-content a {
      display: block;
      width: 260px;
      height: 70px; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content a {
          height: 50px;
          margin: 0 auto; } }
      .page-recruit .top-work-content a:hover {
        opacity: .8;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        text-decoration: none; }
      .page-recruit .top-work-content a.center {
        margin: 0 auto; }
      .page-recruit .top-work-content a.right {
        margin: 0 0 0 auto; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-work-content a.right {
            margin: auto; } }
    .page-recruit .top-work-content .cont-left {
      width: 50%;
      padding: 50px;
      background: #f9f9f9;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .cont-left {
          padding: 20px; } }
      .page-recruit .top-work-content .cont-left.mall {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-work-content .cont-left.mall {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1; } }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .cont-left {
          width: 100%;
          float: none; } }
    .page-recruit .top-work-content .cont-right {
      width: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .page-recruit .top-work-content .cont-right.mall {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-work-content .cont-right.mall {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; } }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .cont-right {
          width: 100%; } }
    .page-recruit .top-work-content .cont-work-inr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 10px;
      border: 4px solid #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .cont-work-inr {
          padding: 30px 10px 25px; } }
      .page-recruit .top-work-content .cont-work-inr .work-logo {
        margin: 0 auto; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-work-content .cont-work-inr .work-logo {
            width: 80%;
            text-align: center; } }
        .page-recruit .top-work-content .cont-work-inr .work-logo img {
          width: 100%; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-work-content .cont-work-inr .work-logo img {
              width: auto;
              max-width: 100%; } }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .cont-work-inr a {
          width: 80%; } }
    .page-recruit .top-work-content .work-text {
      margin: 30px 0 35px;
      font-size: 16px;
      text-align: center;
      line-height: 1.5; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-work-content .work-text {
          margin: 25px 0 20px;
          font-size: 14px; } }
  .page-recruit .top-info-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 80px;
    margin-top: 60px;
    background: url(/img/recruit-intern/top/img_info_bg.png) no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 800px) {
      .page-recruit .top-info-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 20px 25px;
        margin: 0 auto 30px; } }
    .page-recruit .top-info-content .top-info-main {
      width: 100%;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-info-content .top-info-main {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          width: 100%;
          padding-left: 0;
          margin-top: 26px; } }
      .page-recruit .top-info-content .top-info-main .top-info-img {
        margin-bottom: 50px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .top-info-main .top-info-img {
            margin-bottom: 25px; }
            .page-recruit .top-info-content .top-info-main .top-info-img img {
              width: 100%; } }
    .page-recruit .top-info-content .data-block-inr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-info-content .data-block-inr {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-recruit .top-info-content .data-block-inr .data-column-1 {
        position: relative;
        width: 50%;
        padding: 55px 35px;
        text-align: center;
        background: #fff;
        border: 4px solid #bbe2e7;
        border-radius: 10px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .data-block-inr .data-column-1 {
            width: auto;
            padding: 30px 20px 25px; } }
        .page-recruit .top-info-content .data-block-inr .data-column-1:first-child {
          margin-right: 36px; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-info-content .data-block-inr .data-column-1:first-child {
              margin-right: 0;
              margin-bottom: 25px; } }
        .page-recruit .top-info-content .data-block-inr .data-column-1 .data-column-img.mg-style-r {
          margin-right: -20px; }
        .page-recruit .top-info-content .data-block-inr .data-column-1 .data-column-img.mg-style-l {
          margin-left: -20px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .data-block-inr .data-column-1 .data-column-img .data-img1 {
            max-width: 58%; } }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .data-block-inr .data-column-1 .data-column-img .data-img2 {
            max-width: 70%; } }
        .page-recruit .top-info-content .data-block-inr .data-column-1 .data-column-title {
          margin-bottom: 20px;
          font-size: 24px;
          font-weight: bold;
          color: #005f6e; }
      .page-recruit .top-info-content .data-block-inr .data-column-text {
        margin-top: 25px;
        font-size: 12px;
        line-height: 1.5;
        color: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .data-block-inr .data-column-text {
            margin-top: 15px; } }
    .page-recruit .top-info-content .top-info-title {
      margin-bottom: 25px;
      text-align: center; }
      .page-recruit .top-info-content .top-info-title .top-info-img img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-info-content .top-info-title {
          top: 40px;
          width: 100%;
          margin-bottom: 20px; } }
      .page-recruit .top-info-content .top-info-title p {
        font-size: 24px;
        font-weight: bold;
        color: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-info-content .top-info-title p {
            margin-top: 4px;
            font-size: 14px; } }
  .page-recruit .top-block {
    position: relative;
    height: 100%;
    margin-bottom: 160px; }
    .page-recruit .top-block.mgb0 {
      margin-bottom: 0; }
    @media screen and (max-width: 800px) {
      .page-recruit .top-block {
        margin-bottom: 60px; } }
    .page-recruit .top-block .content-text {
      min-height: 60px; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .content-text {
          padding: 0 20px; } }
    .page-recruit .top-block .h2-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 20px 0 40px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.25;
      color: #005f6e; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .h2-title.title-style1 {
          padding-bottom: 15px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .h2-title {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding-bottom: 20px;
          font-size: 16px; } }
      .page-recruit .top-block .h2-title.work {
        padding-bottom: 60px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .h2-title.work {
            padding-bottom: 20px; } }
      .page-recruit .top-block .h2-title.right {
        position: absolute;
        top: 22px;
        right: 0;
        height: 1em; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .h2-title.right {
            position: static;
            height: auto; } }
      .page-recruit .top-block .h2-title.center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .page-recruit .top-block .h2-title.recruit {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24px; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .h2-title.recruit {
            padding-bottom: 15px; } }
      .page-recruit .top-block .h2-title span {
        padding-bottom: 6px; }
        .page-recruit .top-block .h2-title span.column {
          margin-top: 12px;
          margin-bottom: -6px; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-block .h2-title span.column {
              margin-bottom: 0; } }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .h2-title span {
            padding-bottom: 0;
            margin-top: 5px; }
            .page-recruit .top-block .h2-title span.sp-order1 {
              -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1; }
            .page-recruit .top-block .h2-title span.sp-order2 {
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2; } }
      .page-recruit .top-block .h2-title .top-tit1 {
        max-width: 144px; }
      .page-recruit .top-block .h2-title .top-tit2 {
        max-width: 153px; }
      .page-recruit .top-block .h2-title .top-tit3 {
        max-width: 203px;
        padding-right: 0; }
      .page-recruit .top-block .h2-title .top-tit4 {
        max-width: 107px; }
      .page-recruit .top-block .h2-title img {
        padding-right: 15px; }
        .page-recruit .top-block .h2-title img.column {
          padding-right: 0; }
    .page-recruit .top-block .h3-title {
      margin-bottom: 30px;
      font-size: 34px;
      line-height: 1.4;
      color: #005f6e;
      font-family: "游明朝体", "Yu Mincho", "YuMincho", serif; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .h3-title {
          margin-bottom: 20px;
          font-size: 26px; } }
    .page-recruit .top-block .top-job-text {
      font-size: 16px;
      line-height: 1.5; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .top-job-text {
          font-size: 14px; } }
    .page-recruit .top-block a {
      display: block;
      width: 260px;
      height: 70px; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block a {
          width: auto;
          height: 50px;
          margin: 0 20px 60px; } }
      .page-recruit .top-block a:hover {
        opacity: .8;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        text-decoration: none; }
      .page-recruit .top-block a.center {
        margin: auto; }
        .page-recruit .top-block a.center.sp-mg {
          margin: 0 20px 60px; }
      .page-recruit .top-block a.right {
        margin: 0 0 0 auto; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block a.right {
            margin: 0 20px 60px; } }
    .page-recruit .top-block .top-block-content {
      position: relative;
      height: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .top-block-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-recruit .top-block .top-block-content .top-content {
        width: 100%;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .top-content {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%; } }
        .page-recruit .top-block .top-block-content .top-content .mv-img {
          margin-bottom: 40px; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-block .top-block-content .top-content .mv-img {
              margin-bottom: 25px; } }
          .page-recruit .top-block .top-block-content .top-content .mv-img img {
            width: 100%; }
      .page-recruit .top-block .top-block-content .message-title1 {
        position: absolute;
        top: 137px;
        right: 0;
        text-align: right;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .message-title1 {
            position: static;
            padding: 0 20px;
            margin-bottom: 20px;
            text-align: left; } }
      .page-recruit .top-block .top-block-content .message-sub-title {
        display: inline-block;
        padding: 5px 8px 4px;
        margin-top: -1px;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        background: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .message-sub-title {
            margin-bottom: 15px;
            font-size: 13px; } }
      .page-recruit .top-block .top-block-content .message-title {
        display: inline-block;
        padding: 5px 8px 2px;
        margin-top: 8px;
        font-size: 30px;
        font-family: "游明朝体", "Yu Mincho", "YuMincho", serif;
        line-height: 1;
        color: #005f6e;
        background: #fff; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .message-title {
            display: inline;
            padding: 0;
            margin-top: 6px;
            font-size: 24px;
            line-height: 1.2;
            background: none; } }
      .page-recruit .top-block .top-block-content _:-ms-lang(x)::-ms-backdrop, .page-recruit .top-block .top-block-content .mv-title {
        padding: 9px 8px 0 2px; }
      .page-recruit .top-block .top-block-content .mv-title3 {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        top: 149px;
        right: 45px;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .mv-title3 {
            position: static;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding-right: 20px; } }
        .page-recruit .top-block .top-block-content .mv-title3 .name {
          padding: 18px 0 7px;
          font-size: 36px;
          color: #005f6e; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-block .top-block-content .mv-title3 .name {
              adding: 20px 0 15px;
              font-size: 32px; } }
        .page-recruit .top-block .top-block-content .mv-title3 .job {
          font-size: 12px;
          line-height: 1.4;
          text-align: right;
          color: #005f6e; }
          .page-recruit .top-block .top-block-content .mv-title3 .job span {
            display: block;
            padding-bottom: 3px; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-block .top-block-content .mv-title3 .job {
              text-align: right;
              line-height: 1.4; } }
      .page-recruit .top-block .top-block-content .content-text {
        width: 88%;
        padding-left: 12%; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-block-content .content-text {
            position: static;
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
            width: 100%;
            padding: 40px 20px 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }
    .page-recruit .top-block .top-bm-content .btn-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .top-bm-content .btn-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec {
        width: 492px;
        height: 120px;
        margin: 0;
        color: #fff;
        background: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec {
            margin: 0 auto 20px; } }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec:nth-child(2) {
            margin: 0 auto; } }
        .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec .recruit-top-btn {
          font-size: 24px;
          font-weight: normal;
          line-height: 118px;
          color: #fff; }
          @media screen and (max-width: 800px) {
            .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec .recruit-top-btn {
              font-size: 18px;
              line-height: 78px; } }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-bm-content .btn-wrap .btn-rec {
            width: 90%;
            height: 80px; } }
    .page-recruit .top-block .top-bm-content .top-recruit-wrap {
      padding: 50px;
      margin-top: 40px;
      text-align: center;
      background: #f9f9f9;
      border: 2px solid #005f6e; }
      @media screen and (max-width: 800px) {
        .page-recruit .top-block .top-bm-content .top-recruit-wrap {
          padding: 30px 20px 25px;
          margin: 40px 20px 80px; } }
      .page-recruit .top-block .top-bm-content .top-recruit-wrap .text {
        font-size: 16px;
        line-height: 1.5; }
        @media screen and (max-width: 800px) {
          .page-recruit .top-block .top-bm-content .top-recruit-wrap .text {
            font-size: 14px; } }
      .page-recruit .top-block .top-bm-content .top-recruit-wrap .recruit-top-btn {
        margin-top: 30px;
        color: #fff;
        background: #005f6e; }
  .page-recruit .crosstalk-content .mv-content {
    position: relative;
    max-width: 1024px;
    height: 100%;
    margin: auto; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .mv-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .mv-content .mv-main-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page-recruit .crosstalk-content .mv-content .mv-main {
      position: relative;
      width: 100%;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .mv-main {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          width: 100%;
          padding-left: 0;
          margin-top: -40px; } }
      .page-recruit .crosstalk-content .mv-content .mv-main .mv-img {
        margin-bottom: 45px; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .mv-main .mv-img {
            margin-bottom: 10px; } }
        .page-recruit .crosstalk-content .mv-content .mv-main .mv-img img {
          width: 100%; }
          @media screen and (max-width: 800px) {
            .page-recruit .crosstalk-content .mv-content .mv-main .mv-img img {
              width: 150%; } }
    .page-recruit .crosstalk-content .mv-content .mv-title1 {
      position: absolute;
      top: 113px;
      right: 0;
      text-align: right;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .mv-title1 {
          position: static;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          margin-top: 20px;
          text-align: left; } }
    .page-recruit .crosstalk-content .mv-content .mv-sub-title {
      display: inline-block;
      padding: 5px 8px 4px;
      margin-top: -1px;
      margin-bottom: 2px;
      font-size: 20px;
      color: #fff;
      background: #005f6e; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .mv-sub-title {
          margin-bottom: 12px;
          font-size: 15px; } }
    .page-recruit .crosstalk-content .mv-content .mv-title {
      display: inline-block;
      padding: 5px 10px 2px 25px;
      margin-top: 8px;
      font-size: 30px;
      line-height: 1;
      color: #000;
      background: #fff; }
      .page-recruit .crosstalk-content .mv-content .mv-title.fz-l {
        font-size: 28px; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .mv-title.fz-l {
            display: block;
            padding: 0 0 0 55px;
            margin-top: 0;
            font-size: 30px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .mv-title {
          display: inline;
          padding: 0 0 0 20px;
          margin-top: 3px;
          font-size: 22px;
          line-height: 1.4;
          background: none; } }
    .page-recruit .crosstalk-content .mv-content _:-ms-lang(x)::-ms-backdrop, .page-recruit .crosstalk-content .mv-content .mv-title {
      padding: 9px 8px 0 2px; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name-title {
        padding: 5px 20px 10px;
        font-size: 14px; } }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-wrap {
        padding: 0 10px;
        margin: 0 20px;
        background: #eaf4f6; } }
    .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name1 {
      position: absolute;
      bottom: 35px;
      left: 35px;
      font-size: 24px;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name1 {
          position: static;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 0;
          color: #000;
          text-align: left;
          font-size: 16px;
          border-bottom: 1px solid #fff; } }
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name1 span {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.3; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name1 span {
            display: block;
            margin-top: 4px;
            font-size: 12px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name1 img {
          width: 60px;
          margin-right: 10px; } }
    .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name2 {
      position: absolute;
      bottom: 35px;
      left: 159px;
      font-size: 24px;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name2 {
          position: static;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 0;
          color: #000;
          text-align: left;
          font-size: 16px;
          border-bottom: 1px solid #fff; } }
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name2 span {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.3; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name2 span {
            display: block;
            margin-top: 4px;
            font-size: 12px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name2 img {
          width: 60px;
          margin-right: 10px; } }
    .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name3 {
      position: absolute;
      bottom: 35px;
      left: 450px;
      font-size: 24px;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name3 {
          position: static;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 0;
          color: #000;
          text-align: left;
          font-size: 16px;
          border-bottom: 1px solid #fff; } }
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name3 span {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.3; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name3 span {
            display: block;
            margin-top: 4px;
            font-size: 12px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name3 img {
          width: 60px;
          margin-right: 10px; } }
    .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name4 {
      position: absolute;
      bottom: 35px;
      left: 618px;
      font-size: 24px;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name4 {
          position: static;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 0;
          color: #000;
          text-align: left;
          font-size: 16px; } }
      .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name4 span {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.3; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name4 span {
            display: block;
            margin-top: 4px;
            font-size: 12px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-mv-name4 img {
          width: 60px;
          margin-right: 10px; } }
    .page-recruit .crosstalk-content .mv-content .crosstalk-text {
      width: 100%;
      font-size: 30px;
      color: #262626;
      line-height: 1.4;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .mv-content .crosstalk-text {
          position: static;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          font-size: 15px;
          padding: 40px 20px 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
  .page-recruit .crosstalk-content .crosstalk-block-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 65px auto 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .crosstalk-block-01 {
        margin: 40px auto 0; } }
    .page-recruit .crosstalk-content .crosstalk-block-01 .column-1 {
      width: 50%; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-01 .column-1 {
          width: 100%;
          padding-top: 0; } }
      .page-recruit .crosstalk-content .crosstalk-block-01 .column-1 img {
        width: 100%; }
    .page-recruit .crosstalk-content .crosstalk-block-01 .column-2 {
      width: calc(50% - 1px);
      padding: 20px 24px 0;
      background: #f3efe3;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .page-recruit .crosstalk-content .crosstalk-block-01 .column-2 .block-01-text {
        font-size: 16px;
        line-height: 1.7; }
        @media screen and (max-width: 800px) {
          .page-recruit .crosstalk-content .crosstalk-block-01 .column-2 .block-01-text {
            font-size: 14px; } }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-01 .column-2 {
          width: 100%;
          padding: 15px;
          margin: -20px 20px 0; } }
  .page-recruit .crosstalk-content .crosstalk-block-title {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 22px;
    font-size: 24px;
    text-align: center;
    border-bottom: 2px solid #ddd; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .crosstalk-block-title {
        padding: 0 10px 10px;
        font-size: 18px;
        line-height: 1.3; } }
  .page-recruit .crosstalk-content .crosstalk-block-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 50px auto 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .crosstalk-block-02 {
        margin: 40px auto 0; } }
    .page-recruit .crosstalk-content .crosstalk-block-02 .column-1 {
      width: 60%;
      padding-right: 35px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-02 .column-1 {
          width: 100%;
          padding: 0 20px; } }
      .page-recruit .crosstalk-content .crosstalk-block-02 .column-1 p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.8; }
    .page-recruit .crosstalk-content .crosstalk-block-02 .column-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 40%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .page-recruit .crosstalk-content .crosstalk-block-02 .column-2 p:first-child {
        margin-bottom: 24px; }
      .page-recruit .crosstalk-content .crosstalk-block-02 .column-2 p img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-02 .column-2 {
          width: 100%; } }
  .page-recruit .crosstalk-content .crosstalk-block-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 50px auto 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .crosstalk-block-03 {
        margin: 40px auto 0; } }
    .page-recruit .crosstalk-content .crosstalk-block-03 .column-1 {
      width: 40%;
      padding-right: 35px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-03 .column-1 {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          width: 100%;
          padding-right: 0; } }
      .page-recruit .crosstalk-content .crosstalk-block-03 .column-1 p:first-child {
        margin-bottom: 24px; }
      .page-recruit .crosstalk-content .crosstalk-block-03 .column-1 p img {
        width: 100%; }
    .page-recruit .crosstalk-content .crosstalk-block-03 .column-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 60%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .page-recruit .crosstalk-content .crosstalk-block-03 .column-2 p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.8; }
      @media screen and (max-width: 800px) {
        .page-recruit .crosstalk-content .crosstalk-block-03 .column-2 {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          width: 100%;
          padding: 0 20px; } }
  .page-recruit .crosstalk-content .crosstalk-date {
    padding-bottom: 160px; }
    @media screen and (max-width: 800px) {
      .page-recruit .crosstalk-content .crosstalk-date {
        padding: 0 20px 60px; } }
  .page-recruit.data {
    padding-bottom: 0; }
    .page-recruit.data .mv-title1 {
      line-height: 1.6; }
    .page-recruit.data .recruit-inr .mv-content .mv-main {
      width: 100%;
      padding-left: 0;
      margin: -52px 0 0 auto; }
      @media screen and (max-width: 800px) {
        .page-recruit.data .recruit-inr .mv-content .mv-main {
          margin-top: 26px; } }
      .page-recruit.data .recruit-inr .mv-content .mv-main .mv-img {
        margin-bottom: 80px;
        text-align: right; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .recruit-inr .mv-content .mv-main .mv-img {
            margin-bottom: 30px; } }
        .page-recruit.data .recruit-inr .mv-content .mv-main .mv-img img {
          width: auto; }
          @media screen and (max-width: 800px) {
            .page-recruit.data .recruit-inr .mv-content .mv-main .mv-img img {
              width: 130%; } }
    .page-recruit.data .recruit-inr .mv-content .mv-title1 {
      padding-top: 12px; }
      @media screen and (max-width: 800px) {
        .page-recruit.data .recruit-inr .mv-content .mv-title1 {
          top: -9px;
          width: 16em;
          padding-top: 0; } }
    .page-recruit.data .recruit-inr .mv-content .mv-title3 {
      right: 43px; }
      @media screen and (max-width: 800px) {
        .page-recruit.data .recruit-inr .mv-content .mv-title3 {
          margin-bottom: 40px; } }
      .page-recruit.data .recruit-inr .mv-content .mv-title3 .title {
        padding: 19px 0 11px; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .recruit-inr .mv-content .mv-title3 .title {
            padding: 20px 0 15px; } }
        .page-recruit.data .recruit-inr .mv-content .mv-title3 .title img {
          width: 203px; }
      .page-recruit.data .recruit-inr .mv-content .mv-title3 .text {
        font-size: 12px;
        line-height: 1.4;
        text-align: right;
        color: #005f6e; }
    .page-recruit.data .data-block-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-bottom: 40px; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block-wrap.data-btm {
          margin-bottom: 80px; } }
      .page-recruit.data .data-block-wrap .data-block {
        width: 50%;
        max-width: 492px;
        text-align: center; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block-wrap .data-block {
            width: 90%;
            max-width: 90%;
            margin: 0 auto; } }
        .page-recruit.data .data-block-wrap .data-block:first-child {
          margin-right: 40px; }
          @media screen and (max-width: 800px) {
            .page-recruit.data .data-block-wrap .data-block:first-child {
              margin-right: auto;
              margin-bottom: 40px; } }
    .page-recruit.data .data-block {
      position: relative;
      padding: 60px 0;
      margin-bottom: 80px;
      text-align: center;
      background: #fff;
      border: 2px solid #f9f9f9;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .page-recruit.data .data-block.column-style {
        padding: 60px 75px; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block.column-style {
            padding: 30px 20px 25px; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block {
          width: 90%;
          padding: 30px 20px 25px;
          margin: 0 auto 40px; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img {
          max-width: 100%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img1 {
          max-width: 58%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img2 {
          max-width: 70%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img3 {
          max-width: 54%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img4 {
          max-width: 70%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img5 {
          max-width: 52%; } }
      @media screen and (max-width: 800px) {
        .page-recruit.data .data-block .data-column-img img.data-img6 {
          max-width: 46%; } }
      .page-recruit.data .data-block .h2-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 20px 0 30px;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.25;
        color: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block .h2-title {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 15px 0 20px;
            font-size: 16px; } }
        .page-recruit.data .data-block .h2-title.center {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block .h2-title span {
            margin-top: 5px; } }
      .page-recruit.data .data-block .data-block-inr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block .data-block-inr {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .page-recruit.data .data-block .data-block-inr .data-column-1 {
          position: relative;
          width: 50%;
          padding: 55px 35px;
          text-align: center;
          border: 4px solid #bbe2e7;
          border-radius: 10px; }
          @media screen and (max-width: 800px) {
            .page-recruit.data .data-block .data-block-inr .data-column-1 {
              width: auto;
              padding: 30px 20px 25px; } }
          .page-recruit.data .data-block .data-block-inr .data-column-1:first-child {
            margin-right: 36px; }
            @media screen and (max-width: 800px) {
              .page-recruit.data .data-block .data-block-inr .data-column-1:first-child {
                margin-right: 0;
                margin-bottom: 20px; } }
          .page-recruit.data .data-block .data-block-inr .data-column-1 .data-column-img.mg-style-r {
            margin-right: -20px; }
          .page-recruit.data .data-block .data-block-inr .data-column-1 .data-column-img.mg-style-l {
            margin-left: -20px; }
          .page-recruit.data .data-block .data-block-inr .data-column-1 .data-column-title {
            margin-bottom: 20px;
            font-size: 24px;
            font-weight: bold;
            color: #005f6e; }
      .page-recruit.data .data-block .data-column-text {
        margin-top: 25px;
        font-size: 12px;
        line-height: 1.5;
        color: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit.data .data-block .data-column-text {
            margin-top: 15px; } }
  .page-recruit .bg-line {
    display: block;
    margin-top: 77px;
    background: #005f6e;
    width: calc(50% - 520px);
    height: 2px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .bg-line {
        margin-top: 23px;
        width: 100%; } }
  .page-recruit .line {
    display: block;
    background: #005f6e;
    width: 40px;
    height: 2px; }
    .page-recruit .line.right {
      position: absolute;
      right: 0; }
      @media screen and (max-width: 800px) {
        .page-recruit .line.right {
          right: auto;
          left: 20px; } }
    .page-recruit .line.center {
      position: absolute;
      left: 50%;
      margin: 0 auto 0 -20px; }
      @media screen and (max-width: 800px) {
        .page-recruit .line.center.top-recruit {
          right: auto;
          left: 50%;
          margin: 0 0 0 -20px; } }
    .page-recruit .line.white {
      background: #fff; }
  .page-recruit .recruit-inr {
    max-width: 1024px;
    margin: -25px auto 0;
    z-index: 2; }
    .page-recruit .recruit-inr.top {
      margin: 0 auto; }
    .page-recruit .recruit-inr.top-cont-bm {
      margin: 160px auto; }
      @media screen and (max-width: 800px) {
        .page-recruit .recruit-inr.top-cont-bm {
          margin: 60px auto; } }
      .page-recruit .recruit-inr.top-cont-bm .top-block {
        margin-bottom: 0; }
    @media screen and (max-width: 800px) {
      .page-recruit .recruit-inr {
        max-width: 100%;
        margin: 0 auto; } }
    .page-recruit .recruit-inr .mv-content {
      position: relative;
      height: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .recruit-inr .mv-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-recruit .recruit-inr .mv-content .mv-title1 {
        position: relative;
        padding-top: 15px;
        font-size: 18px;
        font-weight: bold;
        color: #005f6e;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-title1 {
            position: absolute;
            top: -7px;
            right: 0;
            padding-top: 0;
            width: 6em;
            font-size: 12px;
            text-align: center;
            background: #fff; } }
      .page-recruit .recruit-inr .mv-content .mv-main {
        width: 88%;
        padding-left: 12%;
        margin-top: -32px;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-main {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
            padding-left: 0;
            margin-top: 20px; } }
        .page-recruit .recruit-inr .mv-content .mv-main .mv-img {
          margin-bottom: 50px; }
          @media screen and (max-width: 800px) {
            .page-recruit .recruit-inr .mv-content .mv-main .mv-img {
              margin-bottom: 30px; } }
          .page-recruit .recruit-inr .mv-content .mv-main .mv-img img {
            width: 100%; }
      .page-recruit .recruit-inr .mv-content .mv-title2 {
        position: absolute;
        top: 173px;
        left: 0;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-title2 {
            position: static;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            padding: 0 20px;
            margin-top: -3em; } }
      .page-recruit .recruit-inr .mv-content .mv-no {
        font-size: 82px;
        font-weight: bold;
        font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
        color: #005f6e;
        line-height: 0.7;
        letter-spacing: -4px; }
      .page-recruit .recruit-inr .mv-content .mv-sub-title {
        display: inline-block;
        padding: 5px 8px 4px;
        margin-top: -2px;
        margin-bottom: 5px;
        color: #fff;
        background: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-sub-title {
            margin-bottom: 10px;
            font-size: 13px; } }
      .page-recruit .recruit-inr .mv-content .mv-title {
        display: inline-block;
        padding: 5px 8px 2px 2px;
        margin-top: 8px;
        font-size: 30px;
        font-family: "游明朝体", "Yu Mincho", "YuMincho", serif;
        line-height: 1;
        color: #005f6e;
        background: #fff; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-title {
            display: inline;
            padding: 0;
            margin-top: 6px;
            font-size: 24px;
            line-height: 1.4;
            background: none; } }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-title:last-child {
            margin-left: -5px; } }
      .page-recruit .recruit-inr .mv-content _:-ms-lang(x)::-ms-backdrop, .page-recruit .recruit-inr .mv-content .mv-title {
        padding: 9px 8px 0 2px; }
      .page-recruit .recruit-inr .mv-content .mv-title3 {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        top: 149px;
        right: 45px;
        z-index: 2; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .mv-title3 {
            position: static;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding-right: 20px; } }
        .page-recruit .recruit-inr .mv-content .mv-title3 .name {
          padding: 18px 0 7px;
          font-size: 36px;
          color: #005f6e; }
          @media screen and (max-width: 800px) {
            .page-recruit .recruit-inr .mv-content .mv-title3 .name {
              padding: 20px 0 15px;
              font-size: 28px; } }
        .page-recruit .recruit-inr .mv-content .mv-title3 .job {
          font-size: 12px;
          line-height: 1.4;
          text-align: right;
          color: #005f6e; }
          .page-recruit .recruit-inr .mv-content .mv-title3 .job span {
            display: block;
            padding-bottom: 3px; }
          @media screen and (max-width: 800px) {
            .page-recruit .recruit-inr .mv-content .mv-title3 .job {
              text-align: right;
              line-height: 1.4; } }
      .page-recruit .recruit-inr .mv-content .content-text {
        width: 88%;
        padding-left: 12%; }
        @media screen and (max-width: 800px) {
          .page-recruit .recruit-inr .mv-content .content-text {
            position: static;
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
            width: 100%;
            padding: 30px 20px 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }
  .page-recruit _:-ms-lang(x)::-ms-backdrop, .page-recruit .recruit-inr {
    margin: -21px auto 0; }
  .page-recruit .h2-title {
    padding: 25px 0 28px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
    color: #005f6e; }
    @media screen and (max-width: 800px) {
      .page-recruit .h2-title {
        padding: 20px 0 15px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.4; } }
  .page-recruit .job-text {
    font-size: 14px;
    line-height: 1.7;
    color: #262626;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word; }
    .page-recruit .job-text .note-text {
      display: block;
      padding-top: 12px;
      font-size: 10px; }
    @media screen and (max-width: 800px) {
      .page-recruit .job-text {
        line-height: 1.8; } }
  .page-recruit .block-01 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 65px auto 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .block-01 {
        margin: 40px auto; } }
    .page-recruit .block-01 .column-1 {
      width: 63%;
      padding-top: 62px; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-01 .column-1 {
          width: 100%;
          padding-top: 0; } }
      .page-recruit .block-01 .column-1 img {
        width: 100%; }
    .page-recruit .block-01 .column-2 {
      width: calc(37% - 40px);
      padding-left: 40px; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-01 .column-2 {
          width: 100%;
          padding: 30px 20px 0; } }
  .page-recruit .block-02 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -62px;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      .page-recruit .block-02 {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto 40px; } }
    @media screen and (min-width: 801px) and (max-width: 1024px) {
      .page-recruit .block-02 {
        overflow-x: hidden; } }
    .page-recruit .block-02 .column-1 {
      position: absolute;
      width: 51%;
      float: left;
      padding-top: 145px; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-02 .column-1 {
          position: static;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          width: 100%;
          padding: 30px 20px 0;
          float: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
    .page-recruit .block-02 .column-2 {
      width: 55%;
      float: right; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-02 .column-2 {
          width: 100%;
          float: none;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
      .page-recruit .block-02 .column-2 img {
        margin: auto -20px auto auto;
        display: block;
        float: left; }
        @media screen and (max-width: 800px) {
          .page-recruit .block-02 .column-2 img {
            margin: auto;
            width: 100%;
            float: none; } }
  .page-recruit .block-03 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 134px auto 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      .page-recruit .block-03 {
        margin: 0 auto 40px; } }
    .page-recruit .block-03 .column-1 {
      width: 44%; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-03 .column-1 {
          width: 100%; } }
      .page-recruit .block-03 .column-1 img {
        width: 100%; }
    .page-recruit .block-03 .column-2 {
      width: calc(56% - 50px);
      padding-top: 80px;
      padding-left: 50px; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-03 .column-2 {
          width: 100%;
          padding: 30px 20px 0; } }
      @media screen and (max-width: 800px) {
        .page-recruit .block-03 .column-2 .content-text ul {
          padding-top: 5px; } }
      .page-recruit .block-03 .column-2 .timeline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .page-recruit .block-03 .column-2 .timeline .time {
          width: 52px;
          min-width: 52px;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 0.01em; }
        .page-recruit .block-03 .column-2 .timeline .time-line {
          position: relative;
          width: 6px;
          min-width: 6px;
          min-height: 43px;
          line-height: 1.4;
          background: #f4f4f4; }
          .page-recruit .block-03 .column-2 .timeline .time-line .dot {
            position: absolute;
            top: 4px;
            left: 0;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #005f6e; }
          .page-recruit .block-03 .column-2 .timeline .time-line.first {
            margin-top: 4px;
            margin-bottom: -4px; }
            .page-recruit .block-03 .column-2 .timeline .time-line.first .dot {
              top: 0; }
          .page-recruit .block-03 .column-2 .timeline .time-line.last {
            height: 10px;
            min-height: 10px; }
        .page-recruit .block-03 .column-2 .timeline .time-text {
          padding-left: 14px;
          line-height: 1.4;
          letter-spacing: 0.04em; }
          @media screen and (max-width: 800px) {
            .page-recruit .block-03 .column-2 .timeline .time-text {
              font-size: 13px; } }
  .page-recruit .block-04 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 120px; }
    @media screen and (max-width: 800px) {
      .page-recruit .block-04 {
        margin: 0 0 40px; } }
    .page-recruit .block-04 .column-1 {
      width: 88%;
      padding-left: 12%;
      padding-bottom: 30px; }
      .page-recruit .block-04 .column-1 img {
        width: 100%; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-04 .column-1 {
          width: 100%;
          padding: 0; }
          .page-recruit .block-04 .column-1 img {
            width: 100%; } }
    .page-recruit .block-04 .column-2 {
      width: 88%;
      padding-left: 12%; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-04 .column-2 {
          width: 100%;
          padding: 0 20px 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
      .page-recruit .block-04 .column-2 .h3-title {
        margin: 30px 0 18px;
        font-size: 18px;
        font-weight: bold;
        color: #005f6e; }
        @media screen and (max-width: 800px) {
          .page-recruit .block-04 .column-2 .h3-title {
            margin-bottom: 15px; } }
        .page-recruit .block-04 .column-2 .h3-title span {
          display: block;
          margin-bottom: 5px;
          font-size: 12px; }
        @media screen and (max-width: 800px) {
          .page-recruit .block-04 .column-2 .h3-title {
            font-size: 16px;
            line-height: 1.4; } }
  .page-recruit .block-05 a {
    display: block;
    width: 260px;
    height: 70px;
    margin: 140px auto 200px; }
    @media screen and (max-width: 800px) {
      .page-recruit .block-05 a {
        height: 50px;
        margin: 0 auto; } }
    .page-recruit .block-05 a:hover {
      opacity: .8;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      text-decoration: none; }
    .page-recruit .block-05 a .entry-btn {
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      line-height: 70px;
      letter-spacing: 0.3em;
      text-align: center;
      background: #005f6e; }
      @media screen and (max-width: 800px) {
        .page-recruit .block-05 a .entry-btn {
          line-height: 50px; } }
  .page-recruit .note01 {
    margin-top: 50px;
    font-size: 14px;
    text-align: right;
    line-height: 1.8; }
    @media screen and (max-width: 800px) {
      .page-recruit .note01 {
        padding: 0 20px;
        margin: 0 0 40px; } }
  .page-recruit .thum-title {
    position: relative;
    display: block;
    width: auto;
    margin-top: -7px;
    z-index: 2; }
    .page-recruit .thum-title .thum-title-inr {
      display: inline-block;
      padding: 4px 5px;
      background: #005f6e;
      font-size: 14px;
      color: #fff;
      letter-spacing: -1px; }
      @media screen and (max-width: 800px) {
        .page-recruit .thum-title .thum-title-inr {
          font-size: 13px;
          letter-spacing: -2px; } }
  .page-recruit .thum-text {
    padding-top: 8px;
    color: #262626;
    line-height: 1.5; }
  .page-recruit .slider-wrap {
    width: calc(100% - 300px) !important;
    margin: 200px auto 160px; }
    @media screen and (max-width: 800px) {
      .page-recruit .slider-wrap {
        width: 100% !important;
        margin: 60px auto 80px; } }
    .page-recruit .slider-wrap.top {
      padding-bottom: 0;
      margin-top: 20px;
      margin-bottom: 160px; }
      @media screen and (max-width: 800px) {
        .page-recruit .slider-wrap.top {
          margin-top: 0;
          margin-bottom: 60px; } }
  .page-recruit .sp-arrow {
    background: #005f6e;
    opacity: .5;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 24px;
    height: 102px;
    margin-top: -67px;
    z-index: 2; }
  .page-recruit .sp-arrow:before {
    top: 45px;
    left: 10px; }
  .page-recruit .sp-arrow:after {
    top: 51px;
    left: 10px; }
  .page-recruit #recruitslider {
    position: relative; }
    @media screen and (max-width: 800px) {
      .page-recruit #recruitslider {
        width: 100%;
        margin: 0; } }
  .page-recruit .sp-mask {
    width: 98% !important;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-mask {
        width: 92% !important; } }
  .page-recruit .sp-slides {
    width: 98%;
    -webkit-transform: translate3d(0) !important;
    transform: translate3d(0) !important; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-slides {
        width: 92%; } }
  .page-recruit .sp-slide {
    width: 228px !important;
    margin-left: 30px !important;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-slide {
        width: 200px !important;
        margin-left: 10px !important; } }
    .page-recruit .sp-slide a {
      display: block; }
      .page-recruit .sp-slide a:hover {
        opacity: .8;
        text-decoration: none; }
  .page-recruit .sp-slide img {
    width: 228px;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-slide img {
        width: 100% !important; } }
  .page-recruit .sp-horizontal .sp-previous-arrow {
    left: 2px; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-horizontal .sp-previous-arrow {
        left: 4px; } }
  .page-recruit .sp-horizontal .sp-next-arrow {
    right: 2px; }
    @media screen and (max-width: 800px) {
      .page-recruit .sp-horizontal .sp-next-arrow {
        right: 4px; } }
  .page-recruit .sp-previous-arrow:before,
  .page-recruit .sp-previous-arrow:after,
  .page-recruit .sp-next-arrow:before,
  .page-recruit .sp-next-arrow:after {
    width: 2px;
    height: 6px;
    background-color: #fff; }
  .page-recruit .sp-fade-arrows {
    opacity: 1; }
  .page-recruit .rectuit-footer {
    width: 100%;
    padding: 70px 0;
    background: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 800px) {
      .page-recruit .rectuit-footer {
        padding: 25px 20px; } }
    .page-recruit .rectuit-footer .rectuit-footer-inr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 1024px;
      margin: auto; }
      @media screen and (max-width: 800px) {
        .page-recruit .rectuit-footer .rectuit-footer-inr {
          max-width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
    .page-recruit .rectuit-footer .footer-column {
      position: relative;
      width: 204px;
      padding-right: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 800px) {
        .page-recruit .rectuit-footer .footer-column {
          width: 100%;
          padding-right: 0;
          margin: 25px 0; } }
      .page-recruit .rectuit-footer .footer-column.style-s {
        width: 190px; }
      .page-recruit .rectuit-footer .footer-column.style-l {
        width: 218px; }
      .page-recruit .rectuit-footer .footer-column .f-navi-title {
        padding: 16px 0 5px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        line-height: 1.2; }
      .page-recruit .rectuit-footer .footer-column .f-navi-cont a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        font-size: 12px;
        color: #fff; }
        @media screen and (max-width: 800px) {
          .page-recruit .rectuit-footer .footer-column .f-navi-cont a {
            margin-top: 25px; } }
        .page-recruit .rectuit-footer .footer-column .f-navi-cont a .f-navi-icon {
          content: "";
          margin-right: 8px;
          border-top: 1px solid #fff;
          width: 6px;
          margin-top: 5px; }

_::-webkit-full-page-media, _:future, :root .page-recruit .top-mv-content .top-mv-title {
  top: 37%; }

.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 800px) {
  .pc {
    display: none; }
  .sp {
    display: block; } }

/*404*/
.notfound {
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 800px) {
    .notfound {
      margin: 25px 15px 0; } }
  .notfound .property_button_top {
    margin-bottom: 15px;
    text-align: center; }
    .notfound .property_button_top.button_center {
      margin: 50px auto 80px; }
      @media screen and (max-width: 800px) {
        .notfound .property_button_top.button_center {
          margin: 30px auto 50px; } }
    @media (max-width: 1023px) {
      .notfound .property_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }
    @media screen and (max-width: 800px) {
      .notfound .property_button_top {
        margin-top: 15px;
        margin-bottom: 0; } }