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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

body {
  font-family: "Yu Gothic", YuGothic; }

body {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 15px;
  color: #000;
  position: relative;
  line-height: 1.5;
  display: none; }

body .nicescroll-rails.nicescroll-rails-vr {
  background-color: #b5b5b6 !important; }

* {
  box-sizing: border-box;
  outline: none; }

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s; }
  a:hover {
    opacity: 0.5; }

img {
  line-height: 1;
  vertical-align: middle; }

sub {
  vertical-align: sub; }

sup {
  vertical-align: super; }

.sp-on {
  display: none; }

.pc-on {
  display: inline-block; }

.nicescroll-rails {
  z-index: 9999 !important; }

.wrapper {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.contents {
  background: #fff;
  padding: 120px 0; }
  .contents__inner {
    width: 840px;
    margin: 0 auto; }
  .contents__inner--l {
    width: 1000px;}

    .contents__inner2 {
      width: 900px;
      margin: 0 auto; 
    }


.loading-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 110; }

@media print {
  body {
    max-width: 100%; }
  .l-side {
    display: none; } }

@media screen and (max-width: 1199px) {
  .wrapper {
    overflow: hidden;
    position: relative;
    display: block; } }

@media screen and (max-width: 840px) {
  body {
    font-size: 13px;
    line-height: 1.5;
    min-width: 320px; }
  .sp-on {
    display: inline-block; }
  .pc-on {
    display: none; }
  .wrapper {
    display: block; }
  img {
    max-width: 100%; }
  .contents {
    background: #fff;
    padding: 100px 0 60px 0; }
    .contents__inner {
      width: 100%;
      padding: 0 30px; } 
      .contents__inner2 {
        width: 100%;
        padding: 0 30px; }

    }

.contents__inner p {
  line-height: 21px; }

.contents__inner .ta-c {
  text-align: center; }

@media screen and (max-width: 840px) {
  /* .contents__inner p {
    line-height: 36px; } */
  .contents__inner img {
    width: 100%; }
  #page-contact-form .c-form-box__form .form__calendar {
    position: relative;
  }
  #page-contact-form .c-form-box__form .symbol-example-box {
    margin-left: 0 !important;
  }
  #page-contact-form .c-form-box__form .symbol-example {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
  #page-contact-form .c-form-box__form .symbol-example-box img {
    margin-bottom: 5px !important;
  }
  #page-contact-form .c-form-box__form .form__calendar .ui-datepicker-trigger {
    position: absolute;
    top: 0px;
    left: 115px;
    width: 8%; }
  #page-contact-form .c-form-box__form .form__calendar2 .ui-datepicker-trigger {
    left: 50px; } }
  #page-contact-form .c-form-box__form textarea {
    font-size: 16px;
　}

#page-contact-form .contact-form-title h2{
  margin-left: 20px;
}

#page-contact-form .contact-form-title {
  margin-bottom: 20px;
}

#page-contact-form .contact-form-note li {
  position: relative;
  padding-left: 18px;
  width:670px;
}

#page-contact-form .c-text-box-bgc .contact-form-note li {
  width:auto;
}

#page-contact-form .c-text-box-bgc .c-link-text {
  margin-bottom: 0;
}

#page-contact-form .contact-form-note li:before {
  content: "◎";
  display: block;
  position: absolute;
  top:1px;
  left:0px;
}

#page-contact-form .contact-form-note--ast li:before {
  content: "※";
  display: block;
  position: absolute;
  top:1px;
  left:0px;
}

#page-contact-form .c-form-box__form .form__input.form__input--mail-mb {
  margin-bottom: 10px;
}

#page-contact-form .c-form-box__form .form__input.form__input--mail input {
  width:70%;
}
@media screen and (max-width: 840px) {
  #page-contact-form .c-form-box__form .form__input.form__input--mail input {
    width:100%;
  }
}

#page-contact-form .c-form-box__form .form__input.reserve_other {
  margin-top: -30px;
}

@media screen and (max-width: 840px) {
  #page-contact-form .contact-form-note li {
    position: relative;
    padding-left: 18px;
    width:auto;
  }
  #page-contact-form .contents {
    padding-bottom: 0px;
  }
}

.toggle-box {
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

.toggle-box-content {
  display: none; }

.mb-S {
  margin-bottom: 75px; }
  .mb-S div:last-child {
    margin-bottom: 0; }
  .mb-S a:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 840px) {
    .mb-S {
      margin-bottom: 35px; } }

.mb-M {
  margin-bottom: 99px; }
  .mb-M div:last-child {
    margin-bottom: 0; }
  .mb-M a:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 840px) {
    .mb-M {
      margin-bottom: 60px; } }

.mb-L {
  margin-bottom: 120px; }
  .mb-L div:last-child {
    margin-bottom: 0; }
  .mb-L a:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 840px) {
    .mb-L {
      margin-bottom: 60px; } }

.c-main-title-type1 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  width: 100%;
  margin: 0 auto 99px auto; }
  .c-main-title-type1 h1 {
    display: inline-block;
    border-bottom: 3px solid #000;
    padding-bottom: 10px; }
  .c-main-title-type1--mbl {
    margin-bottom: 99px; }
  @media screen and (max-width: 840px) {
    .c-main-title-type1 {
      font-size: 26px;
      line-height: 36px;
      margin-bottom: 60px; }
      .c-main-title-type1--mbl {
        margin-bottom: 60px; } }

.c-main-title-type2 {
  text-align: center;
  font-size: 24px;
  color: #009a4e;
  font-weight: bold;
  line-height: 48px;
  margin-bottom: 99px; }
  @media screen and (max-width: 840px) {
    .c-main-title-type2 {
      font-size: 15px;
      line-height: 27px;
      margin-bottom: 60px; } }

.c-sub-title-type1 {
  margin-bottom: 60px;
  line-height: 48px;
  font-size: 24px;
  font-weight: bold; }
  @media screen and (max-width: 840px) {
    .c-sub-title-type1 {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 50px; }
      .c-sub-title-type1--mbs {
        margin-bottom: 20px; } }

.c-sub-title-type2 {
  margin-bottom: 60px;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  color: #009a4e; }
  @media screen and (max-width: 840px) {
    .c-sub-title-type2 {
      font-size: 15px;
      line-height: 27px;
      margin-bottom: 50px; }
      .c-sub-title-type2--mbs {
        margin-bottom: 24px; } }

.c-sub-title-type3 {
  font-size: 15px;
  margin-bottom: 60px;
  line-height: 32px;
  font-weight: bold; }
  @media screen and (max-width: 840px) {
    .c-sub-title-type3 {
      font-size: 13px;
      line-height: 24px;
      margin-bottom: 20px; } }

.c-text-box-mb75 {
  margin-bottom: 75px; }
  .c-text-box-mb75 p {
    margin-bottom: 10px; }
    .c-text-box-mb75 p:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 840px) {
    .c-text-box-mb75 {
      margin-bottom: 40px; }
      .c-text-box-mb75 p {
        font-size: 14px;
        line-height: 27px; } }

.c-text-warn {
  font-size: 12px;
  line-height: 24px; }
  @media screen and (max-width: 840px) {
    .c-text-warn {
      font-size: 10px !important;
      line-height: 24px !important; } }

.c-text-box-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 60px; }
  .c-text-box-img__L {
    margin-top: 10px; }
  .c-text-box-img p {
    width: 560px;
    margin-right: 40px; }
  @media screen and (max-width: 840px) {
    .c-text-box-img {
      display: block;
      margin-bottom: 20px; }
      .c-text-box-img .c-text-box-img__L {
        margin-bottom: 30px; }
      .c-text-box-img p {
        margin: 0;
        width: 100%; } }

.c-text-box-img-under p {
  margin-bottom: 60px; }

.c-text-box-img-under__img {
  text-align: center; }

.c-text-box-img-under.links {
  margin-bottom: 60px; }
  .c-text-box-img-under.links p {
    margin-bottom: 0; }
  .c-text-box-img-under.links .c-link-text-blank {
    margin-bottom: 0; }

@media screen and (max-width: 840px) {
  .c-text-box-img-under p {
    margin-bottom: 30px; } }

.c-text-box-bgc {
  padding: 24px;
  background: #fffad9;
  margin-bottom: 60px; }
  .c-text-box-bgc__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 35px; }
    .c-text-box-bgc__content div {
      width: 395px; }
      .c-text-box-bgc__content div:first-child {
        background: url(../img/object/bg_line.png);
        background-repeat: repeat-y;
        background-position: right;
        margin-right: 30px; }
      .c-text-box-bgc__content div .c-text-box-bgc__content__text1 {
        font-size: 18px;
        font-weight: bold;
        color: #009143;
        margin-bottom: 20px; }
      .c-text-box-bgc__content div .c-text-box-bgc__content__text2 {
        font-size: 30px;
        font-weight: bold; }
  .c-text-box-bgc__text {
    margin-bottom: 10px; }
  .c-text-box-bgc__bot-text {
    font-size: 12px; }
  @media screen and (max-width: 840px) {
    .c-text-box-bgc {
      margin-bottom: 30px; }
      .c-text-box-bgc__content {
        display: block;
        margin-bottom: 20px; }
        .c-text-box-bgc__content div {
          width: 100%; }
          .c-text-box-bgc__content div:first-child {
            margin-bottom: 10px;
            background: url(../img/object/bg_line_x_sp.png);
            background-repeat: repeat-x;
            background-position: bottom;
            padding-bottom: 8px; }
          .c-text-box-bgc__content div .c-text-box-bgc__content__text1 {
            font-size: 15px;
            margin-bottom: 10px; }
          .c-text-box-bgc__content div .c-text-box-bgc__content__text2 {
            font-size: 18px;
            margin-bottom: 10px; }
        .c-text-box-bgc__content .c-text-box-bgc__bot-text {
          font-size: 10px; } }

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

.c-link-text-blank {
  margin-bottom: 30px; }
  .c-link-text-blank a {
    color: #009a4e;
    font-size: 15px;
    position: relative; }
    .c-link-text-blank a:after {
      display: inline-block;
      content: "";
      background: url(../img/object/icon_01.png) no-repeat;
      width: 24px;
      height: 16px;
      margin-left: 6px;
      vertical-align: middle; }
  @media screen and (max-width: 840px) {
    .c-link-text-blank {
      margin-bottom: 16px; }
      .c-link-text-blank a {
        font-size: 13px;
        line-height: 27px; } }

.c-link-text {
  margin-bottom: 30px; }
  .c-link-text a {
    color: #009a4e;
    font-size: 15px;
    position: relative; }
    .c-link-text a:after {
      display: inline-block;
      content: "";
      background: url(../img/object/icon_02.png) no-repeat;
      width: 23px;
      height: 16px;
      margin-left: 6px;
      vertical-align: middle; }
  @media screen and (max-width: 840px) {
    .c-link-text {
      margin-bottom: 16px; }
      .c-link-text a {
        font-size: 13px;
        line-height: 27px; } }

.c-table-type1 {
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 60px; }
  .c-table-type1 table {
    border: 1px solid #009a4e;
    width: 100%; }
  .c-table-type1 tr:last-child th {
    border-bottom: 1px solid #009a4e; }
  .c-table-type1 th {
    width: 200px;
    background: #009a4e;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 26px; }
  .c-table-type1 td {
    padding: 26px;
    border-bottom: 1px solid #009a4e; }
  @media screen and (max-width: 840px) {
    .c-table-type1 {
      margin-bottom: 30px;
      font-size: 13px;
      line-height: 24px; }
      .c-table-type1 table tr th {
        width: 100%;
        display: block;
        padding: 6px 14px; }
      .c-table-type1 table tr td {
        width: 100%;
        display: block;
        padding: 24px 14px; } }

.c-table-type2 {
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 60px; }
  .c-table-type2 table {
    border: 1px solid #009a4e;
    width: 100%; }
  .c-table-type2 thead th {
    padding: 10px 26px;
    background: #009a4e;
    color: #fff; }
    .c-table-type2 thead th:first-child {
      width: 200px;
      border-right: 1px solid #fff; }
  .c-table-type2 tbody th {
    padding: 26px;
    vertical-align: middle;
    border-right: 1px solid #009a4e;
    font-weight: bold;
    border-bottom: 1px solid #009a4e; }
  .c-table-type2 tbody td {
    padding: 26px;
    border-bottom: 1px solid #009a4e; }
    .c-table-type2 tbody td span {
      color: #009a4e;
      display: block; }
  @media screen and (max-width: 840px) {
    .c-table-type2 {
      font-size: 13px;
      margin-bottom: 30px;
      line-height: 24px; }
      .c-table-type2 table tr th {
        padding: 6px 14px; }
        .c-table-type2 table tr th:first-child {
          width: 36%; }
      .c-table-type2 table tr td {
        padding: 24px 14px; } }

.c-table-type3 {
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 60px; }
  .c-table-type3 table {
    width: 100%;
    border: 1px solid #009a4e; }
    .c-table-type3 table th {
      padding: 10px 26px;
      background: #009a4e;
      color: #fff; }
    .c-table-type3 table td:first-child {
      width: 540px;
      padding: 26px;
      border-right: 1px solid #009a4e; }
      .c-table-type3 table td:first-child span {
        display: block;
        font-weight: bold;
        margin-bottom: 20px; }
    .c-table-type3 table td:last-child {
      text-align: center;
      vertical-align: middle; }
  @media screen and (max-width: 840px) {
    .c-table-type3 {
      font-size: 13px;
      margin-bottom: 30px;
      line-height: 24px; }
      .c-table-type3 table tr th {
        width: 100%;
        display: block; }
      .c-table-type3 table tr td {
        width: 100%;
        display: block; }
        .c-table-type3 table tr td:first-child {
          width: 100%;
          border: none;
          padding-bottom: 20px; }
        .c-table-type3 table tr td:last-child {
          padding: 0 26px 26px 26px; } }

.c-table-type4 {
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 60px; }
  .c-table-type4 table {
    border: 1px solid #009a4e;
    width: 100%; }
  .c-table-type4 thead th {
    padding: 10px 26px;
    background: #009a4e;
    color: #fff; }
    .c-table-type4 thead th:first-child {
      width: auto;
      border-right: 1px solid #fff; }
    .c-table-type4 thead th:nth-child(2) {
      border-right: 1px solid #fff; }
  .c-table-type4 tbody th {
    padding: 26px;
    vertical-align: middle;
    border-right: 1px solid #009a4e;
    font-weight: bold;
    border-bottom: 1px solid #009a4e; }
  .c-table-type4 tbody td {
    padding: 26px;
    border-bottom: 1px solid #009a4e; }
    .c-table-type4 tbody td:nth-child(2) {
      border-right: 1px solid #009a4e; }
    .c-table-type4 tbody td:nth-child(3) {
      text-align: center; }
    .c-table-type4 tbody td span {
      color: #009a4e;
      display: block; }
    .c-table-type5 {
      line-height: 32px;
      font-size: 15px;
      margin-bottom: 60px; }
      .c-table-type5 table {
        border: 1px solid #009a4e;
        width: 100%; }
      .c-table-type5 thead th {
        padding: 10px 26px;
        background: #009a4e;
        color: #fff; }
        .c-table-type5 thead th:first-child {
          width: auto;
          border-right: 1px solid #fff; }
        .c-table-type5 thead th:nth-child(2) {
          border-right: 1px solid #fff; }
      .c-table-type5 tbody th {
        padding: 26px;
        vertical-align: middle;
        border-right: 1px solid #009a4e;
        font-weight: bold;
        border-bottom: 1px solid #009a4e; }
      .c-table-type5 tbody td {
        padding: 26px;
        border-bottom: 1px solid #009a4e; }
        .c-table-type5 tbody th:nth-child(1) {
          text-align: center;
          font-size: 18px; }
        .c-table-type5 tbody td:nth-child(2) {
          border-right: 1px solid #009a4e; }
        .c-table-type5 tbody td span {
          color: #009a4e;
          display: block; }
  @media screen and (max-width: 840px) {
    .c-table-type4 {
      font-size: 13px;
      margin-bottom: 30px;
      line-height: 24px; }
      .c-table-type4 table tr th {
        padding: 6px 14px; }
        .c-table-type4 table tr th:first-child {
          width: 36%; }
      .c-table-type4 table tr td {
        padding: 24px 14px; } }

.c-table-type4--toggle {
  margin-bottom: 30px; }
  .c-table-type4--toggle h4 {
    padding: 14px 14px;
    background-color: #fffad9;
    color: #000;
    font-weight: bold;
    background-image: url(../img/object/icon_plus_green.png);
    background-repeat: no-repeat;
    background-position: 811px 17px; }
    .c-table-type4--toggle h4.is-open {
      background-color: #009a4e;
      color: #fff;
      background-image: url(../img/object/icon_minus_white.png); }
  .c-table-type4--toggle table {
    border-collapse: collapse;
    width: 100%; }
    .c-table-type4--toggle table tr:last-child {
      border-bottom: none; }
    .c-table-type4--toggle table td:first-child {
      width: 100px;
      text-align: center;
      vertical-align: middle;
      padding: 26px; }
    .c-table-type4--toggle table td {
      padding: 26px;
      border: 1px solid #009a4e; }
    .c-table-type4--toggle table td:last-child {
      width: 180px; }
  @media screen and (max-width: 840px) {
    .c-table-type4--toggle {
      font-size: 13px;
      margin-bottom: 20px;
      line-height: 24px; }
      .c-table-type4--toggle h4 {
        background-position: 95% 18px; }
      .c-table-type4--toggle table tr th {
        padding: 26px 10px; }
      .c-table-type4--toggle table tr td {
        padding: 26px 10px;
        width: 40%; }
        .c-table-type4--toggle table tr td:first-child {
          width: 20%; }
        .c-table-type4--toggle table tr td:last-child {
          width: 20%; } }

.table-bot-text {
  margin-top: 30px; }

.c-toggle-boxes {
  margin-bottom: 60px; }
  .c-toggle-boxes .c-toggle-box {
    margin-bottom: 30px; }
    .c-toggle-boxes .c-toggle-box:last-child {
      margin-bottom: 0; }
  .c-toggle-boxes dt {
    height: 47px;
    background: #fffad9;
    font-weight: bold;
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .c-toggle-boxes dt:after {
      content: "";
      width: 14px;
      height: 14px;
      position: absolute;
      background: url(../img/object/icon_plus_green.png) no-repeat;
      position: absolute;
      top: 14px;
      right: 14px; }
    .c-toggle-boxes dt.is-open {
      background: #009a4e;
      color: #fff; }
      .c-toggle-boxes dt.is-open:after {
        background: url(../img/object/icon_minus_white.png) no-repeat; }
  .c-toggle-boxes dd {
    padding: 26px;
    border: 1px solid #009a4e;
    border-top: none; }
  @media screen and (max-width: 840px) {
    .c-toggle-boxes {
      margin-bottom: 30px; }
      .c-toggle-boxes .c-toggle-box {
        margin-bottom: 20px; } }

.c-link-btns ul {
  text-align: center; }
  .c-link-btns ul li {
    display: inline-block;
    margin: 0 14px;
    vertical-align: middle; }
    .c-link-btns ul li a {
      font-weight: bold;
      min-width: 240px;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
    .c-link-btns ul li button {
      font-weight: bold;
      font-size: 14px;
      font-family: "Yu Gothic";
      min-width: 240px;
      height: 50px;
      display: inline;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      @media screen and (max-width: 840px) {
        .c-link-btns ul li button {
          width: 100%;
          text-align: center; } }
    .c-link-btns ul li .c-link-btn-white {
      background: #fff;
      border: 1px solid #000;
      border-radius: 2px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .c-link-btns ul li .c-link-btn-white:after {
        content: "";
        width: 14px;
        height: 16px;
        position: absolute;
        background: url(../img/object/icon_04.png) no-repeat;
        position: absolute;
        top: 14px;
        right: 14px; }
      .c-link-btns ul li .c-link-btn-white:hover {
        opacity: 1;
        background: #009a4e;
        color: #fff;
        border: 1px solid #009a4e; }
        .c-link-btns ul li .c-link-btn-white:hover:after {
          content: "";
          width: 14px;
          height: 16px;
          position: absolute;
          background: url(../img/object/icon_04_white.png) no-repeat;
          position: absolute;
          top: 14px;
          right: 14px; }
    .c-link-btns ul li .c-link-btn-green {
      background: #009a4e;
      border: 1px solid #009a4e;
      border-radius: 2px;
      color: #fff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .c-link-btns ul li .c-link-btn-green:after {
        content: "";
        width: 14px;
        height: 16px;
        position: absolute;
        background: url(../img/object/icon_04_white.png) no-repeat;
        position: absolute;
        top: 14px;
        right: 14px; }
      .c-link-btns ul li .c-link-btn-green:hover {
        opacity: 1;
        background: #fff;
        color: #009a4e;
        border: 1px solid #009a4e; }
        .c-link-btns ul li .c-link-btn-green:hover:after {
          content: "";
          width: 14px;
          height: 16px;
          position: absolute;
          background: url(../img/object/icon_03.png) no-repeat;
          position: absolute;
          top: 14px;
          right: 14px; }
    .c-link-btns ul li .c-print-btn {
      background: #fff;
      border: 1px solid #000;
      border-radius: 2px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      padding-left: 30px; }
      .c-link-btns ul li .c-print-btn:before {
        content: "";
        width: 21px;
        height: 18px;
        position: absolute;
        background: url(../img/object/icon_pront_black.png) no-repeat;
        position: absolute;
        top: 14px;
        left: 30px; }
      .c-link-btns ul li .c-print-btn:hover {
        opacity: 1;
        background: #009a4e;
        color: #fff;
        border: 1px solid #009a4e; }
        .c-link-btns ul li .c-print-btn:hover:before {
          content: "";
          width: 21px;
          height: 18px;
          position: absolute;
          background: url(../img/object/icon_pront_white.png) no-repeat;
          position: absolute;
          top: 14px;
          left: 30px; }

.c-link-btns__text {
  display: block;
  margin: 0 0 30px;
  text-align: center; }

@media screen and (max-width: 840px) {
  .c-link-btns ul li {
    width: 100%;
    margin: 0 0 20px 0; }
    .c-link-btns ul li a {
      min-width: inherit; } }

.c-circle-list {
  font-size: 18px;
  line-height: 36px; }
  .c-circle-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .c-circle-list ul li {
      width: 180px;
      margin: 0 30px 50px 30px; }
      .c-circle-list ul li .c-circle-list__img {
        width: 180px;
        position: relative;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        margin-bottom: 20px; }
        .c-circle-list ul li .c-circle-list__img span {
          position: absolute;
          top: 50px;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .c-circle-list ul li p {
        font-size: 15px; }
  @media screen and (max-width: 840px) {
    .c-circle-list ul {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .c-circle-list ul li {
        width: 47%;
        margin: 0 0 30px 0; }
        .c-circle-list ul li .c-circle-list__img {
          width: 100%;
          font-size: 15px;
          line-height: 27px;
          margin-bottom: 16px; }
          .c-circle-list ul li .c-circle-list__img span {
            top: 34%; }
        .c-circle-list ul li p {
          font-size: 3.3vw; } }

.c-circle-list-img ul {
  text-align: center;
  margin-bottom: 30px; }
  .img-product1 {
    margin: 0 20px 50px 20px
  }
  .c-circle-list-img ul li {
    vertical-align: top;
    text-align: center;
    display: inline-block;
   }
    .c-circle-list-img ul li p {
      line-height: 1.4; }
    @media screen and (min-width: 840px) {
    .list-imag-1 ul li img {
      width: 115px;
      height: 115px;
      margin-bottom: 20px; }
      .list-imag-2 ul li img {
        width: 80px;
        height: 80px;
        margin-bottom: 20px; }
        .list-imag-2 ul li {
          vertical-align: top;
          text-align: center;
          display: inline-block;
        }
        .img-margin-1 {
          margin: 0 10px 30px 10px; 
        }
        .img-margin-2 {
          margin: 0 6px 30px 6px; 
        }
    }

@media screen and (max-width: 840px) {
  .c-circle-list-img ul li {
    width: 26%;
    margin: 0 8px 30px 8px; } }

.c-sns-btns ul {
  text-align: center; }
  .c-sns-btns ul li {
    vertical-align: top;
    width: 216px;
    text-align: center;
    display: inline-block;
    margin: 0 60px 60px 60px; }
    .c-sns-btns ul li p {
      -webkit-transition: all 0.1s;
      transition: all 0.1s; }
    .c-sns-btns ul li:hover p {
      opacity: 0.5; }
    .c-sns-btns ul li .c-sns-btns__img {
      text-align: center;
      margin-bottom: 10px; }
    .c-sns-btns ul li .c-sns-btns__text1 {
      font-size: 15px;
      position: relative;
      display: inline;
      font-weight: bold; }
      .c-sns-btns ul li .c-sns-btns__text1:after {
        display: block;
        content: "";
        background: url(../img/object/icon_01_black.png) no-repeat;
        width: 20px;
        height: 15px;
        position: absolute;
        top: 0;
        right: -20px; }
    .c-sns-btns ul li .c-sns-btns__text2 {
      font-size: 12px;
      word-break: break-all; }

.c-sns-btns__bot-text {
  text-align: center;
  font-size: 12px; }

@media screen and (max-width: 840px) {
  .c-sns-btns ul li {
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0; }
    .c-sns-btns ul li a {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .c-sns-btns ul li .c-sns-btns__img {
      width: 12%;
      margin-right: 20px; }
    .c-sns-btns ul li .c-sns-btns__text {
      width: 80%; }
  .c-sns-btns .c-sns-btns__bot-text {
    text-align: left; } }

.c-link-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 45px;
  font-size: 15px; }
  .c-link-list ul li {
    width: 210px;
    position: relative;
    color: #009a4e;
    padding-left: 16px;
    margin-bottom: 30px; }
    .c-link-list ul li:before {
      content: ">";
      margin-right: 10px;
      font-weight: bold;
      position: absolute;
      top: -1px;
      left: 0; }
    .c-link-list ul li a {
      color: #009a4e; }

@media screen and (max-width: 840px) {
  .c-link-list ul li {
    width: calc(50% - 30px);
    padding-right: 30px;
    font-size: 12px; } }

.c-content-slider .slick-slide {
  width: 840px; }

.c-content-slider .slide-box {
  width: 840px; }
  .c-content-slider .slide-box h4 {
    font-size: 18px;
    color: #009a4e;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 14px; }
  .c-content-slider .slide-box .slide-box__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .c-content-slider .slide-box .slide-box__in .slide-box__in__L {
      margin-right: 20px; }

.c-content-slider .slick-prev {
  position: absolute;
  top: 50%;
  left: -60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 35px;
  width: 19px;
  text-indent: -9999px;
  z-index: 1;
  padding: 0;
  cursor: pointer;
  background: url(../img/object/icon_pre.png) no-repeat; }

.c-content-slider .slick-next {
  position: absolute;
  top: 50%;
  right: -60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 35px;
  width: 19px;
  text-indent: -9999px;
  z-index: 1;
  padding: 0;
  cursor: pointer;
  background: url(../img/object/icon_next.png) no-repeat; }

@media screen and (max-width: 840px) {
  .c-content-slider {
    width: 280px;
    margin: 0 auto; }
    .c-content-slider .slide-box {
      width: 280px; }
      .c-content-slider .slide-box h4 {
        font-size: 18px;
        color: #009a4e;
        line-height: 36px;
        font-weight: bold;
        margin-bottom: 14px; }
      .c-content-slider .slide-box .slide-box__in {
        display: block;
        width: 280px;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .c-content-slider .slide-box .slide-box__in .slide-box__in__L {
          margin-right: 20px; }
    .c-content-slider .slick-prev {
      position: absolute;
      top: 40%;
      left: -30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      height: 35px;
      width: 14px;
      text-indent: -9999px;
      z-index: 1;
      padding: 0;
      cursor: pointer;
      background: url(../img/object/icon_pre.png) no-repeat;
      background-size: 100%; }
    .c-content-slider .slick-next {
      position: absolute;
      top: 40%;
      right: -30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      height: 35px;
      width: 14px;
      text-indent: -9999px;
      z-index: 1;
      padding: 0;
      cursor: pointer;
      background: url(../img/object/icon_next.png) no-repeat;
      background-size: 100%; } }

.brand-list.slick-slider {
  width: 260px;
  margin: 0 auto; }

.brand-list .slick-list {
  width: 260px; }

.brand-list .slick-slide {
  width: 260px; }

.brand-list .slick-prev {
  position: absolute;
  top: 40%;
  left: -60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 35px;
  width: 19px;
  text-indent: -9999px;
  z-index: 1;
  padding: 0;
  cursor: pointer;
  background: url(../img/object/icon_pre.png) no-repeat; }

.brand-list .slick-next {
  position: absolute;
  top: 40%;
  right: -60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 35px;
  width: 19px;
  text-indent: -9999px;
  z-index: 1;
  padding: 0;
  cursor: pointer;
  background: url(../img/object/icon_next.png) no-repeat; }

@media screen and (max-width: 840px) {
  .brand-list {
    width: 260px;
    margin: 0 auto; }
    .brand-list .slick-slide {
      width: 260px; }
    .brand-list .slide-box {
      width: 260px; }
      .brand-list .slide-box h4 {
        font-size: 18px;
        color: #009a4e;
        line-height: 36px;
        font-weight: bold;
        margin-bottom: 14px; }
      .brand-list .slide-box .slide-box__in {
        display: block;
        width: 260px;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .brand-list .slide-box .slide-box__in .slide-box__in__L {
          margin-right: 20px; }
    .brand-list .slick-prev {
      position: absolute;
      top: 40%;
      left: -30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      height: 35px;
      width: 14px;
      text-indent: -9999px;
      z-index: 1;
      padding: 0;
      cursor: pointer;
      background: url(../img/object/icon_pre.png) no-repeat;
      background-size: 100%; }
    .brand-list .slick-next {
      position: absolute;
      top: 40%;
      right: -30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      height: 35px;
      width: 14px;
      text-indent: -9999px;
      z-index: 1;
      padding: 0;
      cursor: pointer;
      background: url(../img/object/icon_next.png) no-repeat;
      background-size: 100%; } }

.new-item-slide {
  margin-bottom: 30px; }
  .new-item-slide .slick-list {
    padding-top: 30px; }
  .new-item-slide .slick-slide {
    width: 170px;
    position: relative;
    margin: 0 25px; }
    .new-item-slide .slick-slide .renew-icon {
      position: absolute;
      top: -11px;
      left: 0;
      z-index: 1;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
    .new-item-slide .slick-slide .new-icon {
      position: absolute;
      top: -26px;
      left: 0;
      z-index: 1;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
  .new-item-slide .slick-prev {
    position: absolute;
    top: 40%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_pre.png) no-repeat; }
  .new-item-slide .slick-next {
    position: absolute;
    top: 40%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_next.png) no-repeat; }
  @media screen and (max-width: 840px) {
    .new-item-slide {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 30px; }
      .new-item-slide .slick-list {
        padding: 30px 0 0 0 !important; }
      .new-item-slide .slick-slide {
        width: calc((100vw / 3) - 30px);
        margin: 0 5px; }
        .new-item-slide .slick-slide .renew-icon {
          width: 65px;
          top: -6px;
          left: 11; }
        .new-item-slide .slick-slide .new-icon {
          width: 40px;
          top: -15px;
          left: 11px; }
        .new-item-slide .slick-slide p {
          line-height: 21px; }
        .new-item-slide .slick-slide h4 {
          font-size: 18px;
          color: #009a4e;
          line-height: 36px;
          font-weight: bold;
          margin-bottom: 14px; }
        .new-item-slide .slick-slide .slide-box__in {
          display: block;
          width: 260px;
          margin: 0 auto;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .new-item-slide .slick-slide .slide-box__in .slide-box__in__L {
            margin-right: 20px; }
      .new-item-slide .slick-prev {
        position: absolute;
        top: 40%;
        left: -20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_pre.png) no-repeat;
        background-size: 100%; }
      .new-item-slide .slick-next {
        position: absolute;
        top: 40%;
        right: -20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_next.png) no-repeat;
        background-size: 100%; } }

.c-banner-slide--type3 {
  width: 840px;
  margin: 0 auto; }
  .c-banner-slide--type3.pc-on {
    display: block; }
  .c-banner-slide--type3 .slick-slide {
    width: 840px; }
  .c-banner-slide--type3 .slide-box {
    width: 840px; }
    .c-banner-slide--type3 .slide-box h4 {
      font-size: 18px;
      color: #009a4e;
      line-height: 36px;
      font-weight: bold;
      margin-bottom: 14px; }
    .c-banner-slide--type3 .slide-box .slide-box__in {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .c-banner-slide--type3 .slide-box .slide-box__in .slide-box__in__L {
        margin-right: 20px; }
  .c-banner-slide--type3 .slide-banners {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .c-banner-slide--type3 .slide-banners:before {
      content: "";
      display: block;
      width: 230px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .c-banner-slide--type3 .slide-banners:after {
      content: "";
      display: block;
      width: 190px; }
    .c-banner-slide--type3 .slide-banners li {
      margin: 30px;
      width: 220px; }
      .c-banner-slide--type3 .slide-banners li img {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        width: 100% !important; }
        .c-banner-slide--type3 .slide-banners li img:hover {
          opacity: 0.7; }
  .c-banner-slide--type3 .slick-dots {
    text-align: center;
    margin-top: 46px; }
    .c-banner-slide--type3 .slick-dots li {
      display: inline-block;
      margin: 0 5px; }
      .c-banner-slide--type3 .slick-dots li.slick-active button {
        background: #009a4e; }
      .c-banner-slide--type3 .slick-dots li button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        text-indent: -9999px;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: 1px solid #009a4e;
        background: #fff;
        padding: 0 !important; }
      
      .c-banner-slide--type3 .slick-prev {
        position: absolute;
        top: calc((100% - 70px) / 2);
        left: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 38px;
        width: 20px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_pre.png) no-repeat;
        background-size: 100%; }
      .c-banner-slide--type3 .slick-next {
        position: absolute;
        top: calc((100% - 70px) / 2);
        right: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 38px;
        width: 20px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_next.png) no-repeat;
        background-size: 100%; } 
      
  @media screen and (max-width: 840px) {
    .c-banner-slide--type3 {
      width: 280px;
      margin: 0 auto; }
      .c-banner-slide--type3.sp-on {
        display: block; }
      .c-banner-slide--type3.pc-on {
        display: none; }
      .c-banner-slide--type3 .slick-slide {
        width: 280px; }
      .c-banner-slide--type3 .slide-box {
        width: 280px; }
        .c-banner-slide--type3 .slide-box .slide-banners li {
          width: 44%;
          margin: 0;
          margin-bottom: 20px; }
      .c-banner-slide--type3 .slick-prev {
        position: absolute;
        top: 40%;
        left: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_pre.png) no-repeat;
        background-size: 100%; }
      .c-banner-slide--type3 .slick-next {
        position: absolute;
        top: 40%;
        right: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_next.png) no-repeat;
        background-size: 100%; } }

.c-banner-slide__in .slide-box {
  margin: 0 30px; }

.c-banner-slide .slick-dots {
  text-align: center;
  margin-top: 46px; }
  .c-banner-slide .slick-dots li {
    display: inline-block;
    margin: 0 5px; }
    .c-banner-slide .slick-dots li.slick-active button {
      background: #009a4e; }
    .c-banner-slide .slick-dots li button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      text-indent: -9999px;
      width: 16px;
      height: 16px;
      border-radius: 8px;
      border: 1px solid #009a4e;
      background: #fff; }

@media screen and (max-width: 840px) {
  .c-banner-slide {
    width: 100%;
    margin: 0 auto; }
    .c-banner-slide img {
      max-width: inherit;
      width: 100%; }
    .c-banner-slide .slide-box {
      margin: 0 10px; } }

.c-recipe-slide {
  margin-bottom: 60px; }
  .c-recipe-slide__in .slick-slide {
    width: 270px; }
  .c-recipe-slide__in li {
    padding-left: 50px;
    padding-top: 57px;
    position: relative;
    margin-right: 19px;
    width: 270px; }
    .c-recipe-slide__in li .new-icon {
      position: absolute;
      top: 19px;
      left: 24px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      z-index: 1; }
    .c-recipe-slide__in li .c-recipe-slide__img {
      margin-bottom: 20px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      width: 100%; }
    .c-recipe-slide__in li p {
      line-height: 1.8;
      margin-bottom: 15px;
      font-size: 18px; }
      .c-recipe-slide__in li p.recipe-tit {
        min-height: 60px; }
    .c-recipe-slide__in li .tag {
      margin-bottom: 4px;
      font-size: 15px; }
      .c-recipe-slide__in li .tag img {
        display: inline-block;
        margin-right: 2px;
        font-size: 15px; }
    .c-recipe-slide__in li:hover .new-icon {
      opacity: 0.7; }
    .c-recipe-slide__in li:hover .c-recipe-slide__img {
      opacity: 0.7; }
  .c-recipe-slide .slick-prev {
    position: absolute;
    top: 40%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_pre.png) no-repeat; }
  .c-recipe-slide .slick-next {
    position: absolute;
    top: 40%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_next.png) no-repeat; }
  @media screen and (max-width: 1199px) {
    .c-recipe-slide .c-recipe-slide__in {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .c-recipe-slide .c-recipe-slide__in li {
        width: 260px; } }
  @media screen and (max-width: 840px) {
    .c-recipe-slide {
      margin-bottom: 0; }
      .c-recipe-slide .c-recipe-slide__in {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-recipe-slide .c-recipe-slide__in .new-icon {
          width: 45px;
          top: -4px;
          left: 0px; }
        .c-recipe-slide .c-recipe-slide__in li {
          width: 48%;
          margin-bottom: 60px;
          margin-right: 0;
          padding: 0;
          padding-top: 20px; }
          .c-recipe-slide .c-recipe-slide__in li .c-recipe-slide__img {
            margin-bottom: 15px; }
          .c-recipe-slide .c-recipe-slide__in li p {
            font-size: 13px;
            line-height: 18px; }
          .c-recipe-slide .c-recipe-slide__in li .tag {
            font-size: 10.5px;
            line-height: 15.5px; }
            .c-recipe-slide .c-recipe-slide__in li .tag img {
              width: 20px; } }

.c-banner-slide--type2 {
  margin-bottom: 60px; }
  .c-banner-slide--type2__in li {
    padding: 15px;
    position: relative; }
    .c-banner-slide--type2__in li .new-icon {
      position: absolute;
      top: 0px;
      left: 0px; }
    .c-banner-slide--type2__in li p {
      line-height: 1.8;
      margin-bottom: 4px; }
    .c-banner-slide--type2__in li .tag img {
      display: inline-block;
      margin-right: 2px; }
  .c-banner-slide--type2 .slick-prev {
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_pre.png) no-repeat; }
  .c-banner-slide--type2 .slick-next {
    position: absolute;
    top: 50%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 35px;
    width: 19px;
    text-indent: -9999px;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background: url(../img/object/icon_next.png) no-repeat; }
  @media screen and (max-width: 840px) {
    .c-banner-slide--type2 {
      width: 260px;
      margin: 0 auto; }
      .c-banner-slide--type2 .c-banner-slide--type2__in li {
        padding: 0; }
      .c-banner-slide--type2 .c-banner-slide--type2__in li img {
        width: 260px !important; }
      .c-banner-slide--type2 .slide-box {
        width: 260px; }
        .c-banner-slide--type2 .slide-box h4 {
          font-size: 18px;
          color: #009a4e;
          line-height: 36px;
          font-weight: bold;
          margin-bottom: 14px; }
        .c-banner-slide--type2 .slide-box .slide-box__in {
          display: block;
          width: 260px;
          margin: 0 auto;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .c-banner-slide--type2 .slide-box .slide-box__in .slide-box__in__L {
            margin-right: 20px; }
      .c-banner-slide--type2 .slick-prev {
        position: absolute;
        top: 50%;
        left: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_pre.png) no-repeat;
        background-size: 100%; }
      .c-banner-slide--type2 .slick-next {
        position: absolute;
        top: 50%;
        right: -30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        height: 35px;
        width: 14px;
        text-indent: -9999px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        background: url(../img/object/icon_next.png) no-repeat;
        background-size: 100%; } }

.c-news-list {
  margin-bottom: 60px; }
  .c-news-list li {
    margin-bottom: 20px; }
    .c-news-list li .date {
      color: #999;
      margin-bottom: 10px; }
      .c-news-list li .date span:first-child {
        color: #000;
        display: inline-block;
        min-width: 50px;
        text-align: center;
        padding: 2px 6px;
        font-size: 12px;
        border: 1px solid #999;
        border-radius: 2px;
        margin-right: 12px; }
    .c-news-list li a {
      color: #000; }
      .c-news-list li a:hover {
        color: #009a4e; }

.c-sitemap__top {
  border-bottom: 1px solid #009a4e;
  font-size: 24px;
  font-weight: bold;
  padding: 0 24px 10px 24px;
  margin-bottom: 60px; }
  .c-sitemap__top a {
    color: #009a4e;
    width: 100%;
    display: inline-block;
    position: relative; }
    .c-sitemap__top a:after {
      display: inline-block;
      content: "";
      background: url(../img/object/icon_03.png) no-repeat;
      width: 13px;
      height: 16px;
      position: absolute;
      top: 8px;
      right: 0; }

.c-sitemap__list {
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-sitemap__list li {
    width: 250px;
    margin-bottom: 60px; }
  .c-sitemap__list p {
    color: #009a4e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px; }
  .c-sitemap__list__link li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative; }
    .c-sitemap__list__link li:before {
      content: ">";
      margin-right: 10px;
      font-weight: bold;
      position: absolute;
      top: -1px;
      left: 0; }

.c-sitemap .c-link-text-blank {
  padding: 0 24px;
  margin-bottom: 60px; }
  .c-sitemap .c-link-text-blank a {
    font-size: 18px; }

@media screen and (max-width: 840px) {
  .c-sitemap .c-sitemap__top {
    font-size: 15px;
    padding: 0 10px 10px 10px;
    margin-bottom: 40px; }
    .c-sitemap .c-sitemap__top a:after {
      top: 0; }
  .c-sitemap__list {
    padding: 0 14px; }
    .c-sitemap__list p {
      font-size: 15px;
      margin-bottom: 10px; }
    .c-sitemap__list li {
      width: 100%;
      margin-bottom: 30px; }
    .c-sitemap__list__link li {
      margin-bottom: 10px; }
  .c-sitemap .c-link-text-blank {
    padding: 0 14px; }
    .c-sitemap .c-link-text-blank a {
      font-size: 15px;
      font-weight: bold; } }

.c-search-list__link {
  color: #1911cc;
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 6px;
  display: block; }

.c-search-list__link2 {
  color: #009a4e; }

.c-search-list__top {
  padding: 10px 0 10px 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px; }
  .c-search-list__top ul li {
    margin-bottom: 20px; }
    .c-search-list__top ul li .info {
      font-size: 12px;
      margin-bottom: 4px; }
      .c-search-list__top ul li .info span {
        display: inline-block;
        color: #009a4e;
        border: 1px solid #009a4e;
        padding: 0 4px;
        border-radius: 2px; }
      .c-search-list__top ul li .info a {
        color: #009a4e; }
    .c-search-list__top ul li p {
      line-height: 1.4; }

.c-search-list__bot ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px; }
  .c-search-list__bot ul li .c-search-list__img {
    width: 60px;
    margin-right: 10px; }
  .c-search-list__bot ul li .c-search-list__text {
    width: 770px; }
  .c-search-list__bot ul li p {
    line-height: 1.4;
    margin-bottom: 4px; }

@media screen and (max-width: 840px) {
  .c-search-list__link {
    font-size: 15px; }
  .c-search-list__bot .c-search-list__img {
    width: 20%; }
  .c-search-list__bot .c-search-list__text {
    width: 70%; } }

.c-ado-btn {
  float: right;
  margin-left: 30px; }
  @media screen and (max-width: 840px) {
    .c-ado-btn {
      display: block;
      float: none;
      margin: 0 auto 20px auto;
      width: 60%; } }

.custom-table {
  border-style: solid !important; }
  .custom-table td {
    border-style: solid !important;
    padding: 6px 14px; }
  .custom-table th {
    border-style: solid !important;
    color: #fff;
    padding: 6px 14px; }
  .custom-table--bold {
    border-width: 3px !important; }
    .custom-table--bold td, .custom-table--bold th {
      border-width: 3px !important; }
  .custom-table--narrow {
    border-width: 1px !important; }
    .custom-table--narrow td, .custom-table--narrow th {
      border-width: 1px !important; }

.kw-text {
  margin-bottom: 99px;
  font-size: 18px;
  background: #fffbee;
  padding: 10px 15px; }
  .kw-text span {
    font-weight: bold; }
  @media screen and (max-width: 840px) {
    .kw-text {
      margin-bottom: 50px;
      font-size: 15px;
      padding: 6px 7px; } }

.detail-bot .products-list {
  margin-bottom: 39px; }
  .detail-bot .products-list .c-sub-title-type1 {
    margin-bottom: 30px; }
  .detail-bot .products-list__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .detail-bot .products-list__in:before {
      content: "";
      display: block;
      width: 170px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .detail-bot .products-list__in:after {
      content: "";
      display: block;
      width: 170px; }
    .detail-bot .products-list__in li {
      margin-bottom: 60px;
      position: relative;
      text-align: center;
      width: 170px; }
      .detail-bot .products-list__in li .new-icon {
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1; }
      .detail-bot .products-list__in li .renew-icon {
        position: absolute;
        top: -12px;
        left: -13px; }
      .detail-bot .products-list__in li a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0.7; }
      .detail-bot .products-list__in li .products-img {
        margin-bottom: 4px; }
        .detail-bot .products-list__in li .products-img img {
          -webkit-transition: all 0.2s;
          transition: all 0.2s;
          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0); }
      .detail-bot .products-list__in li > p {
        line-height: 21px; }
      .detail-bot .products-list__in li .tag {
        font-weight: bold;
        font-size: 12px; }

.detail-bot .c-recipe-slide {
  margin-bottom: 99px; }

.detail-bot .c-banner-slide--type2 {
  margin-bottom: 120px; }
  .detail-bot .c-banner-slide--type2 .c-sub-title-type1 {
    text-align: left;
    margin-bottom: 40px; }

.detail-bot__sns {
  text-align: center; }
  .detail-bot__sns p {
    font-weight: bold;
    margin-bottom: 20px; }
  .detail-bot__sns .sns-btns {
    text-align: center;
    margin-bottom: 99px; }
    .detail-bot__sns .sns-btns li {
      display: inline-block;
      margin: 0 10px; }

@media screen and (max-width: 840px) {
  .detail-bot .products-list {
    margin-bottom: 10px; }
    .detail-bot .products-list .products-list__in:before {
      content: "";
      display: block;
      width: 30%;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .detail-bot .products-list .products-list__in:after {
      content: "";
      display: block;
      width: 30%; }
    .detail-bot .products-list .products-list__in li {
      width: 30%;
      font-size: 12px;
      margin-bottom: 60px;
      text-align: center;
      line-height: 18px; }
      .detail-bot .products-list .products-list__in li .new-icon {
        width: 40px;
        top: -7px;
        left: 0px; }
      .detail-bot .products-list .products-list__in li p {
        line-height: 18px; }
      .detail-bot .products-list .products-list__in li .tag {
        font-weight: bold;
        font-size: 17px;
        line-height: 31px; }
  .detail-bot .c-recipe-slide {
    margin-bottom: 30px; }
  .detail-bot .c-banner-slide--type2 {
    margin-bottom: 70px; }
  .detail-bot__sns .sns-btns {
    margin-bottom: 60px; }
    .detail-bot__sns .sns-btns li {
      width: 60px; } }

.sec-ingredient {
  margin-bottom: 60px; }
  @media screen and (max-width: 840px) {
    .sec-ingredient {
      margin-bottom: 30px; } }
  .sec-ingredient .c-sub-title-type1 {
    margin-left: 120px; }
  .sec-ingredient .tab-btns {
    text-align: center;
    margin-bottom: 60px; }
    .sec-ingredient .tab-btns li {
      width: 230px;
      border: 1px solid #000;
      border-radius: 2px;
      text-align: center;
      display: inline-block;
      padding: 10px 0;
      margin: 0 10px;
      cursor: pointer; }
      .sec-ingredient .tab-btns li.select {
        border: 1px solid #009a4e;
        background: #009a4e;
        color: #fff;
        position: relative; }
        .sec-ingredient .tab-btns li.select:after {
          content: url(/assets/img/pages/products/image_triangle.png);
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -16px; }
  .sec-ingredient .tab-contents {
    overflow: hidden;
    font-size: 11px;
    width: 960px;
    margin: 0 auto; }
    .sec-ingredient .tab-contents li {
      display: none; }
      .sec-ingredient .tab-contents li.is-dispalyed {
        display: block; }
    .sec-ingredient .tab-contents table {
      border: 1px solid #009a4e;
      width: 100%; }
      .sec-ingredient .tab-contents table thead {
        background: #009a4e;
        color: #fff; }
        .sec-ingredient .tab-contents table thead th {
          text-align: center;
          width: 64px;
          border-left: 1px dashed #fff;
          padding: 7px 0; }
          .sec-ingredient .tab-contents table thead th:first-child {
            width: 180px;
            border-left: none; }
      .sec-ingredient .tab-contents table tbody tr:nth-child(even) {
        background: #fffad9; }
      .sec-ingredient .tab-contents table tbody td {
        text-align: center;
        padding: 10px 6px;
        border-left: 1px solid #b2e1ca; }
        .sec-ingredient .tab-contents table tbody td:first-child {
          text-align: left;
          color: #009a4e;
          border: none;
          padding: 15px; }
  @media screen and (max-width: 840px) {
    .sec-ingredient .c-sub-title-type1 {
      margin-left: 30px; }
    .sec-ingredient .tab-btns li {
      width: 130px;
      margin: 0 6px; }
      .sec-ingredient .tab-btns li.select:after {
        bottom: -14px; }
    .sec-ingredient .tab-contents {
      overflow: scroll;
      width: 100%;
      padding: 0 30px; }
      .sec-ingredient .tab-contents li {
        width: 960px; }
        .sec-ingredient .tab-contents li table {
          width: 960px;
          z-index: 2; } }

.category-search .search-box {
  display: none;
  width: 680px;
  margin: 0 auto;
  border: 1px solid #009a4e;
  border-radius: 30px;
  padding: 16px;
  font-size: 12px; }
  .category-search .search-box form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .category-search .search-box .search-box__input input {
    width: 520px;
    height: 22px;
    border: none; }
  .category-search .search-box .search-box__btn--close {
    cursor: pointer; }

.category-search .search-box__btn--open {
  cursor: pointer; }

@media screen and (max-width: 840px) {
  .category-search .search-box {
    width: 100%;
    padding: 10px; }
    .category-search .search-box form .search-box__input {
      width: 64%; }
      .category-search .search-box form .search-box__input input {
        width: 100%; } }

.l-sp-header {
  position: relative;
  z-index: 5;
  background: #fff;
  display: none;
  height: 60px;
  border-bottom: 1px solid #eeeeee; }
  .l-sp-header__logo {
    text-align: center; }
    .l-sp-header__logo img {
      width: 77px;
      padding: 16px; }

.l-pc-header {
  display: block;
  position: fixed;
  right: 30px;
  top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 99; }
  .l-pc-header__search {
    position: relative;
    top: -2px; }
    .l-pc-header__search form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #fff;
      margin-right: 20px;
      height: 28px;
      width: 28px;
      overflow: hidden;
      text-align: center;
      background: #fff;
      border-radius: 14px;
      padding-left: 7px;
      -webkit-transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
      .l-pc-header__search form.is-open {
        width: 240px; }
    .l-pc-header__search button {
      display: block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: none;
      border: none;
      line-height: 1;
      vertical-align: middle;
      cursor: pointer; }
      .l-pc-header__search button img {
        margin-left: -8px; }
    .l-pc-header__search input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: inline-block;
      font-size: 12px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: none;
      border: none;
      color: #009a4e; }
      .l-pc-header__search input:placeholder-shown {
        color: rgba(0, 0, 0, 0.3); }
      .l-pc-header__search input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.3); }
      .l-pc-header__search input:-moz-placeholder {
        color: rgba(0, 0, 0, 0.3);
        opacity: 1; }
      .l-pc-header__search input::-moz-placeholder {
        color: rgba(0, 0, 0, 0.3);
        opacity: 1; }
      .l-pc-header__search input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.3); }
      .l-pc-header__search input::-ms-clear {
        display: none; }
      .l-pc-header__search input::-ms-clear:hover {
        display: none; }
    .l-pc-header__search .clear-button {
      display: block;
      opacity: 0;
      padding-right: 10px; }
      .l-pc-header__search .clear-button.is-show {
        opacity: 1; }
  .l-pc-header__lang li {
    display: inline-block;
    position: relative; }
    .l-pc-header__lang li a .off-img {
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      opacity: 1; }
    .l-pc-header__lang li a:hover span {
      opacity: 1; }
    .l-pc-header__lang li a:hover .off-img {
      opacity: 0; }
    .l-pc-header__lang li a span {
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .l-pc-header__lang li img {
      vertical-align: middle; }
    .l-pc-header__lang li:last-child:after {
      display: none; }
    .l-pc-header__lang li:after {
      content: "|";
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      padding: 0 10px; }

.bg-none .l-pc-header {
  z-index: 2; }
  .bg-none .l-pc-header .l-pc-header__search form {
    border: 1px solid #059c51; }
  .bg-none .l-pc-header .l-pc-header__lang li:after {
    color: #000; }
  .bg-none .l-pc-header .l-pc-header__lang li a span {
    opacity: 1 !important; }

#___gcse_0 .gsc-search-box {
  width: 128px; }

@media screen and (max-width: 1199px) {
  .l-sp-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .l-sp-header__menu {
      position: absolute;
      left: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .l-sp-header__menu a {
        display: inline-block;
        width: 38px;
        text-align: center; }
  .l-pc-header {
    display: none; } }

.l-footer {
  margin-top: 120px;
  color: #fff;
  font-size: 12px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 2;
  position: relative;
  z-index: 1; }
  .l-footer__navi {
    margin-bottom: 10px; }
    .l-footer__navi a {
      color: #fff; }
  .l-footer__copyright {
    color: #fff; }

.bg-none .l-footer {
  color: #000; }
  .bg-none .l-footer a {
    color: #000; }
  .bg-none .l-footer__copyright {
    color: #009a4e; }

.bg-none .up-btn {
  display: none !important; }

.to-top-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 2; }
  .to-top-btn .up-btn {
    display: block;
    width: 48px;
    height: 124px;
    background: url(/assets/img/layout/footer/scroll_d.png);
    background-size: 42px;
    background-position: center center;
    background-repeat: no-repeat; }
  .to-top-btn .down-btn {
    display: none;
    width: 48px;
    height: 124px;
    background: url(/assets/img/layout/footer/scroll_u.png);
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat; }
  .to-top-btn.down .up-btn {
    display: none; }
  .to-top-btn.down .down-btn {
    display: block; }

@media screen and (max-width: 1199px) {
  .l-footer {
    display: block;
    margin: 0;
    background: #fff;
    color: #000; }
    .l-footer__navi {
      width: 100%;
      padding: 30px 30px 0 30px;
      margin-bottom: 0; }
      .l-footer__navi a {
        color: #999; }
    .l-footer__copyright {
      font-size: 11px;
      text-align: center;
      padding: 30px 0; } }

@media screen and (max-width: 840px) {
  .to-top-btn {
    right: 10px; }
  .l-footer__copyright {
    color: #009a4e; }
  .conversion {
    height: 0; }
    .conversion iframe {
      height: 0; } }

.l-side {
  position: fixed;
  top: 0;
  left: 0;
  width: 120px;
  background: #fff;
  height: 100vh;
  min-height: 800px;
  z-index: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  overflow:hidden
.l-side__logo {
    margin-bottom: 0px; }
  .l-side__navi li {
    text-align: center;
    margin: 0 auto; }
    .l-side__navi li:nth-child(1) {
      margin-top: -8px; }
      .l-side__navi li:nth-child(1) img {
        width: 102px; }
    .l-side__navi li:nth-child(2) {
      margin-top: -5px; }
      .l-side__navi li:nth-child(2) img {
        width: 84px; }
    .l-side__navi li:nth-child(3) {
      margin-top: -5px; }
      .l-side__navi li:nth-child(3) img {
        width: 78px; }
    .l-side__navi li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100px; }
      .l-side__navi li a.is-active {
        background: #fffad9; }
  .l-side__bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 15px; }
    .l-side__bottom .contact-btn{
      width:120px;
      display:block;
      margin-left: -15px;
      height:auto;
      padding: 15px 0;
    }
  .l-side__subnavi {
    margin-bottom: 18px; }
    .l-side__subnavi li {
      margin-bottom: 10px; }
      .l-side__subnavi li img {
        width: 100%; }
  .l-side__soudan {
    margin-bottom: 10px; }
    .l-side__soudan--tsusin {
      position: relative;
      height: 42px; }
      .l-side__soudan--tsusin a {
        position: absolute;
        top: 0;
        left: -30px;
        display: block;
        text-align: center;
        padding: 10px 30px 10px 30px; }
        .l-side__soudan--tsusin a.is-active {
          background: #fffad9; }
        .l-side__soudan--tsusin a img {
          width: 78px;
          margin: 0 auto; }
    .l-side__soudan img {
      width: 100%; }
  .l-side__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
    .l-side__social__in {
      text-align: center; }
      .l-side__social__in li {
        display: inline-block;
        width: 18px;
        margin-bottom: 10px; }

@media screen and (max-width: 1199px) {
  .l-side {
    display: none; } }

.l-main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-size: 100%; }
  .l-main.land {
    background-size: 100% !important;
    background-position: top center !important; }
  .l-main__inner {
    width: 1080px;
    position: relative; }
    .l-main__inner .contents {
      position: relative;
      z-index: 1; }
    .l-main__inner .l-main__fixed-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      width: 1080px;
      height: 100%;
      position: fixed;
      z-index: 0;
      top: 0;
      right: 0; }
      .l-main__inner .l-main__fixed-content .c-main-title-type1 {
        margin-top: -20px; }
        .l-main__inner .l-main__fixed-content .c-main-title-type1 h1 {
          color: #fff;
          border-color: #fff; }

@media screen and (min-width: 1499px) {
  .l-main {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 120px; }
    .l-main .l-main__inner .l-main__fixed-content {
      right: 50%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      margin-right: -60px; } }

@media screen and (max-width: 1199px) {
  .l-main {
    background-size: 100% !important;
    background-position: top center !important; }
    .l-main .l-main__inner .l-main__fixed-content {
      width: 100%; } }

@media screen and (max-width: 840px) {
  .l-main {
    background-position: top center !important; }
    .l-main__inner {
      width: 100%; }
    .l-main .l-main__fixed-content {
      width: 100%;
      height: 100%; }
      .l-main .l-main__fixed-content .c-main-title-type1 {
        margin-top: 0; } }

@media screen and (max-width: 567px) {
  .l-main {
    background-size: 150% !important; } }

    .l-gnavi-layer__leaveArea {
      width: 25%;
      background: tranresparent;
      min-height: 100vh;
      position: absolute;
      top: 0;
      left: 75%;
      z-index: 1000;
    }
    
.l-gnavi-layer {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 120px;
  min-width: 1080px;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  overflow: scroll;
  scrollbar-width: none;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-right:1px solid transparent; }
  .l-gnavi-layer .bra-tit {
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 40px; }
  .l-gnavi-layer::-webkit-scrollbar {
    display: none; }
  .l-gnavi-layer__out {
    position: relative; }
  .l-gnavi-layer__ovr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .l-gnavi-layer__cont {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: 2; }
  .l-gnavi-layer__in {
    width: 75%;
    background: #fffad9;
    min-height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999; }
  .l-gnavi-layer.is-open {
    z-index: 2;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }
  .l-gnavi-layer__close {
    position: absolute;
    right: 30px;
    top: 30px; }
  .l-gnavi-layer__inner {
    width: 840px;
    margin: 0 auto; }
  .l-gnavi-layer__title {
    padding-top: 86px;
    margin-bottom: 75px;
    text-align: center; }
  .l-gnavi-layer__navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 40px; }
    .l-gnavi-layer__navi li {
      width: calc(50% - 25px);
      margin-right: 50px;
      margin-bottom: 70px; }
      .l-gnavi-layer__navi li:nth-child(2n) {
        margin-right: 0; }

.l-gnavi-layer-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .l-gnavi-layer-item__image {
    margin-right: 20px; }
    .l-gnavi-layer-item__image img {
      width: 180px; }
  .l-gnavi-layer-item__body {
    line-height: 2; }
  .l-gnavi-layer-item__title {
    color: #009a4e; }

.l-gnavi-banners {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .l-gnavi-banners li {
    width: 250px;
    margin-bottom: 25px;
    margin-right: 45px; }
    .l-gnavi-banners li p {
      text-align: left;
      font-size: 15px;
      line-height: 1.8;
      margin-top: 10px; }
    .l-gnavi-banners li:nth-child(3n) {
      margin-right: 0; }

.l-gnavi-subnavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .l-gnavi-subnavi li {
    width: calc(50% - 25px);
    margin-right: 50px;
    margin-bottom: 70px; }
    .l-gnavi-subnavi li:nth-child(2n) {
      margin-right: 0; }

.l-gnavi-layer-subitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .l-gnavi-layer-subitem__image {
    margin-right: 20px; }
    .l-gnavi-layer-subitem__image img {
      width: 114px; }
  .l-gnavi-layer-subitem__body {
    line-height: 2; }
  .l-gnavi-layer-subitem__title {
    font-weight: bold; }
  .l-gnavi-layer-subitem__text {
    font-size: 12px; }

.l-sp-gnavi-layer {
  display: none; }

.nicescroll-rails {
  display: none !important; }

.no-sc {
  overflow: hidden !important; }

@media screen and (max-width: 1199px) {
  .l-gnavi-layer {
    display: none !important; }
    .l-gnavi-layer__navi {
      padding-left: 0; }
      .l-gnavi-layer__navi li {
        margin-right: 30px;
        width: calc(50% - 15px);
        padding: 0;
        text-align: center;
        margin-bottom: 20px; }
        .l-gnavi-layer__navi li:nth-child(2n) {
          margin-right: 0; }
  .l-gnavi-banners {
    margin-right: 0;
    display: block;
    text-align: center; }
    .l-gnavi-banners li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 25px; }
      .l-gnavi-banners li img {
        width: 100% !important; }
  .l-gnavi-subnavi {
    display: block; }
    .l-gnavi-subnavi li {
      width: auto;
      margin-right: 0;
      margin-bottom: 20px; }
  .l-gnavi-layer-subitem__image {
    width: 60px; }
  .l-gnavi-layer-subitem__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .l-sp-gnavi-layer {
    display: block;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fffad9;
    z-index: 3;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    height: 90vh;
    overflow: scroll; }
    .l-sp-gnavi-layer.is-open {
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%); }
  .sp-gnavi-navi {
    margin-bottom: 0px; }
  .bra-tit {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px; }
  .l-gnavi-layer-item {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .l-gnavi-layer-item__image {
      margin-right: 0px;
      margin-bottom: 5px; }
    .l-gnavi-layer-item__body {
      line-height: 2; }
    .l-gnavi-layer-item__title {
      color: #009a4e; }
  .sp-gnavi-contents {
    display: none;
    padding: 0 30px 10px; }
  .sp-gnavi-item.is-open {
    background: #fffad9; }
    .sp-gnavi-item.is-open > a:after {
      background: url(../img/layout/navi/sp/ico_minus.png);
      background-size: 18px 18px; }
  .sp-gnavi-item > a {
    padding: 30px 30px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #009a4e;
    font-size: 20px;
    font-weight: bold; }
    .sp-gnavi-item > a:after {
      content: "";
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url(../img/layout/navi/sp/ico_plus.png);
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
  .sp-gnavi-item__icon {
    zoom: 0.5;
    margin-right: 20px; }
  .sp-gnavi-subnavi {
    margin-bottom: 28px; }
    .sp-gnavi-subnavi li {
      border-top: 1px solid #eee; }
      .sp-gnavi-subnavi li:last-child {
        border-bottom: 1px solid #eee; }
      .sp-gnavi-subnavi li a {
        display: block;
        font-size: 14px;
        line-height: 50px;
        padding: 0 30px;
        position: relative; }
        .sp-gnavi-subnavi li a:after {
          content: "";
          background: url(../img/layout/navi/sp/ico_link_arrow.png) left top no-repeat;
          background-size: 7px 12px;
          position: absolute;
          top: 50%;
          right: 30px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 7px;
          height: 12px; }
  .sp-gnavi-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
    margin-bottom: 40px; }
    .sp-gnavi-form__search {
      border-bottom: 1px solid #000;
      padding-bottom: 5px;
      margin-right: 20px;
      margin-right: 30px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .sp-gnavi-form__search form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .sp-gnavi-form__search button {
        width: 18px;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: none;
        padding: 3px 0;
        margin-right: 5px;
        vertical-align: middle; }
      .sp-gnavi-form__search input {
        font-size: 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: none;
        width: 100%;
        display: inline-block; }
        .sp-gnavi-form__search input:placeholder-shown {
          color: #000; }
        .sp-gnavi-form__search input::-webkit-input-placeholder {
          color: #000; }
        .sp-gnavi-form__search input:-moz-placeholder {
          color: #000;
          opacity: 1; }
        .sp-gnavi-form__search input::-moz-placeholder {
          color: #000;
          opacity: 1; }
        .sp-gnavi-form__search input:-ms-input-placeholder {
          color: #000; }
    .sp-gnavi-form__lang {
      width: 118px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .sp-gnavi-form__lang li {
        display: inline-block; }
        .sp-gnavi-form__lang li img {
          vertical-align: middle; }
        .sp-gnavi-form__lang li:last-child:after {
          display: none; }
        .sp-gnavi-form__lang li:after {
          content: "|";
          display: inline-block;
          vertical-align: middle;
          color: #000;
          padding: 0 10px; }
  .sp-gnavi-soudan {
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px; }
    .sp-gnavi-soudan .on_img{
      position: absolute;
      top:0;
      left:0;
      opacity: 0;
      transition: all 0.3s;
    }
    .sp-gnavi-soudan.is-open .on_img{
      opacity: 1;
    }
  .sp-gnavi-soudan--anniversary {
    padding: 0 30px;
    margin-bottom: 30px; }
    
  .sp-gnavi-soudan--anniversary img {
    width:54%;
    margin: 0 auto; }
    
    .sp-gnavi-soudan a {
      display: block;
      position: relative;
      margin-bottom: 10px;
      border-radius: 2px;
      font-size: 15px;
      font-weight: bold;
      line-height: 48px;
      text-align: center; }
    .sp-gnavi-soudan.sp-gnavi-tushin .sp-gnavi-tushin__cont {
      display: none; }
      .sp-gnavi-soudan.sp-gnavi-tushin .sp-gnavi-tushin__cont .l-gnavi-subnavi a {
        font-size: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: left; }
        .sp-gnavi-soudan.sp-gnavi-tushin .sp-gnavi-tushin__cont .l-gnavi-subnavi a span {
          font-size: 11px;
          position: relative; }
          .sp-gnavi-soudan.sp-gnavi-tushin .sp-gnavi-tushin__cont .l-gnavi-subnavi a span:after {
            display: block;
            content: "";
            background: url(../img/object/icon_01_black.png) no-repeat;
            width: 26px;
            height: 18px;
            position: absolute;
            top: -6px;
            right: -22px; }
        .sp-gnavi-soudan.sp-gnavi-tushin .sp-gnavi-tushin__cont .l-gnavi-subnavi a p {
          font-size: 12px;
          font-weight: normal;
          line-height: 1.5; }
  .sp-gnavi-social {
    background: #fffad9;
    text-align: center;
    padding: 34px 0; }
    .sp-gnavi-social a {
      margin: 0 16px; }
  .sp-gnavi-copyright {
    text-align: center;
    line-height: 55px;
    border-bottom: 1px solid #eeeeee;
    font-size: 11px; } }

#page-index .l-main {
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 60px); }
  @media screen and (max-height: 680px) {
    #page-index .l-main {
      padding-top: 620px; } }
  #page-index .l-main .l-main__fixed-content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; }
  #page-index .l-main .contents {
    padding-bottom: 80px; }
  #page-index .l-main .newItem-link {
    margin-bottom: 100px;
    margin-top: 30px !important; }
  #page-index .l-main__inner .c-link-btns {
    margin-top: -20px; }
  #page-index .l-main__inner .emergency {
    width: 790px;
    padding: 30px 30px;
    background: #fff;
    margin-bottom: 134px; }
    #page-index .l-main__inner .emergency__tit {
      font-weight: bold;
      color: #ff0000;
      margin-bottom: 30px; }
    #page-index .l-main__inner .emergency .c-news-list {
      margin-bottom: 0; }
      #page-index .l-main__inner .emergency .c-news-list li {
        margin-bottom: 30px; }
        #page-index .l-main__inner .emergency .c-news-list li .c-link-text {
          margin-bottom: 0; }
        #page-index .l-main__inner .emergency .c-news-list li a:hover {
          color: #ff0000; }
      #page-index .l-main__inner .emergency .c-news-list li:last-child {
        margin-bottom: 0; }
  #page-index .l-main__inner .contents .c-main-title-type1 p {
    line-height: 32px; }
  #page-index .l-main__inner .contents .disc-text {
    text-align: center;
    margin-bottom: 52px; }
  #page-index .l-main__inner .contents .index-sec1 {
    padding-bottom: 120px; }
  #page-index .l-main__inner .contents .index-sec3 .c-main-title-type1 {
    margin-bottom: 56px; }
  #page-index .l-main__inner .contents__inner .index-section {
    padding: 120px 0;
    background: url(/assets/img/object/bg_line_x.png);
    background-repeat: repeat-x;
    background-position: top; }
    #page-index .l-main__inner .contents__inner .index-section.index-sec0 {
      padding:0 0 120px 0 !important;
      background: url(/assets/img/object/bg_line_x.png);
      background-repeat: repeat-x;
      background-position: bottom; 
      margin-bottom: 120px;
    }
    @media screen and (max-width: 840px) {
      #page-index .l-main__inner .contents__inner .index-section.index-sec0 {
        padding:0 0 70px 0 !important;
        margin-bottom: 70px;
      }
    }
    #page-index .l-main__inner .contents__inner .index-section:last-child {
      padding-bottom: 0; }
  #page-index .l-main__inner .contents__inner .zoom-img {
    width: 720px;
    height: 480px;
    overflow: hidden;
    position: relative;
    margin: 0 auto; }
    #page-index .l-main__inner .contents__inner .zoom-img:hover img {
      -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      opacity: 0.7; }
    #page-index .l-main__inner .contents__inner .zoom-img:hover .zoom-img__btn {
      color: #000;
      background: rgba(255, 255, 255, 0.6);
      border: none; }
      #page-index .l-main__inner .contents__inner .zoom-img:hover .zoom-img__btn:after {
        background: url(../img/object/icon_04.png) no-repeat; }
    #page-index .l-main__inner .contents__inner .zoom-img .zoom-img__btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      width: 240px;
      height: 50px;
      border-radius: 2px;
      border: 1px solid #fff;
      color: #fff;
      position: absolute;
      margin: 0 auto;
      top: 215px;
      left: 0;
      right: 0; }
      #page-index .l-main__inner .contents__inner .zoom-img .zoom-img__btn:after {
        display: inline-block;
        content: "";
        background: url(../img/object/icon_04_white.png) no-repeat;
        width: 20px;
        height: 20px; }
    #page-index .l-main__inner .contents__inner .zoom-img img {
      width: 100%;
      -webkit-transition: all 0.4s;
      transition: all 0.4s; }
  #page-index .l-main__inner .contents__inner .sp-btn {
    display: none; }
  #page-index .l-main__inner .contents__inner .index-sec6 .brand-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    #page-index .l-main__inner .contents__inner .index-sec6 .brand-list li {
      margin-bottom: 45px; }
  #page-index .l-main__inner .contents__inner .index-sec8__cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page-index .l-main__inner .contents__inner .index-sec8__cont li {
      width: 390px;
      margin-bottom: 40px; }
      #page-index .l-main__inner .contents__inner .index-sec8__cont li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      #page-index .l-main__inner .contents__inner .index-sec8__cont li h4 {
        font-weight: bold;
        margin-bottom: 6px;
        position: relative;
        display: inline; }
        #page-index .l-main__inner .contents__inner .index-sec8__cont li h4:after {
          display: block;
          content: "";
          background: url(../img/object/icon_01_black.png) no-repeat;
          width: 26px;
          height: 18px;
          position: absolute;
          top: 0;
          right: -28px; }
      #page-index .l-main__inner .contents__inner .index-sec8__cont li p {
        line-height: 1.8;
        font-size: 12px; }
    #page-index .l-main__inner .contents__inner .index-sec8__cont__img {
      width: 115px;
      margin-right: 16px; }
      #page-index .l-main__inner .contents__inner .index-sec8__cont__img img {
        width: 100%; }
    #page-index .l-main__inner .contents__inner .index-sec8__cont__text {
      margin-top: 30px;
      width: 260px; }

@media screen and (max-width: 1199px) {
  #page-index .l-main {
    padding-top: calc(100vh - 60px) !important; } }
  @media screen and (max-width: 1199px) and (max-height: 620px) {
    #page-index .l-main {
      padding-top: 560px; } }

@media screen and (max-width: 840px) {
  .vegas-slide .vegas-slide-inner {
    background-position: bottom !important; }
  .vegas-slide {
    height: 100vh !important; }
  #page-index aside.l-side + div {
    -webkit-transition: all 2s;
    transition: all 2s;
    z-index: -2 !important;
    background-repeat: no-repeat !important;
    background-color: #000; }
  #page-index .c-main-title-type1 p {
    width: 210px;
    margin: 0 auto; }
  #page-index .l-main {
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat !important; }
    #page-index .l-main__inner .contents {
      padding-bottom: 75px;
      border-bottom: 1px solid #000; }
      #page-index .l-main__inner .contents .disc-text {
        margin-bottom: 37px; }
    #page-index .l-main__inner .c-link-btns {
      margin-top: 0; }
    #page-index .l-main__inner .emergency {
      width: calc(100% - 60px);
      margin-top: 40%;
      padding: 20px;
      margin-bottom: 160px; }
      #page-index .l-main__inner .emergency__tit {
        margin-bottom: 20px; }
    #page-index .l-main__inner .newItem-link {
      margin-bottom: 60px; }
    #page-index .l-main__inner .contents .index-sec1 {
      padding-bottom: 70px; }
    #page-index .l-main__inner .contents .index-sec2 .c-circle-list-img ul {
      margin-bottom: 0; }
    #page-index .l-main__inner .contents .index-sec4 .c-news-list {
      margin-bottom: 30px; }
    #page-index .l-main__inner .contents .index-sec6 .brand-list {
      margin-bottom: 0; }
      #page-index .l-main__inner .contents .index-sec6 .brand-list li {
        margin-bottom: 30px; }
    #page-index .l-main__inner .contents__inner .index-section {
      padding: 60px 0; }
    #page-index .l-main__inner .contents .zoom-img {
      width: 100%;
      height: auto;
      margin-bottom: 30px; }
      #page-index .l-main__inner .contents .zoom-img .zoom-img__btn {
        display: none; }
    #page-index .l-main__inner .contents .sp-btn {
      display: inline; }
    #page-index .l-main__inner .contents .index-sec8__cont li {
      width: 100%;
      margin-bottom: 23px; }
      #page-index .l-main__inner .contents .index-sec8__cont li .index-sec8__cont__img {
        width: 28%; }
      #page-index .l-main__inner .contents .index-sec8__cont li .index-sec8__cont__text {
        width: 70%;
        margin-top: 12px; }
        #page-index .l-main__inner .contents .index-sec8__cont li .index-sec8__cont__text h4 {
          font-size: 12px; }
  #page-index .l-footer {
    margin-top: 0;
    padding-top: 150px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .vegas-slide {
    top: 60px !important;
    padding-bottom: 60px; }
  .vegas-slide .vegas-slide-inner {
    background-position: bottom !important; } }

#page-products .l-main {
  background: url(/assets/img/pages/products/bg_index.png) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 60px); }
  @media screen and (max-height: 680px) {
    #page-products .l-main {
      padding-top: 620px; } }
  #page-products .l-main__inner .contents {
    padding-top: 99px;
    padding-bottom: 30px; }
    #page-products .l-main__inner .contents .category {
      padding: 0 50px 49px 50px;
      background: url(/assets/img/object/bg_line_x.png);
      background-repeat: repeat-x;
      background-position: bottom;
      margin-bottom: 99px; }
      #page-products .l-main__inner .contents .category .c-circle-list-img ul {
        margin-bottom: 30px; }
        #page-products .l-main__inner .contents .category .c-circle-list-img ul li {
          width: 106px;
          }
          #page-products .l-main__inner .contents .category .c-circle-list-img ul li .search-box__btn--open {
            color: #009a4e; }
      #page-products .l-main__inner .contents .category .c-link-list ul li {
        width: auto; }
        #page-products .l-main__inner .contents .category .c-link-list ul li:before {
          color: #000; }
        #page-products .l-main__inner .contents .category .c-link-list ul li a {
          color: #000; }
    #page-products .l-main__inner .contents .products-list {
      margin-bottom: 39px;
      padding-top: 60px;
      margin-top: -60px; }
      #page-products .l-main__inner .contents .products-list .c-sub-title-type1 {
        margin-bottom: 30px; }
      #page-products .l-main__inner .contents .products-list__in {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #page-products .l-main__inner .contents .products-list__in:before {
          content: "";
          display: block;
          width: 170px;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1; }
        #page-products .l-main__inner .contents .products-list__in:after {
          content: "";
          display: block;
          width: 170px; }
        #page-products .l-main__inner .contents .products-list__in li {
          margin-bottom: 60px;
          position: relative;
          width: 170px; }
          #page-products .l-main__inner .contents .products-list__in li .new-icon {
            position: absolute;
            top: -26px;
            left: 0;
            z-index: 1;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
          #page-products .l-main__inner .contents .products-list__in li .renew-icon {
            position: absolute;
            top: -11px;
            left: 0;
            z-index: 1;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
          #page-products .l-main__inner .contents .products-list__in li a:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            opacity: 0.7; }
          #page-products .l-main__inner .contents .products-list__in li .products-img {
            height: 0;
            padding-bottom: 100%;
            margin-bottom: 4px; }
            #page-products .l-main__inner .contents .products-list__in li .products-img img {
              -webkit-transition: all 0.2s;
              transition: all 0.2s;
              -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
              -ms-transform: matrix(1, 0, 0, 1, 0, 0);
              transform: matrix(1, 0, 0, 1, 0, 0); }
          #page-products .l-main__inner .contents .products-list__in li .tag {
            font-weight: bold;
            font-size: 12px; }
          #page-products .l-main__inner .contents .products-list__in li:hover .renew-icon {
            opacity: 0.7; }
          #page-products .l-main__inner .contents .products-list__in li:hover .new-icon {
            opacity: 0.7; }

@media screen and (max-width: 1199px) {
  #page-index .l-main {
    padding-top: calc(100vh - 120px); } }
  @media screen and (max-width: 1199px) and (max-height: 620px) {
    #page-index .l-main {
      padding-top: 560px; } }

@media screen and (max-width: 840px) {
  #page-products .c-main-title-type1 p {
    width: 200px;
    margin: 0 auto; }
  #page-products .l-main {
    background: url(/assets/img/pages/products/bg_index_sp.png) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-products .l-main__inner .contents {
      padding-top: 60px;
      padding-bottom: 30px; }
      #page-products .l-main__inner .contents .category {
        padding: 0 0 30px 0;
        background: none;
        margin: 0; }
        #page-products .l-main__inner .contents .category .c-circle-list-img ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-bottom: 0; }
          #page-products .l-main__inner .contents .category .c-circle-list-img ul li {
            width: auto;
            margin: 0 0 30px 0; }
            #page-products .l-main__inner .contents .category .c-circle-list-img ul li img {
              display: inline-block;
              width: 24px;
              margin-bottom: 0;
              vertical-align: top; }
            #page-products .l-main__inner .contents .category .c-circle-list-img ul li p {
              display: inline-block;
              vertical-align: middle; }
        #page-products .l-main__inner .contents .category .c-link-list ul {
          margin-bottom: 0; }
      #page-products .l-main__inner .contents .c-link-list ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        #page-products .l-main__inner .contents .c-link-list ul li {
          margin-right: 20px; }
        #page-products .l-main__inner .contents .c-link-list ul li:first-child {
          width: 100%; }
        #page-products .l-main__inner .contents .c-link-list ul li:last-child {
          width: 100%; }
      #page-products .l-main__inner .contents .products-list {
        margin-bottom: 10px; }
        #page-products .l-main__inner .contents .products-list .products-list__in:before {
          content: "";
          display: block;
          width: 30%;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1; }
        #page-products .l-main__inner .contents .products-list .products-list__in:after {
          content: "";
          display: block;
          width: 30%; }
        #page-products .l-main__inner .contents .products-list .products-list__in li {
          width: 30%;
          font-size: 12px;
          margin-bottom: 60px; }
          #page-products .l-main__inner .contents .products-list .products-list__in li .new-icon {
            width: 40px;
            top: -15px;
            left: 0px; }
          #page-products .l-main__inner .contents .products-list .products-list__in li .renew-icon {
            width: 65px;
            top: -6px;
            left: 0; } }

#page-products-detail .k-visual {
  padding: 120px 0;
  width: 100%;
  background-position: 120px -140px !important; }
  #page-products-detail .k-visual__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 830px;
    margin: 0 auto; }
    #page-products-detail .k-visual__inner__img {
      width: 270px; }
      #page-products-detail .k-visual__inner__img img {
        width: 100%; }
    #page-products-detail .k-visual__inner__text {
      width: 500px; }
      #page-products-detail .k-visual__inner__text h1 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 12px; }
      #page-products-detail .k-visual__inner__text .copy-text {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 12px; }
      #page-products-detail .k-visual__inner__text p {
        line-height: 32px;
        margin-bottom: 20px; }
    #page-products-detail .k-visual__inner__bot {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #page-products-detail .k-visual__inner__bot p {
        line-height: 1;
        margin-bottom: 10px; }
      #page-products-detail .k-visual__inner__bot .icon {
        width: 55px; }
      #page-products-detail .k-visual__inner__bot .text {
        width: 430px;
        margin-top: 6px; }

#page-products-detail .l-main {
  background-size: auto;
  background-position: top; }
  #page-products-detail .l-main.cat-bagel .k-visual {
    background: url(/assets/img/pages/products/bg_bagel.png); }
  #page-products-detail .l-main.cat-emaffin .k-visual {
    background: url(/assets/img/pages/products/bg_emaffin.png); }
  #page-products-detail .l-main.cat-kashipan .k-visual {
    background: url(/assets/img/pages/products/bg_kashipan.png); }
  #page-products-detail .l-main.cat-longlifebread .k-visual {
    background: url(/assets/img/pages/products/bg_longlifebread.png); }
  #page-products-detail .l-main.cat-rollpan .k-visual {
    background: url(/assets/img/pages/products/bg_rollpan.png); }
  #page-products-detail .l-main.cat-shokupan .k-visual {
    background: url(/assets/img/pages/products/bg_shokupan.png); }
  #page-products-detail .l-main.cat-souzaipan .k-visual {
    background: url(/assets/img/pages/products/bg_souzaipan.png); }
  #page-products-detail .l-main.cat-wagashi .k-visual {
    background: url(/assets/img/pages/products/bg_wagashi.png); }
  #page-products-detail .l-main.cat-reitoupan .k-visual {
    background: url(/assets/img/pages/products/bg_reitou.png); }
  #page-products-detail .l-main__inner {
    width: 100%; }
    #page-products-detail .l-main__inner .contents {
      padding-top: 0;
      padding-bottom: 0;
      background: none;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media screen and (min-width: 1499px) {
        #page-products-detail .l-main__inner .contents {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      #page-products-detail .l-main__inner .contents__inner {
        padding-bottom: 99px; }
      #page-products-detail .l-main__inner .contents .contents-bg {
        background: #fff;
        padding-top: 99px;
        width: 1080px; }
      #page-products-detail .l-main__inner .contents .sec-allergy {
        padding: 30px 0;
        text-align: center;
        background: #FFFAD9; }
        #page-products-detail .l-main__inner .contents .sec-allergy p {
          margin-bottom: 20px; }
        #page-products-detail .l-main__inner .contents .sec-allergy ul li {
          background: #fff;
          color: #000000;
          display: inline-block;
          min-width: 120px;
          padding: 6px 0;
          border-radius: 2px;
          margin: 0 10px 10px 10px; }
      #page-products-detail .l-main__inner .contents .sec-area {
        padding-bottom: 99px;
        margin-bottom: 99px;
        background: url(/assets/img/object/bg_line_x.png);
        background-repeat: repeat-x;
        background-position: bottom; }
        #page-products-detail .l-main__inner .contents .sec-area table {
          border: 1px solid #009a4e;
          margin: 60px 0; }
          #page-products-detail .l-main__inner .contents .sec-area table thead {
            background: #009a4e;
            color: #fff; }
            #page-products-detail .l-main__inner .contents .sec-area table thead th {
              width: 150px;
              text-align: center;
              padding: 10px 0;
              border-left: 1px dashed #fff; }
              #page-products-detail .l-main__inner .contents .sec-area table thead th:first-child {
                border-left: none; }
          #page-products-detail .l-main__inner .contents .sec-area table tbody td {
            text-align: center;
            padding: 12px 0;
            border-left: 1px solid #009a4e; }
            #page-products-detail .l-main__inner .contents .sec-area table tbody td:first-child {
              border-left: none; }
        #page-products-detail .l-main__inner .contents .sec-area .c-toggle-boxes {
          margin-bottom: 0; }
          #page-products-detail .l-main__inner .contents .sec-area .c-toggle-boxes h5 {
            font-weight: bold;
            margin-bottom: 12px; }
          #page-products-detail .l-main__inner .contents .sec-area .c-toggle-boxes p {
            margin-bottom: 12px; }

@media screen and (max-width: 840px) {
  #page-products-detail {
    overflow: auto; }
    #page-products-detail .c-main-title-type1 p {
      width: 200px;
      margin: 0 auto; }
    #page-products-detail .k-visual {
      padding: 30px;
      margin-bottom: 30px;
      width: 100%;
      margin-left: 0;
      margin-top: 60px;
      background-position: 67px -157px !important; }
      #page-products-detail .k-visual__inner {
        display: block;
        width: 100%; }
        #page-products-detail .k-visual__inner__img {
          width: 75%;
          margin: 0 auto;
          height: 300px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          #page-products-detail .k-visual__inner__img img {
            width: 240px;
            margin-bottom: 20px; }
        #page-products-detail .k-visual__inner__text {
          width: 100%; }
          #page-products-detail .k-visual__inner__text h1 {
            font-size: 24px; }
          #page-products-detail .k-visual__inner__text .copy-text {
            font-size: 15px; }
          #page-products-detail .k-visual__inner__text p {
            font-size: 14px; }
        #page-products-detail .k-visual__inner__bot {
          display: block; }
          #page-products-detail .k-visual__inner__bot .icon {
            width: 50px;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle; }
            #page-products-detail .k-visual__inner__bot .icon img {
              width: 100%; }
          #page-products-detail .k-visual__inner__bot .text {
            margin-top: 0;
            width: 72%;
            display: inline-block;
            vertical-align: middle; }
            #page-products-detail .k-visual__inner__bot .text p {
              line-height: 1.8;
              margin-bottom: 2px; }
    #page-products-detail .l-main {
      background-size: 100%;
      background-position: top; }
      #page-products-detail .l-main.cat-bagel .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-emaffin .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-kashipan .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-longlifebread .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-rollpan .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-shokupan .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-souzaipan .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-wagashi .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main.cat-reitoupan .k-visual {
        background-size: 437px; }
      #page-products-detail .l-main__inner .contents {
        padding-bottom: 55px; }
        #page-products-detail .l-main__inner .contents__inner {
          max-width: 100%;
          padding-bottom: 70px; }
        #page-products-detail .l-main__inner .contents .contents-bg {
          width: 100%;
          padding-top: 40px; }
        #page-products-detail .l-main__inner .contents .c-sub-title-type1 {
          margin-bottom: 30px; }
        #page-products-detail .l-main__inner .contents .sec-allergy {
          font-size: 10px;
          padding: 20px 10px; }
          #page-products-detail .l-main__inner .contents .sec-allergy p {
            line-height: 1.8; }
          #page-products-detail .l-main__inner .contents .sec-allergy ul li {
            min-width: 60px;
            margin: 6px; }
        #page-products-detail .l-main__inner .contents .sec-area {
          padding-bottom: 60px;
          margin-bottom: 60px; }
          #page-products-detail .l-main__inner .contents .sec-area table {
            margin: 30px 0; }
            #page-products-detail .l-main__inner .contents .sec-area table thead tr th {
              width: 20%;
              font-size: 10.5px;
              padding: 8px 6px; }
            #page-products-detail .l-main__inner .contents .sec-area table tbody tr td img {
              width: 30px; } }

#page-nutrition .l-main {
  background: url(/assets/img/pages/nutrition/bg.png) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 60px); }
  @media screen and (max-height: 680px) {
    #page-nutrition .l-main {
      padding-top: 620px; } }
  #page-nutrition .l-main .contents {
    padding-bottom: 60px;
    padding-top: 99px; }
    #page-nutrition .l-main .contents .cat-list {
      margin-bottom: 60px; }
      #page-nutrition .l-main .contents .cat-list .c-link-list--top .search-box__btn--open {
        color: #009a4e; }
      #page-nutrition .l-main .contents .cat-list .c-link-list--top ul {
        margin-bottom: 30px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li {
          width: 155px;
          padding-left: 0; }
          #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li:nth-child(5) {
            width: 220px; }
          #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li:nth-child(10) {
            width: 220px; }
          #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li img {
            width: 33px;
            vertical-align: middle; }
          #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li a {
            color: #000; }
          #page-nutrition .l-main .contents .cat-list .c-link-list--top ul li:before {
            display: none; }
      #page-nutrition .l-main .contents .cat-list .c-link-list--bot ul li {
        width: auto;
        margin-bottom: 0; }
        #page-nutrition .l-main .contents .cat-list .c-link-list--bot ul li:before {
          color: #000; }
        #page-nutrition .l-main .contents .cat-list .c-link-list--bot ul li a {
          color: #000; }
    #page-nutrition .l-main .contents .dis-text img {
      margin-right: 3px; }
    #page-nutrition .l-main .contents .sec-ingredient {
      margin: 60px 0; }
      #page-nutrition .l-main .contents .sec-ingredient .c-sub-title-type1 {
        margin-left: 120px; }
      #page-nutrition .l-main .contents .sec-ingredient .tab-btns {
        text-align: center;
        margin-bottom: 60px; }
        #page-nutrition .l-main .contents .sec-ingredient .tab-btns li {
          width: 230px;
          border: 1px solid #000;
          border-radius: 2px;
          text-align: center;
          display: inline-block;
          padding: 10px 0;
          margin: 0 10px;
          cursor: pointer; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-btns li.select {
            border: 1px solid #009a4e;
            background: #009a4e;
            color: #fff;
            position: relative; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-btns li.select:after {
              content: url(/assets/img/pages/products/image_triangle.png);
              display: block;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -16px; }
      #page-nutrition .l-main .contents .sec-ingredient .tab-contents {
        overflow: hidden;
        font-size: 11px;
        width: 960px;
        margin: 0 auto; }
        #page-nutrition .l-main .contents .sec-ingredient .tab-contents li {
          display: none; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents li.is-dispalyed {
            display: block; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents li.is-dispalyed.is-fixed {
            padding-top: 60px; }
        #page-nutrition .l-main .contents .sec-ingredient .tab-contents .sort-btns {
          border: none; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents .sort-btns td {
            border: none;
            text-align: center;
            width: 64px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents .sort-btns td:first-child {
              width: 180px;
              text-align: center; }
        #page-nutrition .l-main .contents .sec-ingredient .tab-contents table {
          border: 1px solid #009a4e;
          display: block;
          width: 100%; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead {
            background: #009a4e;
            color: #fff; 
     
        }
     
      
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .is-fixed {
            border: 1px solid #fff;
            margin-left: -2px;
            position: fixed;
            padding: 1px;
            top:0px;
            border-top: 70px solid #fff;
            border-bottom: none;
            z-index: 100;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th {
              text-align: center;
              width: 64px;
              border-left: 1px dashed #fff;
              padding: 5px 10px 7px;
              position: relative; }
              @-moz-document url-prefix() {
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th {
                  border-left: 2px dashed #fff;
                }
                .sec-ingredient .tab-contents table tbody td {
                  border-left: 2px solid #b2e1ca;
                }
              }

              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:first-child {
                width: 165px;
                border-left: none; }
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:first-child {
                  width: 168px; }
              }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(2)  {
                width: 122px;}
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  thead th:nth-child(2) {
                  width: 116px; }
              }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(3)  {
                width: 79px;}
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(4)  {
                width: 61px;}
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  thead th:nth-child(4) {
                  width: 70px; }
              }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(5)  {
                width: 70px;}
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  thead th:nth-child(5) {
                  width: 68px; }
              }
                            /* Firefox */
           
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(6)  {
                width: 66px;}
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(7)  {
                width: 62px;}
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(8)  {
                width: 74px;}
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(9)  {
                width: 62px;}
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(10)  {
                width: 60px;}
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody td:nth-child(10) {
                width: 59px; }
              }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(11)  {
                width: 61px;
              }
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(11)  {
                  width: 59px;
                }
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(11) {
                width: 59px; }
              }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(12)  {
                width: 76px;}
              @media all and (-ms-high-contrast: none){
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead.is-fixed th:nth-child(12)  {
                width: 74px;}
                #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody th:nth-child(12) {
                width: 73px;}
              }
         

              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th span {
                position: absolute;
                top: -1px;
                left: -1px;
                background: #fff;
                width: calc(100% + 2px);
                padding: 10px 0;
                display: none !important;
                margin-top: -3px; }
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th div {
                position: absolute;
                top: -1px;
                left: -1px;
                background: #fff;
                width: calc(100% + 2px);
                padding: 10px 0;
                display: block;
                margin-top: -3px; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody tr:nth-child(even) {
            background: #e5f5ed; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td {
            text-align: center;
            padding: 10px 15px;
            font-size: 11px; 
            word-wrap:anywhere;}
            
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:first-child {
              width: 165px;
              text-align: left;
              color: #009a4e;}
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:first-child {
                width: 168px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(2) {
              width: 122px; }
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(2) {
                width: 116px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(3) {
              width: 79px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(4) {
              width: 61px; }
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(4) {
                width: 70px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(5) {
              width: 70px; }
            @media all and (-ms-high-contrast: none){
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody td:nth-child(5) {
                width: 68px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(6) {
              width: 66px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(7) {
              width: 62px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(8) {
              width: 74px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(9) {
              width: 62px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(10) {
              width: 60px; }
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody td:nth-child(11) {
                  width: 59px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(11) {
              width: 61px; }
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody td:nth-child(11) {
                  width: 59px; }
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(12) {
              width: 76px; }
            @media all and (-ms-high-contrast: none){
              #page-nutrition .l-main .contents .sec-ingredient .tab-contents table  tbody td:nth-child(12) {
              width: 73px; }
            }
         
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .unit-01:after {
            content: "kcal"; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .unit-02:after {
            content: "g"; }
          #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .unit-03:after {
            content: "mg"; }
            

@media screen and (max-width: 1199px) {
  /* #ipad */
  #page-index .l-main {
    padding-top: calc(100vh - 120px); }
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .is-fixed {
    width: 959px;
    top: 60px;
    border: none;
    margin-left: 0;
  }
 

  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:first-child {
    width: 157px;
    border-left: none; }
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(2)  {
    width: 117px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(3)  {
    width: 82px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(4)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(5)  {
    width: 72px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(6)  {
    width: 70px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(7)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(8)  {
    width: 75px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(9)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(10)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(11)  {
    width: 61px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(12)  {
    width: 61px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:first-child {
    width: 157px;
    border-left: none; }
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(2) {
    width: 117px; }
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
  table tbody td:nth-child(3) {
    width: 82px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
  table tbody td:nth-child(4) {
    width: 62px; }
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(5)  {
    width: 72px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(6)  {
    width: 70px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(7)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(8)  {
    width: 75px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(9)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(10)  {
    width: 62px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(11)  {
    width: 61px;}
  #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead td:nth-child(12)  {
    width: 61px;}


}

  @media screen and (max-width: 1199px) and (max-height: 620px) {
    #page-index .l-main {
      padding-top: 560px; } }

@media screen and (max-width: 840px) {
  #page-nutrition .c-main-title-type1 p {
    width: 200px;
    margin: 0 auto; }
  #page-nutrition .l-main {
    background: url(/assets/img/pages/nutrition/bg_sp.png) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-nutrition .l-main__inner .contents .cat-list {
      margin-bottom: 60px; }
      #page-nutrition .l-main__inner .contents .cat-list .c-link-list--top ul {
        margin-bottom: 0; }
        #page-nutrition .l-main__inner .contents .cat-list .c-link-list--top ul li {
          width: auto !important;
          margin-right: 20px; }
          #page-nutrition .l-main__inner .contents .cat-list .c-link-list--top ul li img {
            vertical-align: middle; }
          #page-nutrition .l-main__inner .contents .cat-list .c-link-list--top ul li a {
            font-size: 13px; }
      #page-nutrition .l-main__inner .contents .cat-list .c-link-list--bot ul {
        margin-bottom: 30px;
        display: block; }
        #page-nutrition .l-main__inner .contents .cat-list .c-link-list--bot ul li {
          margin-bottom: 30px;
          display: inline-block; }
          #page-nutrition .l-main__inner .contents .cat-list .c-link-list--bot ul li:first-child {
            width: 100%; }
          #page-nutrition .l-main__inner .contents .cat-list .c-link-list--bot ul li:last-child {
            width: 100%; }
          #page-nutrition .l-main__inner .contents .cat-list .c-link-list--bot ul li a {
            font-size: 13px; }
    #page-nutrition .l-main__inner .contents .dis-text {
      line-height: 27px; }
      #page-nutrition .l-main__inner .contents .dis-text img {
        width: 16px; }
    #page-nutrition .l-main__inner .contents .sec-ingredient {
      margin-bottom: 0; }
      #page-nutrition .l-main__inner .contents .sec-ingredient .c-sub-title-type1 {
        margin-left: 30px; }
      #page-nutrition .l-main__inner .contents .sec-ingredient .tab-btns {
        margin-bottom: 30px; }
        #page-nutrition .l-main__inner .contents .sec-ingredient .tab-btns li {
          width: 130px;
          margin: 0 6px; }
          #page-nutrition .l-main__inner .contents .sec-ingredient .tab-btns li.select:after {
            bottom: -14px; }
      #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents {
        overflow: scroll;
        width: 100%;
        padding: 0 30px; }
        #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents li {
          width: 960px; }
          #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents li .sort-btns img {
            width: 24px; }
          #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents li table {
            width: 960px;
            z-index: 2; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table .is-fixed {
              width: 960px;
              top: 60px;
            }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:first-child {
              width: 165px;
              border-left: none; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(2)  {
              width: 120px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(3)  {
              width: 79px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(4)  {
              width: 61px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(5)  {
              width: 71px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(6)  {
              width: 66px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(7)  {
              width: 62px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(8)  {
              width: 75px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(9)  {
              width: 63px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(10)  {
              width: 62px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(11)  {
              width: 62px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table thead th:nth-child(12)  {
              width: 72px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:first-child {
              width: 165px;
              text-align: left;
              color: #009a4e;
              border-left: 1px solid #009a4e; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents table tbody td:nth-child(2) {
              width: 120px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(3) {
              width: 79px;}
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(4) {
              width: 61px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(5) {
              width: 71px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(6) {
              width: 66px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(7) {
              width: 62px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(8) {
              width: 75px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(9) {
              width: 63px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(10) {
              width: 62px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(11) {
              width: 62px; }
            #page-nutrition .l-main .contents .sec-ingredient .tab-contents 
            table tbody td:nth-child(12) {
              width: 72px; }
            #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents li table td {
              padding: 10px 10px; }
            #page-nutrition .l-main__inner .contents .sec-ingredient .tab-contents li table thead th img {
              width: 20px; }
            
            }

#page-recipes .l-main {
  background: url(/assets/img/pages/recipes/bg_index.png) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 60px); }
  @media screen and (max-height: 680px) {
    #page-recipes .l-main {
      padding-top: 620px; } }
  #page-recipes .l-main__inner .contents {
    padding: 99px 0; }
    #page-recipes .l-main__inner .contents .cat-list {
      margin-bottom: 99px;
      padding-bottom: 30px;
      background: url(/assets/img/object/bg_line_x.png);
      background-repeat: repeat-x;
      background-position: bottom; }
      #page-recipes .l-main__inner .contents .cat-list__tit {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 60px; }
      #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li {
          width: 165px;
          padding-left: 0; }
          #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li .search-box__btn--open {
            color: #009a4e; }
          #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li img {
            width: 30px;
            margin-right: 4px; }
          #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li a {
            color: #000; }
          #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li:before {
            display: none; }
    #page-recipes .l-main__inner .contents .recipe-list {
      padding-top: 60px;
      margin-top: -60px; }
      #page-recipes .l-main__inner .contents .recipe-list__in {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #page-recipes .l-main__inner .contents .recipe-list__in:before {
          content: "";
          display: block;
          width: 240px;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1; }
        #page-recipes .l-main__inner .contents .recipe-list__in:after {
          content: "";
          display: block;
          width: 240px; }
        #page-recipes .l-main__inner .contents .recipe-list__in li {
          width: 240px;
          position: relative;
          margin-bottom: 60px; }
          #page-recipes .l-main__inner .contents .recipe-list__in li .new-icon {
            position: absolute;
            top: -40px;
            left: -29px;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            z-index: 1; }
          #page-recipes .l-main__inner .contents .recipe-list__in li .c-recipe-slide__img {
            margin-bottom: 20px;
            width: 100%; }
          #page-recipes .l-main__inner .contents .recipe-list__in li p {
            line-height: 1.8;
            margin-bottom: 4px;
            font-size: 18px; }
            #page-recipes .l-main__inner .contents .recipe-list__in li p.recipe-tit {
              min-height: 60px; }
          #page-recipes .l-main__inner .contents .recipe-list__in li .tag {
            font-size: 15px;
            width: 48%;
            display: inline-block; }
            #page-recipes .l-main__inner .contents .recipe-list__in li .tag img {
              display: inline-block;
              margin-right: 2px; }
          #page-recipes .l-main__inner .contents .recipe-list__in li a:hover {
            opacity: 1; }
          #page-recipes .l-main__inner .contents .recipe-list__in li .hover-cont {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 30% 10px 0 10px;
            text-align: center;
            z-index: 2;
            opacity: 0;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            background: rgba(255, 255, 255, 0.5); }
            #page-recipes .l-main__inner .contents .recipe-list__in li .hover-cont p {
              font-size: 15px; }
            #page-recipes .l-main__inner .contents .recipe-list__in li .hover-cont:hover {
              opacity: 1; }
          #page-recipes .l-main__inner .contents .recipe-list__in li:hover .new-icon {
            opacity: 0.7; }

@media screen and (max-width: 1199px) {
  #page-index .l-main {
    padding-top: calc(100vh - 120px); } }
  @media screen and (max-width: 1199px) and (max-height: 620px) {
    #page-index .l-main {
      padding-top: 560px; } }

@media screen and (max-width: 840px) {
  #page-recipes .c-main-title-type1 p {
    width: 200px;
    margin: 0 auto; }
  #page-recipes .l-main {
    background: url(/assets/img/pages/recipes/bg_index_sp.png) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-recipes .l-main__inner .contents {
      padding: 60px 0; }
      #page-recipes .l-main__inner .contents .cat-list {
        margin-bottom: 60px; }
        #page-recipes .l-main__inner .contents .cat-list__tit {
          margin-bottom: 30px;
          font-size: 15px; }
        #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul {
          margin-bottom: 60px; }
          #page-recipes .l-main__inner .contents .cat-list .c-link-list--top ul li {
            width: 33%; }
      #page-recipes .l-main__inner .contents .recipe-list .kw-text {
        margin-bottom: 0; }
      #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in a {
          display: block;
          height: 100%; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in .c-recipe-slide__img {
          margin-bottom: 15px; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in .hover-cont {
          padding-top: 20%; }
          #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in .hover-cont p {
            font-size: 10px;
            line-height: 1.5; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in:before {
          content: "";
          display: block;
          width: 48%;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in:after {
          content: "";
          display: block;
          width: 48%; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in .new-icon {
          width: 45px;
          top: -23px;
          left: 0; }
        #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in li {
          width: 48%;
          margin-bottom: 70px;
          padding: 0; }
          #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in li p {
            font-size: 15px; }
          #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in li .tag {
            font-size: 10px; }
            #page-recipes .l-main__inner .contents .recipe-list .recipe-list__in li .tag img {
              width: 20px; } }

#page-recipe-detail .l-main__inner .contents {
  padding-top: 0;
  border-bottom: 1px solid #000; }
  #page-recipe-detail .l-main__inner .contents .c-print-btn {
    margin-bottom: 80px;
    text-align: left; }
  #page-recipe-detail .l-main__inner .contents .detail-bot .c-link-btns--p ul {
    text-align: left; }
  #page-recipe-detail .l-main__inner .contents .k-visual {
    width: 960px;
    margin: 0 auto 60px auto; }
    #page-recipe-detail .l-main__inner .contents .k-visual h1 {
      font-size: 36px;
      font-weight: bold;
      border-bottom: 3px solid #000;
      display: inline-block;
      margin: -30px 0 0 60px; }
  #page-recipe-detail .l-main__inner .contents .sec-disc {
    margin-bottom: 99px; }
    #page-recipe-detail .l-main__inner .contents .sec-disc__text {
      margin-bottom: 30px; }
      #page-recipe-detail .l-main__inner .contents .sec-disc__text--war {
        font-size: 12px; }
    #page-recipe-detail .l-main__inner .contents .sec-disc__time {
      font-weight: bold; }
  #page-recipe-detail .l-main__inner .contents .sec-recipe {
    margin-bottom: 99px; }
    #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L {
        width: 360px; }
        #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L p {
          font-weight: bold;
          margin-bottom: 30px; }
        #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L dl dt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border-bottom: 1px solid #e5e5e5;
          padding-bottom: 15px;
          margin-bottom: 15px; }
        #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L dl dd {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border-bottom: 1px solid #e5e5e5;
          padding-left: 10px;
          padding-bottom: 10px;
          margin-bottom: 10px; }
      #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__R {
        width: 420px;
        height: 420px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        overflow: hidden; }
        #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__R img {
          width: 100%; }
  #page-recipe-detail .l-main__inner .contents .sec-howto {
    margin-bottom: 99px; }
    #page-recipe-detail .l-main__inner .contents .sec-howto .c-sub-title-type1 {
      margin-bottom: 60px; }
    #page-recipe-detail .l-main__inner .contents .sec-howto ul {
      list-style-type: decimal;
      margin-left: 14px; }
      #page-recipe-detail .l-main__inner .contents .sec-howto ul li {
        margin-bottom: 30px; }

@media screen and (max-width: 840px) {
  #page-recipe-detail {
    overflow: auto; }
    #page-recipe-detail .c-main-title-type1 p {
      width: 200px;
      margin: 0 auto; }
    #page-recipe-detail .l-main__inner {
      padding: 60px 0 0; }
      #page-recipe-detail .l-main__inner .contents .c-btn_print {
        width: 200px;
        margin: 0 auto 60px auto; }
      #page-recipe-detail .l-main__inner .contents__inner {
        max-width: 100%; }
      #page-recipe-detail .l-main__inner .contents .c-sub-title-type1 {
        margin-bottom: 30px; }
      #page-recipe-detail .l-main__inner .contents .k-visual {
        width: 100%;
        margin-bottom: 30px; }
        #page-recipe-detail .l-main__inner .contents .k-visual h1 {
          font-size: 30px;
          margin-left: 30px; }
      #page-recipe-detail .l-main__inner .contents .sec-disc {
        margin-bottom: 60px; }
        #page-recipe-detail .l-main__inner .contents .sec-disc .sec-disc__text {
          margin-bottom: 20px; }
      #page-recipe-detail .l-main__inner .contents .sec-recipe {
        margin-bottom: 60px; }
        #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content {
          display: block; }
          #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L {
            width: 100%;
            margin-bottom: 30px; }
            #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__L p {
              margin-bottom: 16px; }
          #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__R {
            width: 100%;
            height: auto; }
            #page-recipe-detail .l-main__inner .contents .sec-recipe .sec-recipe__content .sec-recipe__R img {
              width: 100%; }
      #page-recipe-detail .l-main__inner .contents .sec-howto {
        margin-bottom: 60px; }
        #page-recipe-detail .l-main__inner .contents .sec-howto ul li {
          margin-bottom: 20px; } }

#page-release .c-text-box-img-under img {
  height: auto; }

#page-release .release-cat {
  margin: 0 0 46px; }
  #page-release .release-cat--cate {
    margin: 0 0 60px; }
  #page-release .release-cat h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 28px; }
  #page-release .release-cat ul {
    overflow: hidden; }
    #page-release .release-cat ul li {
      float: left;
      margin: 0 16px 16px 0; }
      #page-release .release-cat ul li a {
        color: #000;
        display: inline-block;
        border: 1px solid #000;
        border-radius: 2px;
        text-align: center;
        line-height: 30px;
        padding: 0 20px; }
        #page-release .release-cat ul li a.active {
          color: #FFF;
          background: #009143;
          border: 1px solid #009143; }

#page-release .release-list {
  padding: 60px 0 0; }
  #page-release .release-list .article-list li {
    margin: 0 0 40px; }
    #page-release .release-list .article-list li .category {
      font-size: 12px;
      display: inline-block;
      padding: 0 12px;
      line-height: 20px;
      border: 1px solid #ccc;
      border-radius: 2px;
      color: #000;
      min-width: 60px;
      text-align: center;
      vertical-align: middle;
      margin: 0 0 10px; }
    #page-release .release-list .article-list li .date {
      color: #999;
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 10px 16px; }
    #page-release .release-list .article-list li a {
      color: #000; }
      #page-release .release-list .article-list li a:hover {
        color: #009a4e; }

@media screen and (max-width: 840px) {
  #page-release .ratio {
    display: block; }
    #page-release .ratio .oac-box {
      margin: 0 0 20px; }
      #page-release .ratio .oac-box dt {
        background: #009143;
        padding: 14px;
        position: relative;
        cursor: pointer;
        color: #FFF;
        font-weight: bold;
        text-align: center; }
        #page-release .ratio .oac-box dt:after {
          position: absolute;
          display: block;
          top: 50%;
          right: 20px;
          content: "";
          width: 0;
          height: 0;
          border: 8px solid transparent;
          border-top: 12px solid #FFF;
          margin: -6px 0 0; }
        #page-release .ratio .oac-box dt.open {
          background: #009143;
          color: #FFF; }
          #page-release .ratio .oac-box dt.open:after {
            border: 8px solid transparent;
            border-bottom: 12px solid #FFF;
            margin: -12px 0 0; }
      #page-release .ratio .oac-box dd {
        display: block; }
  #page-release .release-year {
    margin: 30px 0 0; }
    #page-release .release-year ul {
      overflow: hidden; }
      #page-release .release-year ul li {
        float: left;
        margin: 0 6% 20px 0;
        width: 47%; }
        #page-release .release-year ul li:nth-child(2n) {
          margin: 0 0 20px; }
        #page-release .release-year ul li a {
          color: #009143;
          display: block;
          border: 2px solid #009143;
          border-radius: 2px;
          width: 100%;
          text-align: center;
          letter-spacing: 2px;
          line-height: 42px; }
          #page-release .release-year ul li a.active {
            color: #FFF;
            background: #009143; }
  #page-release .release-cat--cate {
    margin: 0 0 60px; }
  #page-release .release-cat h3 {
    font-size: 18px;
    text-align: center; }
  #page-release .release-cat ul {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #page-release .release-cat ul li {
      float: none;
      margin: 0 10px 15px 0; }
      #page-release .release-cat ul li a {
        color: #b2b2b2;
        display: inline-block;
        border: 1px solid #b2b2b2;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
        line-height: 24px;
        min-width: 70px;
        padding: 0 12px; }
        #page-release .release-cat ul li a.active {
          color: #FFF;
          background: #009143;
          border: 1px solid #009143; }
  #page-release .release-list {
    border: 1px solid #009143;
    border-radius: 4px;
    padding: 30px;
    margin: 40px 0 10px;
    position: relative; }
    #page-release .release-list:before {
      content: "";
      border: 8px solid transparent;
      border-top: 12px solid transparent;
      border-bottom: 12px solid #009143;
      position: absolute;
      left: 50%;
      top: -24px;
      margin: 0 0 0 -8px; }
    #page-release .release-list:after {
      content: "";
      border: 8px solid transparent;
      border-top: 12px solid transparent;
      border-bottom: 12px solid #FFF;
      position: absolute;
      left: 50%;
      top: -23px;
      margin: 0 0 0 -8px; }
    #page-release .release-list .release-cat {
      margin-bottom: 20px; }
    #page-release .release-list .article-list li {
      margin: 0 0 30px; }
      #page-release .release-list .article-list li .category {
        color: #b2b2b2;
        min-width: 60px; }
      #page-release .release-list .article-list li a {
        text-decoration: underline; }
      #page-release .release-list .article-list li:last-child {
        margin-bottom: 0; }
  #page-release .c-main-read h2 {
    line-height: 27px; } }
    
#page-release .content-wysiwyg_normalize {
  /* Begin bidirectionality settings (do not change) */ }
  #page-release .content-wysiwyg_normalize address,
  #page-release .content-wysiwyg_normalize blockquote,
  #page-release .content-wysiwyg_normalize body, #page-release .content-wysiwyg_normalize dd, #page-release .content-wysiwyg_normalize div,
  #page-release .content-wysiwyg_normalize dl, #page-release .content-wysiwyg_normalize dt, #page-release .content-wysiwyg_normalize fieldset, #page-release .content-wysiwyg_normalize form,
  #page-release .content-wysiwyg_normalize frame, #page-release .content-wysiwyg_normalize frameset,
  #page-release .content-wysiwyg_normalize h1, #page-release .content-wysiwyg_normalize h2, #page-release .content-wysiwyg_normalize h3, #page-release .content-wysiwyg_normalize h4,
  #page-release .content-wysiwyg_normalize h5, #page-release .content-wysiwyg_normalize h6, #page-release .content-wysiwyg_normalize noframes,
  #page-release .content-wysiwyg_normalize ol, #page-release .content-wysiwyg_normalize p, #page-release .content-wysiwyg_normalize ul, #page-release .content-wysiwyg_normalize center,
  #page-release .content-wysiwyg_normalize dir, #page-release .content-wysiwyg_normalize hr, #page-release .content-wysiwyg_normalize menu, #page-release .content-wysiwyg_normalize pre {
    display: block;
    unicode-bidi: embed; }
  #page-release .content-wysiwyg_normalize li {
    display: list-item; }
  #page-release .content-wysiwyg_normalize head {
    display: none; }
  #page-release .content-wysiwyg_normalize table {
    display: table; }
  #page-release .content-wysiwyg_normalize tr {
    display: table-row; }
  #page-release .content-wysiwyg_normalize thead {
    display: table-header-group; }
  #page-release .content-wysiwyg_normalize tbody {
    display: table-row-group; }
  #page-release .content-wysiwyg_normalize tfoot {
    display: table-footer-group; }
  #page-release .content-wysiwyg_normalize col {
    display: table-column; }
  #page-release .content-wysiwyg_normalize colgroup {
    display: table-column-group; }
  #page-release .content-wysiwyg_normalize td, #page-release .content-wysiwyg_normalize th {
    display: table-cell; }
  #page-release .content-wysiwyg_normalize caption {
    display: table-caption; }
  #page-release .content-wysiwyg_normalize th {
    font-weight: bolder;
    text-align: center; }
  #page-release .content-wysiwyg_normalize caption {
    text-align: center; }
  #page-release .content-wysiwyg_normalize body {
    margin: 8px; }
  #page-release .content-wysiwyg_normalize h1 {
    font-size: 2em;
    margin: .67em 0; }
  #page-release .content-wysiwyg_normalize h2 {
    font-size: 1.5em;
    margin: .75em 0; }
  #page-release .content-wysiwyg_normalize h3 {
    font-size: 1.17em;
    margin: .83em 0; }
  #page-release .content-wysiwyg_normalize h4, #page-release .content-wysiwyg_normalize p,
  #page-release .content-wysiwyg_normalize blockquote, #page-release .content-wysiwyg_normalize ul,
  #page-release .content-wysiwyg_normalize fieldset, #page-release .content-wysiwyg_normalize form,
  #page-release .content-wysiwyg_normalize ol, #page-release .content-wysiwyg_normalize dl, #page-release .content-wysiwyg_normalize dir,
  #page-release .content-wysiwyg_normalize menu {
    margin: 1.12em 0; }
  #page-release .content-wysiwyg_normalize h5 {
    font-size: .83em;
    margin: 1.5em 0; }
  #page-release .content-wysiwyg_normalize h6 {
    font-size: .75em;
    margin: 1.67em 0; }
  #page-release .content-wysiwyg_normalize h1, #page-release .content-wysiwyg_normalize h2, #page-release .content-wysiwyg_normalize h3, #page-release .content-wysiwyg_normalize h4,
  #page-release .content-wysiwyg_normalize h5, #page-release .content-wysiwyg_normalize h6, #page-release .content-wysiwyg_normalize b,
  #page-release .content-wysiwyg_normalize strong {
    font-weight: bolder; }
  #page-release .content-wysiwyg_normalize blockquote {
    margin-left: 40px;
    margin-right: 40px; }
  #page-release .content-wysiwyg_normalize i, #page-release .content-wysiwyg_normalize cite, #page-release .content-wysiwyg_normalize em,
  #page-release .content-wysiwyg_normalize var, #page-release .content-wysiwyg_normalize address {
    font-style: italic; }
  #page-release .content-wysiwyg_normalize pre, #page-release .content-wysiwyg_normalize tt, #page-release .content-wysiwyg_normalize code,
  #page-release .content-wysiwyg_normalize kbd, #page-release .content-wysiwyg_normalize samp {
    font-family: monospace; }
  #page-release .content-wysiwyg_normalize pre {
    white-space: pre; }
  #page-release .content-wysiwyg_normalize button, #page-release .content-wysiwyg_normalize textarea,
  #page-release .content-wysiwyg_normalize input, #page-release .content-wysiwyg_normalize select {
    display: inline-block; }
  #page-release .content-wysiwyg_normalize big {
    font-size: 1.17em; }
  #page-release .content-wysiwyg_normalize small, #page-release .content-wysiwyg_normalize sub, #page-release .content-wysiwyg_normalize sup {
    font-size: .83em; }
  #page-release .content-wysiwyg_normalize sub {
    vertical-align: sub; }
  #page-release .content-wysiwyg_normalize sup {
    vertical-align: super; }
  #page-release .content-wysiwyg_normalize table {
    border-spacing: 2px; }
  #page-release .content-wysiwyg_normalize thead, #page-release .content-wysiwyg_normalize tbody,
  #page-release .content-wysiwyg_normalize tfoot {
    vertical-align: middle; }
  #page-release .content-wysiwyg_normalize td, #page-release .content-wysiwyg_normalize th, #page-release .content-wysiwyg_normalize tr {
    vertical-align: inherit; }
  #page-release .content-wysiwyg_normalize s, #page-release .content-wysiwyg_normalize strike, #page-release .content-wysiwyg_normalize del {
    text-decoration: line-through; }
  #page-release .content-wysiwyg_normalize hr {
    border: 1px inset; }
  #page-release .content-wysiwyg_normalize ol, #page-release .content-wysiwyg_normalize ul, #page-release .content-wysiwyg_normalize dir,
  #page-release .content-wysiwyg_normalize menu, #page-release .content-wysiwyg_normalize dd {
    margin-left: 40px; }
  #page-release .content-wysiwyg_normalize ol {
    list-style-type: decimal; }
  #page-release .content-wysiwyg_normalize ol ul, #page-release .content-wysiwyg_normalize ul ol,
  #page-release .content-wysiwyg_normalize ul ul, #page-release .content-wysiwyg_normalize ol ol {
    margin-top: 0;
    margin-bottom: 0; }
  #page-release .content-wysiwyg_normalize u, #page-release .content-wysiwyg_normalize ins {
    text-decoration: underline; }
  #page-release .content-wysiwyg_normalize br:before {
    content: "\A";
    white-space: pre-line; }
  #page-release .content-wysiwyg_normalize center {
    text-align: center; }
  #page-release .content-wysiwyg_normalize :link, #page-release .content-wysiwyg_normalize :visited {
    text-decoration: underline; }
  #page-release .content-wysiwyg_normalize :focus {
    outline: thin dotted invert; }
  #page-release .content-wysiwyg_normalize BDO[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  #page-release .content-wysiwyg_normalize BDO[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  #page-release .content-wysiwyg_normalize *[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: embed; }
  #page-release .content-wysiwyg_normalize *[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: embed; }
  @media print {
    #page-release .content-wysiwyg_normalize h1 {
      page-break-before: avoid; }
    #page-release .content-wysiwyg_normalize h1, #page-release .content-wysiwyg_normalize h2, #page-release .content-wysiwyg_normalize h3,
    #page-release .content-wysiwyg_normalize h4, #page-release .content-wysiwyg_normalize h5, #page-release .content-wysiwyg_normalize h6 {
      page-break-after: avoid; }
    #page-release .content-wysiwyg_normalize ul, #page-release .content-wysiwyg_normalize ol, #page-release .content-wysiwyg_normalize dl {
      page-break-before: avoid; } }

#page-release .c-text-box-img-under a {
  color: #009a4e !important; }

#page-release .content-wysiwyg_normalize table {
  border: 1px solid #009a4e;
  margin-top: 10px; }
  #page-release .content-wysiwyg_normalize table td {
    padding: 10px;
    border: 1px solid #009a4e; }

#page-release .content-wysiwyg_normalize table:not([border="1"]) {
  border: none; }
  #page-release .content-wysiwyg_normalize table:not([border="1"]) td {
    border: none; }

.c-main-read .article-title {
  width: 100%;
  margin-bottom: 60px;
  padding: 30px;
  border-radius: 2px;
  background-color: #fffad9; }
  .c-main-read .article-title .c-text {
    margin-top: 40px;
    display: block;
    clear: both; }
  .c-main-read .article-title__L {
    float: left; }
  .c-main-read .article-title__R {
    float: right; }
    .c-main-read .article-title__R .print-text-link {
      color: #009143;
      position: relative; }
      .c-main-read .article-title__R .print-text-link:before {
        display: block;
        content: "";
        background: url(../img/object/icon_pront_green.png) no-repeat;
        width: 21px;
        height: 18px;
        position: absolute;
        top: -1px;
        left: -26px; }

.c-main-read .category {
  font-size: 12px;
  display: inline-block;
  padding: 0 12px;
  line-height: 20px;
  border-radius: 2px;
  color: #000;
  background-color: #fff;
  min-width: 60px;
  text-align: center;
  vertical-align: middle; }

.c-main-read .date {
  color: #000;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 16px; }

.c-main-read .c-text {
  display: block;
  margin-top: 25px;
  line-height: 1.6;
  font-weight: bold;
  font-size: 27px; }

@media screen and (max-width: 840px) {
  .c-main-read .c-text {
    font-size: 14px; } }

@media screen and (max-width: 840px) {
  #page-release .article-title__L {
    float: none; }
  #page-release .article-title__R {
    float: none;
    margin-left: 30px;
    margin-top: 10px; }
  #page-release .c-text {
    font-size: 14px;
    margin-top: 10px; }
  #page-release .content-wysiwyg_normalize img {
    max-width: 100%;
    width: inherit; }
  #page-release .content-wysiwyg_normalize table {
    width: 100%; } }

#page-contact section {
  margin-bottom: 75px; }
  #page-contact section .c-sub-title-type1 {
    margin-bottom: 40px; }
  #page-contact section .c-text-box-mb75 {
    margin-bottom: 20px; }
    
    #page-contact .c-text-box-tac.c-text-box-mb75 {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 40px;
    }
    
    #page-contact section.faq {
      margin-bottom: 20px;
    }
    
    @media screen and (max-width: 840px) {
      #page-contact .c-text-box-tac.c-text-box-mb75 {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 30px;
      }
    }
    
    #page-contact .c-link-btns--faq li {
      width:100%;
      margin: 0;
    }
    
    #page-contact .c-link-btns--faq li a {
      font-size: 18px;
      letter-spacing: 3px;
    }
    @media screen and (max-width: 840px) {
      #page-contact .c-link-btns--faq li a {
        font-size: 15px;
        letter-spacing: inherit;
      }
    }
    
    #page-contact .c-link-btns--faq .c-link-btn-green {
      width:100%;
    }

#page-contact .faq .contact-index-faq-list {
  border: 1px solid #009a4e;
  border-radius: 2px;
  padding: 30px;
  margin-bottom: 30px; }
  #page-contact .faq .contact-index-faq-list h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px; }
  #page-contact .faq .contact-index-faq-list ul li {
    margin: 0 0 10px; }
    #page-contact .faq .contact-index-faq-list ul li:last-child {
      margin: 0; }

#page-contact .contact-index-faq-list a {
  color: #009a4e; }

#page-contact .voice .contact-index-voice {
  border: 1px solid #009a4e;
  border-radius: 2px;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden; }
  #page-contact .voice .contact-index-voice h3 {
    color: #009a4e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px; }
  #page-contact .voice .contact-index-voice .text-block {
    float: left;
    width: 448px;
    padding: 0 30px 0 0; }
  #page-contact .voice .contact-index-voice .img-block {
    float: left;
    width: 330px; }

#page-contact .other .c-link-btns ul {
  font-size: 0; }
  #page-contact .other .c-link-btns ul li {
    width: 250px;
    vertical-align: top;
    margin: 0 45px 0 0; }
    #page-contact .other .c-link-btns ul li:last-child {
      margin: 0; }
    #page-contact .other .c-link-btns ul li a {
      font-size: 15px;
      margin-bottom: 20px; }
    #page-contact .other .c-link-btns ul li span {
      font-size: 15px;
      display: block;
      text-align: left;
      line-height: 1.8; }

#page-contact .symbol .c-link-btns ul {
  text-align: left; }
  #page-contact .symbol .c-link-btns ul li {
    width: 250px;
    vertical-align: top;
    margin: 0; }
    #page-contact .symbol .c-link-btns ul li a {
      margin-bottom: 20px; }
    #page-contact .symbol .c-link-btns ul li span {
      font-size: 15px;
      display: block;
      text-align: left;
      line-height: 1.8; }

#page-contact .c-text-box-bgc__content {
  margin-bottom: 0; }
  #page-contact .c-text-box-bgc__content__text2 {
    margin-bottom: 20px; }
    #page-contact .c-text-box-bgc__content__text2 span {
      font-size: 12px;
      display: block; }
  #page-contact .c-text-box-bgc__content__text3 {
    font-size: 12px;
    padding: 0 20px 0 0;
    line-height: 1.8;
    margin-bottom: 0; }
    #page-contact .c-text-box-bgc__content__text3 span {
      color: #009143; 
      font-size: 14px;
      font-weight: bold;
    }
  #page-contact .c-text-box-bgc__content .c-link-btns {
    margin-top: 20px;
    width: auto; }
    #page-contact .c-text-box-bgc__content .c-link-btns ul {
      text-align: left; }
      #page-contact .c-text-box-bgc__content .c-link-btns ul li {
        margin: 0; }
        #page-contact .c-text-box-bgc__content .c-link-btns ul li a {
          border-radius: 25px; }

@media screen and (max-width: 840px) {
  #page-contact section {
    margin-bottom: 40px; }
    #page-contact section .c-sub-title-type1 {
      margin-bottom: 20px; }
    #page-contact section .c-text-box-mb75 {
      margin-bottom: 20px; }
  #page-contact .faq .contact-index-faq-list {
    border: 1px solid #009a4e;
    border-radius: 2px;
    padding: 30px;
    margin-bottom: 30px; }
    #page-contact .faq .contact-index-faq-list h3 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px; }
    #page-contact .faq .contact-index-faq-list ul li {
      margin: 0 0 10px; }
      #page-contact .faq .contact-index-faq-list ul li:last-child {
        margin: 0; }
  #page-contact .voice .contact-index-voice {
    border: 1px solid #009a4e;
    border-radius: 2px;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden; }
    #page-contact .voice .contact-index-voice h3 {
      color: #009a4e;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px; }
    #page-contact .voice .contact-index-voice .text-block {
      float: none;
      width: 100%;
      padding: 0;
      margin-bottom: 20px; }
    #page-contact .voice .contact-index-voice .img-block {
      float: none;
      width: 100%; }
      #page-contact .voice .contact-index-voice .img-block img {
        display: block;
        margin: 0 auto;
        max-width: 165px; }
  #page-contact .other .c-link-btns ul {
    font-size: 0; }
    #page-contact .other .c-link-btns ul li {
      width: 100%;
      vertical-align: top;
      margin: 0 0 30px; }
      #page-contact .other .c-link-btns ul li:last-child {
        margin: 0 0 30px; }
      #page-contact .other .c-link-btns ul li a {
        font-size: 15px;
        margin-bottom: 20px; }
      #page-contact .other .c-link-btns ul li span {
        font-size: 15px;
        display: block;
        text-align: left;
        line-height: 1.8; }
  #page-contact .symbol .c-link-btns ul {
    text-align: left; }
    #page-contact .symbol .c-link-btns ul li {
      width: 100%;
      vertical-align: top;
      margin: 0; }
      #page-contact .symbol .c-link-btns ul li a {
        margin-bottom: 20px; }
      #page-contact .symbol .c-link-btns ul li span {
        font-size: 15px;
        display: block;
        text-align: left;
        line-height: 1.8; }
  #page-contact .c-text-box-bgc__content {
    margin-bottom: 0; }
    #page-contact .c-text-box-bgc__content div:first-child {
      margin-bottom: 30px; }
    #page-contact .c-text-box-bgc__content__text2 {
      margin-bottom: 20px; }
      #page-contact .c-text-box-bgc__content__text2 span {
        font-size: 12px;
        display: block; }
    #page-contact .c-text-box-bgc__content__text3 {
      font-size: 12px;
      padding: 0 20px 0 0;
      line-height: 1.8;
      margin-bottom: 30px; }
      #page-contact .c-text-box-bgc__content__text3 span {
        color: #009a4e; }
    #page-contact .c-text-box-bgc__content .c-link-btns {
      margin-top: 20px;
      width: auto; }
      #page-contact .c-text-box-bgc__content .c-link-btns ul {
        text-align: left; }
        #page-contact .c-text-box-bgc__content .c-link-btns ul li {
          margin: 0; }
          #page-contact .c-text-box-bgc__content .c-link-btns ul li a {
            border-radius: 25px; } }

#page-contact-form .c-form-box {
  width: 840px;
  margin: 0 auto;
  position: relative;
  z-index: 11; }
  #page-contact-form .c-form-box .required-mark-text {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000; }
  #page-contact-form .c-form-box__form input[type="text"] {
    font-size: 14px;
    border: thin solid #000;
    border-radius: 3px;
    padding: 10px 16px;
    -webkit-appearance: none; }
    #page-contact-form .c-form-box__form input[type="number"] {
      font-size: 14px;
      border: thin solid #000;
      border-radius: 3px;
      padding: 10px 16px;
      -webkit-appearance: none; }
      #page-contact-form .c-form-box__form input[type="tel"] {
        font-size: 14px;
        border: thin solid #000;
        border-radius: 3px;
        padding: 10px 16px;
        -webkit-appearance: none; }
  #page-contact-form .c-form-box__form input[type="email"] {
    border: thin solid #000;
    border-radius: 3px;
    padding: 10px 16px;
    -webkit-appearance: none; }
  #page-contact-form .c-form-box__form .select-wrap {
    overflow: hidden;
    display: block;
    width: 150px;
    border: thin solid #000;
    border-radius: 3px;
    position: relative; }
  #page-contact-form .c-form-box__form .select-query {
    width: 200px;
  }
    #page-contact-form .c-form-box__form .select-wrap select {
      width: 120%;
      border: none;
      position: relative;
      z-index: 3;
      background: none;
      height: 34px; }
    #page-contact-form .c-form-box__form .select-wrap:after {
      position: absolute;
      display: block;
      top: 50%;
      right: 10px;
      content: "";
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top: 10px solid #009143;
      margin: -4px 0 0;
      z-index: 1; }
  #page-contact-form .c-form-box__form input[type=radio] {
    display: inline-block;
    margin-right: 6px;
    /* display: none; */
    opacity: 0;
    margin: 0; }
    #page-contact-form .c-form-box__form input[type=radio] + .radio {
      position: relative;
      display: inline-block;
      margin-right: 12px;
      line-height: 30px;
      cursor: pointer;
      padding: 0 0 0 30px; }
      #page-contact-form .c-form-box__form input[type=radio] + .radio:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #eee;
        border-radius: 100%; }
    #page-contact-form .c-form-box__form input[type=radio]:checked + .radio:after {
      content: "";
      position: absolute;
      top: 50%;
      box-sizing: border-box;
      display: block;
      left: 2px;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      background: #009143;
      border-radius: 100%; }
      
      
      
      
      
      
      
  /* #page-contact-form .c-form-box__form input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
    
    opacity: 0;
    margin: 0; }
    #page-contact-form .c-form-box__form input[type=checkbox] + .radio {
      position: relative;
      display: inline-block;
      margin-right: 12px;
      line-height: 30px;
      cursor: pointer;
      padding: 0 0 0 30px; }
      #page-contact-form .c-form-box__form input[type=checkbox] + .radio:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #eee;
        border-radius: 100%; }
    #page-contact-form .c-form-box__form input[type=checkbox]:checked + .radio:after {
      content: "";
      position: absolute;
      top: 50%;
      box-sizing: border-box;
      display: block;
      left: 2px;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      background: #009143;
      border-radius: 100%; } */
      

  #page-contact-form .c-form-box__form textarea {
    border: thin solid #000;
    border-radius: 3px;
    padding: 16px;
    width: 670px;
    min-height: 200px;
    -webkit-appearance: none; }
  #page-contact-form .c-form-box__form .form__input {
    overflow: hidden;
    margin: 0 0 40px; }
  #page-contact-form .c-form-box__form .form__input .file_upload {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 10px 16px 10px 35px;
    border: 1px solid #000;
    border-radius: 3px;
    color: #1097bf;
    background-color: #fff; }
  #page-contact-form .c-form-box__form .form__input .file_upload::after {
    content: "";
    display: block;
    background: url(../img/object/icon_clip.png) no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12.5px;
    margin: auto; }
  #page-contact-form .c-form-box__form .form__input .imagefiles {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer; }
  #page-contact-form .c-form-box__form .form__input .filename {
    display: inline-block;
    vertical-align: top;
    line-height: 3;
    margin-left: 10px; }
    #page-contact-form .c-form-box__form .form__input .errormsg {
      color: #ff0000;
      font-weight: bold; }
    #page-contact-form .c-form-box__form .symbol-example-box {
      display: flex;
      flex-wrap: wrap;
      font-size: 16px;
      margin-left: 150px; }
    #page-contact-form .c-form-box__form .symbol-example-box img {
      width: 100%;
      margin-bottom: 15px; }
      #page-contact-form .c-form-box__form .symbol-example {
        width: 45%;
        margin-right: 25px; }
        #page-contact-form .c-form-box__form .symbol-example dt {
          display: inline-block;
          margin-right: 15px;
          vertical-align: top;
          font-size: 14px; }
          #page-contact-form .c-form-box__form .symbol-example dd {
            width: 80%;
            display: inline-block;
            font-size: 14px; }
          #page-contact-form .c-form-box__form .symbol-example-3 {
            width: 100%;
            margin: 30px 0; }
    #page-contact-form .c-form-box__form .form__input dt {
      /* display: block; */
      width: 170px;
      float: left;
      font-weight: bold; }
      #page-contact-form .c-form-box__form .form__input dt span {
        font-size: 12px;
        display: block;
        font-weight: normal; }
      /* #page-contact-form .c-form-box__form .form__input dt .required-mark {
        display: inline-block;
        color: #ff0000;
        font-size: 16px;
        margin-left: 2px; } */
        #page-contact-form .c-form-box__form .form__input dt .required-mark {
          display: inline-block;
          background-color: #ff0000;
          width:30px;
          height:20px;
          text-align: center;
          line-height: 20px;
          color: #fff;
          font-size: 12px;
          margin-left: 6px; }
    #page-contact-form .c-form-box__form .form__input dd {
      display: block;
      width: 670px;
      float: left; }
      #page-contact-form .c-form-box__form .form__input dd span {
        font-size: 12px; }
    #page-contact-form .c-form-box__form .form__input--name input[type="text"] {
      margin: 0 16px 0 0;
      width: 150px; }
    #page-contact-form .c-form-box__form .form__input--city input[type="text"] {
      width: 670px; }
    #page-contact-form .c-form-box__form .form__input--mail input[type="text"] {
      width: 670px; }
    #page-contact-form .c-form-box__form .form__input dd span {
      color: #009143; }
    #page-contact-form .c-form-box__form .form__input--subject input[type="text"] {
      width: 670px;
      padding: 26px 16px; }
  #page-contact-form .c-form-box .required-text {
    color: red; }
  #page-contact-form .c-form-box .caution-box p a {
    color: #009a4e;
    text-decoration: underline; }
    #page-contact-form .c-form-box .caution-box p a:hover {
      text-decoration: none; }

#page-contact-form .required-text {
  color: red; }
  
  
  #page-contact-form #contact_form input[type="text"].errors{
    background: #fddfdf;
    border: thin solid red;
  }
  #page-contact-form #contact_form input[type="email"].errors{
    background: #fddfdf;
    border: thin solid red;
  }
  #page-contact-form #contact_form input[type="number"].errors{
    background: #fddfdf;
    border: thin solid red;
  }
  #page-contact-form #contact_form input[type="tel"].errors{
    background: #fddfdf;
    border: thin solid red;
  }
  #page-contact-form #contact_form select.errors{
    background: #fddfdf;
    border: thin solid red;
  }
  #page-contact-form #contact_form textarea.errors{
    background: #fddfdf;
    border: thin solid red;
  }
  
  #page-contact-form .c-form-box__form button {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    font-size: 14px;
  }
  
  #page-contact-form .contact_text_area {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 15px;
    color: #000;
    appearance: none;
    resize: vertical;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    overflow: auto;
  }

@media screen and (max-width: 840px) {
  #page-contact-form #contact_form select {
    font-size: 16px;
  }
  #page-contact-form .mt120 {
    margin-top: 60px; }
  #page-contact-form .c-form-box {
    width: 100%; }
    #page-contact-form .c-form-box__form input[type="text"] {
      width: 100%; }
    #page-contact-form .c-form-box__form .select-wrap {
      width: 100%; }
      #page-contact-form .c-form-box__form .select-wrap select {
        height: 34px;
        padding: 0 1em; }
    #page-contact-form .c-form-box__form textarea {
      width: 100%; }
    #page-contact-form .c-form-box__form .form__input dt {
      width: 100%;
      float: none;
      margin: 0 0 10px; }
      #page-contact-form .c-form-box__form .form__input dt span {
        display: inline-block; }
    #page-contact-form .c-form-box__form .form__input dd {
      width: 100%;
      float: none; }
    #page-contact-form .c-form-box__form .form__input--name input[type="text"] {
      margin: 0 4% 0 0;
      width: 67%; }
      #page-contact-form .c-form-box__form .form__input--name input[type="text"]:last-child {
        margin: 0; }
    #page-contact-form .c-form-box__form .form__input--city input[type="text"] {
      width: 100%; }
    #page-contact-form .c-form-box__form .form__input--mail input[type="text"] {
      width: 100%; }
    #page-contact-form .c-form-box__form .form__input--subject input[type="text"] {
      width: 100%; } }
      
    #page-contact-form .c-form-box__form .form__input--telnum input[type="text"]{
        width: 20%; } 

#page-contact-policy .c-sub-title-type2 {
  margin-bottom: 30px; }

#page-contact-policy .policy-list ul {
  padding: 30px;
  background: #fffad9;
  border-radius: 2px; }
  #page-contact-policy .policy-list ul li {
    line-height: 2;
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 1.5em; }
    #page-contact-policy .policy-list ul li:last-child {
      margin: 0; }
    #page-contact-policy .policy-list ul li:before {
      display: block;
      content: '';
      position: absolute;
      top: .8em;
      left: 0;
      width: 8px;
      height: 3px;
      border-left: 2px solid #ffde00;
      border-bottom: 2px solid #ffde00;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

@media screen and (max-width: 840px) {
  #page-contact-policy .c-sub-title-type2 {
    text-align: center; }
  #page-contact-policy .policy-list ul {
    padding: 26px 30px;
    background: #fffad9;
    border-radius: 2px; }
    #page-contact-policy .policy-list ul li {
      line-height: 2;
      margin: 0 0 10px;
      position: relative;
      padding: 0 0 0 1.5em; }
      #page-contact-policy .policy-list ul li:last-child {
        margin: 0; }
      #page-contact-policy .policy-list ul li:before {
        display: block;
        content: '';
        position: absolute;
        top: .8em;
        left: 0;
        width: 8px;
        height: 3px;
        border-left: 2px solid #ffde00;
        border-bottom: 2px solid #ffde00;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); } }

#page-contact-faq .c-text-box-mb75 {
  margin-bottom: 50px; }

#page-contact-faq .faq-list-index {
  overflow: hidden;
  margin-bottom: 60px; }
  #page-contact-faq .faq-list-index ul li {
    float: left;
    width: 218px;
    margin-bottom: 30px; }
    #page-contact-faq .faq-list-index ul li:nth-child(4n) {
      width: 170px; }
    #page-contact-faq .faq-list-index ul li a {
      color: #009a4e;
      position: relative;
      padding: 0 0 0 20px;
      text-decoration: underline; }
      #page-contact-faq .faq-list-index ul li a:before {
        content: ">";
        margin-right: 10px;
        font-weight: bold;
        position: absolute;
        top: -1px;
        left: 0; }
      #page-contact-faq .faq-list-index ul li a:hover {
        text-decoration: none; }

#page-contact-faq .c-sub-title-type1 {
  margin-bottom: 40px; }

#page-contact-faq .c-toggle-box dt span {
  position: relative;
  padding: 0 0 0 1.5em; }
  #page-contact-faq .c-toggle-box dt span:before {
    content: "Q.";
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

#page-contact-faq .c-toggle-box dd p {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 0 0 1.5em; }
  #page-contact-faq .c-toggle-box dd p:before {
    color: #009143;
    content: "A.";
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0; }
  #page-contact-faq .c-toggle-box dd p a {
    color: #009143;
    text-decoration: underline; }
    #page-contact-faq .c-toggle-box dd p a:hover {
      text-decoration: none; }

#page-contact-faq .c-text-box-bgc__content {
  margin-bottom: 0; }
  #page-contact-faq .c-text-box-bgc__content__text2 {
    margin-bottom: 20px; }
    #page-contact-faq .c-text-box-bgc__content__text2 span {
      font-size: 12px;
      display: block; }
  #page-contact-faq .c-text-box-bgc__content__text3 {
    font-size: 12px;
    padding: 0 20px 0 0;
    line-height: 1.8;
    margin-bottom: 0; }
    #page-contact-faq .c-text-box-bgc__content__text3 span {
      color: #009a4e; }
  #page-contact-faq .c-text-box-bgc__content .c-link-btns {
    margin-top: 20px;
    width: auto; }
    #page-contact-faq .c-text-box-bgc__content .c-link-btns ul {
      text-align: left; }
      #page-contact-faq .c-text-box-bgc__content .c-link-btns ul li {
        margin: 0; }

@media screen and (max-width: 840px) {
  #page-contact-form .c-form-box__form .form__calendar input[type="text"]{
    width: 26%; } 
  #page-contact-faq .c-text-box-mb75 {
    margin-bottom: 40px; }
  #page-contact-faq .faq-list-index {
    overflow: hidden;
    margin-bottom: 60px; }
    #page-contact-faq .faq-list-index ul li {
      float: left;
      width: 100%;
      margin-bottom: 30px; }
      #page-contact-faq .faq-list-index ul li:nth-child(4n) {
        width: 100%; }
      #page-contact-faq .faq-list-index ul li a {
        color: #009a4e;
        position: relative;
        padding: 0 0 0 20px;
        text-decoration: underline; }
        #page-contact-faq .faq-list-index ul li a:before {
          content: ">";
          margin-right: 10px;
          font-weight: bold;
          position: absolute;
          top: -1px;
          left: 0; }
        #page-contact-faq .faq-list-index ul li a:hover {
          text-decoration: none; }
  #page-contact-faq .c-sub-title-type1 {
    margin-bottom: 40px; }
  #page-contact-faq .c-toggle-box {
    padding-top: 60px;
    margin-top: -60px; }
    #page-contact-faq .c-toggle-box dt {
      height: auto;
      padding: 16px 36px 16px 16px; }
      #page-contact-faq .c-toggle-box dt:after {
        top: 50%;
        margin-top: -7px; }
  #page-contact-faq .c-text-box-bgc__content {
    margin-bottom: 0; }
    #page-contact-faq .c-text-box-bgc__content__text3 {
      margin-bottom: 20px; }
  #page-contact-faq .toggle-box span {
    font-size: 13px; } }

#page-contact-voice .c-text-box-mb75 {
  margin-bottom: 50px; }

#page-contact-voice .snack {
  text-align: center;
  font-size: 14px !important; }

#page-contact-voice .c-sub-title-type2 {
  margin-bottom: 20px; }

#page-contact-voice .c-toggle-box dt:before {
  content: "改善";
  display: block;
  background: #FFF;
  border-radius: 30px;
  color: #009a4e;
  padding: 4px 10px 3px;
  font-size: 14px;
  letter-spacing: 4px;
  margin: 0 10px 0 0; }

#page-contact-voice .c-toggle-box dt .day {
  position: relative;
  margin: 0 0 0 2em; }

#page-contact-voice .c-toggle-box dd {
  padding: 0; }
  #page-contact-voice .c-toggle-box dd .text-box {
    padding: 26px;
    display: inline-block;
    font-size: 0;
    border-right: 1px solid #009143;
    vertical-align: middle;
    width: 500px; }
    #page-contact-voice .c-toggle-box dd .text-box p {
      font-size: 15px;
      line-height: 2; }
  #page-contact-voice .c-toggle-box dd .img-box {
    display: inline-block;
    vertical-align: middle;
    width: 331px;
    font-size: 0; }
    #page-contact-voice .c-toggle-box dd .img-box img {
      margin: 0 auto;
      display: block; }
    #page-contact-voice .c-toggle-box dd .img-box .pc-on {
      display: block; }
    #page-contact-voice .c-toggle-box dd .img-box .sp-on {
      display: none; }

@media screen and (max-width: 840px) {
  #page-contact-voice .c-text-box-mb75 {
    margin-bottom: 50px; }
  #page-contact-voice .c-sub-title-type2 {
    margin-bottom: 20px; }
  #page-contact-voice .c-toggle-box dt {
    display: block;
    padding: 10px 36px 10px 16px;
    height: auto; }
    #page-contact-voice .c-toggle-box dt:before {
      display: block;
      border-radius: 20px;
      padding: 2px 4px;
      font-size: 10px;
      letter-spacing: 0;
      margin: 0;
      width: auto;
      text-align: center;
      float: left; }
    #page-contact-voice .c-toggle-box dt:after {
      top: 50%;
      margin-top: -7px; }
    #page-contact-voice .c-toggle-box dt .day {
      margin: 2px 0 10px 4em;
      font-size: 10px;
      display: block; }
      #page-contact-voice .c-toggle-box dt .day.pc-on {
        display: none; }
  #page-contact-voice .c-toggle-box dd .text-box {
    padding: 26px;
    display: block;
    width: 100%;
    border: none; }
    #page-contact-voice .c-toggle-box dd .text-box p {
      font-size: 13px; }
  #page-contact-voice .c-toggle-box dd .img-box {
    display: block;
    width: 100%;
    padding: 26px; }
    #page-contact-voice .c-toggle-box dd .img-box img {
      display: block;
      max-width: 100%; }
    #page-contact-voice .c-toggle-box dd .img-box .pc-on {
      display: none; }
    #page-contact-voice .c-toggle-box dd .img-box .sp-on {
      display: block; } }

#page-contact-package .c-text-box-img-under__img img {
  width: 308px;
  height: 400px; }

#page-contact-package .c-text-box-mb75 {
  margin-bottom: 50px;
  overflow: hidden; }
  #page-contact-package .c-text-box-mb75 p .strong {
    color: #009143; }
  #page-contact-package .c-text-box-mb75 .text-box {
    width: 600px;
    float: left;
    padding: 0 20px 0 0; }
  #page-contact-package .c-text-box-mb75 .img-box {
    width: 240px;
    float: left; }
    #page-contact-package .c-text-box-mb75 .img-box img {
      display: block;
      margin: 0 auto; }

#page-contact-package .c-sub-title-type1 {
  margin-bottom: 30px; }

#page-contact-package table {
  border: 1px solid #009143;
  margin: 40px 0 30px; }
  #page-contact-package table th {
    border: 1px solid #009143;
    padding: 30px;
    vertical-align: middle;
    line-height: 1.6; }
    #page-contact-package table th:nth-child(2) {
      width: 610px;
      border-left: 1px solid #FFF; }
  #page-contact-package table td {
    border: 1px solid #009143;
    padding: 30px;
    vertical-align: middle;
    line-height: 1.6; }
    #page-contact-package table td img {
      display: block;
      margin: 0 auto 30px; }
    #page-contact-package table td .title {
      text-align: center; }
    #page-contact-package table td .caution {
      font-size: 12px;
      display: block;
      margin: 20px 0 0; }

#page-contact-package .c-link-text {
  margin-bottom: 60px; }

@media screen and (max-width: 840px) {
  #page-contact-package .c-text-box-img-under__img .btm {
    margin-bottom: 10px; }
  #page-contact-package .c-text-box-mb75 .text-box {
    width: 100%;
    float: none;
    padding: 0; }
  #page-contact-package .c-text-box-mb75 .img-box {
    width: 100%;
    float: none; }
    #page-contact-package .c-text-box-mb75 .img-box img {
      max-width: 90px; }
  #page-contact-package .c-sub-title-type1 {
    margin-bottom: 20px; }
  #page-contact-package table {
    border: 1px solid #009143;
    margin: 40px 0 30px; }
    #page-contact-package table th {
      border: 1px solid #009143;
      padding: 10px;
      vertical-align: middle;
      line-height: 1.6;
      width: 100px; }
      #page-contact-package table th:nth-child(2) {
        width: auto;
        border-left: 1px solid #FFF; }
    #page-contact-package table td {
      border: 1px solid #009143;
      padding: 10px;
      vertical-align: middle;
      line-height: 1.6; }
      #page-contact-package table td img {
        display: block;
        margin: 0 auto 30px; }
      #page-contact-package table td .title {
        text-align: center; }
      #page-contact-package table td .caution {
        font-size: 12px;
        display: block;
        margin: 20px 0 0; }
  #page-contact-package .c-link-text {
    margin-bottom: 60px; } }

#page-csr-index .csr-report {
  margin-bottom: 75px; }
  #page-csr-index .csr-report .c-sub-title-type1 {
    margin-bottom: 40px; }
    #page-csr-index .csr-report .c-sub-title-type1 span {
      font-size: 15px;
      display: inline-block;
      margin: 0 0 0 16px; }
  #page-csr-index .csr-report .report-detail {
    overflow: hidden;
    margin: 0 0 50px; }
    #page-csr-index .csr-report .report-detail__image {
      float: left;
      width: 360px;
      margin: 0 60px 0 0; }
      #page-csr-index .csr-report .report-detail__image img {
        display: block;
        margin: 0 0 30px; }
      #page-csr-index .csr-report .report-detail__image .c-link-btns {
        margin: 0 0 30px; }
        #page-csr-index .csr-report .report-detail__image .c-link-btns ul li {
          margin: 0 0 20px;
          width: 100%; }
          #page-csr-index .csr-report .report-detail__image .c-link-btns ul li:last-child {
            margin: 0; }
          #page-csr-index .csr-report .report-detail__image .c-link-btns ul li .c-link-btn-white:after {
            background: url(../img/object/icon_01_black.png) no-repeat;
            width: 21px;
            height: 16px; }
          #page-csr-index .csr-report .report-detail__image .c-link-btns ul li .c-link-btn-white:hover:after {
            background: url(../img/object/icon_01_white.png) no-repeat; }
      #page-csr-index .csr-report .report-detail__image .c-link-text {
        margin-bottom: 0; }
    #page-csr-index .csr-report .report-detail__index {
      width: 420px;
      float: left; }
      #page-csr-index .csr-report .report-detail__index h3 {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 2px;
        margin: 0 0 20px; }
      #page-csr-index .csr-report .report-detail__index .detail-index__item {
        margin: 0 0 30px;
        overflow: hidden; }
        #page-csr-index .csr-report .report-detail__index .detail-index__item span {
          display: inline-block;
          font-weight: bold;
          margin: 0 10px 0 0;
          width: 60px; }
          #page-csr-index .csr-report .report-detail__index .detail-index__item span.feature {
            display: block; }
            #page-csr-index .csr-report .report-detail__index .detail-index__item span.feature + span {
              width: 36px;
              margin: 0; }
        #page-csr-index .csr-report .report-detail__index .detail-index__item .c-link-text-blank {
          margin-bottom: 0;
          display: inline-block;
          width: 340px; }
  #page-csr-index .csr-report .report-other {
    background: #fffaeb;
    padding: 30px;
    overflow: hidden;
    margin: 0 0 32px; }
    #page-csr-index .csr-report .report-other .text-block {
      width: 470px;
      display: inline-block;
      vertical-align: middle; }
    #page-csr-index .csr-report .report-other__title {
      font-size: 18px;
      margin: 0 0 20px;
      font-weight: bold; }
    #page-csr-index .csr-report .report-other .c-text-warn {
      color: #009a4e; }
    #page-csr-index .csr-report .report-other .button-block {
      display: inline-block;
      vertical-align: middle;
      width: 300px; }
      #page-csr-index .csr-report .report-other .button-block .c-link-btns ul li {
        width: 100%;
        margin-bottom: 0; }
  #page-csr-index .csr-report > .c-link-text {
    margin-bottom: 0; }
    #page-csr-index .csr-report > .c-link-text .c-link-text {
      margin: 0 20px 0 0; }
  #page-csr-index .csr-report__more {
    text-align: right; }
    #page-csr-index .csr-report__more--detail {
      text-align: center; }
      #page-csr-index .csr-report__more--detail a {
        font-weight: bold; }
    #page-csr-index .csr-report__more a {
      color: #009143;
      text-decoration: underline;
      margin: 0 30px 0 0; }
      #page-csr-index .csr-report__more a:last-child {
        margin: 0; }
      #page-csr-index .csr-report__more a:hover {
        text-decoration: none; }
      #page-csr-index .csr-report__more a:after {
        content: "";
        display: inline-block;
        background: url(../img/pages/index/ico_text_right.png);
        width: 21px;
        height: 9px;
        margin-left: 5px; }

#page-csr-index .csr-back .c-sub-title-type1 {
  margin-bottom: 40px; }

#page-csr-index .csr-back .csr-backnumber {
  overflow: hidden; }
  #page-csr-index .csr-back .csr-backnumber__item {
    float: left;
    width: 144px;
    margin: 0 30px 60px 0; }
    #page-csr-index .csr-back .csr-backnumber__item:nth-child(5n) {
      margin: 0 0 60px; }
    #page-csr-index .csr-back .csr-backnumber__item img {
      display: block;
      margin: 0 0 16px; }
    #page-csr-index .csr-back .csr-backnumber__item .year {
      font-size: 14px;
      display: block;
      margin: 0 0 4px; }
    #page-csr-index .csr-back .csr-backnumber__item h3 {
      font-size: 14px;
      min-height: 42px;
      margin: 0 0 16px; }
    #page-csr-index .csr-back .csr-backnumber__item a {
      color: #009143;
      font-size: 12px;
      text-decoration: underline; }
      #page-csr-index .csr-back .csr-backnumber__item a:hover {
        text-decoration: none; }
    #page-csr-index .csr-back .csr-backnumber__item .c-link-text-blank {
      margin-bottom: 10px; }
      #page-csr-index .csr-back .csr-backnumber__item .c-link-text-blank a:after {
        margin-left: 2px; }

#page-csr-index .csr-back .dot-line {
  background: url(../img/object/bg_line_x.png) repeat-x bottom left;
  padding: 0 0 80px; }

#page-csr-index .csr-back .env-link {
  margin: 90px 0 0; }
  #page-csr-index .csr-back .env-link img {
    display: inline-block;
    margin: 0 20px 0 0; }
  #page-csr-index .csr-back .env-link > a {
    display: inline-block;
    margin-bottom: 20px; }
  #page-csr-index .csr-back .env-link .c-link-text {
    display: block; }
    #page-csr-index .csr-back .env-link .c-link-text a {
      display: inline-block; }

@media screen and (max-width: 840px) {
  #page-csr-index .csr-report {
    margin-bottom: 75px; }
    #page-csr-index .csr-report .c-sub-title-type1 {
      margin-bottom: 30px; }
      #page-csr-index .csr-report .c-sub-title-type1 span {
        font-size: 15px;
        display: block;
        margin: 0; }
    #page-csr-index .csr-report .report-detail {
      margin: 0 0 50px; }
      #page-csr-index .csr-report .report-detail__image {
        float: none;
        width: 100%;
        margin: 0 0 50px; }
        #page-csr-index .csr-report .report-detail__image img {
          display: block;
          margin: 0 0 30px; }
        #page-csr-index .csr-report .report-detail__image .c-link-btns {
          margin: 0 0 30px; }
          #page-csr-index .csr-report .report-detail__image .c-link-btns ul li {
            margin: 0 0 20px;
            width: 100%; }
        #page-csr-index .csr-report .report-detail__image .c-link-text {
          text-align: center; }
      #page-csr-index .csr-report .report-detail__index {
        width: 100%;
        float: none; }
        #page-csr-index .csr-report .report-detail__index h3 {
          margin: 0 0 20px; }
        #page-csr-index .csr-report .report-detail__index .detail-index__item {
          margin: 0 0 20px; }
          #page-csr-index .csr-report .report-detail__index .detail-index__item span {
            width: 60px;
            font-size: 12px;
            vertical-align: -webkit-baseline-middle; }
            #page-csr-index .csr-report .report-detail__index .detail-index__item span.feature + span {
              width: 36px; }
          #page-csr-index .csr-report .report-detail__index .detail-index__item .c-link-text-blank {
            vertical-align: -webkit-baseline-middle;
            margin-bottom: 0;
            display: inline-block;
            width: 76%; }
            #page-csr-index .csr-report .report-detail__index .detail-index__item .c-link-text-blank a {
              font-size: 12px; }
              #page-csr-index .csr-report .report-detail__index .detail-index__item .c-link-text-blank a:after {
                margin-left: 2px; }
    #page-csr-index .csr-report .report-other {
      margin: 0 0 30px; }
      #page-csr-index .csr-report .report-other .text-block {
        width: 100%;
        margin: 0 0 10px; }
      #page-csr-index .csr-report .report-other__title {
        font-size: 16px;
        margin: 0 0 10px; }
      #page-csr-index .csr-report .report-other .c-text-warn {
        color: #009a4e; }
      #page-csr-index .csr-report .report-other .button-block {
        width: 100%; }
        #page-csr-index .csr-report .report-other .button-block .c-link-btns ul li {
          width: 100%; }
    #page-csr-index .csr-report > .c-link-text {
      text-align: right; }
      #page-csr-index .csr-report > .c-link-text .c-link-text {
        margin: 0 20px 0 0; }
      #page-csr-index .csr-report > .c-link-text a {
        font-size: 12px;
        margin: 0 !important; }
    #page-csr-index .csr-report__more {
      text-align: right; }
      #page-csr-index .csr-report__more--detail {
        text-align: center; }
        #page-csr-index .csr-report__more--detail a {
          font-weight: bold; }
      #page-csr-index .csr-report__more a {
        color: #009143;
        text-decoration: underline;
        margin: 0 30px 0 0; }
        #page-csr-index .csr-report__more a:last-child {
          margin: 0; }
        #page-csr-index .csr-report__more a:hover {
          text-decoration: none; }
        #page-csr-index .csr-report__more a:after {
          content: "";
          display: inline-block;
          background: url(../img/pages/index/ico_text_right.png);
          width: 21px;
          height: 9px;
          margin-left: 5px; }
  #page-csr-index .csr-back .c-sub-title-type1 {
    margin-bottom: 40px; }
  #page-csr-index .csr-back .csr-backnumber__item {
    float: left;
    width: 48%;
    margin: 0 4% 30px 0; }
    #page-csr-index .csr-back .csr-backnumber__item:nth-child(5n) {
      margin: 0 0 30px; }
    #page-csr-index .csr-back .csr-backnumber__item:nth-child(5) {
      margin: 0 4% 30px 0; }
    #page-csr-index .csr-back .csr-backnumber__item:nth-child(2n) {
      margin: 0 0 30px; }
    #page-csr-index .csr-back .csr-backnumber__item img {
      margin: 0 0 10px; }
    #page-csr-index .csr-back .csr-backnumber__item .year {
      font-size: 14px;
      display: block;
      margin: 0 0 4px; }
  #page-csr-index .csr-back .dot-line {
    background: url(../img/object/bg_line_x_sp.png) repeat-x bottom left;
    padding: 0 0 40px; }
  #page-csr-index .csr-back .env-link {
    margin: 40px 0 0; }
    #page-csr-index .csr-back .env-link img {
      max-width: 150px; }
    #page-csr-index .csr-back .env-link .c-link-text {
      display: inline-block; } }

#page-csr-enquete .c-enquete-box {
  width: 840px;
  margin: 0 auto; }
  #page-csr-enquete .c-enquete-box .enquete-box {
    margin: 0 0 75px; }
    #page-csr-enquete .c-enquete-box .enquete-box input[type="text"] {
      border: 2px solid #eee;
      border-radius: 3px;
      padding: 10px 16px; }
    #page-csr-enquete .c-enquete-box .enquete-box input[type=checkbox] {
      display: inline-block;
      margin-right: 6px;
      display: none;
      margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box input[type=checkbox] + .check {
        position: relative;
        display: inline-block;
        margin-right: 12px;
        line-height: 30px;
        cursor: pointer;
        padding: 0 0 0 30px; }
        #page-csr-enquete .c-enquete-box .enquete-box input[type=checkbox] + .check:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          box-sizing: border-box;
          display: block;
          width: 18px;
          height: 18px;
          margin-top: -9px;
          background: #eee;
          border-radius: 3px; }
      #page-csr-enquete .c-enquete-box .enquete-box input[type=checkbox]:checked + .check:after {
        content: "";
        position: absolute;
        top: 50%;
        box-sizing: border-box;
        display: block;
        left: 2px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: #009143;
        border-radius: 3px; }
    #page-csr-enquete .c-enquete-box .enquete-box input[type=radio] {
      display: inline-block;
      margin-right: 6px;
      display: none;
      margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box input[type=radio] + .radio {
        position: relative;
        display: inline-block;
        margin-right: 12px;
        line-height: 30px;
        cursor: pointer;
        padding: 0 0 0 30px; }
        #page-csr-enquete .c-enquete-box .enquete-box input[type=radio] + .radio:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          box-sizing: border-box;
          display: block;
          width: 18px;
          height: 18px;
          margin-top: -9px;
          background: #eee;
          border-radius: 100%; }
      #page-csr-enquete .c-enquete-box .enquete-box input[type=radio]:checked + .radio:after {
        content: "";
        position: absolute;
        top: 50%;
        box-sizing: border-box;
        display: block;
        left: 2px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: #009143;
        border-radius: 100%; }
    #page-csr-enquete .c-enquete-box .enquete-box textarea {
      border: 2px solid #eee;
      border-radius: 3px;
      padding: 16px;
      width: 840px;
      min-height: 140px; }
    #page-csr-enquete .c-enquete-box .enquete-box h3 {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 2px;
      margin: 0 0 30px;
      padding: 0 0 0 36px; }
      #page-csr-enquete .c-enquete-box .enquete-box h3 span {
        display: inline-block;
        margin: 0 10px 0 -36px; }
    #page-csr-enquete .c-enquete-box .enquete-box dl {
      border-bottom: 1px solid #d9d9d9;
      overflow: hidden;
      padding: 8px 0; }
      #page-csr-enquete .c-enquete-box .enquete-box dl.first {
        border-top: 1px solid #d9d9d9; }
      #page-csr-enquete .c-enquete-box .enquete-box dl dt {
        float: left;
        width: 120px;
        line-height: 30px;
        font-weight: bold; }
      #page-csr-enquete .c-enquete-box .enquete-box dl dd {
        float: left;
        width: 720px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q1 .report-list {
      width: 100%; }
    #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(2) {
      width: 120px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(4) {
      width: 240px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(6) {
      width: 150px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q2 ul {
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      padding: 10px 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li {
        display: inline-block;
        margin: 0 20px 10px 0; }
        #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li:nth-child(5) {
          margin: 0 0 10px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li .q4_etc {
          width: 670px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q3 dl {
      border: none;
      margin: 0 0 20px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dt {
        width: 260px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dd {
        width: 580px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dd input[type="text"] {
          width: 50px;
          margin: 0 16px 0 0; }
    #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list {
      border: 2px solid #009143;
      border-radius: 2px;
      padding: 30px 20px;
      margin: 0 0 40px 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list h4 {
        color: #009143;
        font-weight: bold;
        margin: 0 0 20px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        list-style-type: decimal;
        margin: 0 0 0 20px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li {
          width: 50%;
          margin: 0 0 6px;
          padding: 0 0 0 10px; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:first-of-type {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(2) {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(3) {
            -webkit-box-ordinal-group: 6;
            -webkit-order: 5;
            -ms-flex-order: 5;
            order: 5; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(4) {
            -webkit-box-ordinal-group: 8;
            -webkit-order: 7;
            -ms-flex-order: 7;
            order: 7; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(5) {
            -webkit-box-ordinal-group: 10;
            -webkit-order: 9;
            -ms-flex-order: 9;
            order: 9; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(6) {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(7) {
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
            -ms-flex-order: 4;
            order: 4; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(8) {
            -webkit-box-ordinal-group: 7;
            -webkit-order: 6;
            -ms-flex-order: 6;
            order: 6; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:nth-of-type(9) {
            -webkit-box-ordinal-group: 9;
            -webkit-order: 8;
            -ms-flex-order: 8;
            order: 8; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:last-of-type {
            -webkit-box-ordinal-group: 11;
            -webkit-order: 10;
            -ms-flex-order: 10;
            order: 10; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:last-child {
            margin: 0; }
    #page-csr-enquete .c-enquete-box .enquete-box--q4 {
      margin: 0 0 50px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q5 dl dt {
      width: 80px; }
    #page-csr-enquete .c-enquete-box .enquete-box--q6 h3 {
      padding: 0; }
    #page-csr-enquete .c-enquete-box .enquete-box--q6 ul {
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      padding: 20px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q6 ul li {
        display: inline-block; }
  #page-csr-enquete .c-enquete-box .csr-enquete__title {
    color: #009143;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 0 60px; }

@media screen and (max-width: 840px) {
  #page-csr-enquete .c-main-title-type1 h1 {
    border: none;
    padding: 0; }
    #page-csr-enquete .c-main-title-type1 h1 span {
      display: inline-block;
      border-bottom: 3px solid #000;
      padding: 0 0 10px;
      margin: 0 0 10px; }
  #page-csr-enquete .c-enquete-box {
    width: 100%; }
    #page-csr-enquete .c-enquete-box__form {
      font-size: 12px; }
    #page-csr-enquete .c-enquete-box .enquete-box {
      margin: 0 0 50px; }
      #page-csr-enquete .c-enquete-box .enquete-box input[type="text"] {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
        background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); }
      #page-csr-enquete .c-enquete-box .enquete-box input[type=radio] {
        display: inline-block;
        margin-right: 6px;
        display: none;
        margin: 0; }
        #page-csr-enquete .c-enquete-box .enquete-box input[type=radio] + .radio {
          line-height: 1.6;
          -webkit-text-size-adjust: 100%; }
      #page-csr-enquete .c-enquete-box .enquete-box textarea {
        width: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
        background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); }
      #page-csr-enquete .c-enquete-box .enquete-box h3 {
        font-size: 13.5px;
        font-weight: bold;
        letter-spacing: 2px;
        margin: 0 0 26px;
        padding: 0 0 0 2em; }
        #page-csr-enquete .c-enquete-box .enquete-box h3 span {
          display: inline-block;
          margin: 0 .5em 0 -2em; }
      #page-csr-enquete .c-enquete-box .enquete-box dl dt {
        width: 30%;
        letter-spacing: -1px; }
      #page-csr-enquete .c-enquete-box .enquete-box dl dd {
        width: 70%;
        padding: 10px 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label {
        margin: 0 0 10px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(2) {
          width: 100%; }
        #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(4) {
          width: 100%; }
        #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:nth-child(6) {
          width: 100%; }
        #page-csr-enquete .c-enquete-box .enquete-box--q1 dd label:last-child {
          margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q2 ul {
        padding: 30px 0; }
        #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li {
          margin: 0 10px 20px 0; }
          #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li input[type="text"] {
            width: 160px;
            margin: 0 0 0 20px; }
          #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li:last-child {
            margin: 0; }
          #page-csr-enquete .c-enquete-box .enquete-box--q2 ul li .q4_etc {
            width: auto; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 dl {
        border: none;
        margin: 0 0 10px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dt {
          width: 100%; }
        #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dd {
          width: 100%; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dd input[type="text"] {
            width: 30%;
            margin: 0 3% 0 0; }
            #page-csr-enquete .c-enquete-box .enquete-box--q3 dl dd input[type="text"]:last-child {
              margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list {
        margin: 0 0 20px;
        height: 200px;
        overflow: scroll; }
        #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol {
          display: block; }
          #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li {
            width: 100%;
            margin: 0 0 6px;
            padding: 0 0 0 10px; }
            #page-csr-enquete .c-enquete-box .enquete-box--q3 .report-list ol li:last-child {
              margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q4 {
        margin: 0 0 50px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q5 dl dt {
        width: 60px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q5 dl dd {
        padding: 4px 0; }
        #page-csr-enquete .c-enquete-box .enquete-box--q5 dl dd label {
          margin: 0 0 20px; }
      #page-csr-enquete .c-enquete-box .enquete-box--q5 dl.first dd label {
        margin: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q6 h3 {
        padding: 0; }
      #page-csr-enquete .c-enquete-box .enquete-box--q6 ul {
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        padding: 20px; }
        #page-csr-enquete .c-enquete-box .enquete-box--q6 ul li {
          display: inline-block;
          margin: 0 0 20px; }
          #page-csr-enquete .c-enquete-box .enquete-box--q6 ul li input[type="text"] {
            width: 150px; }
          #page-csr-enquete .c-enquete-box .enquete-box--q6 ul li:last-child {
            margin: 0; }
    #page-csr-enquete .c-enquete-box .csr-enquete__title {
      font-size: 13.5px; } }

#page-csr-environment .c-sub-title-type2 {
  margin-bottom: 20px; }

#page-csr-environment .declaration {
  width: 730px;
  border: 2px solid #009143;
  border-radius: 3px;
  padding: 70px 0;
  text-align: center;
  margin: 0 auto; }
  #page-csr-environment .declaration__title {
    color: #009143;
    font-size: 33px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 0 30px; }
  #page-csr-environment .declaration__text {
    line-height: 2.4;
    margin: 0 0 40px; }

@media screen and (max-width: 840px) {
  #page-csr-environment .c-main-title-type1 {
    margin-bottom: 37px; }
  #page-csr-environment .c-sub-title-type2 {
    margin-bottom: 60px;
    text-align: center; }
  #page-csr-environment .declaration {
    width: 100%;
    border-radius: 3px;
    padding: 30px 0;
    text-align: center;
    margin: 0 auto; }
    #page-csr-environment .declaration__title {
      font-size: 18px;
      letter-spacing: 2px;
      font-weight: bold;
      margin: 0 0 10px; }
    #page-csr-environment .declaration__text {
      line-height: 2.4;
      margin: 0 0 20px;
      font-size: 12px; }
    #page-csr-environment .declaration > img {
      width: 90%; } }

#page-csr-data .c-sub-title-type1 {
  margin-bottom: 20px; }

#page-csr-data .data-container__title {
  color: #5ab02e;
  font-size: 27px;
  letter-spacing: 2px;
  margin: 0 0 46px; }

#page-csr-data .data-container .data-list {
  overflow: hidden;
  margin: 0 0 30px; }
  #page-csr-data .data-container .data-list__item {
    float: left;
    width: 376px;
    margin: 0 88px 70px 0; }
    #page-csr-data .data-container .data-list__item:nth-child(2n) {
      margin: 0 0 70px; }
    #page-csr-data .data-container .data-list__item h4 {
      font-weight: bold;
      padding: 0 0 10px;
      margin: 0 0 40px;
      border-bottom: 1px solid #5ab02e; }
    #page-csr-data .data-container .data-list__item span {
      color: #1f1f1f;
      font-size: 12px;
      display: block;
      margin: -26px 0 30px; }
    #page-csr-data .data-container .data-list__item--text {
      width: 100%;
      margin: 0 0 70px;
      line-height: 2; }

#page-csr-data .data-container--waste__title {
  font-size: 30px;
  letter-spacing: 2px;
  margin: 0 0 70px; }

#page-csr-data .data-container--waste .waste-list {
  overflow: hidden; }
  #page-csr-data .data-container--waste .waste-list__item {
    float: left;
    text-align: center;
    margin: 0 60px 70px 0; }
    #page-csr-data .data-container--waste .waste-list__item h4 {
      font-weight: bold;
      letter-spacing: 2px;
      margin: 0 0 28px; }
    #page-csr-data .data-container--waste .waste-list__item:first-child {
      width: 100%;
      margin: 0 0 70px; }
      #page-csr-data .data-container--waste .waste-list__item:first-child h4 {
        font-size: 21px; }
    #page-csr-data .data-container--waste .waste-list__item:nth-child(4) {
      margin: 0 0 70px; }
    #page-csr-data .data-container--waste .waste-list__item:nth-child(7) {
      margin: 0 0 70px; }

@media screen and (max-width: 840px) {
  #page-csr-data .c-sub-title-type1 {
    margin-bottom: 0; }
  #page-csr-data .data-container {
    margin: 0 0 50px; }
    #page-csr-data .data-container__title {
      font-size: 21px;
      margin: 0 0 24px; }
    #page-csr-data .data-container .data-list {
      margin: 0; }
      #page-csr-data .data-container .data-list__item {
        float: none;
        width: 100%;
        margin: 0 0 40px 0; }
        #page-csr-data .data-container .data-list__item:last-child {
          margin: 0; }
        #page-csr-data .data-container .data-list__item--text {
          width: 100%;
          margin: -20px 0 40px; }
    #page-csr-data .data-container--waste__title {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 40px; }
    #page-csr-data .data-container--waste .waste-list {
      overflow: hidden; }
      #page-csr-data .data-container--waste .waste-list__item {
        float: left;
        text-align: center;
        margin: 0 8% 40px 0;
        width: 46%; }
        #page-csr-data .data-container--waste .waste-list__item h4 {
          font-weight: bold;
          letter-spacing: -1px;
          margin: 0 0 28px; }
        #page-csr-data .data-container--waste .waste-list__item:first-child {
          width: 100%;
          margin: 0 0 70px; }
          #page-csr-data .data-container--waste .waste-list__item:first-child h4 {
            font-size: 21px; }
          #page-csr-data .data-container--waste .waste-list__item:first-child img {
            max-width: 157px; }
        #page-csr-data .data-container--waste .waste-list__item:nth-child(4) {
          margin: 0 8% 40px 0; }
        #page-csr-data .data-container--waste .waste-list__item:nth-child(7) {
          margin: 0 0 40px 0; }
        #page-csr-data .data-container--waste .waste-list__item:nth-child(3) {
          margin: 0 0 40px 0; }
        #page-csr-data .data-container--waste .waste-list__item:nth-child(5) {
          margin: 0 0 40px 0; } }

#page-csr-gri .c-sub-title-type2 {
  margin-bottom: 20px; }

#page-csr-gri .guideline-list {
  margin: 0 0 90px; }
  #page-csr-gri .guideline-list__title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px; }
    #page-csr-gri .guideline-list__title span {
      display: inline-block;
      vertical-align: middle;
      letter-spacing: 2px; }
      #page-csr-gri .guideline-list__title span.sub {
        font-size: 15px;
        font-weight: normal;
        margin: 0 0 0 10px;
        letter-spacing: 1px; }
  #page-csr-gri .guideline-list table .th_bold {
    font-weight: bold; }
    #page-csr-gri .guideline-list table .th_bold.subtitle {
      padding: 30px 0 0; }
  #page-csr-gri .guideline-list table .subtitle {
    padding: 30px 0; }
  #page-csr-gri .guideline-list table td .mb20 {
    margin-bottom: 20px; }
  #page-csr-gri .guideline-list table td span {
    font-size: 12px;
    display: block;
    margin-bottom: 10px; }
    #page-csr-gri .guideline-list table td span:last-child {
      margin-bottom: 0; }
  #page-csr-gri .guideline-list .c-table-type4--toggle table td:first-child {
    width: 120px; }

@media screen and (max-width: 840px) {
  #page-csr-gri .c-sub-title-type2 {
    margin-bottom: 10px; }
  #page-csr-gri .guideline-list {
    margin: 0 0 60px; }
    #page-csr-gri .guideline-list .c-table-type4--toggle table td:first-child {
      width: 20%; }
    #page-csr-gri .guideline-list__title {
      font-size: 16px;
      margin: 0 0 20px; }
      #page-csr-gri .guideline-list__title span.sub {
        font-size: 12px; }
    #page-csr-gri .guideline-list table .th_bold {
      font-weight: bold; }
      #page-csr-gri .guideline-list table .th_bold.subtitle {
        padding: 15px 0 0; }
    #page-csr-gri .guideline-list table .subtitle {
      padding: 15px 0; } }

#page-csr-design .csr-design .left-block {
  float: left;
  width: 540px; }
  #page-csr-design .csr-design .left-block .frontCover-block {
    overflow: hidden;
    margin: 0 0 70px; }
    #page-csr-design .csr-design .left-block .frontCover-block .c-sub-title-type1 {
      margin-bottom: 20px; }
  #page-csr-design .csr-design .left-block .illustrator-block {
    overflow: hidden;
    margin: 0 0 40px; }
    #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail {
      overflow: hidden; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block {
        float: left;
        width: 300px; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .c-sub-title-type1 {
          margin-bottom: 20px; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .name {
          font-weight: bold;
          font-size: 18px;
          letter-spacing: 2px;
          display: block;
          margin: 0 0 20px; }
          #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .name .ruby {
            font-size: 12px;
            display: inline-block;
            margin: 0 0 0 16px; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .degree {
          font-weight: bold;
          line-height: 2;
          display: block;
          margin: 0 0 10px;
          font-size: 12px; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .img-block {
        float: left;
        width: 240px;
        padding: 86px 0 0; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .c-text-box-mb75 {
        clear: both;
        margin-bottom: 30px; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .c-link-text {
        margin-bottom: 0; }

#page-csr-design .csr-design .img-block {
  float: left;
  width: 300px;
  padding: 12px 0 0; }

#page-csr-design .csr-design .illustrator-container {
  margin: 0 0 50px;
  clear: both; }
  #page-csr-design .csr-design .illustrator-container h3 {
    color: #009143;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 26px; }
  #page-csr-design .csr-design .illustrator-container ul li {
    margin: 0;
    line-height: 2; }

#page-csr-design .csr-design .backCover-block .c-sub-title-type1 {
  margin-bottom: 30px; }

#page-csr-design .csr-design .backCover-block .mark-block {
  background: #fffad9;
  padding: 30px;
  margin: 0 0 30px;
  overflow: hidden; }
  #page-csr-design .csr-design .backCover-block .mark-block p {
    margin-bottom: 20px; }
  #page-csr-design .csr-design .backCover-block .mark-block dl {
    font-size: 0;
    margin: 0 0 30px; }
    #page-csr-design .csr-design .backCover-block .mark-block dl dt {
      display: inline-block;
      width: 104px;
      vertical-align: middle; }
    #page-csr-design .csr-design .backCover-block .mark-block dl dd {
      display: inline-block;
      width: 580px;
      vertical-align: middle;
      line-height: 2;
      font-size: 12px;
      padding: 0 10px 0 30px; }
  #page-csr-design .csr-design .backCover-block .mark-block .c-link-text {
    margin-bottom: 0; }

@media screen and (max-width: 840px) {
  #page-csr-design .csr-design .left-block {
    float: none;
    width: 100%; }
    #page-csr-design .csr-design .left-block .frontCover-block {
      margin: 0 0 30px; }
      #page-csr-design .csr-design .left-block .frontCover-block .c-sub-title-type1 {
        margin-bottom: 20px; }
    #page-csr-design .csr-design .left-block .illustrator-block {
      margin: 0 0 40px; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block {
        float: none;
        width: 100%; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .c-sub-title-type1 {
          margin-bottom: 20px; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .name {
          font-size: 16px;
          margin: 0 0 20px; }
          #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .name .ruby {
            font-size: 11px;
            margin: 0 0 0 10px; }
        #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .text-block .degree {
          font-weight: bold;
          line-height: 2;
          display: block;
          margin: 0 0 10px;
          font-size: 13px; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .img-block {
        float: left;
        width: 240px;
        padding: 86px 0 0; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .c-text-box-mb75 {
        clear: both;
        margin-bottom: 20px; }
      #page-csr-design .csr-design .left-block .illustrator-block .illustrator-detail .c-link-text {
        margin-bottom: 0; }
  #page-csr-design .csr-design .img-block {
    float: none;
    width: 100%;
    margin-bottom: 50px;
    padding: 0; }
  #page-csr-design .csr-design .illustrator-container h3 {
    font-size: 16px;
    margin: 0 0 10px; }
  #page-csr-design .csr-design .backCover-block .mark-block p {
    margin-bottom: 20px; }
  #page-csr-design .csr-design .backCover-block .mark-block dl dt {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
    #page-csr-design .csr-design .backCover-block .mark-block dl dt img {
      width: auto; }
  #page-csr-design .csr-design .backCover-block .mark-block dl dd {
    display: block;
    width: 100%; } }

#page-columns .l-main__inner .contents__inner .c-main-title-type1 {
  margin-bottom: 99px; }

#page-columns .l-main__inner .contents__inner .columns-content {
  margin: 99px 0;
  padding-bottom: 39px;
  background: url(/assets/img/object/bg_line_x.png);
  background-repeat: repeat-x;
  background-position: bottom; }
  #page-columns .l-main__inner .contents__inner .columns-content .columns-content-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #page-columns .l-main__inner .contents__inner .columns-content .columns-content-in__tit {
      font-size: 36px;
      font-weight: bold; }
    #page-columns .l-main__inner .contents__inner .columns-content .columns-content-in__img {
      text-align: center;
      margin-bottom: 60px; }
      #page-columns .l-main__inner .contents__inner .columns-content .columns-content-in__img img {
        width: 140px;
        height: 200px;
        margin-bottom: 15px; }

#page-columns .l-main__inner .contents__inner .columns-text-box {
  margin-bottom: 75px; }
  #page-columns .l-main__inner .contents__inner .columns-text-box__in {
    width: 480px; }
  #page-columns .l-main__inner .contents__inner .columns-text-box--R {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  #page-columns .l-main__inner .contents__inner .columns-text-box .c-sub-title-type2 {
    margin-bottom: 20px; }

#page-columns .l-main__inner .contents__inner .right-text {
  text-align: right; }

@media screen and (max-width: 840px) {
  #page-columns .l-main__inner .contents {
    padding-bottom: 0; }
    #page-columns .l-main__inner .contents__inner {
      max-width: 100%; }
    #page-columns .l-main__inner .contents .c-main-title-type1 {
      margin-bottom: 30px; }
    #page-columns .l-main__inner .contents .c-sub-title-type2 {
      margin-bottom: 30px; }
    #page-columns .l-main__inner .contents .columns-content {
      margin: 60px 0;
      padding-bottom: 30px; }
      #page-columns .l-main__inner .contents .columns-content .columns-content-in__tit {
        font-size: 24px;
        margin-bottom: 20px; }
      #page-columns .l-main__inner .contents .columns-content .columns-content-in {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #page-columns .l-main__inner .contents .columns-content .columns-content-in__img {
          width: 46%;
          margin-bottom: 30px; }
          #page-columns .l-main__inner .contents .columns-content .columns-content-in__img img {
            margin-bottom: 16px; }
    #page-columns .l-main__inner .contents .c-sub-title-type1 {
      margin-bottom: 30px; }
    #page-columns .l-main__inner .contents .columns-text-box {
      margin-bottom: 60px; }
      #page-columns .l-main__inner .contents .columns-text-box .columns-text-box__in {
        width: 100%; }
        #page-columns .l-main__inner .contents .columns-text-box .columns-text-box__in .c-sub-title-type2 {
          margin-bottom: 10px; } }

#page-book .l-main__inner .contents .c-main-title-type1 {
  margin-bottom: 99px; }

#page-book .l-main__inner .contents .book-top-content {
  width: 880px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 99px;
  margin-bottom: 99px;
  background: url(/assets/img/object/bg_line_x.png);
  background-repeat: repeat-x;
  background-position: bottom; }
  #page-book .l-main__inner .contents .book-top-content img {
    width: 100%; }
  #page-book .l-main__inner .contents .book-top-content__L {
    width: 478px; }
    #page-book .l-main__inner .contents .book-top-content__L__text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 420px;
      margin-left: 10px;
      margin-top: 30px;
      margin-bottom: 40px; }
      #page-book .l-main__inner .contents .book-top-content__L__text p {
        text-align: center;
        font-size: 18px;
        font-weight: bold; }
        #page-book .l-main__inner .contents .book-top-content__L__text p:first-child {
          margin-top: 20px; }
    #page-book .l-main__inner .contents .book-top-content__L .c-link-btns span {
      font-size: 12px;
      margin-bottom: 10px;
      display: inline-block; }
  #page-book .l-main__inner .contents .book-top-content__R {
    width: 356px;
    margin-top: 20px; }

#page-book .l-main__inner .contents__inner .book-sec1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px; }
  #page-book .l-main__inner .contents__inner .book-sec1__L {
    width: 340px;
    margin-top: 30px; }
    #page-book .l-main__inner .contents__inner .book-sec1__L ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #page-book .l-main__inner .contents__inner .book-sec1__L ul li {
        margin-bottom: 30px; }
        #page-book .l-main__inner .contents__inner .book-sec1__L ul li p {
          font-size: 12px;
          color: #009143;
          height: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 1.4;
          text-align: center; }
  #page-book .l-main__inner .contents__inner .book-sec1__R {
    width: 430px;
    padding: 30px;
    border: 1px solid  #009143;
    text-align: center; }
    #page-book .l-main__inner .contents__inner .book-sec1__R h3 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 20px; }
    #page-book .l-main__inner .contents__inner .book-sec1__R h4 {
      color: #009143;
      font-size: 15px;
      margin-bottom: 30px; }
    #page-book .l-main__inner .contents__inner .book-sec1__R img {
      margin-bottom: 30px; }
    #page-book .l-main__inner .contents__inner .book-sec1__R p {
      font-size: 12px;
      text-align: left;
      line-height: 1.7; }

#page-book .l-main__inner .contents__inner .book-sec2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  #page-book .l-main__inner .contents__inner .book-sec2 ul li {
    position: relative;
    margin-bottom: 90px;
    padding-left: 20px; }
    #page-book .l-main__inner .contents__inner .book-sec2 ul li img {
      display: block; }
    #page-book .l-main__inner .contents__inner .book-sec2 ul li span {
      position: absolute;
      top: 40px;
      left: 0;
      width: 210px;
      display: block; }
      #page-book .l-main__inner .contents__inner .book-sec2 ul li span .book-sec2-bold {
        display: block;
        font-size: 18px;
        color: #009143;
        font-weight: bold;
        margin-bottom: 10px; }
      #page-book .l-main__inner .contents__inner .book-sec2 ul li span p {
        font-size: 15px; }

#page-book .l-main__inner .contents__inner .book-bot-text {
  font-size: 12px;
  line-height: 1.8; }

@media screen and (max-width: 840px) {
  #page-book .l-main__inner .contents {
    padding-bottom: 40px; }
    #page-book .l-main__inner .contents .c-sub-title-type1--mbs {
      margin-bottom: 30px; }
    #page-book .l-main__inner .contents .book-top-content {
      display: block;
      width: calc(100% - 60px);
      padding-bottom: 60px;
      margin-bottom: 60px; }
      #page-book .l-main__inner .contents .book-top-content__L {
        width: 100%; }
        #page-book .l-main__inner .contents .book-top-content__L h2 {
          margin-bottom: 30px; }
        #page-book .l-main__inner .contents .book-top-content__L__text {
          width: 100%;
          margin-bottom: 30px; }
          #page-book .l-main__inner .contents .book-top-content__L__text p:first-child {
            width: 72%;
            font-size: 14px; }
          #page-book .l-main__inner .contents .book-top-content__L__text p:last-child {
            width: 26%; }
        #page-book .l-main__inner .contents .book-top-content__L .c-link-btns span {
          margin-bottom: 30px; }
      #page-book .l-main__inner .contents .book-top-content__sp-img {
        width: 80%;
        margin: 0 auto;
        display: block; }
      #page-book .l-main__inner .contents .book-top-content__R {
        display: none; }
    #page-book .l-main__inner .contents__inner {
      max-width: 100%; }
      #page-book .l-main__inner .contents__inner .book-sec1 {
        display: block;
        margin-bottom: 30px; }
        #page-book .l-main__inner .contents__inner .book-sec1__L {
          width: 100%; }
          #page-book .l-main__inner .contents__inner .book-sec1__L ul {
            margin-bottom: 10px; }
            #page-book .l-main__inner .contents__inner .book-sec1__L ul li {
              width: 45%; }
        #page-book .l-main__inner .contents__inner .book-sec1__R {
          width: 100%;
          padding: 30px; }
          #page-book .l-main__inner .contents__inner .book-sec1__R h3 {
            font-size: 15px;
            margin-bottom: 30px; }
          #page-book .l-main__inner .contents__inner .book-sec1__R h4 {
            font-size: 14px; }
          #page-book .l-main__inner .contents__inner .book-sec1__R img {
            width: 70%;
            margin: 0 auto 30px auto; }
      #page-book .l-main__inner .contents__inner .book-sec2 ul {
        padding-left: 20px;
        margin-bottom: 0; }
        #page-book .l-main__inner .contents__inner .book-sec2 ul li {
          margin-bottom: 50px; }
          #page-book .l-main__inner .contents__inner .book-sec2 ul li span {
            top: 10%; }
            #page-book .l-main__inner .contents__inner .book-sec2 ul li span .book-sec2-bold {
              margin-bottom: 7px; }
            #page-book .l-main__inner .contents__inner .book-sec2 ul li span a {
              font-size: 15px; }
            #page-book .l-main__inner .contents__inner .book-sec2 ul li span p {
              font-size: 14px; } }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

.c-text-box-bgc02 {
  padding: 24px;
  background: #fffad9;
  margin-bottom: 60px; }
  .c-text-box-bgc02__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 35px; }
    .c-text-box-bgc02__content div {
      width: 395px; }
      .c-text-box-bgc02__content div:first-child {
        background: none; }
      .c-text-box-bgc02__content div .c-text-box-bgc02__content__text1 {
        font-size: 18px;
        font-weight: bold;
        color: #009143;
        margin-bottom: 20px; }
      .c-text-box-bgc02__content div .c-text-box-bgc02__content__text2 {
        font-size: 30px;
        font-weight: bold; }
  .c-text-box-bgc02__text {
    margin-bottom: 10px; }
  .c-text-box-bgc02__bot-text {
    font-size: 12px; }
  @media screen and (max-width: 840px) {
    .c-text-box-bgc02 {
      margin-bottom: 30px; }
      .c-text-box-bgc02__content {
        display: block;
        margin-bottom: 20px; }
        .c-text-box-bgc02__content div {
          width: 100%; }
          .c-text-box-bgc02__content div:first-child {
            background: none; }
          .c-text-box-bgc02__content div .c-text-box-bgc02__content__text1 {
            font-size: 15px;
            margin-bottom: 10px; }
          .c-text-box-bgc02__content div .c-text-box-bgc02__content__text2 {
            font-size: 18px;
            margin-bottom: 10px; }
        .c-text-box-bgc02__content .c-text-box-bgc02__bot-text {
          font-size: 10px; } }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

#page-cooking .l-main__inner .contents__inner .cooking-dis-text {
  color: #009143;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 99px; }
  #page-cooking .l-main__inner .contents__inner .cooking-dis-text span {
    font-size: 24px; }

#page-cooking .l-main__inner .contents__inner .c-sub-title-type1 span {
  font-size: 18px; }

#page-cooking .l-main__inner .contents__inner .cooking-text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box--mbn {
    margin-bottom: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box .c-sub-title-type3 {
    color: #009143;
    margin: 0 0 30px 0; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box img {
    width: 240px;
    height: 240px; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box__L {
    width: 560px; }
    #page-cooking .l-main__inner .contents__inner .cooking-text-box__L ul {
      margin-top: 30px;
      font-weight: bold; }
      #page-cooking .l-main__inner .contents__inner .cooking-text-box__L ul li {
        margin-bottom: 6px; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box__R {
    width: 240px;
    margin-left: 40px; }

#page-cooking .l-main__inner .contents__inner .cooking-text-box__bot-text {
  text-align: right;
  font-size: 12px;
  margin-bottom: 99px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec1 {
  margin-bottom: 99px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dt {
    color: #009143;
    font-weight: bold;
    margin-bottom: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dd {
    margin-bottom: 30px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content {
  margin-top: 60px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px; }
    #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content__in .cooking-sec2__content__L {
      margin-right: 40px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content img {
    width: 240px;
    height: 240px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box {
  border: 1px solid #009143;
  border-radius: 2px;
  padding: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box h3 {
    color: #009143;
    font-weight: bold;
    margin-bottom: 10px; }

@media screen and (max-width: 840px) {
  #page-cooking .l-main__inner .contents {
    padding-bottom: 40px; }
    #page-cooking .l-main__inner .contents__inner {
      max-width: 100%; }
      #page-cooking .l-main__inner .contents__inner .cooking-dis-text {
        font-size: 13px;
        text-align: center !important;
        margin-bottom: 60px !important; }
        #page-cooking .l-main__inner .contents__inner .cooking-dis-text span {
          display: block;
          font-size: 15px; }
      #page-cooking .l-main__inner .contents__inner .c-sub-title-type1 {
        margin-bottom: 60px !important;
        font-size: 17px; }
        #page-cooking .l-main__inner .contents__inner .c-sub-title-type1 span {
          display: block;
          font-size: 15px; }
      #page-cooking .l-main__inner .contents__inner .c-sub-title-type3 {
        margin-bottom: 60px; }
      #page-cooking .l-main__inner .contents__inner .cooking-text-box {
        display: block;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        #page-cooking .l-main__inner .contents__inner .cooking-text-box__L {
          width: 100%;
          margin-bottom: 20px; }
          #page-cooking .l-main__inner .contents__inner .cooking-text-box__L .c-sub-title-type3 {
            margin-bottom: 60px; }
        #page-cooking .l-main__inner .contents__inner .cooking-text-box__R {
          width: 100%;
          margin-left: 0; }
      #page-cooking .l-main__inner .contents__inner .cooking-text-box__bot-text {
        font-size: 10px;
        text-align: left;
        margin-bottom: 60px; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec1 {
        margin-bottom: 60px; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dt {
          margin-bottom: 60px !important; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dd {
          margin-bottom: 120px !important; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content {
        margin-top: 30px;
        margin-bottom: 60px; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content .cooking-sec2__content__in {
          display: block;
          margin-bottom: 30px; }
          #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content .cooking-sec2__content__in .cooking-sec2__content__L {
            margin-right: 0;
            margin-bottom: 20px; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box {
        padding: 20px; } }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

.contents__inner .disciplines-list {
  margin-bottom: 10px; }
  .contents__inner .disciplines-list.last {
    margin-bottom: 75px; }

.contents__inner .c-sub-title-type2 h3:nth-child(2) {
  margin-top: 15px; }

#page-cooking .l-main__inner .contents__inner .cooking-dis-text {
  color: #009143;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 99px; }
  #page-cooking .l-main__inner .contents__inner .cooking-dis-text span {
    font-size: 24px; }

#page-cooking .l-main__inner .contents__inner .c-sub-title-type1 span {
  font-size: 18px; }

#page-cooking .l-main__inner .contents__inner .cooking-text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box--mbn {
    margin-bottom: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box .c-sub-title-type3 {
    color: #009143;
    margin: 0 0 30px 0; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box__L ul {
    margin-top: 30px;
    font-weight: bold; }
    #page-cooking .l-main__inner .contents__inner .cooking-text-box__L ul li {
      margin-bottom: 6px; }
  #page-cooking .l-main__inner .contents__inner .cooking-text-box__R {
    width: 240px;
    margin-left: 40px; }

#page-cooking .l-main__inner .contents__inner .cooking-text-box__bot-text {
  text-align: right;
  font-size: 12px;
  margin-bottom: 99px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec1 {
  margin-bottom: 99px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dt {
    color: #009143;
    font-weight: bold;
    margin-bottom: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dd {
    margin-bottom: 30px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content {
  margin-top: 60px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px; }
    #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content__in .cooking-sec2__content__L {
      margin-right: 40px; }

#page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box {
  border: 1px solid #009143;
  border-radius: 2px;
  padding: 30px; }
  #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box h3 {
    color: #009143;
    font-weight: bold;
    margin-bottom: 10px; }

@media screen and (max-width: 840px) {
  #page-cooking .l-main__inner .contents {
    padding-bottom: 40px; }
    #page-cooking .l-main__inner .contents__inner {
      max-width: 100%; }
      #page-cooking .l-main__inner .contents__inner .cooking-dis-text {
        font-size: 13px;
        text-align: left;
        margin-bottom: 50px; }
        #page-cooking .l-main__inner .contents__inner .cooking-dis-text span {
          display: block;
          font-size: 15px; }
      #page-cooking .l-main__inner .contents__inner .c-sub-title-type1 {
        margin-bottom: 30px;
        font-size: 17px; }
        #page-cooking .l-main__inner .contents__inner .c-sub-title-type1 span {
          display: block;
          font-size: 15px; }
      #page-cooking .l-main__inner .contents__inner .cooking-text-box {
        display: block;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        #page-cooking .l-main__inner .contents__inner .cooking-text-box__L {
          margin-bottom: 20px; }
          #page-cooking .l-main__inner .contents__inner .cooking-text-box__L .c-sub-title-type3 {
            margin-bottom: 20px; }
        #page-cooking .l-main__inner .contents__inner .cooking-text-box__R {
          width: 100%;
          margin-left: 0; }
      #page-cooking .l-main__inner .contents__inner .cooking-text-box__bot-text {
        font-size: 10px;
        text-align: left;
        margin-bottom: 60px; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec1 {
        margin-bottom: 60px; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dt {
          margin-bottom: 20px; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec1 dl dd {
          margin-bottom: 20px; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content {
        margin-top: 30px;
        margin-bottom: 60px; }
        #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content .cooking-sec2__content__in {
          display: block;
          margin-bottom: 30px; }
          #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-sec2__content .cooking-sec2__content__in .cooking-sec2__content__L {
            margin-right: 0;
            margin-bottom: 20px; }
      #page-cooking .l-main__inner .contents__inner .cooking-sec2 .cooking-box {
        padding: 20px; } }

#page-english .c-main-title-type1 {
  margin-bottom: 99px; }

#page-english .c-text-box-img-under.links {
  margin-top: -20px;
  margin-bottom: 30px; }
  #page-english .c-text-box-img-under.links p {
    margin-top: 30px; }

#page-english .c-toggle-boxes {
  margin-bottom: 75px; }

@media screen and (max-width: 840px) {
  #page-english .c-main-title-type1 {
    margin-bottom: 37px; }
  #page-english .c-text-box-img-under.links {
    margin-top: 0; }
    #page-english .c-text-box-img-under.links p {
      margin-top: 15px; }
  #page-english .c-toggle-boxes {
    margin-bottom: 40px; } }

#page-brand .brand {
  width: 840px;
  margin: 0 auto;
  padding: 39px 0 0; }
  #page-brand .brand ul {
    overflow: hidden; }
    #page-brand .brand ul li {
      float: left;
      margin: 0 45px 45px 0; }
      #page-brand .brand ul li:nth-child(3n) {
        margin: 0 0 45px; }

@media screen and (max-width: 840px) {
  #page-brand {
    padding: 0; }
    #page-brand .c-main-title-type1 {
      margin-bottom: 60px; }
    #page-brand .brand {
      width: 100%;
      padding-top: 0; }
      #page-brand .brand ul {
        overflow: hidden; }
        #page-brand .brand ul li {
          float: none;
          margin: 0 0 30px; }
          #page-brand .brand ul li a img {
            width: 100%;
            display: block;
            margin: 0 auto; }
          #page-brand .brand ul li:nth-child(3n) {
            margin: 0 0 30px; } }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

#page-cm .c-main-title-type1 {
  margin-bottom: 75px; }

#page-cm .cm {
  width: 840px;
  margin: 0 auto; }
  #page-cm .cm__more {
    overflow: hidden; }
    #page-cm .cm__more a {
      display: inline-block;
      float: right;
      position: relative;
      padding: 0 30px 0 0; }
      #page-cm .cm__more a:after {
        position: absolute;
        top: 50%;
        right: 4px;
        margin: -5px 0 0;
        content: "";
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

#page-cm .cm-list {
  overflow: hidden; }
  #page-cm .cm-list__item {
    float: left;
    margin: 0 40px 60px 0; }
    #page-cm .cm-list__item iframe {
      width: 400px;
      height: 240px;
      margin: 0 auto 30px;
      display: block; }
    #page-cm .cm-list__item h3 {
      text-align: center;
      line-height: 1.8; }
      #page-cm .cm-list__item h3 span {
        display: block; }
    #page-cm .cm-list__item:nth-child(2n) {
      margin: 0 0 60px; }

@media screen and (max-width: 840px) {
  #page-cm .c-main-title-type1 {
    margin-bottom: 37px; }
  #page-cm .cm {
    width: 100%; }
    #page-cm .cm__more {
      overflow: hidden; }
      #page-cm .cm__more a {
        display: inline-block;
        float: right;
        position: relative;
        padding: 0 30px 0 0; }
        #page-cm .cm__more a:after {
          position: absolute;
          top: 50%;
          right: 4px;
          margin: -5px 0 0;
          content: "";
          width: 8px;
          height: 8px;
          border-top: 1px solid #000;
          border-right: 1px solid #000;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  #page-cm .cm-list {
    overflow: hidden; }
    #page-cm .cm-list__item {
      float: none;
      margin: 0 0 30px; }
      #page-cm .cm-list__item iframe {
        width: 100%;
        height: auto;
        margin: 0 auto 10px;
        display: block;
        min-width: 315px;
        min-height: 178px; }
      #page-cm .cm-list__item h3 span {
        display: inline-block; }
      #page-cm .cm-list__item:nth-child(3n) {
        margin: 0 0 30px; } }

#page-corporate-index .c-main-title-type1 h1 {
  font-size: 42px; }

#page-corporate-index .c-circle-list__img .thum {
  width: 100%; }

#page-corporate-index .c-circle-list ul li a {
  color: #FFF; }

#page-corporate-index .c-circle-list ul li .one-line {
  top: 40%; }

@media screen and (max-width: 840px) {
  .c-circle-list ul li a {
    color: #FFF; }
    .c-circle-list ul li a span {
      font-weight: bold; }
    .c-circle-list ul li a .one-line {
      top: 42%; }
  #page-corporate-policy .c-text-box-mb75 {
    margin-bottom: 60px; }
  #page-corporate-disciplines .c-sub-title-type1 {
    margin-bottom: 30px; }
  #page-corporate-disciplines .c-sub-title-type2 {
    margin-bottom: 30px; } }

.c-circle-list__img .human {
  width: 100%; }

.contents__inner .c-text-box-mb75 .c-text-right {
  text-align: right; }

.contents__inner .c-text-box-mb75 .c-text {
  display: block;
  padding-left: 30px; }

.contents__inner .c-text-box-mb75 .number {
  display: inline-block;
  position: absolute; }

@media screen and (max-width: 840px) {
  .c-table-type1 table tr th {
    font-weight: bold; } }

.c-link-list ul li {
  width: inherit;
  position: relative;
  color: #009a4e;
  padding-left: 16px;
  margin-bottom: 30px; }

.c-table-type2 a,
.c-table-type4 a {
  color: #009a4e; }

@media screen and (max-width: 840px) {
  .c-table-type2 table tr th {
    font-weight: bold; }
  .c-link-list ul li {
    width: 46%;
    padding: 0 0 0 16px; }
  .c-table-type4 table tr th:last-child {
    width: 26%; } }

.c-text-box-img-under p {
  margin-top: 60px; }

.c-text-box-img-under__img {
  text-align: center; }
  .c-text-box-img-under__img img {
    width: 613px;
    height: 493px; }
  .c-text-box-img-under__img .compliance {
    width: auto; }

.c-text-box-img-under.links {
  margin-bottom: 60px; }
  .c-text-box-img-under.links p {
    margin-bottom: 0; }
  .c-text-box-img-under.links .c-link-text-blank {
    margin-bottom: 0; }

@media screen and (max-width: 840px) {
  .c-text-box-img-under img {
    width: 100%;
    height: 100%; }
  .c-text-box-img-under p {
    margin-top: 30px;
    margin-bottom: 30px; }
  .c-text-box-img-under .compliance {
    width: 100% !important; } }

.c-text-box-img__R span {
  display: block;
  text-align: right; }

.c-text-box-img__L img {
  width: 285px;
  height: 285px; }

@media screen and (max-width: 840px) {
  .c-text-box-img__L img {
    width: 100%;
    height: auto; } }

#page-corporate-name .c-main-title-type1 h1 {
  font-size: 42px; }

#page-corporate-name .c-sub-title-type2 {
  margin: 0 0 40px;
  font-size: 24px; }

#page-corporate-name .c-text-box-img-under__img img {
  width: auto;
  height: auto; }

@media screen and (max-width: 840px) {
  #page-corporate-name .c-main-title-type1 h1 {
    font-size: 28px; }
  #page-corporate-name .c-sub-title-type2 {
    margin: 0 0 20px;
    font-size: 20px; }
  #page-corporate-name .c-text-box-img-under__img img {
    width: 100%;
    height: 100%; } 
    
    #page-corporate-name .anchor-sec {
      padding-top: 20px;
      margin-top: -20px;
    }
}

.hist-cont {
  overflow: visible !important;
  -ms-overflow-style: auto !important; }

#page-corporate-history .c-sub-title-type2 {
  margin: 0 0 40px;
  font-size: 24px; }

#page-corporate-history .history-tablist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px; }
  #page-corporate-history .history-tablist__tab {
    margin: 0 60px 0 0;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: bold;
    min-width: 240px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    #page-corporate-history .history-tablist__tab:last-child {
      margin: 0; }
    #page-corporate-history .history-tablist__tab.active {
      background: #009a4e;
      border: 1px solid #009a4e;
      color: #fff; }
      #page-corporate-history .history-tablist__tab.active:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -20px;
        width: 0;
        height: 0;
        border-top: 10px solid #009a4e;
        border-right: 7px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 7px solid transparent;
        margin: 0 0 0 -7px; }
    #page-corporate-history .history-tablist__tab:hover {
      background: #009a4e;
      border: 1px solid #009a4e;
      color: #fff; }
  #page-corporate-history .history-tablist--bottom .history-tablist__tab.active {
    background: #009a4e;
    border: 1px solid #009a4e;
    color: #fff; }
    #page-corporate-history .history-tablist--bottom .history-tablist__tab.active:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: -20px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 10px solid #009a4e;
      border-left: 7px solid transparent;
      margin: 0 0 0 -7px; }

#page-corporate-history .history-wrap {
  position: relative;
  margin-bottom: 60px; }
  #page-corporate-history .history-wrap .history-tabs__history01 {
    height: 2622px; }
  #page-corporate-history .history-wrap .history-tabs__history02 {
    height: 3471px; }
  #page-corporate-history .history-wrap .history-tabs__history03 {
    height: 5220px; }

#page-corporate-history .history-tabs {
  width: 840px;
  margin: 0 0 0 -420px;
  border: 2px solid #009143;
  border-radius: 2px;
  padding: 60px;
  position: relative;
  top: 0;
  left: 50%;
  display: none; }
  #page-corporate-history .history-tabs .history-contents h2 {
    color: #009043;
    font-size: 27px;
    letter-spacing: 2px;
    margin-bottom: 0; }
  #page-corporate-history .history-tabs .history-contents .history-block {
    padding: 30px 0 30px 50px;
    position: relative;
    margin: 0 0 0 20px;
    overflow: hidden; }
    #page-corporate-history .history-tabs .history-contents .history-block:before {
      content: "";
      width: 5px;
      height: 100%;
      background: #e3f1e3;
      position: absolute;
      top: 0;
      left: 11px; }
    #page-corporate-history .history-tabs .history-contents .history-block h3 {
      position: relative;
      font-weight: bold; }
      #page-corporate-history .history-tabs .history-contents .history-block h3 span {
        display: inline-block;
        background: #FFF;
        position: relative;
        z-index: 2; }
      #page-corporate-history .history-tabs .history-contents .history-block h3:after {
        content: "";
        width: 10px;
        height: 10px;
        border: 5px solid #e3f1e3;
        border-radius: 50%;
        background: #FFF;
        position: absolute;
        top: 0;
        left: -46px;
        z-index: 2; }
      #page-corporate-history .history-tabs .history-contents .history-block h3:before {
        content: "";
        width: 686px;
        height: 2px;
        background: #e3f1e3;
        position: absolute;
        bottom: 11px;
        left: -46px;
        z-index: 1; }
    #page-corporate-history .history-tabs .history-contents .history-block .text-block {
      width: 460px;
      float: left;
      padding: 0 60px 0 0; }
    #page-corporate-history .history-tabs .history-contents .history-block .img-block {
      float: left;
      width: 186px; }
    #page-corporate-history .history-tabs .history-contents .history-block--2020 .img-block {
      width: 150px; }
    #page-corporate-history .history-tabs .history-contents .history-block--2020 .img-block img{
      width: 100%; }

@media screen and (max-width: 840px) {
  #page-corporate-history .c-sub-title-type2 {
    margin: 0 0 20px;
    font-size: 20px; }
  #page-corporate-history .history-tablist {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
    overflow: hidden; }
    #page-corporate-history .history-tablist__tab {
      margin: 0 7% 20px 0;
      float: left;
      min-width: auto;
      width: 46%;
      height: 60px; }
      #page-corporate-history .history-tablist__tab:nth-child(2) {
        margin: 0 0 20px; }
      #page-corporate-history .history-tablist__tab:last-child {
        margin: 0; }
      #page-corporate-history .history-tablist__tab.active {
        background: #009a4e;
        border: 1px solid #009a4e;
        color: #fff; }
        #page-corporate-history .history-tablist__tab.active:after {
          content: none; }
      #page-corporate-history .history-tablist__tab:hover {
        background: #009a4e;
        border: 1px solid #009a4e;
        color: #fff; }
  #page-corporate-history .history-wrap {
    position: relative;
    min-height: inherit;
    height: auto !important; }
    #page-corporate-history .history-wrap .history-tabs__history01 {
      height: auto; }
    #page-corporate-history .history-wrap .history-tabs__history02 {
      height: auto; }
    #page-corporate-history .history-wrap .history-tabs__history03 {
      height: auto; }
  #page-corporate-history .history-tabs {
    width: 100%;
    margin: 0;
    padding: 20px 16px;
    position: relative;
    left: 0;
    display: none; }
    #page-corporate-history .history-tabs .history-contents h2 {
      color: #009043;
      font-size: 18px;
      letter-spacing: 2px;
      margin-bottom: 0; }
    #page-corporate-history .history-tabs .history-contents .history-block {
      padding: 30px 0 30px 50px;
      position: relative;
      margin: 0 0 0 10px;
      overflow: hidden; }
      #page-corporate-history .history-tabs .history-contents .history-block:before {
        content: "";
        width: 5px;
        height: 100%;
        background: #e3f1e3;
        position: absolute;
        top: 0;
        left: 11px; }
      #page-corporate-history .history-tabs .history-contents .history-block h3 {
        position: relative;
        font-weight: bold; }
        #page-corporate-history .history-tabs .history-contents .history-block h3 span {
          display: inline-block;
          background: #FFF;
          position: relative;
          z-index: 2; }
        #page-corporate-history .history-tabs .history-contents .history-block h3:after {
          content: "";
          width: 10px;
          height: 10px;
          border: 5px solid #e3f1e3;
          border-radius: 50%;
          background: #FFF;
          position: absolute;
          top: 0;
          left: -46px;
          z-index: 2; }
        #page-corporate-history .history-tabs .history-contents .history-block h3:before {
          content: "";
          width: 686px;
          height: 2px;
          background: #e3f1e3;
          position: absolute;
          bottom: 11px;
          left: -46px;
          z-index: 1; }
      #page-corporate-history .history-tabs .history-contents .history-block .text-block {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 20px; }
      #page-corporate-history .history-tabs .history-contents .history-block .img-block {
        float: none;
        width: 100%;
        margin-bottom: 20px; }
        #page-corporate-history .history-tabs .history-contents .history-block .img-block img {
          max-width: 90px;
          display: block;
          margin: 0 auto; } }

.c-table-type3 td img {
  width: 240px;
  height: 240px; }

@media screen and (max-width: 840px) {
  .c-table-type3 table tr th {
    font-weight: bold; } }

#page-basics .l-main {
  background: url(/assets/img/pages/basics/bg_pc.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 120px); }
  @media screen and (max-height: 680px) {
    #page-basics .l-main {
      padding-top: 620px; } }
  #page-basics .l-main .commitment {
    margin: -21px 0 0; }
  #page-basics .l-main .c-sub-title-type1 {
    margin-bottom: 40px; }
  #page-basics .l-main .c-text-box-mb75 {
    margin-bottom: 60px; }
  #page-basics .l-main .commitment-three {
    overflow: hidden; }
    #page-basics .l-main .commitment-three img {
      width: 100%; }
    #page-basics .l-main .commitment-three__item {
      float: left;
      width: 240px;
      margin: 0 60px 0 0; }
      #page-basics .l-main .commitment-three__item:last-child {
        margin: 0; }
      #page-basics .l-main .commitment-three__item img {
        margin-bottom: 30px; }
      #page-basics .l-main .commitment-three__item h3 {
        color: #009a4e;
        margin-bottom: 10px;
        font-weight: bold; }

@media screen and (max-width: 840px) {
  #page-basics .l-main {
    background: url(/assets/img/pages/basics/bg_sp.jpg) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-basics .l-main .c-main-title-type1 p {
      max-width: 75px;
      margin: 0 auto; }
    #page-basics .l-main .commitment {
      margin: 0; }
    #page-basics .l-main .c-sub-title-type1 {
      margin-bottom: 20px; }
    #page-basics .l-main .basics-read-img {
      max-width: 315px; }
    #page-basics .l-main .commitment-three {
      overflow: hidden; }
      #page-basics .l-main .commitment-three__item {
        width: 46%;
        margin: 0 8% 30px 0; }
        #page-basics .l-main .commitment-three__item:nth-child(2n) {
          margin: 0 0 30px; }
        #page-basics .l-main .commitment-three__item img {
          margin-bottom: 20px; }
        #page-basics .l-main .commitment-three__item h3 {
          color: #009a4e;
          margin-bottom: 10px;
          font-weight: bold; } }

#page-safety .l-main {
  background: url(/assets/img/pages/safety/bg_pc.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 120px); }
  @media screen and (max-height: 680px) {
    #page-safety .l-main {
      padding-top: 620px; } }
  #page-safety .l-main .c-sub-title-type1 {
    margin: -21px 0 40px; }
  #page-safety .l-main .c-text-box-mb75 {
    margin-bottom: 60px; }
  #page-safety .l-main .safety-tablist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px; }
    #page-safety .l-main .safety-tablist__tab {
      margin: 0 60px 0 0;
      background: #fff;
      border: 1px solid #000;
      border-radius: 2px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      font-weight: bold;
      min-width: 240px;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      #page-safety .l-main .safety-tablist__tab:last-child {
        margin: 0; }
      #page-safety .l-main .safety-tablist__tab.active {
        background: #009a4e;
        border: 1px solid #009a4e;
        color: #fff; }
      #page-safety .l-main .safety-tablist__tab:hover {
        background: #009a4e;
        border: 1px solid #009a4e;
        color: #fff; }
  #page-safety .l-main .safety-wrap {
    position: relative;
    margin-bottom: 60px; }
  #page-safety .l-main .safety-tabs {
    width: 840px;
    margin: 0 0 0 -420px;
    border: 2px solid #009143;
    border-radius: 2px;
    padding: 60px;
    position: relative;
    top: 0;
    left: 50%;
    display: none; }
    #page-safety .l-main .safety-tabs:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: -36px;
      width: 0;
      height: 0;
      border-top: 18px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 18px solid #FFF;
      border-left: 8px solid transparent;
      margin: 0 0 0 -8px; }
    #page-safety .l-main .safety-tabs:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: -40px;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 20px solid #009143;
      border-left: 10px solid transparent;
      margin: 0 0 0 -10px; }
    #page-safety .l-main .safety-tabs .c-sub-title-type1 {
      color: #009a4e; }
    #page-safety .l-main .safety-tabs .c-sub-title-type2 {
      color: #000;
      margin-bottom: 20px; }
    #page-safety .l-main .safety-tabs .c-text-box-mb75 {
      margin-bottom: 50px; }
      #page-safety .l-main .safety-tabs .c-text-box-mb75:last-child {
        margin-bottom: 0; }
    #page-safety .l-main .safety-tabs .c-text-box-img-under__img {
      margin-bottom: 50px; }
      #page-safety .l-main .safety-tabs .c-text-box-img-under__img img {
        width: 463px;
        height: 282px; }
    #page-safety .l-main .safety-tabs .c-link-text {
      margin-bottom: 10px; }
      #page-safety .l-main .safety-tabs .c-link-text:last-child {
        margin-bottom: 0; }
    #page-safety .l-main .safety-tabs__list {
      margin: 0 0 50px;
      list-style-type: disc;
      padding: 0 0 0 1.4em; }
      #page-safety .l-main .safety-tabs__list li {
        line-height: 2;
        margin: 0 0 5px; }
        #page-safety .l-main .safety-tabs__list li:last-child {
          margin: 0; }
        #page-safety .l-main .safety-tabs__list li span {
          display: block; }

@media screen and (max-width: 840px) {
  #page-safety .l-main {
    background: url(/assets/img/pages/safety/bg_sp.jpg) center center no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-safety .l-main .c-sub-title-type1 {
      margin: 0 0 20px; }
    #page-safety .l-main .c-text-box-mb75 {
      margin-bottom: 30px; }
    #page-safety .l-main .safety-tablist {
      display: block;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px;
      overflow: hidden; }
      #page-safety .l-main .safety-tablist__tab {
        margin: 0 4% 15px 0;
        float: left;
        min-width: auto;
        width: 48%;
        height: 60px; }
        #page-safety .l-main .safety-tablist__tab:nth-child(2) {
          margin: 0 0 15px; }
        #page-safety .l-main .safety-tablist__tab:last-child {
          margin: 0; }
        #page-safety .l-main .safety-tablist__tab.active {
          background: #009a4e;
          border: 1px solid #009a4e;
          color: #fff; }
          #page-safety .l-main .safety-tablist__tab.active:after {
            content: none; }
        #page-safety .l-main .safety-tablist__tab:hover {
          background: #009a4e;
          border: 1px solid #009a4e;
          color: #fff; }
    #page-safety .l-main .safety-wrap {
      position: relative; }
    #page-safety .l-main .safety-tabs {
      width: 100%;
      margin: 0;
      padding: 60px 30px 30px;
      position: relative;
      left: 0;
      display: none; }
      #page-safety .l-main .safety-tabs:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: -24px;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 12px solid #FFF;
        border-left: 5px solid transparent;
        margin: 0 0 0 -5px; }
      #page-safety .l-main .safety-tabs:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: -28px;
        width: 0;
        height: 0;
        border-top: 14px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 14px solid #009143;
        border-left: 7px solid transparent;
        margin: 0 0 0 -7px; }
      #page-safety .l-main .safety-tabs .c-sub-title-type1 {
        color: #009a4e; }
      #page-safety .l-main .safety-tabs .c-sub-title-type2 {
        color: #000;
        margin-bottom: 20px; }
      #page-safety .l-main .safety-tabs .c-text-box-mb75 {
        margin-bottom: 30px; }
        #page-safety .l-main .safety-tabs .c-text-box-mb75:last-child {
          margin-bottom: 0; }
      #page-safety .l-main .safety-tabs .c-text-box-img-under__img {
        margin-bottom: 30px; }
        #page-safety .l-main .safety-tabs .c-text-box-img-under__img img {
          width: 100%;
          height: 100%; }
      #page-safety .l-main .safety-tabs .c-link-text {
        margin-bottom: 10px; }
        #page-safety .l-main .safety-tabs .c-link-text:last-child {
          margin-bottom: 0; }
      #page-safety .l-main .safety-tabs__list {
        margin: 0 0 50px;
        list-style-type: disc;
        padding: 0 0 0 1.4em; }
        #page-safety .l-main .safety-tabs__list li {
          line-height: 2;
          margin: 0 0 5px; }
          #page-safety .l-main .safety-tabs__list li:last-child {
            margin: 0; }
          #page-safety .l-main .safety-tabs__list li span {
            display: block; } }

#page-fun .l-main {
  background: url(/assets/img/pages/fun/bg_pc.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 120px); }
  #page-fun .l-main .contents_fun {
    padding-top: 99px; }
  @media screen and (max-height: 680px) {
    #page-fun .l-main {
      padding-top: 620px; } }
  #page-fun .l-main .c-sub-title-type1 {
    margin-bottom: 40px; }
    #page-fun .l-main .c-sub-title-type1:first-child {
      margin: 0px 0 40px; }
  #page-fun .l-main .mb-S .c-text-box-mb75 {
    margin-bottom: 40px; }
  #page-fun .l-main .mb99 {
    margin-bottom: 99px; }

@media screen and (max-width: 840px) {
  #page-fun .l-main {
    background: url(/assets/img/pages/fun/bg_sp.jpg) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-fun .l-main .c-sub-title-type1 {
      margin: 0 0 20px; }
      #page-fun .l-main .c-sub-title-type1:first-child {
        margin: 0 0 20px; }
    #page-fun .l-main .c-main-title-type1 p {
      max-width: 75px;
      margin: 0 auto; }
    #page-fun .l-main .mb-S .c-text-box-mb75 {
      margin-bottom: 30px; }
    #page-fun .l-main .c-sub-title-type1 {
      margin-bottom: 20px; }
    #page-fun .l-main .mb99 {
      margin-bottom: 50px; } }

#page-taste .l-main {
  background: url(/assets/img/pages/taste/bg_pc.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: calc(100vh - 120px); }
  @media screen and (max-height: 680px) {
    #page-taste .l-main {
      padding-top: 620px; } }
  #page-taste .l-main .c-sub-title-type1 {
    margin-bottom: 40px; }
    #page-taste .l-main .c-sub-title-type1:first-child {
      margin: -21px 0 40px; }
  #page-taste .l-main .c-text-box-mb75.last {
    margin-bottom: 60px; }
  #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt {
    height: auto;
    padding: 16px; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt:after {
      top: 45px; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .icon-box {
      width: 72px;
      height: 72px;
      float: left; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box {
      float: left;
      width: 716px;
      padding: 10px 0 0 16px; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box span {
        font-size: 12px;
        margin: 0 0 10px;
        display: block; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box h2 {
        font-size: 21px;
        font-weight: bold; }
  #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd {
    padding: 60px 59px;
    display: none; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block {
      padding: 0;
      overflow: hidden; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block {
        width: 480px;
        float: left;
        margin: 0 60px 0 0; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block h2 {
          font-size: 18px;
          font-weight: bold;
          letter-spacing: 1px;
          margin: 0 0 30px; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block p {
          margin-bottom: 50px; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .c-link-text-blank {
          margin: 60px 0 0; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .c-link-text {
          margin: 60px 0 0; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .story-block__title {
          margin: 60px 0 0; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .img-block {
        float: left;
        width: 180px; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .img-block img {
          display: block;
          margin: 0 auto;
          width: 100%; }

@media screen and (max-width: 840px) {
  #page-taste .l-main {
    background: url(/assets/img/pages/taste/bg_sp.jpg) no-repeat;
    background-size: 150%;
    background-position: top center;
    background-attachment: fixed; }
    #page-taste .l-main .c-main-title-type1 p {
      max-width: 75px;
      margin: 0 auto; }
    #page-taste .l-main .c-sub-title-type1 {
      margin: 0 0 20px; }
      #page-taste .l-main .c-sub-title-type1:first-child {
        margin: 0 0 20px; }
    #page-taste .l-main .c-text-box-mb75.last {
      margin-bottom: 30px; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt {
      height: auto;
      padding: 10px; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt:after {
        top: 20.5px; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .icon-box {
        width: 12%;
        height: auto;
        float: left; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .icon-box img {
          width: 100%; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box {
        float: left;
        width: 88%;
        padding: 0 0 0 10px; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box span {
          display: none; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dt .title-box h2 {
          font-size: 15px;
          font-weight: bold; }
    #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd {
      padding: 30px;
      display: none; }
      #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block {
        padding: 0;
        overflow: hidden; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block {
          width: 100%;
          float: none;
          margin: 0 60px 0 0; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block .c-sub-title-type2 {
            margin-bottom: 20px; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block h2 {
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            margin: 0 0 16px; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block p {
            margin-bottom: 30px; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img {
            margin-bottom: 30px; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .c-link-text-blank {
            margin: 0; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .c-link-text {
            margin: 0; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .text-block img + .story-block__title {
            margin: 0; }
        #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .img-block {
          float: left;
          width: 180px; }
          #page-taste .l-main .c-toggle-boxes .c-toggle-box dl dd .story-block .img-block img {
            display: block;
            margin: 0 auto;
            width: 100%; } }

.c-sitemap__list__link .color {
  color: #009a4e; }

.c-text-box-mb75 a {
  color: #009944; }

.sub-type30 {
  margin-bottom: 30px; }

@media screen and (max-width: 840px) {
  .sub-type120 h2 {
    margin-top: 120px; } }
    
/* .officer-table th {
  vertical-align: top;
  padding-right: 20px;
  padding-bottom: 20px;
}

.officer-table td {
  padding-right: 20px;
  padding-bottom: 20px;
  vertical-align: top;
}

@media screen and (max-width: 840px) {
  .officer-tabl{
    width:100%;
  }
  
  .officer-table tr.sp-on th{
    padding-bottom:0;
    font-weight:bold;
  }
  
  .officer-table th {
    font-size: 3.3vw;
  }
  .officer-table td:last-child {
    padding-right:0;
  }
  
  .officer-table--en th {
    font-size:3.8vw;
  }
  .officer-table--en td {
    font-size:3.8vw;
  }
  
  .officer-table--en br {
    content: " ";
    display:block;
    margin: 10px 0;
  }
  
  .officer-table--ch th{
    font-size:3.3vw;
  }
  .officer-table--ch td{
    font-size:3.3vw;
  }
} */

.officer-table {
  margin-bottom:30px;
}

.officer-table:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0; 
  clear: both;
  visibility:hidden;
}

.officer-table__title {
  float:left;
  margin-right:20px;
  width:140px;
}

.officer-table__list {
  float:left;
  width:500px;
}

.officer-table__list ul {
  width:100%;
}

.officer-table__list ul:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0; 
  clear: both;
  visibility:hidden;
}

.officer-table__list ul li {
  float:left;
  width:25%;
}

.officer-table--en .officer-table__list {
  width:550px;
}

.officer-table--en .officer-table__list ul li {
  width:33%;
}

@media screen and (max-width: 840px) {
  .officer-table {
    width:100%;
  }
  
  .officer-table__title {
    width:35%;
    margin-right: 0;
  }
  
  .officer-table__list {
    width:65%;
  }
  
  .officer-table__list ul li {
    width:calc(100% / 2);
  }
  
  .officer-table--ch {
    font-size:3vw;
  }
  
  .officer-table--en {
    font-size:3.3vw;
  }
  
  .officer-table--en .officer-table__title {
    width:40%;
  }
  
  .officer-table--en .officer-table__list {
    width:60%;
  }
  
  .officer-table--en .officer-table__list ul li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  
  .officers .c-circle-list ul li p{
    font-size:3vw;
  }
  
  .c-circle-list--en.c-circle-list ul li p {
    line-height: 16px;
  }
  
  .c-circle-list--en.c-circle-list ul li p:last-child {
    margin-top: 10px;
  }
  
}

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

@media screen and (max-width: 840px) {
  #page-contact-form .c-form-box__form input[type="text"] {
    font-size: 16px;
  }
  #page-contact-form .c-form-box__form input[type="number"] {
    font-size: 16px;
  }
  #page-contact-form .c-form-box__form input[type="email"] {
    font-size: 16px;
  }
  #page-contact-form .c-form-box__form input[type="tel"] {
    font-size: 16px;
  }
  
  .ui-widget.ui-widget-content {
    width:80%;
    left:10% !important;
  }
  
  .anniversary-banner {

    
  }
  
}

.l-side__navi li a {
  height:80px;
}
.l-side__navi li:nth-child(1) img {
  width:92px
}
.l-side__navi li:nth-child(2) img {
  width:74px;
}
.l-side__navi li:nth-child(3) img {
  width:68px;
}
.l-side {
  min-height:640px;
}
.l-side__subnavi {
  width:90%;
  margin-bottom: 10px;
}
.l-side__subnavi li {
  margin-bottom: 0;
}
.l-side__soudan--anniversary {
  width:80%;
  margin: 0 auto;
}
.l-side__social {
  margin-bottom: 10px;
}


/*# sourceMappingURL=style.css.map */
#page-release .content-wysiwyg_normalize {
  word-break: break-all;
}
@media print{
  .l-gnavi-layer {
    display: none!important;
  }
  .l-main__inner {
    width:100%!important;
    zoom:70%;
    /* -moz-transform: 
    scale(0.70,0.70) translate(-15%,-15%);  */
  }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}

#page-contact-form .image_remove_btn {
  display: inline-block;
  width:60px;
  height:44px;
  line-height: 44px;
  text-align: center;
  background-color: #999;
  color: #fff;
  border-radius: 6px;
  margin-left:10px;
  vertical-align: text-bottom;
}

#page-contact-form .image_input_in {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 840px) {
  #page-contact-form .c-link-btns--form ul {
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
  }  
}

#page-contact-form .contact-form-note--red {
  color: #ff0000;
  margin-bottom: 40px;
}

@media screen and (min-width: 841px) {
  #page-products-detail .k-visual__inner__text table,
  #page-release .content-wysiwyg_normalize table {
    max-width: 100%;
  }
}
@media screen and (max-width: 840px) {
  #page-products-detail .k-visual__inner__text table,
  #page-release .content-wysiwyg_normalize table {
    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
    width: max-content;
  }

  #page-products-detail .k-visual__inner__text,
  #page-release .content-wysiwyg_normalize {
    overflow-x: auto;
  }
}


.l-gnavi-layer__body .c-link-btns{
  margin-bottom: 100px;
}
.sp-gnavi-contents .c-link-btns{
  margin-bottom: 70px;
}


.accordion-label{
  background: #009a4e;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 6px 40px;
  position: relative;
  cursor: pointer;
}
.accordion-label::after{
  content:'';
  display: block;
  position: absolute;
  background: url(../img/pages/corporate/about/arrow.svg);
  width: 40px;
  height: 40px;
  background-size: cover;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.4s;
}
.accordion-label.is-open::after{
  transform: translateY(-50%) rotate(-90deg);
}
.accordion-container,
.accordion-wrap .c-circle-list ul{
  border: 1px solid #009a4e;
}
.accordion-wrap{
  margin: 10px 0;
}
.accordion-wrap--1{
  margin: 0;
}
.accordion-wrap .c-circle-list ul li{
  width: 135px;
  margin: 0 10px 50px 10px;
}
.accordion-wrap .c-circle-list--ceo ul li{
  width: 180px;
  margin: 0 30px 50px 30px;
}
.accordion-wrap .c-circle-list ul li .c-circle-list__img {
  width: 135px;
}
.accordion-wrap .c-circle-list--ceo ul li .c-circle-list__img {
  width: 180px;
}
.accordion-wrap .c-circle-list ul {
  justify-content: start;
  padding: 50px 10px 0;
}
.accordion-wrap .c-circle-list--ceo ul {
  justify-content: space-between;
}
.accordion-wrap .c-circle-list ,
.accordion-container{
  line-height: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s, opacity 0.3s;
}
.accordion-wrap .c-circle-list.is-open,
.accordion-container.is-open {
  line-height: 36px;
  max-height: 9000px;
  opacity: 1;
}
.accordion-container{
  padding: 0 20px;
}
.accordion-container.is-open{
  padding: 20px 20px 50px;
}

.accordion-en .accordion-label,
.accordion-ch .accordion-label{
  height: 47px;
  font-size: 15px;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 840px){
  .accordion-wrap .c-circle-list ul li {
      width: 30.6%;
      margin: 0 1.2% 50px 1.2%;
  }
  .accordion-wrap .c-circle-list ul li .c-circle-list__img {
    width: 100%;
  }
  .accordion-container.is-open{
    padding: 20px 15px 50px;
  }
  .accordion-wrap .c-circle-list ul{
    padding: 50px 5px 0;
  }
  .accordion-wrap{
    margin: 30px 0;
  }
  .accordion-label{
    font-size: 4vw;
  }
  .accordion-label::after{
    width: 5.333vw;
    height: 5.333vw;
    right: 2.381vw;
  }
  .accordion-wrap:first-of-type {
    margin: 0;
  }
  .accordion-wrap .c-circle-list--ceo ul li {
    width: calc(47% - 10px);
    margin: 0 5px 30px;
  }
}