@charset "UTF-8";
/* KewpieRED */
/* text color */
/* white */
/* orange */
/* blue */
/* green */
/* pink */
/* red */
/* gray */
html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0; }

figure {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: normal; }

ul, ol {
  margin: 0;
  padding-left: 0; }
  ul li, ol li {
    margin-left: 0;
    list-style-type: none; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

a img {
  border: none;
  margin: 0;
  padding: 0; }

p {
  margin: 0; }

img {
  line-height: 1; }

hr {
  border: none;
  margin: 0;
  padding: 0; }

button {
  line-height: inherit;
  margin: 0px;
  padding: 0px;
  border: 0px; }

textarea, fieldset {
  border: none;
  -webkit-border-image: none;
          border-image: none;
  resize: none; }

fieldset {
  margin: 0;
  padding: 0; }

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

/*! ==================================================
 * Noto Sans Japanese (japanese) is lisenced under the SIL Open Font License 1.1
 * by http://www.google.com/fonts/earlyaccess
=================================================== */
@font-face {
  font-family: 'BaseFont-JP';
  src: url("/assets/fonts/Basefont-Demilight.woff") format("woff");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'BaseFont-JP';
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/Basefont-Medium.woff") format("woff"); }

@font-face {
  font-family: 'BaseFont-JP--strong';
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/Basefont-Medium.woff") format("woff"); }

/*
 * "Roboto" is lisenced under the Apache License, version 2.0
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://www.apache.org/licenses/LICENSE-2.0.html
 */
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url(//fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2"); }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  src: url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2"); }

/* latin */
@font-face {
  font-family: 'Roboto--strong';
  font-style: normal;
  font-weight: normal;
  src: url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2"); }

/*! ==================================================
*  Web Fonts Title: Yaku Han JP
*  Version: 1.3.1
*  GitHub URL: https://github.com/qrac/yakuhanjp
*  Author: Qrac
*  Author URL: https://twitter.com/Qrac_jp
*  "Noto Sans CJK JP" licensed under the SIL Open Font License
*  https://www.google.com/get/noto/#/
=================================================== */
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/YakuHanJP-Demilight.woff") format("woff"); }

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/YakuHanJP-Medium.woff") format("woff"); }

@font-face {
  font-family: "YakuHanJP--strong";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/YakuHanJP-Medium.woff") format("woff"); }

html {
  overflow-x: hidden;
  width: 100%; }
  @media screen and (min-width: 769px) and (max-width: 1039px) {
    html {
      overflow-x: visible;
      min-width: 1079px; } }
  @media screen and (orientation: landscape) {
    html {
      width: 100%; } }
  @media screen and (orientation: portrait) {
    html {
      width: 100%; } }
  @media screen and (min-width: 769px), print {
    html {
      font-size: 15px; } }
  @media screen and (max-width: 768px) {
    html {
      font-size: 3.73333vw; } }

body {
  position: relative;
  color: #333;
  line-height: 1.9;
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
  letter-spacing: .05em;
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .is-tablet body {
    overflow-x: hidden;
    width: 100%; }

input, button, select {
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }
  @media screen and (max-width: 768px) {
    * {
      max-width: 99999px; } }
  *:focus {
    outline: none; }

.is-user-tabbing *:focus {
  outline: 2px solid #e4002b;
  outline-offset: -2px; }

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

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

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    a:hover, a:active, a:focus {
      text-decoration: underline; } }

a.is-touch, button.is-touch {
  opacity: .6; }

sub {
  vertical-align: baseline;
  line-height: 0;
  font-size: 71.4%; }

sup {
  line-height: 0; }
  @media screen and (min-width: 769px), print {
    sup {
      font-size: 10px; } }
  @media screen and (max-width: 768px) {
    sup {
      font-size: 10px;
      font-size: 2.66667vw; } }

[aria-hidden] {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

[aria-hidden="true"] {
  overflow: hidden;
  height: 0;
  opacity: 0; }

[aria-hidden="false"] {
  height: auto;
  opacity: 1; }

a[href^="tel:"] {
  cursor: default;
  text-decoration: none; }

tr {
  word-break: break-all; }

@media screen and (min-width: 769px), print {
  ruby rt {
    font-size: 10px;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); } }

.l-footer {
  border-top: 1px solid #ddd;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .l-footer {
      margin-top: 125px; } }
  .l-footer .l-footer__main__inner {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-footer__main__inner {
        width: 1040px;
        margin: 0 auto;
        padding-top: 198px; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-footer__main__inner {
        padding-bottom: 225px;
        padding-bottom: 90vw; } }
  @media screen and (min-width: 769px), print {
    .l-footer .l-footer__search {
      position: absolute;
      top: 84px;
      left: 0;
      z-index: 1; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-footer__search {
      display: none; } }
  .l-footer .l-footer__search__input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-footer__search__input {
        width: 331px;
        height: 40px;
        padding-left: 30px;
        color: #b8b8b8;
        font-size: 13px;
        border: none;
        border-radius: 20px;
        background-color: #fff;
        outline: 0; } }
    .l-footer .l-footer__search__input::-webkit-input-placeholder {
      color: #aaa; }
    .l-footer .l-footer__search__input::placeholder {
      color: #aaa; }
    .l-footer .l-footer__search__input:focus {
      box-shadow: 0 0 5px #aaa inset; }
  .is-user-tabbing .l-footer .l-footer__search__input:focus {
    outline: 2px solid #e4002b;
    outline-offset: -2px; }
  .l-footer .l-footer__search__btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-indent: -99999px; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-footer__search__btn {
        position: absolute;
        top: 12px;
        right: 30px;
        z-index: 2;
        width: 17px;
        height: 15px;
        border: none;
        background-image: url(/assets/img/common/ico_search-01.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        background-color: transparent; } }
  .l-footer .l-footer-btn-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: absolute;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-footer-btn-list {
        top: 84px;
        right: 0; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-footer-btn-list {
        bottom: 30px;
        bottom: 8vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-left: 20px;
        padding-left: 5.33333vw; } }
    .l-footer .l-footer-btn-list .l-footer-btn-list__itm {
      font-weight: bold;
      line-height: 1.5; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer-btn-list .l-footer-btn-list__itm {
          width: 242px;
          height: 40px;
          margin-left: 24px; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer-btn-list .l-footer-btn-list__itm {
          width: 160px;
          width: 42.66667vw;
          height: 40px;
          height: 10.66667vw;
          margin-left: 13.5px;
          margin-left: 3.6vw; } }
      .l-footer .l-footer-btn-list .l-footer-btn-list__itm:nth-of-type(1) {
        margin-left: 0; }
    .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      color: #e4002b;
      text-decoration: none;
      border: 1px solid #e4002b;
      border-radius: 100px; }
      .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        border-right: 1px solid #e4002b;
        border-bottom: 1px solid #e4002b;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: border-color .65s ease;
        transition: border-color .65s ease; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link {
          font-size: 14px;
          -webkit-transition: color .65s ease;
          transition: color .65s ease; }
          .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
            right: 21px;
            width: 5px;
            height: 5px;
            margin-top: -3px; }
          .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:after {
            content: '';
            position: absolute;
            top: 0;
            left: -200%;
            z-index: 0;
            width: 150%;
            height: 450%;
            border-radius: 50%;
            background-color: #e4002b;
            -webkit-transition: top .65s ease, left .65s ease;
            transition: top .65s ease, left .65s ease; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link:before {
          right: 25px;
          right: 6.66667vw;
          width: 4px;
          width: 1.06667vw;
          height: 4px;
          height: 1.06667vw;
          margin-top: -2px;
          margin-top: -0.53333vw; } }
      .l-footer .l-footer-btn-list .l-footer-btn-list__itm__link .l-footer-btn-list__itm__cnt {
        display: inline-block;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
  .l-footer .l-footer-btn-list__itm__link[target="_blank"]:before {
    display: none; }
  .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt {
    position: relative; }
    .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before, .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before, .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
          width: 8px;
          height: 8px;
          -webkit-transition: border-color .4s ease;
          transition: border-color .4s ease; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before, .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
          width: 8px;
          width: 2.13333vw;
          height: 8px;
          height: 2.13333vw; } }
    .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
      border-left: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
          right: 23px;
          margin-top: -1px; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:before {
          right: 17px;
          right: 4.53333vw;
          margin-top: -2px;
          margin-top: -0.53333vw; } }
    .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
      border: 1px solid #e4002b;
      content: '';
      overflow: hidden;
      text-indent: -99999px; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
          right: 21px;
          margin-top: -4px; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer-btn-list__itm__link[target="_blank"] .l-footer-btn-list__itm__cnt:after {
          right: 15.5px;
          right: 4.13333vw;
          margin-top: -4px;
          margin-top: -1.06667vw; } }
  @media screen and (min-width: 769px), print {
    .l-footer .l-footer-btn-list__itm__link:hover {
      color: #fff;
      -webkit-transition: color .5s ease .08s;
      transition: color .5s ease .08s; }
      .l-footer .l-footer-btn-list__itm__link:hover:before {
        border-color: #fff;
        -webkit-transition: border-color .4s ease .185s;
        transition: border-color .4s ease .185s; }
      .l-footer .l-footer-btn-list__itm__link:hover:after {
        top: -100%;
        left: -20%; }
      .l-footer .l-footer-btn-list__itm__link:hover .l-footer-btn-list__itm__cnt:before, .l-footer .l-footer-btn-list__itm__link:hover .l-footer-btn-list__itm__cnt:after {
        border-color: #fff;
        -webkit-transition: border-color .4s ease .185s;
        transition: border-color .4s ease .185s; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-funav {
      display: none; } }
  @media screen and (min-width: 769px), print {
    .l-footer .l-funav__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%;
      height: 80px;
      margin-bottom: 46px;
      border-left: 1px solid #aaa; }
      .l-footer .l-funav__list .l-funav__list__itm {
        width: 16.66%;
        border-right: 1px solid #aaa; }
      .l-footer .l-funav__list .l-funav__list__itm__link {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        text-decoration: none;
        line-height: 1.5;
        font-weight: bold;
        font-size: 13px;
        background-repeat: no-repeat;
        background-position-x: center; }
        .l-footer .l-funav__list .l-funav__list__itm__link:hover {
          color: #e4002b; }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-1line {
          padding-top: 50px; }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-2line {
          padding-top: 44px; }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-contact {
          position: relative;
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_contact-01.svg);
          background-position-y: 10px;
          background-size: 30px 22px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:hover {
            background-image: url(/assets/img/common/ico_footer_contact-01_on.svg);
            color: #e4002b; }
            .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:hover:before, .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:hover:after {
              border-color: #e4002b; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before, .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            z-index: 1; } }
        @media screen and (min-width: 769px) and (min-width: 769px), print {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before, .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            width: 8px;
            height: 8px; } }
        @media screen and (min-width: 769px) and (max-width: 768px) {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before, .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            width: 8px;
            width: 2.13333vw;
            height: 8px;
            height: 2.13333vw; } }
  @media screen and (min-width: 769px), print {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before {
            border-left: 1px solid #333;
            border-bottom: 1px solid #333; } }
        @media screen and (min-width: 769px) and (min-width: 769px), print {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before {
            right: 32px;
            margin-top: 15px; } }
        @media screen and (min-width: 769px) and (max-width: 768px) {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:before {
            right: 17px;
            right: 4.53333vw;
            margin-top: -2px;
            margin-top: -0.53333vw; } }
  @media screen and (min-width: 769px), print {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            border: 1px solid #333;
            content: '';
            overflow: hidden;
            text-indent: -99999px; } }
        @media screen and (min-width: 769px) and (min-width: 769px), print {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            right: 30px;
            margin-top: 13px; } }
        @media screen and (min-width: 769px) and (max-width: 768px) {
          .l-footer .l-funav__list .l-funav__list__itm__link.r-contact:after {
            right: 15.5px;
            right: 4.13333vw;
            margin-top: 24px;
            margin-top: 6.4vw; } }
  @media screen and (min-width: 769px), print {
        .l-footer .l-funav__list .l-funav__list__itm__link.r-ir-doc {
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_ir-doc-01.svg);
          background-position-y: 3px;
          background-size: 29px 24px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-ir-doc:hover {
            background-image: url(/assets/img/common/ico_footer_ir-doc-01_on.svg); }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-settle-brief {
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_settle-brief-01.svg);
          background-position-y: 0;
          background-size: 28px 34px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-settle-brief:hover {
            background-image: url(/assets/img/common/ico_footer_settle-brief-01_on.svg); }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-annual {
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_annual-01.svg);
          background-position-y: 0;
          background-size: 33px 33px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-annual:hover {
            background-image: url(/assets/img/common/ico_footer_annual-01_on.svg); }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-financial {
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_financial-01.svg);
          background-position-y: 0;
          background-size: 43px 24px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-financial:hover {
            background-image: url(/assets/img/common/ico_footer_financial-01_on.svg); }
        .l-footer .l-funav__list .l-funav__list__itm__link.r-social-environment {
          background-image: url(https://lp.kewpie.com/assets/img/common/ico_footer_report-01.svg);
          background-position-y: 0;
          background-size: 35px 28px; }
          .l-footer .l-funav__list .l-funav__list__itm__link.r-social-environment:hover {
            background-image: url(/assets/img/common/ico_footer_report-01_on.svg); } }
  @media screen and (min-width: 769px), print {
    .l-footer .l-fnav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%;
      padding: 28px 0 80px;
      border-top: 1px solid #c2c2c2; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav {
      margin-top: -1px;
      border-bottom: 1px solid #ddd;
      background-color: #fff; } }
  @media screen and (min-width: 769px), print {
    .l-footer .l-fnav .l-fnav__itm {
      width: 160px;
      margin-left: 20px; }
      .l-footer .l-fnav .l-fnav__itm:first-child {
        margin-left: 0; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm {
      position: relative;
      border-top: 1px solid #ddd; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm span[role=button] {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      cursor: pointer;
      width: 45px;
      width: 12vw;
      height: 51px;
      height: 13.6vw; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm span[role=button]:before, .l-footer .l-fnav .l-fnav__list__itm span[role=button]:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      background-color: #e4002b;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm span[role=button]:before {
      width: 8px;
      width: 2.13333vw;
      height: 1px;
      height: 0.26667vw; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm span[role=button][aria-expanded="true"] + .l-fnav__list__sublist {
      height: auto;
      opacity: 1; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
      width: 1px;
      width: 0.26667vw;
      height: 8px;
      height: 2.13333vw; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm:not(.role-has-sublist) .l-fnav__list__itm__link:after,
    .l-footer .l-fnav .l-fnav__list__itm .l-fnav__list__sublist__itm__link:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: translate(0, -50%) rotate(-45deg);
          -ms-transform: translate(0, -50%) rotate(-45deg);
              transform: translate(0, -50%) rotate(-45deg);
      right: 20px;
      right: 5.33333vw;
      width: 4px;
      width: 1.06667vw;
      height: 4px;
      height: 1.06667vw; } }
  .l-footer .l-fnav .l-fnav__list__itm__link {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1.5; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-fnav .l-fnav__list__itm__link {
        padding-bottom: 9.75px;
        padding-top: 9.75px;
        line-height: 1.5;
        padding-left: 0.8em; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-footer .l-fnav .l-fnav__list__itm__link {
      padding-bottom: calc(13px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
      padding-top: calc(13px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm__link {
      padding-bottom: 1.3vw;
      padding-top: 1.3vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }
    @media screen and (min-width: 769px), print {
        .l-footer .l-fnav .l-fnav__list__itm__link:before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          z-index: 1;
          width: .3em;
          height: .3em;
          margin-top: -.15em;
          border-right: 1px solid #333;
          border-bottom: 1px solid #333;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .l-footer .l-fnav .l-fnav__list__itm__link:hover {
          color: #e4002b;
          text-decoration: underline; }
          .l-footer .l-fnav .l-fnav__list__itm__link:hover:before {
            border-color: #e4002b; }
          .l-footer .l-fnav .l-fnav__list__itm__link:hover .r-blank:before, .l-footer .l-fnav .l-fnav__list__itm__link:hover .r-blank:after {
            border-color: #e4002b; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-fnav .l-fnav__list__itm__link {
        padding-right: 20px;
        padding-right: 5.33333vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-bottom: 31.5px;
        padding-top: 31.5px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-footer .l-fnav .l-fnav__list__itm__link {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__itm__link {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
    .l-footer .l-fnav .l-fnav__list__itm__link .r-blank {
      position: relative;
      padding-right: 1.2em; }
      .l-footer .l-fnav .l-fnav__list__itm__link .r-blank:before {
        right: -16px;
        margin-top: -3px;
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 7px;
        height: 7px; }
      .l-footer .l-fnav .l-fnav__list__itm__link .r-blank:after {
        content: '';
        overflow: hidden;
        text-indent: -99999px;
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 7px;
        height: 7px;
        right: -18px;
        margin-top: -5px;
        border: 1px solid #333; }
  @media screen and (min-width: 769px), print {
    .l-footer .l-fnav .l-fnav__list__sublist {
      display: none; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__sublist {
      overflow: hidden;
      height: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      opacity: 0;
      border-top: 1px solid #ddd; } }
  .l-footer .l-fnav .l-fnav__list__sublist__itm {
    position: relative; }
    @media screen and (max-width: 768px) {
      .l-footer .l-fnav .l-fnav__list__sublist__itm:last-child .l-fnav__list__sublist__itm__link {
        border-bottom: none !important; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-fnav .l-fnav__list__sublist__itm.is-current {
        background-color: #f9f9f9; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__sublist__itm__link {
      display: block;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 45px;
      padding-left: 12vw;
      padding-bottom: 31.5px;
      padding-top: 31.5px;
      line-height: 1.5;
      border-bottom: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-footer .l-fnav .l-fnav__list__sublist__itm__link {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-footer .l-fnav .l-fnav__list__sublist__itm__link {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .l-footer .l-fnav .l-fnav__list__sublist__itm__link:before {
    content: '';
    display: block;
    position: absolute;
    border-left: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    width: 10px;
    width: 2.66667vw;
    height: 10px;
    height: 2.66667vw;
    left: 25px;
    left: 6.66667vw;
    top: 17px;
    top: 4.53333vw; }
  @media screen and (max-width: 768px) {
    .l-footer .l-fnav__list__itm__link + .l-fnav__list__sublist {
      border-top: 1px solid #ddd; } }
  .l-footer .l-fnav__history {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-fnav__history {
        right: 0;
        bottom: 16px;
        z-index: 1;
        width: 330px; }
        .l-footer .l-fnav__history .l-fnav__history__link {
          display: block;
          -webkit-transition: opacity .2s ease;
          transition: opacity .2s ease; }
          .l-footer .l-fnav__history .l-fnav__history__link:hover {
            opacity: .7; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-fnav__history {
        right: 0;
        bottom: 105px;
        bottom: 58vw;
        left: 0;
        width: 335px;
        width: 89.33333vw;
        height: 95.5px;
        height: 25.46667vw;
        margin: 0 auto; } }
  .l-footer .l-footer__sub {
    background-color: #fff; }
    .l-footer .l-footer__sub .l-footer__sub__inner {
      position: relative; }
      @media screen and (min-width: 769px), print {
        .l-footer .l-footer__sub .l-footer__sub__inner {
          width: 1040px;
          margin: 0 auto; } }
      @media screen and (max-width: 768px) {
        .l-footer .l-footer__sub .l-footer__sub__inner {
          padding-top: 13px;
          padding-top: 3.46667vw;
          padding-right: 20px;
          padding-right: 5.33333vw;
          padding-bottom: 68px;
          padding-bottom: 18.13333vw;
          padding-left: 20px;
          padding-left: 5.33333vw; } }
  .l-footer .l-fsnav {
    position: relative; }
  @media screen and (min-width: 769px), print {
    .l-footer .l-fsnav__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 38px 0;
      font-size: 13px;
      line-height: 1.3; } }
  @media screen and (max-width: 768px) {
    .l-footer .l-fsnav__list {
      text-align: center;
      font-size: 3.46667vw;
      line-height: 1.1; } }
  .l-footer .l-fsnav__list__itm {
    border-left-style: solid;
    border-left-color: #7d7d7d; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-fsnav__list__itm {
        border-left-width: 1px; }
        .l-footer .l-fsnav__list__itm:first-child {
          border-left: none; }
          .l-footer .l-fsnav__list__itm:first-child .l-fsnav__list__itm__link {
            padding-left: 0; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-fsnav__list__itm {
        display: inline-block;
        margin-top: 17px;
        margin-top: 4.53333vw;
        border-left-width: 1px;
        border-left-width: 0.26667vw; }
        .l-footer .l-fsnav__list__itm:nth-child(2), .l-footer .l-fsnav__list__itm:nth-child(4), .l-footer .l-fsnav__list__itm:last-child {
          border-right-style: solid;
          border-right-color: #7d7d7d;
          border-right-width: 1px;
          border-right-width: 0.26667vw; } }
  .l-footer .l-fsnav__list__itm__link {
    display: block; }
    @media screen and (min-width: 769px), print {
      .l-footer .l-fsnav__list__itm__link {
        padding-right: 15px;
        padding-left: 16px; } }
    @media screen and (max-width: 768px) {
      .l-footer .l-fsnav__list__itm__link {
        padding-right: 8px;
        padding-right: 2.13333vw;
        padding-left: 8px;
        padding-left: 2.13333vw; } }
    @media screen and (min-width: 769px), print {
      .l-footer .l-fsnav__list__itm__link:hover, .l-footer .l-fsnav__list__itm__link:focus {
        color: #e4002b;
        text-decoration: underline; } }

.l-footer__copy {
  text-align: center;
  color: #fff;
  background-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .l-footer__copy {
      height: 32px;
      line-height: 32px;
      font-size: 12px; } }
  @media screen and (max-width: 768px) {
    .l-footer__copy {
      height: 31px;
      height: 8.26667vw;
      font-size: 8px;
      font-size: 2.13333vw;
      line-height: 31px;
      line-height: 8.26667vw; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc {
    margin-top: 40px;
    border-top: 1px solid #aaa; } }

@media screen and (min-width: 769px), print {
  .is-fixed .l-gnav--pc {
    margin-top: -1px; } }

@media screen and (min-width: 769px), print {
  .is-fixed .l-gnav--pc .l-gnav__list__itm {
    height: 76px;
    padding: 10px 0 11px;
    -webkit-transition: padding .2s;
    transition: padding .2s; } }

@media screen and (min-width: 769px), print {
  .is-fixed.is-show .l-gnav--pc .l-gnav__sub,
  .is-fixed.is-show .l-gnav--pc .l-gnav__bg {
    top: 71px;
    max-height: 0;
    height: 0;
    opacity: 0; } }

@media screen and (min-width: 769px), print {
  .is-fixed.is-show .l-gnav--pc .l-gnav__sub {
    -webkit-transition: opacity .5s .4s, top .2s;
    transition: opacity .5s .4s, top .2s; } }

@media screen and (min-width: 769px), print {
  .is-fixed.is-show .l-gnav--pc .l-gnav__sub:hover {
    -webkit-transition: max-height .1s .2s, opacity .5s .4s, top .2s;
    transition: max-height .1s .2s, opacity .5s .4s, top .2s; } }

@media screen and (min-width: 769px), print {
  .is-fixed.is-show .l-gnav--pc .l-gnav__bg {
    -webkit-transition: top .2s;
    transition: top .2s; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm {
    position: relative;
    height: 55px;
    -webkit-transition: padding .3s;
    transition: padding .3s; }
    .l-gnav--pc .l-gnav__list__itm:first-child .l-gnav__list__itm__link {
      padding-left: 0 !important; }
      .l-gnav--pc .l-gnav__list__itm:first-child .l-gnav__list__itm__link:after {
        left: 0 !important; }
    .l-gnav--pc .l-gnav__list__itm:nth-child(6) {
      margin-left: 0; }
    .l-gnav--pc .l-gnav__list__itm:nth-child(n + 6) {
      color: #555; }
    .l-gnav--pc .l-gnav__list__itm:last-child .l-gnav__list__itm__link {
      padding-right: 0 !important; }
      .l-gnav--pc .l-gnav__list__itm:last-child .l-gnav__list__itm__link:after {
        right: 0 !important; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__list__itm:hover .l-gnav__sub {
      max-height: 400px;
      opacity: 1;
      -webkit-transition: max-height .1s .2s, opacity .5s .4s;
      transition: max-height .1s .2s, opacity .5s .4s; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__list__itm:hover .l-gnav__list__itm__link:after {
      height: 2px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm:focus-within .l-gnav__sub {
      max-height: 400px;
      opacity: 1;
      -webkit-transition: max-height .1s .2s, opacity .5s .4s;
      transition: max-height .1s .2s, opacity .5s .4s; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm:focus-within .l-gnav__list__itm__link:after {
      height: 2px; } }

@media screen and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm:focus-within:last-child .l-gnav__list__itm__link {
      margin-right: 10px !important;
      padding-right: 10px !important; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm.is-focus-within .l-gnav__sub {
      max-height: 400px;
      opacity: 1;
      -webkit-transition: max-height .1s .2s, opacity .5s .4s;
      transition: max-height .1s .2s, opacity .5s .4s; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm.is-focus-within .l-gnav__list__itm__link:after {
      height: 2px; } }

@media screen and (min-width: 769px), print {
    .is-user-tabbing .l-gnav--pc .l-gnav__list__itm.is-focus-within:last-child .l-gnav__list__itm__link {
      margin-right: 10px !important;
      padding-right: 10px !important; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm .l-gnav__sublist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm .l-gnav__sublist__itm {
    width: 25%; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__bg {
    position: fixed;
    width: 100%;
    z-index: 10001;
    left: 0;
    top: 96px;
    background-color: #fff; } }

.l-gnav--pc .l-gnav__list__itm__link {
  height: 100%; }
  @media screen and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__list__itm__link {
      display: block;
      position: relative;
      padding: 15px 6px 0;
      text-decoration: none;
      font-size: 13px;
      font-weight: bold; }
      .l-gnav--pc .l-gnav__list__itm__link:after {
        content: '';
        display: block;
        position: absolute;
        right: 11px;
        bottom: 0;
        left: 11px;
        z-index: 1;
        height: 0;
        background-color: #e4002b;
        -webkit-transition: height .2s;
        transition: height .2s; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__sub {
    display: block;
    position: fixed;
    overflow: hidden;
    max-height: 0;
    top: 93px;
    left: 0;
    z-index: 10003;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s .4s;
    transition: opacity .5s .4s; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__sub .l-gnav__subinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1040px;
    margin: 0 auto;
    padding: 20px 0; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
    width: 268px;
    margin-right: 30px;
    padding-bottom: 1.35px;
    padding-top: 1.35px;
    line-height: 1.9;
    border-right: 1px solid #ddd; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
      padding-bottom: calc(9px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      padding-top: calc(9px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-gnav--pc .l-gnav__sub .l-gnav__sub__ttl {
      padding-bottom: 0.18vw;
      padding-top: 0.18vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

.l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
  display: block;
  position: relative;
  text-decoration: none; }
  @media screen and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
      padding-left: 15px;
      line-height: 1.5;
      padding-bottom: 5.75px;
      padding-top: 5.75px;
      line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
      padding-bottom: calc(9px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
      padding-top: calc(9px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link {
      padding-bottom: 0.76667vw;
      padding-top: 0.76667vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }
  .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
        -ms-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:before {
        width: 5px;
        height: 5px; } }
  @media screen and (min-width: 769px), print {
    .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:hover {
      color: #e4002b; }
      .l-gnav--pc .l-gnav__sub .l-gnav__sublist__itm__link:hover:before {
        border-color: #e4002b; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+1) {
    width: 170px; }
  .l-gnav--pc .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+2) {
    width: 120px; }
  .l-gnav--pc .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+3) {
    width: 160px; }
  .l-gnav--pc .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+4) {
    width: 166px; }
  .l-gnav--pc .l-gnav__list__itm.r-company .l-gnav__sublist .l-gnav__sublist__itm:nth-child(5n+5) {
    width: 145px; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+1) {
    width: 200px; }
  .l-gnav--pc .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+2) {
    width: 164px; }
  .l-gnav--pc .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+3) {
    width: 128px; }
  .l-gnav--pc .l-gnav__list__itm.r-group .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+4) {
    width: 204px; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+1) {
    width: 240px; }
  .l-gnav--pc .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+2) {
    width: 230px; }
  .l-gnav--pc .l-gnav__list__itm.r-education .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+3) {
    width: 215px; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+1) {
    width: 240px; }
  .l-gnav--pc .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+2) {
    width: 220px; }
  .l-gnav--pc .l-gnav__list__itm.r-csr .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+3) {
    width: 190px; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+1) {
    width: 180px; }
  .l-gnav--pc .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+2) {
    width: 180px; }
  .l-gnav--pc .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+3) {
    width: 180px; }
  .l-gnav--pc .l-gnav__list__itm.r-rd .l-gnav__sublist .l-gnav__sublist__itm:nth-child(4n+4) {
    width: 210px; } }

@media screen and (min-width: 769px), print {
  .l-gnav--pc .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+1) {
    width: 200px; }
  .l-gnav--pc .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+2) {
    width: 200px; }
  .l-gnav--pc .l-gnav__list__itm.r-ir .l-gnav__sublist .l-gnav__sublist__itm:nth-child(3n+3) {
    width: 230px; } }

@media screen and (min-width: 769px), print {
  .l-gnav__bnrlist {
    width: 130px;
  }
  .l-gnav__bnrlist__itm {
    margin-bottom: 10px;
  }
  .l-gnav__bnrlist__itm__link {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .l-gnav__bnrlist__itm__link__ls {
    letter-spacing: -1px;
  }
  .l-gnav__bnrlist__itm__link img {
    transition: opacity .2s;
    width: 100px;
    height: auto;
    border: 1px solid #ccc;
    margin-bottom: 3px;
    border-radius: 3px;
  }
  .l-gnav__bnrlist__itm__link:hover {
    text-decoration: none;
    color: #e4002b;
  }
  .l-gnav__bnrlist__itm__link:hover img {
    opacity: 0.6;
  }
}






@media screen and (min-width: 769px), print {
  .l-gnav--sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp {
    position: relative;
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: #f2f2f2;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease; } }

@media screen and (max-width: 768px) {
  [aria-expanded=true] + .l-gnav--sp,
  [aria-expanded=true] + * + .l-gnav--sp {
    display: block;
    height: 100%;
    opacity: 1;
    z-index: 10003;
    left: 0; } }

@media screen and (max-width: 768px) {
  [aria-expanded=true] + .l-gnav--sp .l-gnav__inner--sp,
  [aria-expanded=true] + * + .l-gnav--sp .l-gnav__inner--sp {
    display: block; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__inner--sp {
    background-color: #f2f2f2;
    display: none;
    position: relative;
    padding-bottom: 225px;
    padding-bottom: 87vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list--sp {
    border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm {
    position: relative;
    border-top: 1px solid #ddd;
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm .l-gnav__sub {
    overflow: hidden;
    height: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    border-top: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm span[role=button] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    width: 45px;
    width: 12vw;
    height: 51px;
    height: 13.6vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm span[role=button]:before, .l-gnav--sp .l-gnav__list__itm span[role=button]:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: #e4002b;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm span[role=button]:before {
    width: 8px;
    width: 2.13333vw;
    height: 1px;
    height: 0.26667vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm span[role=button][aria-expanded="true"] + .l-gnav__sub {
    height: auto;
    opacity: 1; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm span[role=button]:not([aria-expanded="true"]):after {
    width: 1px;
    width: 0.26667vw;
    height: 8px;
    height: 2.13333vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm:not(.role-has-sublist) .l-gnav__list__itm__link:after,
  .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
        -ms-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg);
    right: 20px;
    right: 5.33333vw;
    width: 4px;
    width: 1.06667vw;
    height: 4px;
    height: 1.06667vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
    display: block;
    position: relative;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw;
    text-decoration: none;
    line-height: 1.5;
    padding-bottom: 31.5px;
    padding-top: 31.5px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__list__itm__link {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm {
  position: relative; }
  @media screen and (max-width: 768px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm:last-child .l-gnav__sublist__itm__link {
      border-bottom: none !important; } }
  @media screen and (max-width: 768px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm.is-current {
      background-color: #f9f9f9; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
    display: block;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 45px;
    padding-left: 12vw;
    padding-bottom: 31.5px;
    padding-top: 31.5px;
    line-height: 1.5;
    border-bottom: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.l-gnav--sp .l-gnav__list__itm .l-gnav__sublist__itm__link:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b;
  width: 10px;
  width: 2.66667vw;
  height: 10px;
  height: 2.66667vw;
  left: 25px;
  left: 6.66667vw;
  top: 17px;
  top: 4.53333vw; }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav__history {
    position: absolute;
    right: 0;
    bottom: 105px;
    bottom: 28vw;
    left: 0;
    width: 335px;
    width: 89.33333vw;
    height: 95.5px;
    height: 54.46667vw;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav-btn-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: absolute;
    z-index: 1;
    bottom: 30px;
    bottom: 8vw;
    padding-left: 20px;
    padding-left: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm {
    font-weight: bold;
    line-height: 1.5;
    width: 160px;
    width: 42.66667vw;
    height: 40px;
    height: 10.66667vw;
    margin-left: 13.5px;
    margin-left: 3.6vw; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm:nth-of-type(1) {
    margin-left: 0; } }

@media screen and (max-width: 768px) {
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #e4002b;
    text-decoration: none;
    border: 1px solid #e4002b;
    border-radius: 100px; }
    .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: border-color .65s ease;
      transition: border-color .65s ease; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link {
      font-size: 14px;
      -webkit-transition: color .65s ease;
      transition: color .65s ease; }
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
        right: 21px;
        width: 5px;
        height: 5px;
        margin-top: -3px; }
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link:after {
        content: '';
        position: absolute;
        top: 0;
        left: -200%;
        z-index: 0;
        width: 150%;
        height: 450%;
        border-radius: 50%;
        background-color: #e4002b;
        -webkit-transition: top .65s ease, left .65s ease;
        transition: top .65s ease, left .65s ease; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link:before {
      right: 25px;
      right: 6.66667vw;
      width: 4px;
      width: 1.06667vw;
      height: 4px;
      height: 1.06667vw;
      margin-top: -2px;
      margin-top: -0.53333vw; } }

@media screen and (max-width: 768px) {
    .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link .l-gnav-btn-list__itm__cnt {
      display: inline-block;
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); } }

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"]:before {
  display: none; }

.l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt {
  position: relative; }
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before, .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before, .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
        width: 8px;
        height: 8px;
        -webkit-transition: border-color .4s ease;
        transition: border-color .4s ease; } }
    @media screen and (max-width: 768px) {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before, .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
        width: 8px;
        width: 2.13333vw;
        height: 8px;
        height: 2.13333vw; } }
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
    border-left: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b; }
    @media screen and (min-width: 769px), print {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
        right: 23px;
        margin-top: -1px; } }
    @media screen and (max-width: 768px) {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:before {
        right: 17px;
        right: 4.53333vw;
        margin-top: -2px;
        margin-top: -0.53333vw; } }
  .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
    border: 1px solid #e4002b;
    content: "";
    text-indent: -99999px;
    overflow: hidden; }
    @media screen and (min-width: 769px), print {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
        right: 21px;
        margin-top: -4px; } }
    @media screen and (max-width: 768px) {
      .l-gnav--sp .l-gnav-btn-list .l-gnav-btn-list__itm__link[target="_blank"] .l-gnav-btn-list__itm__cnt:after {
        right: 15.5px;
        right: 4.13333vw;
        margin-top: -4px;
        margin-top: -1.06667vw; } }

@media screen and (max-width: 768px) {
  .is-header-fixed .l-header.is-hide [aria-expanded=true] + .l-gnav--sp,
  .is-header-fixed .l-header.is-hide [aria-expanded=true] + * + .l-gnav--sp {
    -webkit-transition: opacity .2s ease, height .2s ease;
    transition: opacity .2s ease, height .2s ease; } }

@media screen and (min-width: 769px), print {
  .l-unav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4; } }

@media screen and (min-width: 769px), print {
  .is-fixed .l-unav {
    overflow: hidden;
    height: 0; } }

@media screen and (min-width: 769px), print {
  .l-unav__list__itm:hover .l-unav__sub {
    max-height: 1400px;
    opacity: 1; } }

.l-unav__list__itm:hover:after {
  height: 2px; }

.l-unav__list__itm:hover .l-unav__list__itm__link {
  text-decoration: none; }

@media screen and (min-width: 769px), print {
  .is-user-tabbing .l-unav__list__itm:focus-within .l-unav__sub {
    max-height: 1400px;
    opacity: 1; } }

.is-user-tabbing .l-unav__list__itm.is-focus-within:after {
  height: 2px; }

.is-user-tabbing .l-unav__list__itm.is-focus-within .l-unav__list__itm__link {
  text-decoration: none; }

@media screen and (min-width: 769px), print {
  .is-user-tabbing .l-unav__list__itm.is-focus-within .l-unav__sub {
    max-height: 1400px;
    opacity: 1; } }

@media screen and (min-width: 769px), print {
  .l-unav__list__itm {
    position: relative;
    float: left; }
    .l-unav__list__itm:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 14px;
      z-index: 1;
      height: 0;
      background-color: #e4002b;
      -webkit-transition: height .2s;
      transition: height .2s; }
    .l-unav__list__itm:focus {
      outline: 0; } }

@media screen and (min-width: 769px), print {
  .l-unav__list__itm.r-global .l-unav__list__itm__link {
    padding-right: 17px !important;
    margin-right: 0 !important; }
    .l-unav__list__itm.r-global .l-unav__list__itm__link:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 1;
      width: 12px;
      height: 12px;
      margin-top: -7px;
      background: url(https://lp.kewpie.com/assets/img/common/ico_global-01.svg) no-repeat center;
      background-size: cover; }
  .l-unav__list__itm.r-global:after {
    right: 0; } }

.l-unav .l-unav__list__itm__link {
  display: block; }
  @media screen and (min-width: 769px), print {
    .l-unav .l-unav__list__itm__link {
      height: 41px;
      padding: 10px 16px;
      color: #555;
      font-weight: bold;
      font-size: 12px; } }

@media screen and (min-width: 769px), print {
  .l-unav .l-unav__list__itm__link[target="_blank"] {
    position: relative; }
    .l-unav .l-unav__list__itm__link[target="_blank"]:before, .l-unav .l-unav__list__itm__link[target="_blank"]:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      width: 8px;
      height: 8px; }
    .l-unav .l-unav__list__itm__link[target="_blank"]:after {
      right: 0;
      margin-top: -5px;
      border: 1px solid #555;
      text-indent: -99999px;
      content: '';
      overflow: hidden; }
    .l-unav .l-unav__list__itm__link[target="_blank"]:before {
      right: 2px;
      margin-top: -3px;
      border-bottom: 1px solid #555;
      border-left: 1px solid #555; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-unav .l-unav__list__itm__link[target="_blank"]:focus {
      margin-right: -10px;
      padding-right: 26px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-unav .l-unav__list__itm__link[target="_blank"]:focus:after {
      right: 10px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-unav .l-unav__list__itm__link[target="_blank"]:focus:before {
      right: 12px; } }

@media screen and (min-width: 769px), print {
  .l-unav .l-unav__sub {
    display: block;
    position: absolute;
    overflow: hidden;
    max-height: 0;
    top: 41px;
    right: -85px;
    z-index: 10004;
    width: 742px;
    opacity: 0;
    -webkit-transition: opacity .5s .2s;
    transition: opacity .5s .2s; } }

@media screen and (min-width: 769px), print {
  .l-unav .l-unav__sub .l-unav__subinner {
    position: relative;
    width: 742px;
    margin-top: 15px;
    padding: 5px 30px 15px;
    background-color: #fff;
    border: 1px solid #ddd; } }

@media screen and (min-width: 769px), print {
  .l-unav .l-unav__sub .l-unav__subinner:before {
    content: '';
    display: block;
    position: absolute;
    right: 144px;
    top: -16px;
    border: solid 7px transparent;
    border-top: solid 6px transparent;
    border-bottom: solid 10px #aaa; } }

@media screen and (min-width: 769px), print {
  .l-unav .l-unav__sub .l-unav__subinner:after {
    content: '';
    display: block;
    position: absolute;
    right: 145px;
    top: -15px;
    border: solid 6px transparent;
    border-bottom: solid 9px #fff; } }

@media screen and (min-width: 769px), print {
  .l-gnav__sub__btn {
    position: absolute;
    width: 210px;
    right: 20px;
    top: -15px; } }

.l-unav__sub__hdg--lv2 {
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .l-unav__sub__hdg--lv2 {
      margin-bottom: 8px;
      margin-top: 8px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-unav__sub__hdg--lv2 {
      margin-bottom: calc(15px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
      margin-top: calc(15px - (((1.33333rem * 1.7) - 1.33333rem) / 2));
      font-size: 1.33333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-unav__sub__hdg--lv2 {
      margin-bottom: 1.06667vw;
      margin-top: 1.06667vw;
      font-size: 10px;
      font-size: 2.66667vw; } }

.l-unav__closebtn {
  position: absolute;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .l-unav__closebtn {
      top: 20px;
      right: 30px;
      width: 20px;
      height: 20px;
      -webkit-transition: -webkit-transform .2s;
      transition: -webkit-transform .2s;
      transition: transform .2s;
      transition: transform .2s, -webkit-transform .2s; } }
  @media screen and (min-width: 769px), print {
    .l-unav__closebtn:hover, .l-unav__closebtn:focus {
      -webkit-transform: rotate(45deg) scale(1.1);
          -ms-transform: rotate(45deg) scale(1.1);
              transform: rotate(45deg) scale(1.1); } }
  .l-unav__closebtn:before, .l-unav__closebtn:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .l-unav__closebtn:before, .l-unav__closebtn:after {
        width: 1px;
        height: 20px; } }
  .l-unav__closebtn:after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .is-tablet .l-unav__closebtn {
    display: none; }

@media screen and (min-width: 769px), print {
  .l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm {
    width: 210px; } }

@media screen and (min-width: 769px), print {
  .l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm > a, .l-unav__lyt.r-crosssite .l-unav__pnllist-bnr .r-itm > span {
    min-height: 215px; } }

.l-unav__pnllist-bnr__itms {
  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;
  width: 100%; }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr.r-col3:nth-child(n+4) {
    margin-top: 15px; } }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-itm > a, .l-unav__pnllist-bnr .r-itm > span {
    display: block; } }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-itm > a:hover img, .l-unav__pnllist-bnr .r-itm > a:focus img, .l-unav__pnllist-bnr .r-itm > span:hover img, .l-unav__pnllist-bnr .r-itm > span:focus img {
    opacity: .6; } }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-itm > a:focus, .l-unav__pnllist-bnr .r-itm > span:focus {
    outline-offset: 2px; } }

.l-unav__pnllist-bnr .r-itm.r-blank .r-hdg {
  padding-right: 1.2em;
  position: relative; }
  .l-unav__pnllist-bnr .r-itm.r-blank .r-hdg:after {
    content: "";
    overflow: hidden;
    text-indent: -99999px;
    position: absolute;
    right: 2px;
    width: 1.2em;
    height: 23px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
    background-size: 0.8em auto; }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-img {
    overflow: hidden; } }

.l-unav__pnllist-bnr .r-img.r-has-bdr {
  border: 1px solid #ddd; }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-img img {
    -webkit-transition: opacity .25s;
    transition: opacity .25s; } }

@media screen and (min-width: 769px), print {
  .l-unav__pnllist-bnr .r-hdg {
    display: block;
    margin-bottom: 12.1px;
    margin-top: 12.1px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-unav__pnllist-bnr .r-hdg {
      margin-bottom: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-top: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-unav__pnllist-bnr .r-hdg {
      margin-bottom: 1.61333vw;
      margin-top: 1.61333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

.l-lnav {
  border-top: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b; }
  @media screen and (min-width: 769px), print {
    .l-lnav__itm {
      border-bottom: 1px solid #ededed; } }
  @media screen and (max-width: 768px) {
    .l-lnav__itm {
      border-bottom: 1px solid #dcdcdc; } }
  .l-lnav__sublist {
    overflow: hidden;
    height: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0; }
    [aria-expanded="true"] + .l-lnav__sublist {
      height: auto;
      opacity: 1; }
    .is-current + [aria-expanded="false"] + .l-lnav__sublist,
    .is-current-parent + [aria-expanded="false"] + .l-lnav__sublist {
      height: auto;
      opacity: 1; }
  .l-lnav__itm__link, .l-lnav__sublist__itm__link {
    display: block;
    position: relative;
    line-height: 1.5; }
    @media screen and (min-width: 769px), print {
      .l-lnav__itm__link, .l-lnav__sublist__itm__link {
        padding-right: 40px;
        padding-bottom: 16.25px;
        padding-top: 16.25px;
        line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-lnav__itm__link, .l-lnav__sublist__itm__link {
      padding-bottom: calc(20px - (((1rem * 1.5) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.5) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-lnav__itm__link, .l-lnav__sublist__itm__link {
      padding-bottom: 2.16667vw;
      padding-top: 2.16667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .l-lnav__itm__link, .l-lnav__sublist__itm__link {
        padding-right: 20px;
        padding-right: 5.33333vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-bottom: 33.5px;
        padding-top: 33.5px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-lnav__itm__link, .l-lnav__sublist__itm__link {
      padding-bottom: calc(40px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(40px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-lnav__itm__link, .l-lnav__sublist__itm__link {
      padding-bottom: 4.46667vw;
      padding-top: 4.46667vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
    .l-lnav__itm__link.is-current, .l-lnav__sublist__itm__link.is-current {
      text-decoration: none;
      background-color: #f2f2f2; }
      .l-lnav__itm__link.is-current + [aria-expanded="false"]:after, .l-lnav__sublist__itm__link.is-current + [aria-expanded="false"]:after {
        background-image: url(/assets/img/common/ico_minus-01.svg) !important; }
      .l-lnav__itm__link.is-current-parent + [aria-expanded="false"]:after, .l-lnav__sublist__itm__link.is-current-parent + [aria-expanded="false"]:after {
        background-image: url(/assets/img/common/ico_minus-01.svg) !important; }
    @media screen and (min-width: 769px), print {
      .l-lnav__itm__link:hover, .l-lnav__itm__link:active, .l-lnav__itm__link:focus, .l-lnav__sublist__itm__link:hover, .l-lnav__sublist__itm__link:active, .l-lnav__sublist__itm__link:focus {
        text-decoration: none;
        background-color: #f2f2f2; } }
    .l-lnav__itm__link:after, .l-lnav__sublist__itm__link:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
              transform: rotate(-45deg) translate3d(0, 0, 0); }
      @media screen and (min-width: 769px), print {
        .l-lnav__itm__link:after, .l-lnav__sublist__itm__link:after {
          right: 20px;
          width: 5px;
          height: 5px;
          margin-top: -3px; } }
      @media screen and (max-width: 768px) {
        .l-lnav__itm__link:after, .l-lnav__sublist__itm__link:after {
          right: 20px;
          right: 5.33333vw;
          width: 5px;
          width: 1.33333vw;
          height: 5px;
          height: 1.33333vw;
          min-width: 5px;
          min-height: 5px;
          margin-top: -2.5px;
          margin-top: -0.66667vw;
          border-width: 1px;
          border-width: 0.26667vw; } }
    .l-lnav__itm__link__txt, .l-lnav__sublist__itm__link__txt {
      display: block; }
  .l-lnav__itm.role-has-sublist {
    position: relative; }
    .l-lnav__itm.role-has-sublist .l-lnav__itm__link:after {
      display: none; }
    .l-lnav__itm.role-has-sublist span[role=button] {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      height: 100%;
      cursor: pointer; }
      @media screen and (min-width: 769px), print {
        .l-lnav__itm.role-has-sublist span[role=button] {
          width: 44px;
          height: 54px; } }
      @media screen and (max-width: 768px) {
        .l-lnav__itm.role-has-sublist span[role=button] {
          width: 44px;
          width: 11.73333vw;
          height: 50.5px;
          height: 13.46667vw; } }
      .l-lnav__itm.role-has-sublist span[role=button]:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        background-image: url(/assets/img/common/ico_minus-01.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto; }
        @media screen and (min-width: 769px), print {
          .l-lnav__itm.role-has-sublist span[role=button]:after {
            width: 10px;
            height: 10px;
            margin-top: -5px;
            margin-left: -5px; } }
        @media screen and (max-width: 768px) {
          .l-lnav__itm.role-has-sublist span[role=button]:after {
            width: 9px;
            width: 2.4vw;
            height: 9px;
            height: 2.4vw;
            margin-top: -4.5px;
            margin-top: -1.2vw;
            margin-left: -4.5px;
            margin-left: -1.2vw; } }
      .l-lnav__itm.role-has-sublist span[role=button]:not([aria-expanded="true"]):after {
        background-image: url(/assets/img/common/ico_plus-01.svg); }
  @media screen and (min-width: 769px), print {
    .l-lnav__itm__link {
      padding-left: 24px; } }
  @media screen and (min-width: 769px), print {
    .l-lnav__sublist__itm__link {
      padding-left: 44px; } }
  @media screen and (max-width: 768px) {
    .l-lnav__sublist__itm__link {
      background-color: #f2f2f2;
      border-top: 1px solid #dcdcdc; } }
  @media screen and (min-width: 769px), print {
    .l-lnav__sublist__itm__link__txt:after {
      content: '';
      display: block;
      position: absolute;
      top: 20px;
      left: 24px;
      z-index: 1;
      width: 9px;
      height: 5px;
      border-left: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b; } }

@media screen and (min-width: 769px), print {
  .l-header {
    height: 96px;
    border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .l-header {
    height: 65px;
    height: 17.33333vw; } }

.l-header:after {
  -webkit-transition: top .3s;
  transition: top .3s; }

.l-header.is-closing .l-header__inner, .l-header.is-closing .l-header__bg {
  pointer-events: none; }

@media screen and (min-width: 769px), print {
  .l-header.is-fixed:after {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 76px;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 10002;
    border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 769px), print {
  .l-header.is-fixed .l-header__site__genre--emphasis {
    opacity: 1; } }

@media screen and (min-width: 769px), print {
  .l-header.is-fixed .l-header__site__genre {
    display: none; } }

@media screen and (min-width: 769px), print {
  .l-header.is-hide:after {
    top: -100px; } }

.is-gnav-open .l-header:after {
  content: '';
  display: block;
  position: fixed;
  width: 100%;
  height: 140%;
  top: -20%;
  left: 0;
  background-color: #f2f2f2; }

@media screen and (min-width: 769px), print {
  .l-header__bg {
    display: block;
    position: fixed;
    top: 97px;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10001;
    opacity: 0;
    -webkit-transition: opacity .1s, height .1s .3s;
    transition: opacity .1s, height .1s .3s; } }

@media screen and (min-width: 769px), print {
  .l-header__bg.is-show {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s; } }

.is-fixed .l-header__bg {
  top: 0; }

@media screen and (min-width: 769px), print {
  .is-fixed.is-show .l-header__bg {
    max-height: 0;
    height: 0;
    opacity: 0; } }

.l-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  -webkit-transition: top .3s;
  transition: top .3s;
  z-index: 10003; }
  @media screen and (min-width: 769px), print {
    .l-header__inner {
      width: 1040px;
      height: 95px;
      margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    .l-header__inner {
      width: 100%;
      height: 65px;
      height: 17.33333vw;
      border-bottom: 1px solid #e4002b;
      background-color: #fff; } }
  .is-fixed .l-header__inner {
    position: fixed; }
    @media screen and (min-width: 769px), print {
      .is-fixed .l-header__inner {
        height: 75px;
        top: 0;
        left: 50%;
        margin-left: -520px; } }
    @media screen and (max-width: 768px) {
      .is-fixed .l-header__inner {
        top: 0; } }
  @media screen and (min-width: 769px), print {
    .is-fixed.is-hide .l-header__inner {
      top: -100px; } }
  @media screen and (max-width: 768px) {
    .is-fixed.is-hide .l-header__inner {
      top: -68px;
      top: -18.13333vw; } }
  @media screen and (max-width: 768px) {
    .is-show .l-header__inner {
      position: fixed; } }
  @media screen and (max-width: 768px) {
    .is-gnav-open .l-header__inner {
      position: fixed;
      overflow-y: scroll;
      height: calc(100% - 1px);
      top: 0;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      border-bottom: 0; } }

.l-header__main {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .l-header__main {
      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;
      width: 268px;
      -webkit-transition: padding-top .3s;
      transition: padding-top .3s; } }
  @media screen and (max-width: 768px) {
    .l-header__main {
      width: 100%;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .is-fixed .l-header__main {
      margin-top: -32px;
      padding-top: 32px; } }
  @media screen and (max-width: 768px) {
    .is-gnav-open .l-header__main {
      height: 65px;
      height: 17.33333vw; } }

.l-header__logo {
  display: block; }
  @media screen and (max-width: 768px) {
    .l-header__logo {
      width: 108.5px;
      width: 28.93333vw;
      height: 39.5px;
      height: 10.53333vw;
      margin-top: 11.5px;
      margin-top: 3.06667vw; } }

.l-header__logo__link {
  display: block; }
  @media screen and (min-width: 769px), print {
    .l-header__logo__link {
      width: 165px; } }
  @media screen and (max-width: 768px) {
    .l-header__logo__link {
      width: 108.5px;
      width: 28.93333vw;
      height: 39.5px;
      height: 10.53333vw; } }

.l-header__logo__link100th {
  display: block; }
  @media screen and (min-width: 769px), print {
    .l-header__logo__link100th {
      width: 183px;
      outline: none; } }
  @media screen and (max-width: 768px) {
    .l-header__logo__link100th {
      width: 141.5px;
      width: 37.73333vw; } }
  @media screen and (min-width: 769px), print {
    .is-fixed .l-header__logo__link100th {
      width: 168px; } }

@media screen and (min-width: 769px), print {
  .l-header__logo__img {
    width: 100%;
    height: auto; } }

.l-header__site__genre--emphasis {
  color: #e4002b;
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .l-header__site__genre--emphasis {
      opacity: 0;
      margin-left: 15px;
      line-height: 1.7;
      font-size: 13px;
      -webkit-transition: opacity .2s ease;
      transition: opacity .2s ease; } }
  @media screen and (max-width: 768px) {
    .l-header__site__genre--emphasis {
      position: absolute;
      top: 20px;
      top: 5.33333vw;
      left: 140px;
      left: 37.33333vw; } }
  @media screen and (max-width: 768px) {
    .l-header__site__genre--emphasis.r-100th {
      left: 175px;
      left: 46.66667vw; } }

@media screen and (min-width: 769px), print {
  .l-header__sub {
    position: relative;
    width: 742px;
    margin-left: 30px; } }

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

@media screen and (min-width: 769px), print {
  .l-header__site__genre {
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 1;
    font-size: 11px; } }

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

@media screen and (min-width: 769px), print {
  .l-header__search {
    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;
    position: absolute;
    width: 1px;
    height: 47px;
    right: -10px;
    top: 48px;
    z-index: 1;
    -webkit-transition: width .4s .4s, background-color .4s;
    transition: width .4s .4s, background-color .4s; } }

@media screen and (max-width: 768px) {
  .l-header__search {
    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;
    position: absolute;
    width: 1px;
    height: 62px;
    height: 16.53333vw;
    padding-top: 11px;
    padding-top: 2.93333vw;
    right: 50px;
    right: 13.33333vw;
    top: 0px;
    top: 0vw;
    z-index: 1;
    -webkit-transition: width .4s .4s, background-color .4s, right .3s;
    transition: width .4s .4s, background-color .4s, right .3s; } }

@media screen and (min-width: 769px), print {
  .is-fixed .l-header__search {
    top: 18px; } }

@media screen and (max-width: 768px) {
  .l-header__search > form {
    max-width: 40px;
    max-width: 10.66667vw; } }

@media screen and (min-width: 769px), print {
  .l-header__search .l-header__search__cover {
    position: absolute;
    width: 30px;
    height: 40px;
    right: 0;
    bottom: 8px;
    z-index: 3;
    cursor: pointer; } }

@media screen and (max-width: 768px) {
  .l-header__search .l-header__search__cover {
    position: absolute;
    width: 40px;
    width: 10.66667vw;
    height: 62px;
    height: 16.53333vw;
    right: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer; } }

.l-header__search .l-header__search__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 0;
  padding: 0;
  -webkit-transition: width .4s, opacity .4s;
  transition: width .4s, opacity .4s;
  opacity: 0; }
  @media screen and (min-width: 769px), print {
    .l-header__search .l-header__search__input {
      height: 40px;
      font-size: 13px;
      border: none;
      border-radius: 20px;
      outline: 0;
      background-color: #f9f9f9; } }
  @media screen and (max-width: 768px) {
    .l-header__search .l-header__search__input {
      height: 80px;
      height: 21.33333vw;
      font-size: 22px;
      font-size: 5.86667vw;
      border: none;
      border-radius: 40px;
      border-radius: 10.66667vw;
      outline: 0;
      background-color: #f9f9f9;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: top right;
          -ms-transform-origin: top right;
              transform-origin: top right; } }
  .l-header__search .l-header__search__input::-webkit-input-placeholder {
    color: #aaa; }
  .l-header__search .l-header__search__input::placeholder {
    color: #aaa; }
  .l-header__search .l-header__search__input:focus {
    box-shadow: 0 0 5px #ddd inset; }

.is-user-tabbing .l-header__search .l-header__search__input:focus {
  border: 2px solid #e4002b; }

.l-header__search .l-header__search__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-indent: -99999px; }
  @media screen and (min-width: 769px), print {
    .l-header__search .l-header__search__btn {
      position: absolute;
      top: 13px;
      right: 10px;
      z-index: 2;
      width: 14px;
      height: 14px;
      border: none;
      background-image: url(/assets/img/common/ico_search-01.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%;
      background-color: transparent; } }
  @media screen and (max-width: 768px) {
    .l-header__search .l-header__search__btn {
      position: absolute;
      top: 22px;
      top: 5.86667vw;
      right: 0px;
      right: 0vw;
      z-index: 2;
      width: 40px;
      width: 10.66667vw;
      height: 20px;
      height: 5.33333vw;
      padding: 0;
      border: none;
      background-image: url(/assets/img/common/ico_search-01.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px;
      background-size: 5.33333vw;
      background-color: transparent; } }

.l-header__search.is-open {
  background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .l-header__search.is-open {
      width: 755px;
      -webkit-transition: background-color .4s;
      transition: background-color .4s; } }
  @media screen and (max-width: 768px) {
    .l-header__search.is-open {
      width: 100%;
      right: 20px;
      right: 5.33333vw;
      -webkit-transition: background-color .4s, right .3s;
      transition: background-color .4s, right .3s; } }
  @media screen and (max-width: 768px) {
    .l-header__search.is-open > form {
      max-width: inherit; } }
  .l-header__search.is-open .l-header__search__input {
    display: block;
    -webkit-transition: width .4s, opacity .2s;
    transition: width .4s, opacity .2s; }
    @media screen and (min-width: 769px), print {
      .l-header__search.is-open .l-header__search__input {
        width: 404px;
        padding-left: 20px;
        opacity: 1; } }
    @media screen and (max-width: 768px) {
      .l-header__search.is-open .l-header__search__input {
        width: 670px;
        width: 178.66667vw;
        padding-left: 40px;
        padding-left: 10.66667vw;
        opacity: 1; } }
  .l-header__search.is-open .l-header__search__cover {
    display: none; }
  @media screen and (max-width: 768px) {
    .l-header__search.is-open .l-header__search__btn {
      right: 5px;
      right: 1.33333vw; } }

@media screen and (min-width: 769px), print {
  .l-header__nav__btn,.l-gnav--sp-closebtn {
    display: none; } }

@media screen and (max-width: 768px) {
  .l-header__nav__btn {
    display: block;
    position: absolute;
    top: 25px;
    top: 6.66667vw;
    right: 20px;
    right: 5.33333vw;
    width: 20px;
    width: 5.33333vw;
    height: 16px;
    height: 4.26667vw; }
    .l-header__nav__btn .l-header__nav__btn__bar {
      display: block;
      position: absolute;
      right: 0;
      z-index: 1;
      width: 100%;
      height: 2px;
      height: 0.53333vw;
      background-color: #e4002b;
      -webkit-transition: top .2s ease, -webkit-transform .2s ease;
      transition: top .2s ease, -webkit-transform .2s ease;
      transition: top .2s ease, transform .2s ease;
      transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease; }
      .l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(1) {
        top: 0; }
      .l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(2) {
        top: 7px;
        top: 1.86667vw;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease; }
      .l-header__nav__btn .l-header__nav__btn__bar:nth-of-type(3) {
        bottom: 0; }

  .l-gnav--sp-closebtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
    right: 5.33333vw;
    width: 20px;
    width: 5.33333vw;
    height: 16px;
    height: 4.26667vw;
  }
  .l-gnav--sp-closebtn__bar {
    display: block;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    height: 0.53333vw;
    background-color: #e4002b;
    -webkit-transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, transform .2s ease;
    transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease;
  }
  .l-gnav--sp-closebtn .l-gnav--sp-closebtn__bar:nth-of-type(1) {
    top: 6px;
    top: 1.6vw;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .l-gnav--sp-closebtn .l-gnav--sp-closebtn__bar:nth-of-type(2) {
    top: 6px;
    top: 1.6vw;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

}

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(1) {
  top: 6px;
  top: 1.6vw;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(2) {
  opacity: 0; }

.l-header__nav__btn[aria-expanded="true"] .l-header__nav__btn__bar:nth-of-type(3) {
  top: 6px;
  top: 1.6vw;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.l-breadcrumb {
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .l-breadcrumb {
      position: relative;
      z-index: 1;
      min-height: 48px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media screen and (max-width: 768px) {
    .l-breadcrumb {
      position: relative;
      margin-top: 75px;
      margin-top: 20vw;
      background-color: #f2f2f2; } }
  .l-breadcrumb .l-breadcrumb__inr {
    margin: 0 auto;
    line-height: 1.7; }
    @media screen and (min-width: 769px), print {
      .l-breadcrumb .l-breadcrumb__inr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding-top: 13px;
        padding-bottom: 13px;
        font-size: 13px; } }
    @media screen and (max-width: 768px) {
      .l-breadcrumb .l-breadcrumb__inr {
        width: 100%;
        padding-right: 20px;
        padding-right: 5.33333vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-top: 11px;
        padding-top: 2.93333vw;
        padding-bottom: 11px;
        padding-bottom: 2.93333vw;
        font-size: 2.93333vw; } }
  .l-breadcrumb .l-breadcrumb__itm {
    position: relative; }
    .l-breadcrumb .l-breadcrumb__itm:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333; }
    @media screen and (min-width: 769px), print {
      .l-breadcrumb .l-breadcrumb__itm {
        margin-left: 10px;
        padding-left: 15px; }
        .l-breadcrumb .l-breadcrumb__itm:before {
          width: 5px;
          height: 5px;
          top: 7px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); } }
    @media screen and (max-width: 768px) {
      .l-breadcrumb .l-breadcrumb__itm {
        display: inline;
        padding-left: 12.5px;
        padding-left: 3.33333vw;
        margin-left: 2.5px;
        margin-left: 0.66667vw; }
        .l-breadcrumb .l-breadcrumb__itm:before {
          width: 4.5px;
          width: 1.2vw;
          height: 4.5px;
          height: 1.2vw;
          top: 4px;
          top: 1.06667vw;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); } }
    .l-breadcrumb .l-breadcrumb__itm:first-child {
      margin-left: 0;
      padding-left: 0; }
      .l-breadcrumb .l-breadcrumb__itm:first-child:before {
        display: none; }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .l-breadcrumb__inr {
    width: 1080px;
    padding-right: 20px;
    padding-left: 20px; } }

[class*="l-main--"] {
  margin-right: auto;
  margin-left: auto;
  position: relative; }
  @media screen and (min-width: 769px), print {
    [class*="l-main--"] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 1080px; } }
  @media screen and (max-width: 768px) {
    [class*="l-main--"] {
      width: 100%; } }
  @media screen and (min-width: 769px), print {
    [class*="l-main--"] .l-main__cnt {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3; } }
  @media screen and (min-width: 769px), print {
    [class*="l-main--"] .l-main__subcontent {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }

@media screen and (max-width: 768px) {
  .l-main--2col {
    margin-top: 47.5px;
    margin-top: 12.66667vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .l-main__cnt {
    width: 774px;
    margin-left: 24px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .l-main__cnt {
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .l-main__subcontent {
    width: 242px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .l-main__subcontent {
    margin-top: 75px;
    margin-top: 20vw; } }

.l-main--2col .l-main__subcontent .l-main__subcontent__ttl {
  line-height: 1.5; }
  @media screen and (min-width: 769px), print {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl {
      padding-bottom: 20px;
      line-height: 1.5;
      margin-top: 11.25px;
      margin-bottom: -4.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl {
      margin-top: calc(16px - (((1.26667rem * 1.5) - 1.26667rem) / 2));
      margin-bottom: calc(0px - (((1.26667rem * 1.5) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl {
      margin-top: 1.5vw;
      margin-bottom: -0.63333vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }
  @media screen and (max-width: 768px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl {
      display: none; } }
  @media screen and (min-width: 769px), print {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      margin-top: -6.75px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      margin-top: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      line-height: 1.5;
      margin-top: -7.5px;
      line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      margin-top: calc(0px - (((2rem * 1.5) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-main--2col .l-main__subcontent .l-main__subcontent__ttl .l-main__subcontent__ttl--lv4 {
      margin-top: -1vw;
      font-size: 15px;
      font-size: 4vw; } }

@media screen and (max-width: 768px) {
  .l-main--2col .l-main__subcontent.r-has-bnr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .l-main--2col .l-main__subcontent.r-has-bnr > * {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .l-main__subcontent.r-has-bnr .l-main__subcontent__bnrs {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .l-main__subcontent.r-has-bnr .l-main__subcontent__bnrs {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 110px;
    margin-bottom: 29.33333vw; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .l-main--fullwidth {
    width: 100%; } }

.l-main--fullwidth .l-main__cnt {
  width: 100%; }

.l-main--fullwidth .l-main__inr {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 769px), print {
    .l-main--fullwidth .l-main__inr {
      width: 1080px;
      padding-right: 20px;
      padding-left: 20px; } }
  @media screen and (max-width: 768px) {
    .l-main--fullwidth .l-main__inr {
      width: 100%;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  @media screen and (min-width: 0px) and (max-width: 1080px) {
    .l-main--fullwidth .l-main__inr {
      overflow: hidden; } }
  @media screen and (min-width: 769px), print {
    .l-main--fullwidth .l-main__inr .l-main__inr--center {
      width: 960px;
      margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .l-main--fullwidth.r-space-top {
    margin-top: 47.5px;
    margin-top: 12.66667vw; } }

@media screen and (min-width: 769px), print {
  .l-breadcrumb + .l-main {
    margin-top: 40px; } }

@media screen and (min-width: 769px), print {
  .l-main-visual {
    margin-bottom: 26px; } }

@media screen and (max-width: 768px) {
  .l-main-visual {
    margin-bottom: 13px;
    margin-bottom: 3.46667vw; } }

.l-main-visual__img {
  width: 100%; }

.l-simple-header {
  position: relative !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
  text-align: left !important;
  line-height: 2 !important;
  font-family: 'Roboto', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  background-color: #fff !important;
  box-sizing: border-box !important; }
.l-header-new {
  height: 82px;
  border-bottom: 1px solid #ddd;
}
  @media screen and (min-width: 769px), print {
    .l-simple-header {
      height: 62px !important;
      border-bottom: 1px solid #ddd !important;
      font-size: 15px !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header {
      height: 65px !important;
      height: 17.33333vw !important;
      font-size: 14px !important;
      font-size: 3.73333vw !important;
      border-bottom: 1px solid #e4002b !important; } }
  .l-simple-header * {
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-header *:hover {
        text-decoration: none !important; } }
  .l-simple-header a {
    color: inherit !important;
    text-decoration: none !important; }
    .l-simple-header a:link, .l-simple-header a:active, .l-simple-header a:visited {
      color: #333 !important; }
    .l-simple-header a img {
      border: none !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-header a:hover, .l-simple-header a:active, .l-simple-header a:focus {
        color: #e4002b !important; } }
  .l-simple-header a.is-touch, .l-simple-header button.is-touch {
    opacity: .6 !important; }
  .l-simple-header li {
    list-style-type: none !important; }
  .l-simple-header img {
    max-width: 100% !important;
    vertical-align: bottom !important; }

.l-simple-header__inner {
  overflow: hidden !important;
  margin: 0 auto !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-header__inner {
      width: 1040px !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header__inner {
      height: 65px !important;
      height: 17.33333vw !important;
      padding-left: 20px !important;
      padding-left: 5.33333vw !important;
      padding-right: 20px !important;
      padding-right: 5.33333vw !important; } }

.l-simple-header__main {
  float: left !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-header__main {
      padding-top: 14px !important; } }

.l-simple-header__logo {
  display: block; }
  @media screen and (max-width: 768px) {
    .l-simple-header__logo {
      width: 108.5px;
      width: 28.93333vw;
      height: 39.5px;
      height: 10.53333vw;
      margin-top: 11.5px;
      margin-top: 3.06667vw; } }

.l-simple-header__logo__link {
  display: block !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-header__logo__link {
      width: 239px !important;
      height: 34px !important;
      background: url(/assets/img/layout/simple-header-footer/simple_header_logo-01_pc.png) no-repeat left top !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header__logo__link {
      width: 108.5px !important;
      width: 28.93333vw !important;
      height: 40px !important;
      height: 10.66667vw !important; } }

.l-simple-header__logo__link100th {
  display: block !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-header__logo__link100th {
      width: 306px !important;
      height: 42px !important;
      margin-top: -5px !important;
      background: url(/assets/img/layout/simple-header-footer/simple_header_logo-100th-01_pc.png) no-repeat left top !important;
      background-size: contain !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header__logo__link100th {
      width: 141.5px !important;
      width: 37.73333vw !important; } }

@media screen and (min-width: 769px), print {
  .l-simple-header__logo__img {
    width: 239px !important;
    height: 34px !important;
    opacity: 0 !important; } }

@media screen and (max-width: 768px) {
  .l-simple-header__logo__img {
    height: auto !important; } }

.l-simple-header__sub {
  float: right !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-header__sub {
      padding-top: 18px !important; }
    .newhead {
      padding-top: 30px !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header__sub {
      padding-top: 21px !important;
      padding-top: 5.6vw !important; } }
  @media screen and (min-width: 769px), print {
    .l-simple-header__sub a:hover span[data-role="simple-header-category"], .l-simple-header__sub a:active span[data-role="simple-header-category"], .l-simple-header__sub a:focus span[data-role="simple-header-category"] {
      color: #e4002b !important; } }
  @media screen and (min-width: 769px), print {
    .l-simple-header__sub .r-logout {
      width: 145px !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-header__sub .r-logout {
      width: 118px !important;
      width: 31.46667vw !important;
      margin-top: -4px !important;
      margin-top: -1.06667vw !important; } }
  .l-simple-header__sub .r-logout a {
    width: 100% !important;
    color: #e4002b !important;
    text-decoration: none !important;
    border: 1px solid #e4002b !important;
    border-radius: 100px !important;
    background-color: #fff !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: inherit !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-header__sub .r-logout a {
        line-height: 30px !important;
        height: 30px !important;
        z-index: 1 !important;
        -webkit-transition: color .65s ease !important;
        transition: color .65s ease !important;
        font-size: 14px !important; }
        .l-simple-header__sub .r-logout a:after {
          content: '' !important;
          position: absolute !important;
          top: 0 !important;
          left: -200% !important;
          z-index: -1 !important;
          width: 150% !important;
          height: 450% !important;
          border-radius: 50% !important;
          background-color: #e4002b !important;
          -webkit-transition: top .65s ease, left .65s ease !important;
          transition: top .65s ease, left .65s ease !important; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-simple-header__sub .r-logout a:hover, .l-simple-header__sub .r-logout a:active, .l-simple-header__sub .r-logout a:focus {
      color: #fff !important;
      -webkit-transition: color .5s ease .08s !important;
      transition: color .5s ease .08s !important; }
      .l-simple-header__sub .r-logout a:hover:after, .l-simple-header__sub .r-logout a:active:after, .l-simple-header__sub .r-logout a:focus:after {
        top: -100% !important;
        left: -20% !important; } }
    @media screen and (max-width: 768px) {
      .l-simple-header__sub .r-logout a {
        font-size: 11px !important;
        font-size: 2.93333vw !important;
        line-height: 32px !important;
        line-height: 8.53333vw !important;
        height: 30px !important;
        height: 8vw !important; } }

.l-simple-footer {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.9 !important;
  letter-spacing: .05em !important;
  font-family: "Roboto", "YakuHanJP", "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  border-top: 1px solid #ddd !important;
  background-color: #f9f9f9 !important;
  box-sizing: border-box !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-footer {
      font-size: 15px !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-footer {
      font-size: 3.73333vw !important; } }
  .l-simple-footer * {
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important; }
    .l-simple-footer *:hover {
      text-decoration: none !important; }
  .l-simple-footer a {
    color: inherit !important;
    text-decoration: none !important; }
    .l-simple-footer a:link, .l-simple-footer a:active, .l-simple-footer a:visited {
      color: #333 !important; }
    .l-simple-footer a:hover, .l-simple-footer a:active, .l-simple-footer a:focus {
      color: #e4002b !important; }
    .l-simple-footer a img {
      border: none !important; }
  .l-simple-footer a.is-touch, .l-simple-footer button.is-touch {
    opacity: .6 !important; }
  .l-simple-footer li {
    list-style-type: none !important; }
  .l-simple-footer img {
    max-width: 100% !important;
    vertical-align: bottom !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-footer__unav {
      display: none !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-footer__unav {
      background-color: #fff !important; } }
  .l-simple-footer__sub {
    background-color: #fff !important; }
    .l-simple-footer__sub__inner {
      position: relative !important; }
      @media screen and (min-width: 769px), print {
        .l-simple-footer__sub__inner {
          width: 1040px !important;
          margin: 0 auto !important; } }
      @media screen and (max-width: 768px) {
        .l-simple-footer__sub__inner {
          padding-top: 13px !important;
          padding-top: 3.46667vw !important;
          padding-right: 20px !important;
          padding-right: 5.33333vw !important;
          padding-bottom: 68px !important;
          padding-bottom: 18.13333vw !important;
          padding-left: 20px !important;
          padding-left: 5.33333vw !important; } }
  .l-simple-footer__copy {
    text-align: center !important;
    color: #fff !important;
    background-color: #e4002b !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-footer__copy {
        height: 32px !important;
        line-height: 32px !important;
        font-size: 12px !important; } }
    @media screen and (max-width: 768px) {
      .l-simple-footer__copy {
        height: 31px !important;
        height: 8.26667vw !important;
        font-size: 8px !important;
        font-size: 2.13333vw !important;
        line-height: 31px !important;
        line-height: 8.26667vw !important; } }
  .l-simple-footer .l-fsnav {
    position: relative !important; }
  @media screen and (min-width: 769px), print {
    .l-simple-footer .l-fsnav__list {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-wrap: wrap !important;
          -ms-flex-wrap: wrap !important;
              flex-wrap: wrap !important;
      padding: 38px 0 !important;
      font-size: 13px !important;
      line-height: 1.3 !important; } }
  @media screen and (max-width: 768px) {
    .l-simple-footer .l-fsnav__list {
      text-align: center !important;
      font-size: 3.46667vw !important;
      line-height: 1.1 !important; } }
  .l-simple-footer .l-fsnav__list__itm {
    border-left-style: solid !important;
    border-left-color: #7d7d7d !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-footer .l-fsnav__list__itm {
        border-left-width: 1px !important; }
        .l-simple-footer .l-fsnav__list__itm:first-child {
          border-left: none !important; }
          .l-simple-footer .l-fsnav__list__itm:first-child .l-fsnav__list__itm__link {
            padding-left: 0 !important; } }
    @media screen and (max-width: 768px) {
      .l-simple-footer .l-fsnav__list__itm {
        display: inline-block !important;
        margin-top: 17px !important;
        margin-top: 4.53333vw !important;
        border-left-width: 1px !important;
        border-left-width: 0.26667vw !important; }
        .l-simple-footer .l-fsnav__list__itm:nth-child(2), .l-simple-footer .l-fsnav__list__itm:nth-child(3), .l-simple-footer .l-fsnav__list__itm:last-child {
          border-right-style: solid !important;
          border-right-color: #7d7d7d !important;
          border-right-width: 1px !important;
          border-right-width: 0.26667vw !important; } }
  .l-simple-footer .l-fsnav__list__itm__link {
    display: block !important; }
    @media screen and (min-width: 769px), print {
      .l-simple-footer .l-fsnav__list__itm__link {
        padding-right: 15px !important;
        padding-left: 16px !important; } }
    @media screen and (max-width: 768px) {
      .l-simple-footer .l-fsnav__list__itm__link {
        padding-right: 8px !important;
        padding-right: 2.13333vw !important;
        padding-left: 8px !important;
        padding-left: 2.13333vw !important; } }
    @media screen and (min-width: 769px), print {
      .l-simple-footer .l-fsnav__list__itm__link:hover, .l-simple-footer .l-fsnav__list__itm__link:focus {
        text-decoration: underline !important; } }

.l-pagetop > a {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 9999;
  background-image: url(/assets/img/common/fig_arrow_circle-02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .l-pagetop > a:after {
    content: 'ページの先頭に移動する';
    position: absolute;
    text-indent: -99999px; }
  @media screen and (min-width: 769px), print {
    .l-pagetop > a {
      right: 20px;
      bottom: 52px;
      width: 40px;
      height: 40px;
      padding: 50px 0 0 50px;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
      .l-pagetop > a:hover {
        opacity: .6; } }
  @media screen and (max-width: 768px) {
    .l-pagetop > a {
      right: 20px;
      right: 5.33333vw;
      bottom: 50px;
      bottom: 13.33333vw;
      width: 30px;
      width: 8vw;
      height: 30px;
      height: 8vw;
      padding: 40px 0px 0px 40px;
      padding: 10.66667vw 0vw 0vw 10.66667vw; } }

.l-pagetop.is-fixed > a {
  position: fixed; }
  @media screen and (min-width: 769px), print {
    .l-pagetop.is-fixed > a {
      bottom: 20px; } }
  @media screen and (max-width: 768px) {
    .l-pagetop.is-fixed > a {
      bottom: 20px;
      bottom: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .l-pagetop.is-fixed.is-moving {
    opacity: 0; } }

.l-pagetop.is-hide > a {
  opacity: 0;
  pointer-events: none; }

.c-accodion .r-acc-inner[aria-hidden="false"] {
  padding-top: 1px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-acc-inner[aria-hidden="false"] {
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-acc-inner[aria-hidden="false"] {
      padding-bottom: 30px;
      padding-bottom: 8vw;
      padding-right: 8px;
      padding-right: 2.13333vw;
      padding-left: 8px;
      padding-left: 2.13333vw; } }

@media screen and (min-width: 769px), print {
  .c-accodion > .r-item {
    margin-bottom: 2px; } }

@media screen and (max-width: 768px) {
  .c-accodion > .r-item {
    margin-bottom: 2px;
    margin-bottom: 0.53333vw; } }

.c-accodion .r-acc-hdg {
  position: relative;
  cursor: pointer;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-acc-hdg {
      padding: 17px 10px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-acc-hdg {
      min-height: 50px;
      min-height: 13.33333vw;
      font-size: 14px;
      font-size: 3.73333vw;
      padding: 10px 40px 10px 60px;
      padding: 2.66667vw 10.66667vw 2.66667vw 16vw; } }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-acc-hdg.r-question {
      padding: 17px 10px 17px 70px; } }
  .c-accodion .r-acc-hdg.r-question:before {
    content: 'Q';
    display: inline-block;
    position: absolute;
    background-color: #e4002b;
    text-align: center;
    color: #fff; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-question:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        top: 10px;
        left: 10px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-question:before {
        width: 35px;
        width: 9.33333vw;
        height: 35px;
        height: 9.33333vw;
        line-height: 35px;
        line-height: 9.33333vw;
        border-radius: 100%;
        top: 8px;
        top: 2.13333vw;
        left: 10px;
        left: 2.66667vw; } }
  .c-accodion .r-acc-hdg.r-question:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 0;
    background-color: #e4002b;
    z-index: 1;
    -webkit-transition: height .3s, top .2s;
    transition: height .3s, top .2s; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-question:after {
        left: 29px;
        top: 48px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-question:after {
        left: 27px;
        left: 7.2vw;
        top: 50px;
        top: 13.33333vw; } }
  .c-accodion .r-acc-hdg.r-simple {
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-simple {
        font-size: 14px;
        font-size: 3.73333vw; } }
  .c-accodion .r-acc-hdg.r-opinion {
    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;
    line-height: 1.8;
    background-image: url("/assets/img/project/customer/opinion/icon_q.png");
    background-repeat: no-repeat;
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-opinion {
        padding: 15px 0;
        background-position: 200px center;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-opinion {
        padding: 17px 10px 17px 10px;
        padding: 4.53333vw 2.66667vw 4.53333vw 2.66667vw;
        background-position: 125px center;
        background-position: 33.33333vw center;
        background-size: 17px auto;
        background-size: 4.53333vw auto;
        font-size: 13px;
        font-size: 3.46667vw; } }
    .c-accodion .r-acc-hdg.r-opinion > * {
      pointer-events: none; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-opinion .r-img {
        width: 200px;
        height: 90px;
        margin-right: 45px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-opinion .r-img {
        width: 110px;
        width: 29.33333vw;
        height: 70px;
        height: 18.66667vw;
        margin-right: 30px;
        margin-right: 8vw; } }
    .c-accodion .r-acc-hdg.r-opinion .r-txt {
      display: block; }
      @media screen and (min-width: 769px), print {
        .c-accodion .r-acc-hdg.r-opinion .r-txt {
          width: 460px; } }
      @media screen and (max-width: 768px) {
        .c-accodion .r-acc-hdg.r-opinion .r-txt {
          width: 185px;
          width: 49.33333vw; } }
  .c-accodion .r-acc-hdg.r-has-thumb {
    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;
    line-height: 1.8;
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-has-thumb {
        padding: 15px 0; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-has-thumb {
        padding: 10px 10px 10px 10px;
        padding: 2.66667vw 2.66667vw 2.66667vw 2.66667vw;
        font-size: 13px;
        font-size: 3.46667vw; } }
    .c-accodion .r-acc-hdg.r-has-thumb > * {
      pointer-events: none; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg.r-has-thumb .r-img {
        width: 150px;
        height: 75px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg.r-has-thumb .r-img {
        width: 85px;
        width: 22.66667vw;
        height: 56px;
        height: 14.93333vw; } }
    .c-accodion .r-acc-hdg.r-has-thumb .r-txt {
      display: block; }
      @media screen and (min-width: 769px), print {
        .c-accodion .r-acc-hdg.r-has-thumb .r-txt {
          padding-right: 130px; } }
      @media screen and (max-width: 768px) {
        .c-accodion .r-acc-hdg.r-has-thumb .r-txt {
          padding-right: 35px;
          padding-right: 9.33333vw; } }
  .c-accodion .r-acc-hdg .r-img {
    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; }
    .c-accodion .r-acc-hdg .r-img img {
      max-height: 100%; }
      @media screen and (min-width: 769px), print {
        .c-accodion .r-acc-hdg .r-img img {
          max-width: 160px; } }
      @media screen and (max-width: 768px) {
        .c-accodion .r-acc-hdg .r-img img {
          max-width: 110px;
          max-width: 29.33333vw; } }
  .c-accodion .r-acc-hdg .r-txt {
    display: block; }
  .c-accodion .r-acc-hdg .r-acc-arrow {
    position: absolute;
    right: 40px;
    color: #e4002b;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    pointer-events: none; }
    .c-accodion .r-acc-hdg .r-acc-arrow:after {
      content: '';
      display: inline-block;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b; }
      @media screen and (min-width: 769px), print {
        .c-accodion .r-acc-hdg .r-acc-arrow:after {
          width: 9px;
          height: 9px;
          -webkit-transform: translate(10px, 0) rotate(45deg);
              -ms-transform: translate(10px, 0) rotate(45deg);
                  transform: translate(10px, 0) rotate(45deg); } }
      @media screen and (max-width: 768px) {
        .c-accodion .r-acc-hdg .r-acc-arrow:after {
          width: 10px;
          width: 2.66667vw;
          height: 10px;
          height: 2.66667vw;
          -webkit-transform: translate(0, 1.33333vw) rotate(45deg);
              -ms-transform: translate(0, 1.33333vw) rotate(45deg);
                  transform: translate(0, 1.33333vw) rotate(45deg); } }
  .c-accodion .r-acc-hdg:hover {
    background-color: #ddd; }
  .c-accodion .r-acc-hdg[aria-expanded=true] {
    background-color: #ddd; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg[aria-expanded=true] .r-acc-arrow:after {
        -webkit-transform: translate(10px, 5px) rotate(225deg);
            -ms-transform: translate(10px, 5px) rotate(225deg);
                transform: translate(10px, 5px) rotate(225deg); } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg[aria-expanded=true] .r-acc-arrow:after {
        -webkit-transform: translate(0, 1.33333vw) rotate(225deg);
            -ms-transform: translate(0, 1.33333vw) rotate(225deg);
                transform: translate(0, 1.33333vw) rotate(225deg); } }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-acc-hdg[aria-expanded=true].r-question:after {
        height: 70%;
        top: 48px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-acc-hdg[aria-expanded=true].r-question:after {
        height: 73%;
        top: 40px;
        top: 10.66667vw; } }

.c-accodion .r-answer {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-answer {
      padding: 20px 0 20px 70px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-answer {
      width: 100%;
      font-size: 14px;
      font-size: 3.73333vw;
      padding: 20px 10px 15px 60px;
      padding: 5.33333vw 2.66667vw 4vw 16vw; } }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-answer.r-simple {
      padding: 20px 20px 35px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-answer.r-simple {
      font-size: 14px;
      font-size: 3.73333vw;
      padding: 20px 10px 20px 10px;
      padding: 5.33333vw 2.66667vw 5.33333vw 2.66667vw; } }
  .c-accodion .r-answer.r-simple:before {
    display: none; }
  .c-accodion .r-answer.r-simple:after {
    display: none; }
  .c-accodion .r-answer[aria-hidden=true] {
    overflow: hidden;
    padding: 0;
    height: 0; }
  .c-accodion .r-answer:before {
    content: 'A';
    display: inline-block;
    position: absolute;
    background-color: #e9a107;
    text-align: center;
    color: #fff;
    z-index: 2; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-answer:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        left: 10px;
        top: 13px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-answer:before {
        width: 35px;
        width: 9.33333vw;
        height: 35px;
        height: 9.33333vw;
        line-height: 35px;
        line-height: 9.33333vw;
        border-radius: 100%;
        top: 10px;
        top: 2.66667vw;
        left: 10px;
        left: 2.66667vw; } }
  .c-accodion .r-answer-hdg {
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .c-accodion .r-answer-hdg {
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      .c-accodion .r-answer-hdg {
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-answer-img {
      margin-top: 20px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-answer-img img {
      width: 100%;
      margin-top: 20px;
      margin-top: 5.33333vw;
      margin-bottom: 20px;
      margin-bottom: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-accodion .r-answer-note {
      text-align: right;
      margin-top: 20px;
      font-size: 13px; } }
  @media screen and (max-width: 768px) {
    .c-accodion .r-answer-note {
      font-size: 12px;
      font-size: 3.2vw;
      margin-top: 20px;
      margin-top: 5.33333vw; } }

/*
---
name: アテンション
category: component/attention
tag:
- component
- attention
- ir
---

```html
<div class="c-attention">
  <ul class="c-list">
    <li class="c-list__itm r-disc01">
      貸株サービスの「株主優待自動取得サービス」などをご利用の場合でも、5月31日の株主名簿への記載が確認できず贈呈対象から外れる事例が発生しています。詳しくは、お預けの証券会社にお問い合わせください。
    </li>
    <li class="c-list__itm r-disc01">
      株主名簿に記載されている株主番号が変更されると、贈呈対象から外れてしまいます。株主番号が変更となる事例については、ご注意をご参照ください。
    </li>
  </ul>
  <!-- /.c-list -->
</div>
<!-- /.c-attention -->
```
- コンテンツ内における注意事項などの記載をする内容に使用します。
*/
.c-attention {
  border: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-attention {
      padding: 32px 40px;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .c-attention {
      padding-top: 15px;
      padding-top: 4vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-bottom: 15px;
      padding-bottom: 4vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      font-size: 3.46667vw; } }

/*
---
name: アドビリーダーテキスト
category: component/adobe-reader-txt
tag:
- component
- adobe-reader-txt
- ir
---

```html
<div class="c-adobe-reader-txt">
  がついている資料をご覧いただくには<br class="u-none--pc"><a href="http://www.adobe.co.jp/products/acrobat/readstep2.html" class="c-txt-link--inline" target="_blank">Adobe Reader</a>が必要です。
</div>
<!-- /.c-adobe-reader-txt -->
```
- 主にIR配下、PDFリンクがあるコンテンツ内に設定しています。
*/
.c-adobe-reader-txt {
  position: relative; }
  .c-adobe-reader-txt:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    background-image: url(/assets/img/common/ico_document_pdf-01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  @media screen and (min-width: 769px), print {
    .c-adobe-reader-txt {
      padding-left: 25px; }
      .c-adobe-reader-txt:before {
        top: 1px;
        width: 20px;
        height: 20px; } }
  @media screen and (max-width: 768px) {
    .c-adobe-reader-txt {
      padding-left: 25px;
      padding-left: 6.66667vw; }
      .c-adobe-reader-txt:before {
        top: 2px;
        top: 0.53333vw;
        width: 19px;
        width: 5.06667vw;
        height: 19px;
        height: 5.06667vw; } }

/*
---
name: .c-bdr-frm
category: component/bdr-frm
tag:
- component
- bdr-frm
- education
- ir
- rd
---

```html
<main class="l-main--2col">
  <article class="l-main__cnt">
    <div class="c-bdr-frm">
      <div class="c-bdr-frm__hdr">
        <div class="c-bdr-frm__lede u-wd100per">
          <h3 class="c-bdr-frm__lede__ttl u-mt0--sp">
            <span class="c-bdr-frm__lede__sub-ttl">文部科学省選定　公益社団法人 日本栄養士会 推薦</span><br>
            『高齢期は食べ盛り～正しい知識で老化を防ぐ～』
          </h3>
          <!-- /.c-bdr-frm__lede__ttl -->
        </div>
        <!-- /.c-bdr-frm__lede -->

        <div class="c-sec__lyt r-flex-2-1 u-wd100per">
          <div class="c-sec__flex-itm">
            <div style="width:100%; max-width:640px; margin: 0 auto; position:relative; padding-bottom:56.25%;">
              <iframe src="/education/information/media-library/movie01_01.html" frameborder="0" scrolling="no" name="movie01" style="position:absolute; top:0; left:0; width:100%; height:100%;"></iframe>
            </div>
          </div>
          <!-- /.c-sec__flex-itm -->

          <div class="c-sec__flex-itm">
            <div class="c-btn-list r-1col u-mt0">
              <div class="c-btn-list__itm r-1line">
                <a href="movie01_01.html" class="c-btn-list__itm__link" target="movie01" onclick="movie01.location.href='movie01_01.html'">
                  <span class="c-btn-list__itm__cnt">映像を全て視聴する</span>
                </a>
              </div>
              <!-- /.c-btn-list__itm -->
            </div>
            <!-- /.c-btn-list -->

            <div class="c-btn-list r-1col">
              <div class="c-btn-list__itm r-2line">
                <a href="movie01_02.html" class="c-btn-list__itm__link" target="movie01" onclick="movie01.location.href='movie01_02.html'">
                  <span class="c-btn-list__itm__cnt">あなたは大丈夫？<br>高齢期の栄養失調</span>
                </a>
              </div>
              <!-- /.c-btn-list__itm -->
            </div>
            <!-- /.c-btn-list -->

            <div class="c-btn-list r-1col">
              <div class="c-btn-list__itm r-2line">
                <a href="movie01_03.html" class="c-btn-list__itm__link" target="movie01" onclick="movie01.location.href='movie01_03.html'">
                  <span class="c-btn-list__itm__cnt">今からやろう！<br>食生活の改善</span>
                </a>
              </div>
              <!-- /.c-btn-list__itm -->
            </div>
            <!-- /.c-btn-list -->

            <div class="c-btn-list r-1col">
              <div class="c-btn-list__itm r-2line">
                <a href="movie01_04.html" class="c-btn-list__itm__link" target="movie01" onclick="movie01.location.href='movie01_04.html'">
                  <span class="c-btn-list__itm__cnt">活動的な毎日で食べ盛り</span>
                </a>
              </div>
              <!-- /.c-btn-list__itm -->
            </div>
            <!-- /.c-btn-list -->
          </div>
          <!-- /.c-sec__flex-itm -->
        </div>
        <!-- /.c-sec__lyt -->

        <div class="c-sec__lyt">
          <p class="c-sec__lyt__node">
            時間：36分<br>
            対象：市区町村福祉課、地域支援センター、老人クラブなどにDVD提供
          </p>
        </div>
        <!-- /.c-sec__lyt -->
      </div>
      <!-- /.c-bdr-frm__hdr -->

      <div class="c-bdr-frm__cnt">
        <div class="c-tgl">
          <div class="c-tgl__itm">
            <h4 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
              このDVDの概要
              <span class="c-tgl__itm__ttl__mark"></span>
            </h4>
            <!-- c-tgl__itm__ttl -->

            <div class="c-tgl__itm__cnt__frm">
              <div class="c-tgl__itm__cnt">
                <div class="c-sec__lyt r-flex-1-4 u-mt0">
                  <div class="c-sec__flex-itm">
                    <figure class="c-bdr-frm__hdr__img-frm">
                      <img src="/assets/img/project/education/information/media-library/panel_img-02.jpg" alt="">
                    </figure>
                  </div>
                  <!-- /.c-sec__flex-itm -->

                  <div class="c-sec__flex-itm">
                    <p class="c-sec__lyt__node">
                      日本は今、飽食の時代といわれる一方で、高齢者の「栄養失調」が問題視されています。<br>その背景には、生活習慣病の予防を通し普及した、「粗食は健康によい」という意識があると考えられます。しかし、高齢期の健康維持には十分な栄養摂取が重要なのです。<br>そこで、本DVDでは、高齢期における栄養の大切さを解説し、食生活を改善する方法を提案します。<br>また、食欲を失いがちだった高齢者が周囲の力も借りて、いきいきとした毎日を取り戻した姿を紹介しています。高齢者やその周囲はもちろん、さまざまな世代のかたにご覧いただくことで、一人でも多くの人が元気な高齢期を送る手助けになることを目的に制作しました。
                    </p>
                  </div>
                  <!-- /.c-sec__flex-itm -->
                </div>
                <!-- /.c-sec__lyt -->
              </div>
              <!-- /.c-tgl__itm__cnt -->
            </div>
            <!-- /.c-tgl__itm__cnt__frm -->
          </div>
          <!-- /.c-tgl__itm -->
        </div>
        <!-- /.c-tgl -->
      </div>
      <!-- /.c-bdr-frm__cnt -->
    </div>
    <!-- /.c-bdr-frm -->
  </article>
</main>
```
- 動画versionのbdr-frmです。


```html
<div class="c-bdr-frm">
  <div class="c-bdr-frm__hdr">
    <figure class="c-bdr-frm__hdr__img-frm">
      <img src="/assets/img/project/ir/individual/product/eggs_img.jpg" alt="" class="c-bdr-frm__hdr__img">
    </figure>
    <!-- /.c-bdr-frm__hdr__img-frm -->

    <div class="c-bdr-frm__lede">
      <h3 class="c-bdr-frm__lede__ttl">
        タマゴ事業
      </h3>
      <!-- /.c-bdr-frm__lede__ttl -->

      <p class="c-bdr-frm__lede__txt">
        全国各地から安定的に調達した鶏卵を、国内にある36の工場で液卵などに加工し、自社のマヨネーズのほか、パン・菓子などのさまざまな食品の原料として食品メーカーへ販売しています。<br>
        また、液卵などを凍結卵や調理済みのタマゴ加工品に加工し、ホテルやレストランをはじめとする外食産業などへ販売しています。
      </p>
    </div>
    <!-- /.c-bdr-frm__lede -->
  </div>
  <!-- /.c-bdr-frm__hdr -->

  <div class="c-bdr-frm__cnt">
    <div class="c-tgl">
      <div class="c-tgl__itm">
        <h5 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
          詳細を見る
          <span class="c-tgl__itm__ttl__mark"></span>
        </h5>
        <!-- c-tgl__itm__ttl -->

        <div class="c-tgl__itm__cnt__frm">
          <div class="c-tgl__itm__cnt">
            <div class="c-tgl__itm__lyt u-mb0 u-mt0">
              <h3 class="c-hdg--lv3 u-mt0">主な商品</h3>
              <!-- /.c-hdg--lv3 -->
            </div>
            <!-- /.c-tgl__itm__lyt -->

            <div class="c-tgl__itm__lyt">
              <h4 class="c-hdg--lv4">食品メーカー向け商品</h4>
              <!-- /.c-hdg--lv4 -->
            </div>

            <div class="c-tgl__itm__lyt">
              <p class="c-txt-link is-first-margin r-document__pdf">
                <a class="c-txt-link__href" href="#">キユーピータマゴ(株)商品一覧</a>
              </p>
            </div>
            <!-- /.c-tgl__itm__lyt -->

            <div class="c-tgl__itm__lyt">
              <h4 class="c-hdg--lv4">外食産業向け商品</h4>
              <!-- /.c-hdg--lv4 -->
            </div>
            <!-- /.c-tgl__itm__lyt -->

            <div class="c-tgl__itm__lyt">
              <p class="c-txt-link is-first-margin is-space r-document__pdf">
                <a class="c-txt-link__href" href="#" target="_blank">業務用商品 商品一覧 タマゴ（10KB）</a>
              </p>
              <p class="c-txt-link is-space">
                <a class="c-txt-link__href" href="#">商品情報 商品カテゴリー タマゴ加工品</a>
              </p>
            </div>
            <!-- /.tgl__itm__lyt -->
          </div>
          <!-- /.c-tgl__itm__cnt -->
        </div>
        <!-- /.c-tgl__itm__cnt__frm -->
      </div>
      <!-- /.c-tgl__itm -->
    </div>
    <!-- /.c-tgl -->
  </div>
  <!-- /.c-bdr-frm__cnt -->
</div>
<!-- /.c-bdr-frm -->

```
- 画像versionのbdr-frmです。

*/
.c-bdr-frm {
  border: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm {
      padding: 40px;
      position: relative; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm {
      padding-top: 30px;
      padding-top: 8vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-bottom: 30px;
      padding-bottom: 8vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__hdr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .c-bdr-frm .c-bdr-frm__hdr:after {
        content: '';
        display: block;
        clear: both; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__hdr__img-frm {
      width: 172px;
      padding-right: 40px; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__hdr__img-frm {
      text-align: center; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__hdr__img {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__hdr__img {
      width: auto;
      height: 153px;
      height: 40.8vw; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede {
      width: calc(100% - 172px); } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      line-height: 1.9;
      margin-top: -5.85px;
      margin-bottom: -5.85px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      margin-top: calc(0px - (((0.86667rem * 1.9) - 0.86667rem) / 2));
      margin-bottom: calc(0px - (((0.86667rem * 1.9) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      margin-top: -0.78vw;
      margin-bottom: -0.78vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      line-height: 1.9;
      margin-top: 50.1px;
      margin-bottom: -9.9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      margin-top: calc(60px - (((1.46667rem * 1.9) - 1.46667rem) / 2));
      margin-bottom: calc(0px - (((1.46667rem * 1.9) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl {
      margin-top: 6.68vw;
      margin-bottom: -1.32vw;
      font-size: 11px;
      font-size: 2.93333vw; } }
  .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
    line-height: 1.5; }
    @media screen and (min-width: 769px), print {
      .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
        line-height: 1.5;
        margin-top: -6px;
        margin-bottom: -6px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
      margin-top: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
      margin-bottom: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
      margin-top: -0.8vw;
      margin-bottom: -0.8vw;
      font-size: 12px;
      font-size: 3.2vw; } }
    @media screen and (max-width: 768px) {
      .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
        line-height: 1.5;
        margin-top: 48.5px;
        margin-bottom: -11.5px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
      margin-top: calc(60px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__ttl {
      margin-top: 6.46667vw;
      margin-bottom: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      line-height: 1.5;
      margin-top: 9px;
      margin-bottom: -6px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      margin-top: calc(15px - (((1.6rem * 1.5) - 1.6rem) / 2));
      margin-bottom: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      margin-top: 1.2vw;
      margin-bottom: -0.8vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      line-height: 1.5;
      margin-top: 18.5px;
      margin-bottom: -11.5px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      margin-top: calc(30px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__sub-ttl + .c-bdr-frm__lede__ttl {
      margin-top: 2.46667vw;
      margin-bottom: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      line-height: 1.9;
      margin-top: 28.25px;
      margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      margin-top: calc(35px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      margin-top: 3.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      line-height: 1.9;
      margin-top: 47.4px;
      margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__lede .c-bdr-frm__lede__txt {
      margin-top: 6.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
  @media screen and (min-width: 769px), print {
    .c-bdr-frm .c-bdr-frm__cnt {
      margin-top: 40px; } }
  @media screen and (max-width: 768px) {
    .c-bdr-frm .c-bdr-frm__cnt {
      margin-top: 60px; } }

/*
---
name: ボタン
category: component/button
tag:
- component
- button
- company
- csr
- education
- ir
- rd
- recruit
---

```html
<div class="c-btn-list r-1col r-type01">
  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン1カラム</span>
      <span class="c-btn-list__external__icn"></span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
</div>
<!-- /.c-btn-list -->
```

- PC1カラム、SP1カラムに並びます。

### 2カラム

```html
<div class="c-btn-list r-2col r-type02">
  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン2カラム</span>
      <span class="c-btn-list__external__icn"></span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->

  <div class="c-btn-list__itm">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン2カラム</span>
      <span class="c-btn-list__external__icn"></span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
</div>
<!-- /.c-btn-list -->
```

- PC2カラム、SP1カラム(並列)に並びます。

### 3カラム

```html
<div class="c-btn-list r-3col r-type03">
  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン3カラム</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->

  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン3カラム</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン3カラム</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
</div>
<!-- /.c-btn-list -->
```

- PC3カラム、SP1カラム(並列)に並びます。

### 2カラム・2行

```html
<div class="c-btn-list r-2col r-type02">
  <div class="c-btn-list__itm r-2line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン2<br>カラム2行</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
  <div class="c-btn-list__itm r-2line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン2<br>カラム2行</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
</div>
<!-- /.c-btn-list -->
```

- PC3カラム、SP1カラム(並列)に並び、テキストは2行で表示されます。

### 中央寄せ

```html
<div class="c-btn-list r-center01 r-2col r-type01">
  <div class="c-btn-list__itm r-1line">
    <a href="#" class="c-btn-list__itm__link">
      <span class="c-btn-list__itm__cnt">ボタン1カラム</span>
    </a>
  </div>
  <!-- /.c-btn-list__itm -->
</div>
<!-- /.c-btn-list -->
```

- .r-center01を追加すると、PCで中央寄せで表示されます。

*/
.c-btn-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .c-btn-list {
      margin-top: 30px; } }
  @media screen and (max-width: 768px) {
    .c-btn-list {
      margin-top: 15px;
      margin-top: 4vw; } }

.c-btn-list__itm {
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .c-btn-list__itm {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .c-btn-list__itm:nth-child(n+2) {
      margin-top: 15px;
      margin-top: 4vw; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm.r-1line {
    height: 46px; } }

@media screen and (max-width: 768px) {
  .c-btn-list__itm.r-1line {
    height: 41px;
    height: 10.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm.r-1line--pc {
    height: 46px; } }

@media screen and (max-width: 768px) {
  .c-btn-list__itm.r-1line--sp {
    height: 41px;
    height: 10.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm.r-2line {
    height: 62px; } }

@media screen and (max-width: 768px) {
  .c-btn-list__itm.r-2line {
    height: 61px;
    height: 16.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm.r-2line--pc {
    height: 62px; } }

@media screen and (max-width: 768px) {
  .c-btn-list__itm.r-2line--sp {
    height: 61px;
    height: 16.26667vw; } }

.c-btn-list__itm__link[target='_blank']:before {
  display: none; }

.c-btn-list__itm__link[target='_blank'].r-arrow:before {
  display: block; }

.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
.c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
  @media screen and (min-width: 769px), print {
    .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
    .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn {
      right: 21px;
      width: 11px;
      height: 11px; } }
  @media screen and (max-width: 768px) {
    .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon,
    .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn {
      right: 25px;
      right: 6.66667vw;
      width: 8px;
      width: 2.13333vw;
      height: 8px;
      height: 2.13333vw; } }
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before, .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before,
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box; }
    @media screen and (min-width: 769px), print {
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before, .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before,
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
        width: 8px;
        height: 8px; } }
    @media screen and (max-width: 768px) {
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before, .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before,
      .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
        width: 6px;
        width: 1.6vw;
        height: 6px;
        height: 1.6vw; } }
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:before,
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before {
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #e4002b;
    border-left: 1px solid #e4002b; }
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icon:after,
  .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    content: '';
    overflow: hidden;
    text-indent: -99999px;
    top: 0;
    right: 0;
    border: 1px solid #e4002b; }

.c-btn-list__itm__link.r-document__pdf:after {
  content: '（PDFリンク）';
  text-indent: -99999px;
  overflow: hidden;
  position: absolute; }

.c-btn-list__itm__link.r-document__pdf:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  border: none;
  background-image: url(/assets/img/common/icon_document_pdf-01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: background-image 0s ease .1s;
  transition: background-image 0s ease .1s; }
  @media screen and (min-width: 769px), print {
    .c-btn-list__itm__link.r-document__pdf:before {
      right: 15px;
      width: 11px;
      height: 12px;
      margin-top: -6px; } }
  @media screen and (max-width: 768px) {
    .c-btn-list__itm__link.r-document__pdf:before {
      right: 25px;
      right: 6.66667vw;
      width: 8px;
      width: 2.13333vw;
      height: 9px;
      height: 2.4vw;
      margin-top: -4.5px;
      margin-top: -1.2vw; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm__link.r-document__pdf:hover:before {
    -webkit-transition: background-image 0s ease .35s;
    transition: background-image 0s ease .35s;
    background-image: url(/assets/img/common/icon_document_pdf-02.svg); } }

.c-btn-list__itm__link {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #e4002b;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #e4002b;
  border-radius: 100px; }
  .c-btn-list__itm__link:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: border-color .65s ease;
    transition: border-color .65s ease; }
  .c-btn-list__itm__link.r-left-arrow:before {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg); }
  @media screen and (min-width: 769px), print {
    .c-btn-list__itm__link {
      font-size: 14px;
      -webkit-transition: color .65s ease;
      transition: color .65s ease; }
      .c-btn-list__itm__link:before {
        right: 21px;
        width: 5px;
        height: 5px;
        margin-top: -3px; }
      .c-btn-list__itm__link:after {
        content: '';
        position: absolute;
        top: 0;
        left: -200%;
        z-index: 0;
        width: 150%;
        height: 450%;
        border-radius: 50%;
        background-color: #e4002b;
        -webkit-transition: top .65s ease, left .65s ease;
        transition: top .65s ease, left .65s ease; }
      .c-btn-list__itm__link.r-left-arrow:before {
        left: 21px; }
      .is-safari .c-btn-list__itm__link:before {
        -webkit-transform: rotate(-45deg) perspective(0);
                transform: rotate(-45deg) perspective(0); } }
  @media screen and (max-width: 768px) {
    .c-btn-list__itm__link {
      font-size: 3.46667vw;
      font-size: 13px;
      font-size: 3.46667vw;
      padding-top: 11px;
      padding-top: 2.93333vw;
      padding-bottom: 11px;
      padding-bottom: 2.93333vw; }
      .c-btn-list__itm__link:before {
        right: 25px;
        right: 6.66667vw;
        width: 4px;
        width: 1.06667vw;
        height: 4px;
        height: 1.06667vw;
        margin-top: -2px;
        margin-top: -0.53333vw; }
      .c-btn-list__itm__link.r-left-arrow:before {
        left: 25px;
        left: 6.66667vw; } }
  @media screen and (min-width: 769px), print {
    .c-btn-list__itm__link:hover {
      color: #fff;
      -webkit-transition: color .5s ease .08s;
      transition: color .5s ease .08s; }
      .c-btn-list__itm__link:hover:before {
        border-color: #fff;
        -webkit-transition: border-color .4s ease .185s;
        transition: border-color .4s ease .185s; }
      .c-btn-list__itm__link:hover:after {
        top: -100%;
        left: -20%; }
      .c-btn-list__itm__link:hover .c-btn-list__external__icn:before, .c-btn-list__itm__link:hover .c-btn-list__external__icn:after {
        border-color: #fff;
        -webkit-transition: border-color .4s ease .185s;
        transition: border-color .4s ease .185s; } }

.c-btn-list__itm__link[data-role="modal-close"]:before {
  display: none; }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm__link[data-role="modal-close"]:hover .c-btn-list__itm__cnt:before {
    border-color: #fff;
    -webkit-transition: border-color .4s ease .185s;
    transition: border-color .4s ease .185s; }
  .c-btn-list__itm__link[data-role="modal-close"]:hover .c-btn-list__itm__cnt:after {
    border-color: #fff;
    -webkit-transition: border-color .4s ease .185s;
    transition: border-color .4s ease .185s; } }

.c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:before, .c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  border-right: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b;
  -webkit-transition: border-color .65s ease;
  transition: border-color .65s ease; }

.c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

@media screen and (min-width: 769px), print {
  .c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:before, .c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:after {
    right: 21px;
    width: 10px;
    height: 1px; } }

@media screen and (max-width: 768px) {
  .c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:before, .c-btn-list__itm__link[data-role="modal-close"] .c-btn-list__itm__cnt:after {
    right: 25px;
    right: 6.66667vw;
    width: 10px;
    width: 2.66667vw;
    height: 0.5px;
    height: 0.13333vw; } }

.c-btn-list__itm__link.r-emphasis {
  color: #fff;
  background-color: #e4002b; }
  .c-btn-list__itm__link.r-emphasis:before {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  @media screen and (min-width: 769px), print {
    .c-btn-list__itm__link.r-emphasis:after {
      background-color: #fff; }
    .c-btn-list__itm__link.r-emphasis:hover {
      color: #e4002b; }
      .c-btn-list__itm__link.r-emphasis:hover:before {
        border-color: #e4002b; }
      .c-btn-list__itm__link.r-emphasis:hover .c-btn-list__external__icn:before, .c-btn-list__itm__link.r-emphasis:hover .c-btn-list__external__icn:after {
        border-color: #e4002b; } }

.c-btn-list__itm__cnt {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: inherit;
  font-size: inherit; }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-btn-list.r-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-btn-list.r-pagination .c-btn-list__itm {
    width: 350px;
    margin: 0 auto; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-btn-list.r-1col .c-btn-list__itm {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-btn-list.r-2col .c-btn-list__itm {
    width: 375px;
    margin-right: 24px; }
    .l-main--2col .c-btn-list.r-2col .c-btn-list__itm:nth-of-type(2n) {
      margin-right: 0; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-btn-list.r-3col .c-btn-list__itm {
    width: 242px; }
    .l-main--2col .c-btn-list.r-3col .c-btn-list__itm:nth-of-type(3n) {
      margin-right: 0; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-btn-list.r-3col .c-btn-list__itm + .c-btn-list__itm {
    margin-left: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-column .c-btn-list.r-2col .c-btn-list__itm {
    width: 345px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-column .c-btn-list.r-3col .c-btn-list__itm {
    width: 222px; } }

.c-btn-list.r-center {
  display: block;
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .c-btn-list.r-center .c-btn-list__itm {
      display: inline-block; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-type01 .c-btn-list__itm {
    width: 100%; }
    .c-btn-list.r-type01 .c-btn-list__itm:nth-of-type(1) {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-type02 .c-btn-list__itm {
    width: calc((100% - 3.1%) / 2);
    margin-right: 3.1%; }
    .c-btn-list.r-type02 .c-btn-list__itm:nth-of-type(2n) {
      margin-right: 0; }
    .c-btn-list.r-type02 .c-btn-list__itm:nth-of-type(-n + 2) {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-type03 .c-btn-list__itm {
    width: calc((100% - 3.1% * 2 - 1px) / 3);
    margin-right: 3.1%; }
    .c-btn-list.r-type03 .c-btn-list__itm:nth-of-type(3n) {
      margin-right: 0; }
    .c-btn-list.r-type03 .c-btn-list__itm:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-type04 .c-btn-list__itm {
    width: calc((100% - 3.1%*2) / 3);
    margin-right: 3.1%; }
    .c-btn-list.r-type04 .c-btn-list__itm:nth-of-type(3n) {
      margin-right: 0; }
    .c-btn-list.r-type04 .c-btn-list__itm:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-center01 .c-btn-list__itm {
    width: calc((100% - 3.1%) / 2);
    margin: 0 auto; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-txt-small {
    font-size: 12px; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-center02 .c-btn-list__itm {
    width: 23.26%;
    margin: 0 auto; } }

@media screen and (min-width: 769px), print {
  .c-btn-list.r-center03 .c-btn-list__itm {
    width: calc((100% - 24px * 2) / 3);
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .c-btn-list.r-type04 .c-btn-list__itm {
    width: calc((100% - 3.1%) / 2);
    margin-right: 3.1%; }
    .c-btn-list.r-type04 .c-btn-list__itm:nth-of-type(3n) {
      margin-right: 0; }
    .c-btn-list.r-type04 .c-btn-list__itm:nth-of-type(-n + 3) {
      margin-top: 0; } }

.c-btn-list.r-white .c-btn-list__itm__link {
  color: #fff;
  border: 1px solid #fff; }
  .c-btn-list.r-white .c-btn-list__itm__link:before {
    border-color: #fff; }
  @media screen and (min-width: 769px), print {
    .c-btn-list.r-white .c-btn-list__itm__link:after {
      background-color: #fff; }
    .c-btn-list.r-white .c-btn-list__itm__link:hover, .c-btn-list.r-white .c-btn-list__itm__link:active, .c-btn-list.r-white .c-btn-list__itm__link:focus {
      color: #333; }
      .c-btn-list.r-white .c-btn-list__itm__link:hover:before, .c-btn-list.r-white .c-btn-list__itm__link:active:before, .c-btn-list.r-white .c-btn-list__itm__link:focus:before {
        border-color: #333; }
      .c-btn-list.r-white .c-btn-list__itm__link:hover .c-btn-list__external__icn:before, .c-btn-list.r-white .c-btn-list__itm__link:hover .c-btn-list__external__icn:after, .c-btn-list.r-white .c-btn-list__itm__link:active .c-btn-list__external__icn:before, .c-btn-list.r-white .c-btn-list__itm__link:active .c-btn-list__external__icn:after, .c-btn-list.r-white .c-btn-list__itm__link:focus .c-btn-list__external__icn:before, .c-btn-list.r-white .c-btn-list__itm__link:focus .c-btn-list__external__icn:after {
        border-color: #333; } }
  .c-btn-list.r-white .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before {
    border-color: #fff; }
  .c-btn-list.r-white .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    border-color: #fff; }

.c-btn-list.r-black .c-btn-list__itm__link {
  color: #333;
  border: 1px solid #333; }
  .c-btn-list.r-black .c-btn-list__itm__link:before {
    border-color: #333; }
  @media screen and (min-width: 769px), print {
    .c-btn-list.r-black .c-btn-list__itm__link:after {
      background-color: #333; }
    .c-btn-list.r-black .c-btn-list__itm__link:hover, .c-btn-list.r-black .c-btn-list__itm__link:active, .c-btn-list.r-black .c-btn-list__itm__link:focus {
      color: #fff; }
      .c-btn-list.r-black .c-btn-list__itm__link:hover:before, .c-btn-list.r-black .c-btn-list__itm__link:active:before, .c-btn-list.r-black .c-btn-list__itm__link:focus:before {
        border-color: #fff; }
      .c-btn-list.r-black .c-btn-list__itm__link:hover .c-btn-list__external__icn:before, .c-btn-list.r-black .c-btn-list__itm__link:hover .c-btn-list__external__icn:after, .c-btn-list.r-black .c-btn-list__itm__link:active .c-btn-list__external__icn:before, .c-btn-list.r-black .c-btn-list__itm__link:active .c-btn-list__external__icn:after, .c-btn-list.r-black .c-btn-list__itm__link:focus .c-btn-list__external__icn:before, .c-btn-list.r-black .c-btn-list__itm__link:focus .c-btn-list__external__icn:after {
        border-color: #fff; } }
  .c-btn-list.r-black .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before {
    border-color: #333; }
  .c-btn-list.r-black .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    border-color: #333; }

.c-btn-list.r-emphasis .c-btn-list__itm__link {
  color: #fff;
  border: 1px solid #e4002b;
  background-color: #e4002b; }
  .c-btn-list.r-emphasis .c-btn-list__itm__link:before {
    border-color: #fff; }
  @media screen and (min-width: 769px), print {
    .c-btn-list.r-emphasis .c-btn-list__itm__link:after {
      background-color: #fff; }
    .c-btn-list.r-emphasis .c-btn-list__itm__link:hover, .c-btn-list.r-emphasis .c-btn-list__itm__link:active, .c-btn-list.r-emphasis .c-btn-list__itm__link:focus {
      color: #e4002b; }
      .c-btn-list.r-emphasis .c-btn-list__itm__link:hover:before, .c-btn-list.r-emphasis .c-btn-list__itm__link:active:before, .c-btn-list.r-emphasis .c-btn-list__itm__link:focus:before {
        border-color: #e4002b; }
      .c-btn-list.r-emphasis .c-btn-list__itm__link:hover .c-btn-list__external__icn:before, .c-btn-list.r-emphasis .c-btn-list__itm__link:hover .c-btn-list__external__icn:after, .c-btn-list.r-emphasis .c-btn-list__itm__link:active .c-btn-list__external__icn:before, .c-btn-list.r-emphasis .c-btn-list__itm__link:active .c-btn-list__external__icn:after, .c-btn-list.r-emphasis .c-btn-list__itm__link:focus .c-btn-list__external__icn:before, .c-btn-list.r-emphasis .c-btn-list__itm__link:focus .c-btn-list__external__icn:after {
        border-color: #fff; } }
  .c-btn-list.r-emphasis .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before {
    border-color: #e4002b; }
  .c-btn-list.r-emphasis .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    border-color: #e4002b; }

.c-btn-list.is-disabled .c-btn-list__itm__link {
  color: #fff;
  border: 1px solid #aaa;
  background-color: #aaa;
  pointer-events: none; }
  .c-btn-list.is-disabled .c-btn-list__itm__link:before {
    border-color: #fff; }
  @media screen and (min-width: 769px), print {
    .c-btn-list.is-disabled .c-btn-list__itm__link:after {
      background-color: #fff; } }
  .c-btn-list.is-disabled .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:before {
    border-color: #aaa; }
  .c-btn-list.is-disabled .c-btn-list__itm__link[target='_blank'] .c-btn-list__external__icn:after {
    border-color: #aaa; }

/*
---
name: バルーン
category: component/balloon
tag:
- component
- balloon
- ir
- education
---

```html
<div class="c-balloon r-small r-female-01">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-female-02">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-female-03">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-male-01">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-male-02">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-male-03">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-female-01">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-female-02">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-female-03">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-male-01">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-male-02">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-small r-reverse r-male-03">
  <p class="c-balloon__txt">
    ししょくが、グループごとにいろいろな味がしておもしろかったです。
  </p>
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-men-01">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
      <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-men-02">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
      <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-won-01">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
      <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-reverse r-men-01">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
      <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-reverse r-men-02">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
    <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

<div class="c-balloon r-middle r-reverse r-won-01">
  <div class="c-balloon__txt">
    <h4 class="c-hdg--lv4">配当金決定の基準（2016年度改定）</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
      <ul class="c-list">
        <li class="c-list__itm r-disc01 is-space">
          連結配当性向30％以上を基準
        </li>

        <li class="c-list__itm r-disc01 is-space">
          連結自己資本配当率(DOE)2.2％を目安
        </li>
      </ul>
      <!-- /.c-list -->
    </div>
    <!-- /.c-sec__lyt -->

    <h4 class="c-hdg--lv4 u-mt30">株主優待品</h4>
    <!-- /.c-hdg-lv4 -->

    <div class="c-sec__lyt">
    <p class="c-sec__lyt__node">
      日頃からのご支援に感謝を込め、株主優待品として当社グループ商品詰め合わせを3月上旬にお贈りしています。
    </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-balloon__txt-->
</div>
<!-- /.c-balloon -->

```
- 吹き出しを設定し、r-small,r-middleでスペースの幅を調節できます。
- r-reverseを付与することで吹き出しとイラストを反転することができます。
- ir,educationで使用しています。
*/
.c-balloon {
  line-height: 1.7;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px), print {
    .c-balloon {
      margin-top: 15px; } }
  @media screen and (max-width: 768px) {
    .c-balloon {
      margin-top: 15px;
      margin-top: 4vw; } }
  .c-balloon .c-balloon__txt {
    position: relative;
    border: 1px solid #ddd; }
    @media screen and (min-width: 769px), print {
      .c-balloon .c-balloon__txt {
        padding: 9px 20px;
        border-radius: 15px; } }
    @media screen and (max-width: 768px) {
      .c-balloon .c-balloon__txt {
        padding-top: 10px;
        padding-top: 2.66667vw;
        padding-right: 12.5px;
        padding-right: 3.33333vw;
        padding-bottom: 10px;
        padding-bottom: 2.66667vw;
        padding-left: 12.5px;
        padding-left: 3.33333vw;
        border-radius: 7.5px;
        border-radius: 2vw; } }
    .c-balloon .c-balloon__txt:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      background-color: #fff;
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg); }
    @media screen and (min-width: 769px), print {
      .c-balloon .c-balloon__txt:before {
        top: 50%;
        left: -5px;
        width: 8px;
        height: 8px;
        margin-top: -5px; } }
    @media screen and (max-width: 768px) {
      .c-balloon .c-balloon__txt:before {
        top: 20px;
        top: 5.33333vw;
        left: -4px;
        left: -1.06667vw;
        width: 7.5px;
        width: 2vw;
        height: 7.5px;
        height: 2vw; } }

.c-balloon.r-small {
  background-position-x: left; }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-small {
      padding-left: 42px;
      background-size: 33px;
      background-position-y: 40%; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-small {
      padding-left: 36px;
      padding-left: 9.6vw;
      background-size: 25px;
      background-size: 6.66667vw;
      background-position-y: 9px;
      background-position-y: 2.4vw; } }

.c-balloon.r-middle {
  background-position-x: left; }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-middle {
      padding-left: 230px;
      background-size: 180px;
      background-position-y: center; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-middle {
      padding-left: 115px;
      padding-left: 30.66667vw;
      background-size: 90px;
      background-size: 24vw;
      background-position-y: 9px;
      background-position-y: 2.4vw; } }

.c-balloon.r-small.r-reverse {
  padding-left: 0 !important;
  background-position-x: right; }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-small.r-reverse {
      padding-right: 42px; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-small.r-reverse {
      padding-right: 36px;
      padding-right: 9.6vw; } }
  .c-balloon.r-small.r-reverse .c-balloon__txt:before {
    left: inherit;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-small.r-reverse .c-balloon__txt:before {
      right: -5px; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-small.r-reverse .c-balloon__txt:before {
      right: -4px;
      right: -1.06667vw; } }

.c-balloon.r-middle.r-reverse {
  padding-left: 0 !important;
  background-position-x: right; }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-middle.r-reverse {
      padding-right: 230px; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-middle.r-reverse {
      padding-right: 115px;
      padding-right: 30.66667vw; } }
  .c-balloon.r-middle.r-reverse .c-balloon__txt:before {
    left: inherit;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media screen and (min-width: 769px), print {
    .c-balloon.r-middle.r-reverse .c-balloon__txt:before {
      right: -5px; } }
  @media screen and (max-width: 768px) {
    .c-balloon.r-middle.r-reverse .c-balloon__txt:before {
      right: -4px;
      right: -1.06667vw; } }

.c-balloon.r-female-01 {
  background-image: url(/assets/img/common/ico_people_female-01.svg); }

.c-balloon.r-female-02 {
  background-image: url(/assets/img/common/ico_people_female-02.svg); }

.c-balloon.r-female-03 {
  background-image: url(/assets/img/common/ico_people_female-03.svg); }

.c-balloon.r-male-01 {
  background-image: url(/assets/img/common/ico_people_male-01.svg); }

.c-balloon.r-male-02 {
  background-image: url(/assets/img/common/ico_people_male-02.svg); }

.c-balloon.r-male-03 {
  background-image: url(/assets/img/common/ico_people_male-03.svg); }

.c-balloon.r-won-01 {
  background-image: url(/assets/img/project/ir/individual/benefit/ico_people_female-01.png); }

.c-balloon.r-men-01 {
  background-image: url(/assets/img/project/ir/individual/benefit/ico_people_male-01.png); }

.c-balloon.r-men-02 {
  background-image: url(/assets/img/project/ir/individual/benefit/ico_people_male-02.png); }

.c-card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-card-list__item__thumb__img {
    width: 100%; }
  .c-card-list__item__ttl {
    color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-card-list__item__ttl {
        margin-top: 10px;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .c-card-list__item__ttl {
        margin-top: 29px;
        line-height: 1.73333; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-card-list__item__ttl {
      margin-top: calc(40px - (((2rem * 1.73333) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-card-list__item__ttl {
      margin-top: 3.86667vw;
      font-size: 15px;
      font-size: 4vw; } }
    .c-card-list__item__ttl.r-color-black {
      color: #333; }
  @media screen and (min-width: 769px), print {
    .c-card-list__item__txt, .c-card-list__item__date, .c-card-list__item__detail {
      margin-top: 4px; } }
  @media screen and (max-width: 768px) {
    .c-card-list__item__txt, .c-card-list__item__date, .c-card-list__item__detail {
      margin-top: 15px;
      line-height: 1.84615; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-card-list__item__txt, .c-card-list__item__date, .c-card-list__item__detail {
      margin-top: calc(26px - (((1.73333rem * 1.84615) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-card-list__item__txt, .c-card-list__item__date, .c-card-list__item__detail {
      margin-top: 2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .c-card-list__item__link {
    display: block; }
    @media screen and (min-width: 769px), print {
      .c-card-list__item__link {
        -webkit-transition: opacity .2s;
        transition: opacity .2s; }
        .c-card-list__item__link:hover {
          text-decoration: none;
          opacity: .7; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type01 .c-card-list__item {
    width: calc((100% - 24px * 2) / 3);
    margin-top: 24px;
    margin-right: 24px; }
    .c-card-list.r-type01 .c-card-list__item:nth-of-type(3n) {
      margin-right: 0; }
    .c-card-list.r-type01 .c-card-list__item:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type01 .c-card-list__item {
    top: 31px;
    top: 8.26667vw;
    left: 11.5px;
    left: 3.06667vw;
    font-size: 13px;
    font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type02 .c-card-list__item {
    display: none;
    width: calc((100% - 24px * 2) / 3);
    margin-top: 24px;
    margin-right: 24px; }
    .c-card-list.r-type02 .c-card-list__item:nth-child(1), .c-card-list.r-type02 .c-card-list__item:nth-child(2), .c-card-list.r-type02 .c-card-list__item:nth-child(3) {
      display: block; }
    .c-card-list.r-type02 .c-card-list__item:nth-of-type(3n) {
      margin-right: 0; }
    .c-card-list.r-type02 .c-card-list__item:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type02 .c-card-list__item {
    width: 48%;
    margin-top: 13px;
    margin-top: 3.46667vw;
    margin-right: 4%; }
    .c-card-list.r-type02 .c-card-list__item:nth-of-type(2n) {
      margin-right: 0; }
    .c-card-list.r-type02 .c-card-list__item:nth-of-type(-n + 2) {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type03 .c-card-list__item {
    width: calc((100% - 24px) / 2);
    margin-top: 24px;
    margin-right: 24px; }
    .c-card-list.r-type03 .c-card-list__item:nth-of-type(2n) {
      margin-right: 0; }
    .c-card-list.r-type03 .c-card-list__item:nth-of-type(-n + 2) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type03 .c-card-list__item {
    width: 100%;
    margin-top: 40px;
    margin-top: 10.66667vw;
    margin-right: 0; }
    .c-card-list.r-type03 .c-card-list__item:first-of-type {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type04 .c-card-list__item {
    width: calc((100% - 24px * 2) / 3);
    margin-top: 65px;
    margin-right: 24px; }
    .c-card-list.r-type04 .c-card-list__item:nth-of-type(3n) {
      margin-right: 0; }
    .c-card-list.r-type04 .c-card-list__item:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type04 .c-card-list__item {
    top: 31px;
    top: 8.26667vw;
    left: 11.5px;
    left: 3.06667vw;
    margin-top: 26px;
    margin-top: 6.93333vw;
    font-size: 13px;
    font-size: 3.46667vw; }
    .c-card-list.r-type04 .c-card-list__item:first-of-type {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type05 .c-card-list__item {
    width: calc((100% - 24px * 3) / 4);
    margin-top: 65px;
    margin-right: 24px; }
    .c-card-list.r-type05 .c-card-list__item:nth-of-type(4n) {
      margin-right: 0; }
    .c-card-list.r-type05 .c-card-list__item:nth-of-type(-n + 4) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type05 .c-card-list__item {
    top: 31px;
    top: 8.26667vw;
    left: 11.5px;
    left: 3.06667vw;
    margin-top: 26px;
    margin-top: 6.93333vw;
    font-size: 13px;
    font-size: 3.46667vw; }
    .c-card-list.r-type05 .c-card-list__item:first-of-type {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-card-list.r-type06 .c-card-list__item {
    width: calc((100% - 24px * 3) / 4);
    margin-top: 65px;
    margin-right: 24px; }
    .c-card-list.r-type06 .c-card-list__item:nth-of-type(4n) {
      margin-right: 0; }
    .c-card-list.r-type06 .c-card-list__item:nth-of-type(-n + 4) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-card-list.r-type06 .c-card-list__item {
    width: 100%;
    margin-top: 40px;
    margin-top: 10.66667vw;
    margin-right: 0; }
    .c-card-list.r-type06 .c-card-list__item:first-of-type {
      margin-top: 0; } }

/*
---
name: .c-column - コラム
category: component/culumn
tag:
- component
- culumn
- csr
- education
- rd
---

### 通常パターン

```html
<div class="c-column">
  <h4 class="c-column__ttl">グループのモデル工場が操業開始</h4>
  <!-- /.c-column__ttl -->

  <div class="c-column__cnt">
    <div class="c-sec__lyt">
      <p class="c-sec__lyt__node">
        2016年10月、キユーピーグループのモデル工場と位置付ける神戸工場が、操業を開始しました。「エネルギー1/2」をコンセプトに、「生産・執務・見学エリアを結ぶ熱融通システム」「省エネ創エネを実現する多様な環境配慮技術」を導入することで、従来のマヨネーズ工場のエネルギー消費量50％削減をめざしています。
      </p>
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-column__cnt -->
</div>
<!-- /.c-column -->
```

### 2カラムパターン

```html

<div class="c-column">
  <h4 class="c-column__ttl">サプライチェーンへの取り組み</h4>
  <!-- /.c-column__ttl -->

  <div class="c-column__cnt">
   <div class="c-sec__lyt r-flex-1-1 r-reverse">
    <div class="c-sec__flex-itm r-fig-head">
      <figure class="c-img-frm">
        <img src="/assets/img/project/sustainability/quality/material/index/column_img-01.jpg" alt="">
      </figure>
    </div>
    <!-- /.c-sec__flex-itm -->

    <div class="c-sec__flex-itm">
      <p class="c-sec__lyt__node">
        キユーピーグループにとって、原料や資材を提供いただく調達先の皆様や、商品を販売いただく販売先の皆様は、大切なパートナーです。お取引先と適切なコミュニケーションを図ることで信頼関係を築き、安全・安心な食生活、持続可能な地球環境への貢献を通じて、ともに成長できる関係をめざしています。
      </p>

      <p class="c-sec__lyt__node">
        また、生産現場のメンバーと原料・資材メーカーの皆様のつながりを深め、共同参加による改善活動に取り組むことで、さらなる品質向上をめざしています。
      </p>
    </div>
    <!-- /.c-sec__flex-itm -->
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-column__cnt -->
</div>
<!-- /.c-column -->

```

*/
.c-column {
  background-color: #fcfbf4; }
  @media screen and (min-width: 769px), print {
    .c-column {
      padding: 40px 30px; } }
  @media screen and (max-width: 768px) {
    .c-column {
      padding-top: 40px;
      padding-top: 10.66667vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-bottom: 40px;
      padding-bottom: 10.66667vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  .c-column .c-column__ttl {
    line-height: 1.5;
    color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-column .c-column__ttl {
        line-height: 1.5;
        margin-top: -4.25px;
        margin-bottom: -4.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-column .c-column__ttl {
      margin-top: calc(0px - (((1.13333rem * 1.5) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.5) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-column .c-column__ttl {
      margin-top: -0.56667vw;
      margin-bottom: -0.56667vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
    @media screen and (max-width: 768px) {
      .c-column .c-column__ttl {
        line-height: 1.5;
        margin-top: -9px;
        margin-bottom: -9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-column .c-column__ttl {
      margin-top: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      margin-bottom: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-column .c-column__ttl {
      margin-top: -1.2vw;
      margin-bottom: -1.2vw;
      font-size: 18px;
      font-size: 4.8vw; } }
  @media screen and (min-width: 769px), print {
    .c-column .c-column__cnt {
      line-height: 1.9;
      margin-top: 33.25px;
      margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-column .c-column__cnt {
      margin-top: calc(40px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-column .c-column__cnt {
      margin-top: 4.43333vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-column .c-column__cnt {
      line-height: 1.9;
      margin-top: 47.4px;
      margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-column .c-column__cnt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-column .c-column__cnt {
      margin-top: 6.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-emphasis-ttl-set {
  position: relative;
  color: #e4002b; }
  .c-emphasis-ttl-set .r-en,
  .c-emphasis-ttl-set .r-jp {
    display: block;
    letter-spacing: .08em;
    line-height: 1.5; }
  @media screen and (min-width: 769px), print {
    .c-emphasis-ttl-set .r-en {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .c-emphasis-ttl-set .r-en {
      font-size: 3.46667vw; } }
  @media screen and (min-width: 769px), print {
    .c-emphasis-ttl-set .r-jp {
      font-size: 30px; } }
  @media screen and (max-width: 768px) {
    .c-emphasis-ttl-set .r-jp {
      font-size: 8vw; } }
  .c-emphasis-ttl-set.r-top-slider {
    position: absolute;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .c-emphasis-ttl-set.r-top-slider {
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
    @media screen and (max-width: 768px) {
      .c-emphasis-ttl-set.r-top-slider {
        width: 100%;
        text-align: center;
        bottom: 81px;
        bottom: 21.6vw;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
      .c-emphasis-ttl-set.r-top-slider--report {
        bottom: 25vw; } }
    @media screen and (max-width: 768px) {
      .c-emphasis-ttl-set.r-top-slider .r-jp {
        font-size: 6.13333vw; } }

::-webkit-input-placeholder {
  font-family: 'Roboto','YakuHanJP', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

:-moz-placeholder {
  font-family: 'Roboto','YakuHanJP', 'BaseFont-JP', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

.c-form-err {
  background-color: #fff0f1; }
  @media screen and (min-width: 769px), print {
    .c-form-err {
      padding: 15px 20px; } }
  @media screen and (max-width: 768px) {
    .c-form-err {
      padding: 15px 20px 15px 20px;
      padding: 4vw 5.33333vw 4vw 5.33333vw; } }
  .c-form-err .c-form-err__txt {
    color: #e4002b;
    font-weight: bold;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229px%22%20height%3D%2229px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(228%2C%200%2C%2020)%22%20d%3D%22M14.225%2C16.313%20L15.801%2C16.313%20L16.336%2C11.081%20L16.413%2C8.801%20L13.613%2C8.801%20L13.675%2C11.081%20L14.225%2C16.313%20ZM15.005%2C20.382%20C15.908%2C20.382%2016.597%2C19.770%2016.597%2C18.883%20C16.597%2C18.011%2015.908%2C17.368%2015.005%2C17.368%20C14.103%2C17.368%2013.414%2C18.011%2013.414%2C18.883%20C13.414%2C19.770%2014.103%2C20.382%2015.005%2C20.382%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222px%22%20stroke%3D%22rgb(232%2C%2027%2C%2045)%22%20fill-opacity%3D%220%22%20fill%3D%22rgb(222%2C%20219%2C%20224)%22%20d%3D%22M14.500%2C5.950%20C19.222%2C5.950%2023.050%2C9.778%2023.050%2C14.500%20C23.050%2C19.222%2019.222%2C23.050%2014.500%2C23.050%20C9.778%2C23.050%205.950%2C19.222%205.950%2C14.500%20C5.950%2C9.778%209.778%2C5.950%2014.500%2C5.950%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .c-form-err .c-form-err__txt {
        margin-top: 5px;
        padding-left: 32px;
        background-position: 0 -1px;
        background-size: 28px; } }
    @media screen and (max-width: 768px) {
      .c-form-err .c-form-err__txt {
        line-height: 1.7;
        margin-top: 5px;
        margin-top: 1.33333vw;
        padding-left: 31px;
        padding-left: 8.26667vw;
        background-position-y: -2.5px;
        background-position-y: -0.66667vw;
        background-size: 28px;
        background-size: 7.46667vw; } }

.c-form-textbox {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-form-textbox {
      font-size: 14px; } }
  .c-form-textbox input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ddd;
    border-radius: 0; }
    .c-form-textbox input:placeholder-shown {
      color: #aaa; }
    .c-form-textbox input::-webkit-input-placeholder {
      color: #aaa; }
    .c-form-textbox input:-moz-placeholder {
      color: #aaa;
      opacity: 1; }
    .c-form-textbox input::-moz-placeholder {
      color: #aaa;
      opacity: 1; }
    .c-form-textbox input:-ms-input-placeholder {
      color: #aaa; }
    @media screen and (min-width: 769px), print {
      .c-form-textbox input {
        min-width: 180px;
        padding: 15px 10px;
        font-size: 14px;
        vertical-align: middle; } }
    @media screen and (max-width: 768px) {
      .c-form-textbox input {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 22px;
        padding-top: 22px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-form-textbox input {
      padding-bottom: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      padding-top: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-form-textbox input {
      padding-bottom: 2.93333vw;
      padding-top: 2.93333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    .c-form-textbox input:focus {
      border-width: 2px; }
      @media screen and (min-width: 769px), print {
        .c-form-textbox input:focus {
          padding: 14px 9px; } }
      @media screen and (max-width: 768px) {
        .c-form-textbox input:focus {
          padding-left: 9px;
          padding-right: 9px;
          padding-bottom: 20px;
          padding-top: 20px;
          line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-form-textbox input:focus {
      padding-bottom: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      padding-top: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-form-textbox input:focus {
      padding-bottom: 2.66667vw;
      padding-top: 2.66667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    .is-err .c-form-textbox input {
      border-color: #e4002b;
      background-color: #fff0f1; }

@media screen and (min-width: 769px), print {
  .c-form-heading {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold; } }

@media screen and (max-width: 768px) {
  .c-form-heading {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 16px;
    margin-bottom: 4.26667vw; } }

.c-form-textbox .r-no-min-w {
  min-width: inherit; }

@media screen and (min-width: 769px), print {
  .c-form-textbox .r-pass {
    padding-left: 10px; } }

@media screen and (max-width: 768px) {
  .c-form-textbox .r-pass {
    margin-top: 10px;
    margin-top: 2.66667vw;
    display: block; } }

@media screen and (min-width: 769px), print {
  .c-form-textbox + .r-text {
    margin-top: 10px; } }

@media screen and (max-width: 768px) {
  .c-form-textbox + .r-text {
    margin-top: 10px;
    margin-top: 2.66667vw; } }

.c-form-checkbox {
  display: inline-block;
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .c-form-checkbox {
      -webkit-transition: opacity .2s;
      transition: opacity .2s; } }
  .c-form-checkbox__label {
    position: relative;
    cursor: pointer; }
    @media screen and (min-width: 769px), print {
      .c-form-checkbox__label {
        padding-left: 30px; } }
    @media screen and (max-width: 768px) {
      .c-form-checkbox__label {
        padding-left: 25px;
        padding-left: 6.66667vw; } }
    .c-form-checkbox__label:before {
      content: '';
      display: block;
      position: absolute;
      left: 0; }
      @media screen and (min-width: 769px), print {
        .c-form-checkbox__label:before {
          width: 18px;
          height: 18px;
          margin: 4px 0 0 0;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border: 1px solid #aaa;
          background-color: #fff;
          border-radius: 3px;
          vertical-align: middle; } }
      @media screen and (max-width: 768px) {
        .c-form-checkbox__label:before {
          width: 19px;
          width: 5.06667vw;
          height: 19px;
          height: 5.06667vw;
          margin: -18px 0px 0px 0px;
          margin: -2.4vw 0vw 0vw 0vw;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border: 1px solid #aaa;
          background-color: #fff;
          border-radius: 3px;
          vertical-align: middle;
          top: 50%;
          left: 0px;
          left: 0vw; } }
    .c-form-checkbox__label:after {
      content: '';
      display: none;
      position: absolute; }
      @media screen and (min-width: 769px), print {
        .c-form-checkbox__label:after {
          width: 7px;
          height: 6px;
          margin: 5px 0 0 0;
          border-left: 2px solid #aaa;
          border-bottom: 2px solid #aaa;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          left: 5px;
          top: 0; } }
      @media screen and (max-width: 768px) {
        .c-form-checkbox__label:after {
          width: 7px;
          width: 1.86667vw;
          height: 6px;
          height: 1.6vw;
          margin: -6px 0px 0px 0px;
          margin: -0.8vw 0vw 0vw 0vw;
          border-left: 2px solid #aaa;
          border-bottom: 2px solid #aaa;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          left: 6px;
          left: 1.6vw;
          top: 50%; } }
  .c-form-checkbox > input[type='checkbox'] {
    position: absolute;
    cursor: pointer;
    opacity: 0; }
    .c-form-checkbox > input[type='checkbox']:checked + label:after {
      display: block; }
  @media screen and (min-width: 769px), print {
    .c-form-checkbox.r-intable .c-form-checkbox__label {
      padding-left: 22px; } }
  .c-form-checkbox.r-intable .c-form-checkbox__label:before {
    top: 0;
    margin-top: 0px; }

.c-form-select {
  display: inline-block;
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-form-select {
      min-width: 180px; } }
  @media screen and (max-width: 768px) {
    .c-form-select {
      width: 160px;
      width: 42.66667vw; } }
  .c-form-select:after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none; }
    @media screen and (min-width: 769px), print {
      .c-form-select:after {
        top: 23px;
        right: 10px;
        border: 4px solid transparent;
        border-top: 6px solid #333; } }
    @media screen and (max-width: 768px) {
      .c-form-select:after {
        top: 50%;
        right: 10px;
        right: 2.66667vw;
        width: 8px;
        width: 2.13333vw;
        height: 10px;
        height: 2.66667vw;
        margin-top: -2.5px;
        margin-top: -0.66667vw;
        border: 1.06667vw solid transparent;
        border-top: 1.6vw solid #333; } }
  .c-form-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd; }
    @media screen and (min-width: 769px), print {
      .c-form-select select {
        padding: 15px 10px;
        font-size: 14px;
        cursor: pointer; } }
    @media screen and (max-width: 768px) {
      .c-form-select select {
        padding-left: 5px;
        padding-left: 1.33333vw;
        padding-right: 5px;
        padding-right: 1.33333vw;
        padding-bottom: 26px;
        padding-top: 26px;
        line-height: 1.25; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-form-select select {
      padding-bottom: calc(30px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
      padding-top: calc(30px - (((2.13333rem * 1.25) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-form-select select {
      padding-bottom: 3.46667vw;
      padding-top: 3.46667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    .c-form-select select::-ms-expand {
      display: none; }
    .is-err .c-form-select select {
      background-color: #fff0f1;
      color: #e4002b;
      border: 1px solid #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-form-select.r-upper-right {
      position: absolute;
      top: 110px;
      right: 20px;
      z-index: 1; } }
  @media screen and (max-width: 768px) {
    .c-form-select.r-upper-right {
      position: relative;
      top: 35px;
      top: 9.33333vw;
      left: 87.5px;
      left: 23.33333vw;
      margin-bottom: 10%; } }

@media screen and (min-width: 769px), print {
  .c-form-radio {
    display: inline-block;
    margin-right: -.3em;
    padding: 10px 25px 10px 0; } }

@media screen and (max-width: 768px) {
  .c-form-radio {
    display: block;
    padding-bottom: 16px;
    padding-bottom: 4.26667vw;
    padding-right: 25px;
    padding-right: 6.66667vw; } }

@media screen and (max-width: 768px) {
  .c-form-radio + .c-form-radio {
    padding-bottom: 0; } }

.is-err .c-form-radio {
  background-color: #fff0f1;
  color: #e4002b; }

.c-form-radio input[type='radio'] {
  position: absolute;
  opacity: 0; }
  .c-form-radio input[type='radio']:checked + .c-form-radio__label:after {
    display: block; }
  @media screen and (min-width: 769px), print {
    .c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
      border-width: 2px; } }
  @media screen and (max-width: 768px) {
    .c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
      border-width: 2px; } }
  @media screen and (max-width: 329px) {
    .c-form-radio input[type='radio']:focus + .c-form-radio__label:before {
      border-width: 1px; } }

.c-form-radio__label {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .c-form-radio__label:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    top: 50%; }
  .c-form-radio__label:after {
    content: '';
    display: none;
    position: absolute;
    background-color: #aaa;
    top: 50%; }
  @media screen and (min-width: 769px), print {
    .c-form-radio__label {
      padding-left: 30px; }
      .c-form-radio__label:before {
        width: 20px;
        height: 20px;
        margin: -11px 0 0 0;
        border-radius: 20px;
        left: 0;
        border: 1px solid #aaa; }
      .c-form-radio__label:after {
        width: 12px;
        height: 12px;
        margin: -7px 0 0 0;
        border-radius: 6px;
        left: 4px; } }
  @media screen and (max-width: 768px) {
    .c-form-radio__label {
      padding-left: 30px;
      padding-left: 8vw; }
      .c-form-radio__label:before {
        overflow: hidden;
        width: 20px;
        width: 5.33333vw;
        height: 20px;
        height: 5.33333vw;
        margin-top: -11px;
        margin-top: -2.93333vw;
        border-radius: 100%;
        left: 0;
        border: 1px solid #aaa; }
      .c-form-radio__label:after {
        overflow: hidden;
        width: 14px;
        width: 3.73333vw;
        height: 14px;
        height: 3.73333vw;
        margin-top: -8px;
        margin-top: -2.13333vw;
        border-radius: 100%;
        left: 3px;
        left: 0.8vw; } }
  @media screen and (min-width: 769px), print {
    .is-err .c-form-radio__label {
      margin-left: 5px; } }
  @media screen and (max-width: 768px) {
    .is-err .c-form-radio__label {
      margin-left: 5px;
      margin-left: 1.33333vw; } }

@media screen and (max-width: 768px) {
  .c-form-radio.r-traffic {
    padding-top: 10px;
    padding-top: 2.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-form-radio.r-traffic label {
    margin-right: 20px; } }

@media screen and (max-width: 768px) {
  .c-form-radio.r-traffic label {
    margin-bottom: 5px;
    margin-bottom: 1.33333vw; } }

.c-form-textarea textarea {
  border: 1px solid #ddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: bottom;
  border-radius: 0; }
  .c-form-textarea textarea:placeholder-shown {
    color: #aaa; }
  .c-form-textarea textarea::-webkit-input-placeholder {
    color: #aaa; }
  .c-form-textarea textarea:-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  .c-form-textarea textarea::-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  .c-form-textarea textarea:-ms-input-placeholder {
    color: #aaa; }
  @media screen and (min-width: 769px), print {
    .c-form-textarea textarea {
      width: 775px;
      max-width: 100%;
      height: 200px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 7px;
      padding-top: 7px;
      line-height: 2.14286; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-form-textarea textarea {
      padding-bottom: calc(15px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
      padding-top: calc(15px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-form-textarea textarea {
      padding-bottom: 0.93333vw;
      padding-top: 0.93333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (max-width: 768px) {
    .c-form-textarea textarea {
      width: 100%;
      height: 100px;
      height: 26.66667vw;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 22px;
      padding-top: 22px;
      line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-form-textarea textarea {
      padding-bottom: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      padding-top: calc(30px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-form-textarea textarea {
      padding-bottom: 2.93333vw;
      padding-top: 2.93333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  .c-form-textarea textarea:focus {
    border-width: 2px; }
    @media screen and (min-width: 769px), print {
      .c-form-textarea textarea:focus {
        padding-left: 9px;
        padding-right: 9px;
        padding-bottom: 6px;
        padding-top: 6px;
        line-height: 2.14286; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-form-textarea textarea:focus {
      padding-bottom: calc(14px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
      padding-top: calc(14px - (((0.93333rem * 2.14286) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-form-textarea textarea:focus {
      padding-bottom: 0.8vw;
      padding-top: 0.8vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
    @media screen and (max-width: 768px) {
      .c-form-textarea textarea:focus {
        padding-left: 9px;
        padding-right: 9px;
        padding-bottom: 20px;
        padding-top: 20px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-form-textarea textarea:focus {
      padding-bottom: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      padding-top: calc(28px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-form-textarea textarea:focus {
      padding-bottom: 2.66667vw;
      padding-top: 2.66667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  .is-err .c-form-textarea textarea {
    border-color: #e4002b;
    background-color: #fff0f1; }

.c-form__icn--require {
  display: inline-block;
  background-color: #e4002b;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: normal; }
  @media screen and (min-width: 769px), print {
    .c-form__icn--require {
      height: 25px;
      padding: 0 16px;
      font-size: 12px;
      line-height: 25px; } }
  @media screen and (max-width: 768px) {
    .c-form__icn--require {
      margin-right: 5px;
      margin-right: 1.33333vw;
      margin-left: 10px;
      margin-left: 2.66667vw;
      padding-right: 15px;
      padding-right: 4vw;
      padding-left: 15px;
      padding-left: 4vw;
      font-size: 11px;
      font-size: 2.93333vw;
      line-height: 22px;
      line-height: 5.86667vw; } }

.c-form__icn--optional {
  display: inline-block;
  background-color: #ff8710;
  color: #fff;
  text-align: center;
  vertical-align: middle; }
  @media screen and (min-width: 769px), print {
    .c-form__icn--optional {
      height: 25px;
      margin-right: 7px;
      padding: 0 16px;
      font-size: 12px;
      line-height: 25px; } }
  @media screen and (max-width: 768px) {
    .c-form__icn--optional {
      margin-right: 5px;
      margin-right: 1.33333vw;
      padding-right: 15px;
      padding-right: 4vw;
      padding-left: 15px;
      padding-left: 4vw;
      margin-left: 10px;
      margin-left: 2.66667vw;
      font-size: 11px;
      font-size: 2.93333vw;
      line-height: 22px;
      line-height: 5.86667vw; } }

@media screen and (min-width: 769px), print {
  .c-form-notice {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .c-form-notice {
    margin-top: 17px;
    margin-top: 4.53333vw; } }

.c-form-notice__box {
  background-color: #f9f9f9;
  overflow-y: auto;
  box-sizing: border-box; }
  @media screen and (min-width: 769px), print {
    .c-form-notice__box {
      padding-top: 45px;
      padding-bottom: 45px;
      padding-left: 45px;
      padding-right: 45px;
      max-height: 300px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__box {
      padding-top: 20px;
      padding-top: 5.33333vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw;
      padding-left: 15px;
      padding-left: 4vw;
      padding-right: 15px;
      padding-right: 4vw;
      max-height: 250px;
      max-height: 66.66667vw; } }
  @media screen and (min-width: 769px), print {
    .c-form-notice__box .r-txt {
      margin-top: 20px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__box .r-txt {
      line-height: 1.5;
      margin-top: 15px;
      margin-top: 4vw; } }
  .c-form-notice__box .r-txt:first-child {
    margin-top: 0px; }
  .c-form-notice__box .r-tel-num {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-form-notice__box .r-tel-num {
        font-size: 25px;
        margin-top: 20px;
        padding-left: 38px; } }
    @media screen and (max-width: 768px) {
      .c-form-notice__box .r-tel-num {
        text-align: center;
        line-height: 1.5;
        margin-top: 15px;
        margin-top: 4vw;
        font-size: 20px;
        font-size: 5.33333vw;
        padding-left: 30px;
        padding-left: 8vw; } }
    .c-form-notice__box .r-tel-num:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      background-image: url("/entertainment/cat_assets/img/mayoterrace/icon_tel.png");
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (min-width: 769px), print {
        .c-form-notice__box .r-tel-num:before {
          width: 27px;
          height: 25px;
          background-size: 27px 25px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__box .r-tel-num:before {
          width: 21.5px;
          width: 5.73333vw;
          height: 20.5px;
          height: 5.46667vw;
          left: 40px;
          left: 10.66667vw;
          background-size: 21.5px 20.5px;
          background-size: 5.73333vw 5.46667vw; } }
  @media screen and (min-width: 769px), print {
    .c-form-notice__box .r-tel-hours {
      margin-top: 0;
      font-size: 12px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__box .r-tel-hours {
      text-align: center;
      font-size: 11px;
      font-size: 2.93333vw; } }

.c-form-notice__grid {
  background-color: #f9f9f9;
  overflow: hidden; }
  @media screen and (min-width: 769px), print {
    .c-form-notice__grid {
      padding-top: 45px;
      padding-bottom: 45px;
      padding-left: 180px;
      padding-right: 180px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__grid {
      padding-top: 20px;
      padding-top: 5.33333vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw;
      padding-left: 15px;
      padding-left: 4vw;
      padding-right: 15px;
      padding-right: 4vw; } }
  .c-form-notice__grid__pict {
    float: left;
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .c-form-notice__grid__pict {
        width: 180px; } }
    @media screen and (max-width: 768px) {
      .c-form-notice__grid__pict {
        width: 85px;
        width: 22.66667vw; } }
    .c-form-notice__grid__pict__box {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 769px), print {
        .c-form-notice__grid__pict__box {
          width: 80px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__grid__pict__box {
          width: 60px;
          width: 16vw; } }
    .c-form-notice__grid__pict__txt {
      text-align: center; }
      @media screen and (min-width: 769px), print {
        .c-form-notice__grid__pict__txt {
          font-size: 15px;
          margin-top: 10px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__grid__pict__txt {
          font-size: 13px;
          font-size: 3.46667vw;
          line-height: 1.5;
          margin-top: 5px;
          margin-top: 1.33333vw; } }
  .c-form-notice__grid__detail {
    float: left; }
    @media screen and (min-width: 769px), print {
      .c-form-notice__grid__detail {
        margin-left: 40px; } }
    @media screen and (max-width: 768px) {
      .c-form-notice__grid__detail {
        width: 208px;
        width: 55.46667vw;
        padding-left: 12px;
        padding-left: 3.2vw; } }
    @media screen and (min-width: 769px), print {
      .c-form-notice__grid__detail__txt {
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .c-form-notice__grid__detail__txt {
        font-size: 14px;
        font-size: 3.73333vw;
        line-height: 1.7; } }
  @media screen and (min-width: 769px), print {
    .c-form-notice__grid__tel {
      float: left;
      margin-left: 40px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__grid__tel {
      clear: left;
      padding-top: 10px;
      padding-top: 2.66667vw;
      max-width: 275px;
      max-width: 73.33333vw;
      margin-left: auto;
      margin-right: auto; } }
  .c-form-notice__grid__tel__num {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-form-notice__grid__tel__num {
        font-size: 25px;
        padding-left: 38px; } }
    @media screen and (max-width: 768px) {
      .c-form-notice__grid__tel__num {
        text-align: center;
        line-height: 1.5;
        font-size: 20px;
        font-size: 5.33333vw;
        padding-left: 30px;
        padding-left: 8vw; } }
    .c-form-notice__grid__tel__num:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      background-image: url("/entertainment/cat_assets/img/mayoterrace/icon_tel.png");
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (min-width: 769px), print {
        .c-form-notice__grid__tel__num:before {
          width: 27px;
          height: 25px;
          background-size: 27px 25px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__grid__tel__num:before {
          width: 21.5px;
          width: 5.73333vw;
          height: 20.5px;
          height: 5.46667vw;
          left: 40px;
          left: 10.66667vw;
          background-size: 21.5px 20.5px;
          background-size: 5.73333vw 5.46667vw; } }
  @media screen and (min-width: 769px), print {
    .c-form-notice__grid__tel__hours {
      font-size: 12px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__grid__tel__hours {
      text-align: center;
      font-size: 11px;
      font-size: 2.93333vw; } }

.c-form-notice__agree {
  background-color: #666666;
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .c-form-notice__agree {
      padding: 10px; } }
  @media screen and (max-width: 768px) {
    .c-form-notice__agree {
      padding-top: 10px;
      padding-top: 2.66667vw;
      padding-bottom: 10px;
      padding-bottom: 2.66667vw; } }
  .c-form-notice__agree__checkbox {
    display: none; }
    .c-form-notice__agree__checkbox + label {
      position: relative;
      color: #fff; }
      @media screen and (min-width: 769px), print {
        .c-form-notice__agree__checkbox + label {
          padding-left: 30px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__agree__checkbox + label {
          padding-left: 31.5px;
          padding-left: 8.4vw; } }
    .c-form-notice__agree__checkbox + label:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      background-color: #fff;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (min-width: 769px), print {
        .c-form-notice__agree__checkbox + label:before {
          width: 20px;
          height: 20px;
          border-radius: 5px; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__agree__checkbox + label:before {
          width: 20px;
          width: 5.33333vw;
          height: 20px;
          height: 5.33333vw;
          border-radius: 2.5px;
          border-radius: 0.66667vw; } }
    .c-form-notice__agree__checkbox:checked + label:after {
      content: "";
      display: block;
      position: absolute; }
      @media screen and (min-width: 769px), print {
        .c-form-notice__agree__checkbox:checked + label:after {
          top: -3px;
          left: 5px;
          width: 7px;
          height: 16px;
          -webkit-transform: rotate(40deg);
              -ms-transform: rotate(40deg);
                  transform: rotate(40deg);
          border-bottom: 3px solid #333;
          border-right: 3px solid #333; } }
      @media screen and (max-width: 768px) {
        .c-form-notice__agree__checkbox:checked + label:after {
          top: -1.5px;
          top: -0.4vw;
          left: 2.5px;
          left: 0.66667vw;
          width: 3.5px;
          width: 0.93333vw;
          height: 8px;
          height: 2.13333vw;
          -webkit-transform: rotate(40deg);
              -ms-transform: rotate(40deg);
                  transform: rotate(40deg);
          border-bottom: 3px solid #333;
          border-right: 3px solid #333; } }

/*
---
name: .c-hdg--lv1 - 大見出し
category: component/heading
tag:
- component
- heading
- company
- csr
- education
- group
- ir
- rd
- recruit
- sitemap
- social-policy
- updates
---

```html
  <h1 class="c-hdg--lv1">大見出し</h1>
  <!-- /.c-hdg--lv1 -->
```

- サンプルでは`h1`タグを使用していますが、どのタグを使用しても問題ありません。

### .c-hdg--lv1.r-emphasis - 強調パターン

```html
  <h1 class="c-hdg--lv1 r-emphasis">大見出し（強調）</h1>
  <!-- /.c-hdg--lv1 -->
```

*/
/*
---
name: .c-hdg--lv2 - 中見出し
category: component/heading
tag:
- component
- heading
---

```html
  <h2 class="c-hdg--lv2">中見出し</h2>
  <!-- /.c-hdg--lv2 -->
```

- サンプルでは`h2`タグを使用していますが、どのタグを使用しても問題ありません。

### .c-hdg--lv2.r-emphasis - 強調パターン

```html
  <h2 class="c-hdg--lv2 r-emphasis">中見出し（強調）</h2>
  <!-- /.c-hdg--lv2 -->
```

*/
/*
---
name: .c-hdg--lv3 - 小見出し
category: component/heading
tag:
- component
- heading
---

```html
  <h3 class="c-hdg--lv3">小見出し</h3>
  <!-- /.c-hdg--lv3 -->
```

- サンプルでは`h3`タグを使用していますが、どのタグを使用しても問題ありません。

### .c-hdg--lv3.r-emphasis - 強調パターン

```html
  <h3 class="c-hdg--lv3 r-emphasis">小見出し（強調）</h3>
  <!-- /.c-hdg--lv3 -->
```

*/
/*
---
name: .c-hdg--lv4 - 小見出し（別パターン）
category: component/heading
tag:
- component
- heading
---

```html
  <h4 class="c-hdg--lv4">小見出し</h4>
  <!-- /.c-hdg--lv4 -->
```

- サンプルでは`h4`タグを使用していますが、どのタグを使用しても問題ありません。

### .c-hdg--lv4.r-emphasis - 強調パターン

```html
  <h4 class="c-hdg--lv4 r-emphasis">小見出し（強調）</h4>
  <!-- /.c-hdg--lv4 -->
```
*/
/*
---
name: .c-hdg--lv5 - 小見出し（別パターン）
category: component/heading
tag:
- component
- heading
---

```html
  <h5 class="c-hdg--lv5">小見出し</h5>
  <!-- /.c-hdg--lv5 -->
```

### .c-hdg--lv5.r-emphasis - 強調パターン

```html
  <h5 class="c-hdg--lv5 r-emphasis">小見出し（強調）</h5>
  <!-- /.c-hdg--lv5 -->
```

- サンプルでは`h5`タグを使用していますが、どのタグを使用しても問題ありません。


*/
.c-hdg--lv1 {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv1 {
      line-height: 1.9;
      margin-top: 2.5px;
      margin-bottom: -13.5px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv1 {
      margin-top: calc(16px - (((2rem * 1.9) - 2rem) / 2));
      margin-bottom: calc(0px - (((2rem * 1.9) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv1 {
      margin-top: 0.33333vw;
      margin-bottom: -1.8vw;
      font-size: 15px;
      font-size: 4vw; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv1 {
      line-height: 1.9;
      margin-top: -27px;
      margin-bottom: -27px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv1 {
      margin-top: calc(0px - (((4rem * 1.9) - 4rem) / 2));
      margin-bottom: calc(0px - (((4rem * 1.9) - 4rem) / 2));
      font-size: 4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv1 {
      margin-top: -3.6vw;
      margin-bottom: -3.6vw;
      font-size: 30px;
      font-size: 8vw; } }
  .c-hdg--lv1 .c-hdg__sub {
    display: block; }
    @media screen and (min-width: 769px), print {
      .c-hdg--lv1 .c-hdg__sub {
        margin-top: -7.65px;
        line-height: 1.9;
        margin-bottom: 7px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv1 .c-hdg__sub {
      margin-top: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv1 .c-hdg__sub {
      margin-top: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
    @media screen and (max-width: 768px) {
      .c-hdg--lv1 .c-hdg__sub {
        line-height: 1.5;
        margin-top: -8px;
        margin-bottom: -8px;
        margin-bottom: 7.5px;
        margin-bottom: 2vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv1 .c-hdg__sub {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv1 .c-hdg__sub {
      margin-top: -1.06667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  .c-hdg--lv1.r-mtn {
    color: #e4002b;
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .c-hdg--lv1.r-mtn {
        margin-bottom: -6.6px;
        margin-top: -6.6px;
        line-height: 1.33; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv1.r-mtn {
      margin-bottom: calc(0px - (((2.66667rem * 1.33) - 2.66667rem) / 2));
      margin-top: calc(0px - (((2.66667rem * 1.33) - 2.66667rem) / 2));
      font-size: 2.66667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv1.r-mtn {
      margin-bottom: -0.88vw;
      margin-top: -0.88vw;
      font-size: 20px;
      font-size: 5.33333vw; } }
    @media screen and (max-width: 768px) {
      .c-hdg--lv1.r-mtn {
        line-height: 1.45;
        font-size: 24px;
        font-size: 6.4vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-right: 20px;
        padding-right: 5.33333vw; } }

.c-hdg--lv2 {
  display: inline-block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd; }
  .c-hdg--lv2:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv2 {
      margin-top: 109.2px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv2 {
      margin-top: calc(120px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv2 {
      margin-top: 14.56vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (min-width: 769px), print {
      .c-hdg--lv2:before {
        width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv2 {
      line-height: 1.5;
      margin-top: 138.5px;
      line-height: 1.5;
      padding-bottom: 7px;
      padding-bottom: 1.86667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv2 {
      margin-top: calc(150px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv2 {
      margin-top: 18.46667vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  @media screen and (max-width: 768px) {
      .c-hdg--lv2:before {
        width: 89px;
        width: 23.73333vw; } }

.c-hdg--lv3 {
  display: inline-block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd; }
  .c-hdg--lv3.r-aspiration:before {
    background-color: #004ea2; }
  .c-hdg--lv3.r-group-condiments:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #DD6B4F; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-condiments:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-condiments:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-group-egg:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #E8BA41; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-egg:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-egg:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-group-delicatessen:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #B6CE5C; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-delicatessen:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-delicatessen:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-group-pf:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #7094C0; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-pf:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-pf:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-group-fc:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #EEAEA2; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-fc:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-fc:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-group-distribution:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #4AACBC; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3.r-group-distribution:before {
      width: 132px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3.r-group-distribution:before {
      width: 89px;
      width: 23.73333vw; } }
  .c-hdg--lv3.r-posture:before {
    background-color: #6fba2c; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv3 {
      padding-bottom: 3px;
      margin-top: 71.45px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv3 {
      margin-top: calc(80px - (((1.26667rem * 1.9) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv3 {
      margin-top: 9.52667vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv3 {
      line-height: 1.5;
      margin-top: 111px;
      line-height: 1.5;
      padding-bottom: 8px;
      padding-bottom: 2.13333vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv3 {
      margin-top: calc(120px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv3 {
      margin-top: 14.8vw;
      font-size: 18px;
      font-size: 4.8vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv4 {
    line-height: 1.9;
    margin-top: 52.35px;
    margin-bottom: -7.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv4 {
      margin-top: calc(60px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv4 {
      margin-top: 6.98vw;
      margin-bottom: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv4 {
    line-height: 1.5;
    line-height: 1.5;
    margin-top: 92px;
    margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv4 {
      margin-top: calc(100px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv4 {
      margin-top: 12.26667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

.c-hdg--lv5 {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv5 {
      line-height: 1.9;
      margin-top: -6.75px;
      margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv5 {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv5 {
      margin-top: -0.9vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv5 {
      line-height: 1.7;
      line-height: 1.7;
      margin-top: -9.8px;
      margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv5 {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv5 {
      margin-top: -1.30667vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

[class^="c-hdg"].r-emphasis {
  color: #e4002b; }

@media screen and (min-width: 769px), print {
  .c-hdg--lv1 + .c-sec .c-hdg--lv2,
  .p-ir-illust-top + .c-sec .c-hdg--lv2 {
    margin-top: 69.2px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv1 + .c-sec .c-hdg--lv2,
    .p-ir-illust-top + .c-sec .c-hdg--lv2 {
      margin-top: calc(80px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv1 + .c-sec .c-hdg--lv2,
    .p-ir-illust-top + .c-sec .c-hdg--lv2 {
      margin-top: 9.22667vw;
      font-size: 12px;
      font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv1 + .c-sec .c-hdg--lv2,
  .p-ir-illust-top + .c-sec .c-hdg--lv2 {
    margin-top: 58.5px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv1 + .c-sec .c-hdg--lv2,
    .p-ir-illust-top + .c-sec .c-hdg--lv2 {
      margin-top: calc(70px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv1 + .c-sec .c-hdg--lv2,
    .p-ir-illust-top + .c-sec .c-hdg--lv2 {
      margin-top: 7.8vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec + .c-sec .c-hdg--lv2 {
    margin-top: 109.2px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec + .c-sec .c-hdg--lv2 {
      margin-top: calc(120px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec + .c-sec .c-hdg--lv2 {
      margin-top: 14.56vw;
      font-size: 12px;
      font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
  .c-sec + .c-sec .c-hdg--lv2 {
    margin-top: 138.5px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec + .c-sec .c-hdg--lv2 {
      margin-top: calc(150px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec + .c-sec .c-hdg--lv2 {
      margin-top: 18.46667vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

.c-hdg--lv1 + .c-sec.r-no-hdg .c-sec__block:nth-of-type(1) .c-hdg--lv3 {
  margin-top: 0; }

@media screen and (min-width: 769px), print {
  .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
    margin-top: 31.45px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
      margin-top: calc(40px - (((1.26667rem * 1.9) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
      margin-top: 4.19333vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
    margin-top: 51px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
      margin-top: calc(60px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__block .c-hdg--lv3 {
      margin-top: 6.8vw;
      font-size: 18px;
      font-size: 4.8vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
    margin-top: 32.35px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
      margin-top: calc(40px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
      margin-top: 4.31333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
    margin-top: 52px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
      margin-top: calc(60px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__box .c-hdg--lv4 {
      margin-top: 6.93333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
    margin-top: 32.35px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
      margin-top: calc(40px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
      margin-top: 4.31333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
    margin-top: 45.6px;
    line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
      margin-top: calc(60px - (((2.13333rem * 1.9) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv3 + .c-sec__box .c-hdg--lv4 {
      margin-top: 6.08vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-modal__sec.r-group-second-life .c-hdg--lv2 span {
    font-size: 17px; } }

@media screen and (max-width: 768px) {
  .c-modal__sec.r-group-second-life .c-hdg--lv2 span {
    font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
    margin-top: 69.2px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
      margin-top: calc(80px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
      margin-top: 9.22667vw;
      font-size: 12px;
      font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
  .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
    margin-top: 108.5px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
      margin-top: calc(120px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-com-2030vision__img__ttl--01 + .c-sec .c-hdg--lv2 {
      margin-top: 14.46667vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

.c-icn__text {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.c-icn__tour {
  color: #e4002b;
  border: 1px solid #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-icn__tour {
      padding: 0 7px;
      font-size: 14px;
      border-radius: 10px;
      line-height: 18px; } }
  @media screen and (max-width: 768px) {
    .c-icn__tour {
      padding-left: 6px;
      padding-left: 1.6vw;
      padding-right: 6px;
      padding-right: 1.6vw;
      font-size: 10px;
      font-size: 2.66667vw;
      border-radius: 15px;
      border-radius: 4vw;
      line-height: 15px;
      line-height: 4vw; } }

.c-img-frm {
  overflow: hidden; }
  .c-img-frm.r-bdr {
    border: 1px solid #ddd; }
  .c-img-frm.r-bdr--black {
    border: 1px solid #333; }
  .c-img-frm img {
    width: 100%; }
  .c-img-frm.r-mw img {
    width: auto;
    max-width: 100% !important; }

/*
---
name: .c-inquiry
category: component/inquiry
tag:
- component
- inquiry
- company
- education
- ir
---

```html
<div class="c-inquiry r-type02">
  <h5 class="c-inquiry__hdg">お問い合わせ・お申し込み先</h5>
  <!-- /.c-inquiry__hdg -->

  <div class="c-inquiry__frm">
    <p class="c-inquiry__ttl">講演会運営事務局<br class="u-none--pc"><span class="c-inquiry__ttl__notice">（株式会社放送映画製作所 東京支社）</span></p>
    <!-- /.c-inquiry__ttl -->
    <div class="c-inquiry__lyt r-flex-1-1">
      <div class="c-inquiry__flex__itm">
        <div class="c-inquiry__lyt__node">
          <span class="c-inquiry__label">電話番号</span>
          <a href="tel:0352026063" class="c-inquiry__txt r-tel">03-5202-6063</a>
        </div>
        <div class="c-inquiry__lyt__node">
          <span class="c-inquiry__label">受付時間</span>
          <p class="c-inquiry__txt">9:30～17:30</p>
        </div>
      </div>
      <!-- /.c-inquiry__flex__itm -->
      <div class="c-inquiry__flex__itm">
        <div class="c-inquiry__lyt__node">
          <span class="c-inquiry__label">FAX番号</span>
          <a href="tel:0352026066" class="c-inquiry__txt r-fax">03-5202-6066</a>
        </div>
        <div class="c-inquiry__lyt__node">
          <span class="c-inquiry__label">E-Mail</span>
          <a href="mailto:" class="c-inquiry__txt r-mail">demae@hosoeiga.co.jp</a>
        </div>
      </div>
      <!-- /.c-inquiry__flex__itm -->
    </div>
    <!-- /.c-inquiry__lyt -->
    <div class="c-inquiry__lyt">
      <div class="c-inquiry__lyt__node">
        <span class="c-inquiry__label">住所</span>
        <p class="c-inquiry__txt r-address">〒103-0027　<br class="u-none--pc">東京都中央区日本橋3丁目5番13号 三義（みつよし）ビル</p>
      </div>
    </div>
    <!-- /.c-inquiry__lyt -->
  </div>
  <!-- /.c-inquiry__box -->
</div>
<!-- /.c-inquiry -->

```

```html
<div class="c-inquiry r-type01">
  <div class="c-inquiry__frm">
    <p class="c-inquiry__ttl">個人情報のお問い合せ先 ： <br class="u-none--pc">キユーピー株式会社お客様相談室</p>
    <!-- /.c-inquiry__ttl -->
    <div class="c-inquiry__box">
      <div class="c-inquiry__lyt">
        <span class="c-inquiry__label">フリーダイヤル</span>
        <a href="tel:0120141122" class="c-inquiry__txt r-freedial">0120-14-1122</a>
      </div>
      <!-- /.c-inquiry__lyt -->
      <div class="c-inquiry__lyt">
        <span class="c-inquiry__label">受付時間</span>
        <p class="c-inquiry__txt">9:00～17:30</p>
        <span class="c-inquiry__notice">(土・日・祝日は除く)</span>
      </div>
      <!-- /.c-inquiry__lyt -->
    </div>
    <!-- /.c-inquiry__box -->
  </div>
  <!-- /.c-inquiry__frm -->
</div>
<!-- /.c-inquiry -->

```
*/
@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__hdg {
    line-height: 1.9;
    margin-top: 52.35px;
    margin-bottom: -7.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-inquiry .c-inquiry__hdg {
      margin-top: calc(60px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-inquiry .c-inquiry__hdg {
      margin-top: 6.98vw;
      margin-bottom: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__hdg {
    line-height: 1.7;
    line-height: 1.7;
    margin-top: 88.8px;
    margin-bottom: -11.2px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-inquiry .c-inquiry__hdg {
      margin-top: calc(100px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-inquiry .c-inquiry__hdg {
      margin-top: 11.84vw;
      margin-bottom: -1.49333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__ttl {
    line-height: 1.7;
    line-height: 1.7;
    margin-top: -5.95px;
    margin-bottom: -5.95px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-inquiry .c-inquiry__ttl {
      margin-top: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-inquiry .c-inquiry__ttl {
      margin-top: -0.79333vw;
      margin-bottom: -0.79333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__ttl {
    line-height: 1.5;
    line-height: 1.5;
    margin-top: -8px;
    margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-inquiry .c-inquiry__ttl {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-inquiry .c-inquiry__ttl {
      margin-top: -1.06667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__ttl__notice {
    font-size: 3.73333vw; } }

.c-inquiry .c-inquiry__frm {
  border: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-inquiry .c-inquiry__frm {
      max-width: 774px;
      margin: 20px auto 0;
      border-radius: 8px; } }
  @media screen and (max-width: 768px) {
    .c-inquiry .c-inquiry__frm {
      margin-top: 25px;
      margin-top: 6.66667vw;
      border-radius: 4px;
      border-radius: 1.06667vw; } }

.c-inquiry .c-inquiry__lyt {
  line-height: 1.7; }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__lyt.r-flex-1-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    line-height: 1.7;
    margin-top: 24.05px;
    margin-bottom: -5.95px;
    margin-bottom: 0; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-inquiry .c-inquiry__lyt.r-flex-1-1 {
      margin-top: calc(30px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-inquiry .c-inquiry__lyt.r-flex-1-1 {
      margin-top: 3.20667vw;
      margin-bottom: -0.79333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__lyt.r-flex-1-1 {
    margin-top: 17px;
    margin-top: 4.53333vw; } }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__lyt.r-flex-1-1 .c-inquiry__flex__itm {
    width: 50%; } }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__lyt.r-flex-1-1 .c-inquiry__flex__itm:nth-of-type(1) {
    padding-right: 25px;
    border-right: 1px solid #ddd; } }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__lyt.r-flex-1-1 .c-inquiry__flex__itm:nth-of-type(2) {
    padding-left: 25px; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__lyt__node {
    position: relative; } }

.c-inquiry .c-inquiry__txt {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    .c-inquiry .c-inquiry__txt {
      padding-left: 105px;
      padding-left: 28vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 92.5px;
    width: 24.66667vw;
    height: 24px;
    height: 6.4vw;
    margin-right: 12.5px;
    margin-right: 3.33333vw;
    text-align: center;
    line-height: 24px;
    line-height: 6.4vw;
    font-size: 2.93333vw;
    background-color: #f2f2f2; } }

.c-inquiry .c-inquiry__label.r-freecall {
  width: 130px; }

@media screen and (min-width: 769px), print {
  .c-inquiry .c-inquiry__notice {
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  .c-inquiry .c-inquiry__notice {
    display: block;
    margin-top: -5px;
    margin-top: -1.33333vw;
    padding-left: 105px;
    padding-left: 28vw;
    font-size: 2.93333vw; } }

.c-inquiry.r-type01 .c-inquiry__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  line-height: 1.7; }
  @media screen and (min-width: 769px), print {
    .c-inquiry.r-type01 .c-inquiry__box {
      line-height: 1.7;
      margin-top: 18.9px;
      margin-bottom: -9.1px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-inquiry.r-type01 .c-inquiry__box {
      margin-top: calc(28px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-inquiry.r-type01 .c-inquiry__box {
      margin-top: 2.52vw;
      margin-bottom: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  @media screen and (max-width: 768px) {
    .c-inquiry.r-type01 .c-inquiry__box {
      line-height: 1.7;
      margin-top: 37.4px;
      margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-inquiry.r-type01 .c-inquiry__box {
      margin-top: calc(50px - (((2.4rem * 1.7) - 2.4rem) / 2));
      margin-bottom: calc(0px - (((2.4rem * 1.7) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-inquiry.r-type01 .c-inquiry__box {
      margin-top: 4.98667vw;
      margin-bottom: -1.68vw;
      font-size: 18px;
      font-size: 4.8vw; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type01 .c-inquiry__frm {
    padding: 30px 24px 40px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type01 .c-inquiry__frm {
    padding-top: 30px;
    padding-top: 8vw;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-bottom: 30px;
    padding-bottom: 8vw;
    padding-left: 20px;
    padding-left: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type01 .c-inquiry__lyt {
    position: relative; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type01 .c-inquiry__lyt:nth-of-type(1) {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ddd; } }

.c-inquiry.r-type01 .c-inquiry__txt.r-freedial {
  background-image: url(/assets/img/common/ico_freedial-01.png);
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px), print {
    .c-inquiry.r-type01 .c-inquiry__txt.r-freedial {
      padding-left: 40px;
      background-position: left center;
      background-size: 35px 19px; } }
  @media screen and (max-width: 768px) {
    .c-inquiry.r-type01 .c-inquiry__txt.r-freedial {
      padding-left: 142.5px;
      padding-left: 38vw;
      background-position-x: 105px;
      background-position-x: 28vw;
      background-position-y: 5.5px;
      background-position-y: 1.46667vw;
      background-size: 35.5px 18.5px;
      background-size: 9.46667vw 4.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type01 .c-inquiry__label {
    padding-right: 5px;
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type01 .c-inquiry__lyt + .c-inquiry__lyt {
    margin-top: 2.5px;
    margin-top: 0.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type02 .c-inquiry__frm {
    padding: 40px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type02 .c-inquiry__frm {
    padding-top: 30px;
    padding-top: 8vw;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-bottom: 30px;
    padding-bottom: 8vw;
    padding-left: 20px;
    padding-left: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type02 .c-inquiry__txt.r-tel {
    font-size: 4.26667vw;
    line-height: 24px;
    line-height: 6.4vw; } }

.c-inquiry.r-type02 .c-inquiry__label {
  display: inline-block;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .c-inquiry.r-type02 .c-inquiry__label {
      width: 80px;
      height: 24px;
      margin-right: 5px;
      text-align: center;
      line-height: 24px;
      font-size: 13px; } }
  @media screen and (min-width: 769px), print {
    .c-inquiry.r-type02 .c-inquiry__label.r-large {
      width: 120px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type02 .c-inquiry__notice {
    margin-top: 1px;
    margin-top: 0.26667vw;
    padding-left: 0; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type02 .c-inquiry__lyt + .c-inquiry__lyt {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type02 .c-inquiry__flex__itm + .c-inquiry__flex__itm {
    margin-top: 20px;
    margin-top: 5.33333vw;
    padding-top: 20px;
    padding-top: 5.33333vw;
    border-top: 1px solid #ddd; } }

@media screen and (min-width: 769px), print {
  .c-inquiry.r-type02 .c-inquiry__lyt__node + .c-inquiry__lyt__node {
    margin-top: 13px; } }

@media screen and (max-width: 768px) {
  .c-inquiry.r-type02 .c-inquiry__lyt__node + .c-inquiry__lyt__node {
    margin-top: 13px;
    margin-top: 3.46667vw; } }

/* Slick */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
---
name: .c-list - リスト
category: component/list
tag:
- component
- list
- company
- csr
- education
---

```html
<ul class="c-list">
  <li class="c-list__itm">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- 通常のリストスタイルです。

```html
<ul class="c-list">
  <li class="c-list__itm is-small">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm is-small">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- フォントサイズを小さくしたパターンのリストです。

```html
<ul class="c-list">
  <li class="c-list__itm is-xsmall">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm is-xsmall">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- フォントサイズをis-smallよりさらに小さくしたパターンのリストです。

```html
<ul class="c-list">
  <li class="c-list__itm is-space">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm is-space">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- 間隔をあけるタイプのリストです。
- is-small,is-xsmallと合わせて使用できます。

```html
<ul class="c-list">
  <li class="c-list__itm r-disc01">
    野菜摂取による肥満児童の低減を目的としたサンドイッチ教室の開催
  </li>

  <li class="c-list__itm r-disc01">
    子どもたちの健康増進を目的とし、「Earth Kids Times」新聞（季刊）への記事の継続的掲載
  </li>
</ul>
<!-- /.c-list -->
```

- 中黒があるタイプのリストです。

```html
<ul class="c-list">
  <li class="c-list__itm r-num--dot">
    <span class="c-list__itm__mark">1.</span>「マヨネーズソース」その他一般ソース類の製造販売
  </li>
  <li class="c-list__itm r-num--dot">
    <span class="c-list__itm__mark">2.</span>各種瓶缶詰食料品その他各種食料品の製造販売
  </li>
</ul>
<!-- /.c-list -->
```

- 数字のあとにドットがあるパターンのリストです。

```html
<ul class="c-list">
  <li class="c-list__itm r-num--bracket">
    <span class="c-list__itm__mark">(1)</span>
    キャンペーンに当選した方への懸賞品の発送
  </li>
  <li class="c-list__itm r-num--bracket">
    <span class="c-list__itm__mark">(2)</span>
    お客様・お取引先様および当社関係者への当社商品・サービスに関する情報誌の発送
  </li>
</ul>
<!-- /.c-list -->
```

- 括弧付きの数字があるパターンのリストです。
*/
.c-list .c-list__itm {
  position: relative;
  line-height: 1.7; }

.c-list .c-list__itm:first-child {
  margin-top: 0 !important; }

@media screen and (min-width: 769px), print {
  .c-list .c-list__itm.is-small {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .c-list .c-list__itm.is-small {
    font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-list .c-list__itm.is-xsmall {
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  .c-list .c-list__itm.is-xsmall {
    font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-list .c-list__itm.is-space {
    line-height: 1.7;
    margin-top: 14.75px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-list .c-list__itm.is-space {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-list .c-list__itm.is-space {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-list .c-list__itm.is-space {
    line-height: 1.7;
    margin-top: 30.2px;
    margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-list .c-list__itm.is-space {
      margin-top: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-list .c-list__itm.is-space {
      margin-top: 4.02667vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-list .c-list__itm.is-small.is-space {
    line-height: 1.7;
    margin-top: 15.1px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-list .c-list__itm.is-small.is-space {
      margin-top: calc(20px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-list .c-list__itm.is-small.is-space {
      margin-top: 2.01333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-list .c-list__itm.is-small.is-space {
    line-height: 1.7;
    margin-top: 30.9px;
    margin-bottom: -9.1px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-list .c-list__itm.is-small.is-space {
      margin-top: calc(40px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-list .c-list__itm.is-small.is-space {
      margin-top: 4.12vw;
      margin-bottom: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-list .c-list__itm.is-xsmall.is-space {
    line-height: 1.7;
    margin-top: 15.45px;
    margin-bottom: -4.55px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-list .c-list__itm.is-xsmall.is-space {
      margin-top: calc(20px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      margin-bottom: calc(0px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-list .c-list__itm.is-xsmall.is-space {
      margin-top: 2.06vw;
      margin-bottom: -0.60667vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }

@media screen and (max-width: 768px) {
  .c-list .c-list__itm.is-xsmall.is-space {
    line-height: 1.7;
    margin-top: 32.3px;
    margin-bottom: -7.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-list .c-list__itm.is-xsmall.is-space {
      margin-top: calc(40px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      margin-bottom: calc(0px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-list .c-list__itm.is-xsmall.is-space {
      margin-top: 4.30667vw;
      margin-bottom: -1.02667vw;
      font-size: 11px;
      font-size: 2.93333vw; } }

.c-list .c-list__itm.r-disc01 {
  padding-left: 1em; }
  .c-list .c-list__itm.r-disc01:before {
    content: '・';
    position: absolute;
    top: 0;
    left: 0; }

.c-list .c-list__itm[class*="r-num"] .c-list__itm__mark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.c-list .c-list__itm.r-num--dot {
  padding-left: 1.8em; }

.c-list .c-list__itm.r-num--bracket {
  padding-left: 2.2em; }

.c-pulldown {
  position: relative;
  float: right; }
  @media screen and (min-width: 769px), print {
    .c-pulldown {
      width: 240px;
      line-height: 2.5; } }
  @media screen and (max-width: 768px) {
    .c-pulldown {
      width: 205px;
      width: 54.66667vw;
      margin: auto;
      border-bottom: 1px #e4002b solid; } }
  .c-pulldown__selectarea {
    position: relative;
    cursor: pointer;
    color: #e4002b;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .c-pulldown__selectarea {
        border-bottom: 1px #e4002b solid; } }
    @media screen and (max-width: 768px) {
      .c-pulldown__selectarea {
        padding-bottom: 7.5px;
        padding-bottom: 2vw; } }
    .c-pulldown__selectarea:after {
      content: '';
      display: inline-block;
      position: absolute;
      -webkit-transform: translate(0, -50%) rotate(45deg);
          -ms-transform: translate(0, -50%) rotate(45deg);
              transform: translate(0, -50%) rotate(45deg);
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      z-index: 1;
      top: 50%; }
      @media screen and (min-width: 769px), print {
        .c-pulldown__selectarea:after {
          width: 7px;
          height: 7px;
          right: 20px; } }
      @media screen and (max-width: 768px) {
        .c-pulldown__selectarea:after {
          width: 6px;
          width: 1.6vw;
          height: 6px;
          height: 1.6vw;
          right: 20px;
          right: 5.33333vw; } }
    @media screen and (min-width: 769px), print {
      .c-pulldown__selectarea.is-open:after {
        -webkit-transform: translate(0, -50%) rotate(-135deg);
            -ms-transform: translate(0, -50%) rotate(-135deg);
                transform: translate(0, -50%) rotate(-135deg); } }
  @media screen and (min-width: 769px), print {
    .c-pulldown__select {
      display: none; } }
  @media screen and (max-width: 768px) {
    .c-pulldown__select {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      opacity: 0; } }
  @media screen and (min-width: 769px), print {
    .c-pulldown__viewarea {
      position: absolute;
      z-index: 9999;
      cursor: pointer;
      width: 100%;
      border-bottom: 1px #e4002b solid;
      text-align: center;
      background: #fff; }
      .c-pulldown__viewarea .r-itm {
        padding: 2.5px 0;
        border-bottom: 1px #ddd solid; }
        .c-pulldown__viewarea .r-itm:hover {
          background: #ddd; }
        .c-pulldown__viewarea .r-itm:last-child {
          border: none; } }

/*
---
name: .c-nav-list - リストナビゲーション
menu: コンポーネント/ナビゲーション/リスト
category: component/navigation/list
tag:
- component
- navigation
- list
- company
- ir
- rd
---

```html
<ul class="c-nav-list r-type01">
  <li class="c-nav-list__itm role-anchor"><a href="#tab01-sec01" class="c-nav-list__itm__link">支店・営業所</a></li><li class="c-nav-list__itm role-anchor"><a href="#tab01-sec02" class="c-nav-list__itm__link">工場</a></li><li class="c-nav-list__itm role-anchor"><a href="#tab01-sec03" class="c-nav-list__itm__link">その他</a></li>
</ul>
```

- アンカーリンク用のナビゲーションモジュールです
- アンカーリンク用のスタイルは`.role-anchor`に設定されています

*/
.c-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .c-nav-list {
      margin-top: -4.9px;
      line-height: 1.7;
      margin-bottom: -30px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-nav-list {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-nav-list {
      margin-top: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (max-width: 768px) {
    .c-nav-list {
      margin-top: -10.5px;
      line-height: 1.7;
      margin-bottom: -20px;
      margin-bottom: -5.33333vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-nav-list {
      margin-top: calc(0px - (((2rem * 1.7) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-nav-list {
      margin-top: -1.4vw;
      font-size: 15px;
      font-size: 4vw; } }
  @media screen and (min-width: 769px), print {
    .c-nav-list .c-nav-list__itm {
      margin-right: 45px;
      margin-bottom: 25.1px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-nav-list .c-nav-list__itm {
      margin-bottom: calc(30px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-nav-list .c-nav-list__itm {
      margin-bottom: 3.34667vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (max-width: 768px) {
    .c-nav-list .c-nav-list__itm {
      margin-right: 22.5px;
      margin-right: 6vw;
      margin-bottom: 29.5px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-nav-list .c-nav-list__itm {
      margin-bottom: calc(40px - (((2rem * 1.7) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-nav-list .c-nav-list__itm {
      margin-bottom: 3.93333vw;
      font-size: 15px;
      font-size: 4vw; } }
  .c-nav-list .c-nav-list__itm__link {
    display: inline-block;
    position: relative;
    text-decoration: none; }
    @media screen and (min-width: 769px), print {
      .c-nav-list .c-nav-list__itm__link {
        padding-right: 20px; }
        .c-nav-list .c-nav-list__itm__link:hover {
          color: #e4002b;
          text-decoration: underline; } }
    @media screen and (max-width: 768px) {
      .c-nav-list .c-nav-list__itm__link {
        padding-right: 22.5px;
        padding-right: 6vw; } }
    .c-nav-list .c-nav-list__itm__link:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 1;
      width: 1em;
      height: 1em;
      margin-top: -.6em;
      background: url(/assets/img/common/fig_arrow_circle_under-02.svg) no-repeat center;
      background-size: 1em; }
  @media screen and (min-width: 769px), print {
    .c-nav-list.r-type01 .c-nav-list__itm {
      margin-right: 80px; } }
  @media screen and (max-width: 768px) {
    .c-nav-list.r-type01 .c-nav-list__itm {
      padding-right: 40px;
      padding-right: 10.66667vw; } }
  @media screen and (min-width: 769px), print {
    .c-nav-list.r-type02 {
      margin-right: -80px; } }
  @media screen and (min-width: 769px), print {
    .c-nav-list.r-type02 .c-nav-list__itm {
      min-width: 150px;
      padding-right: 40px; } }
  @media screen and (max-width: 768px) {
    .c-nav-list.r-type02 .c-nav-list__itm {
      padding-right: 30px;
      padding-right: 8vw; } }
  @media screen and (min-width: 769px), print {
    .c-nav-list.r-type03 .c-nav-list__itm {
      margin-right: 50px; } }
  @media screen and (max-width: 768px) {
    .c-nav-list.r-type03 .c-nav-list__itm {
      padding-right: 40px;
      padding-right: 10.66667vw; } }

.is-IE .c-nav-list .c-nav-list__itm__link:after {
  width: 14px;
  height: 14px;
  background-size: 14px; }

/*
---
name: .c-ordered-list - オーダーリスト
menu: コンポーネント/オーダーリスト
category: component/ordered-list
tag:
- component
- ordered-list
- csr

---

```html
<ol class="c-ordered-list">
  <li class="c-ordered-list__itm r-flex-1-2">
    <div class="c-ordered-list__flex-itm">
      <figure class="c-img-frm">
        <img src="/assets/img/project/sustainability/quality/manufacture/card_75.jpg" alt="" class="">
      </figure>
    </div>
    <!-- /.c-ordered-list__flex-itm -->

    <div class="c-ordered-list__flex-itm">
      <h5 class="c-ordered-list__ttl"><span class="c-ordered-list__ttl__num">1</span>割卵</h5>
      <!-- /.c-ordered-list__ttl -->

      <p class="c-ordered-list__txt">
        ユーピー独自の割卵機で1分間に600個の卵を割り、卵黄と卵白に分けます。卵を衛生的に扱うために、2時間に1回割卵機を止めて洗っています。卵黄は61℃×3.5分以上の条件で加熱殺菌します。乳化力などの卵黄の機能は保持したまま、サルモネラ、鳥インフルエンザウイルスについては安心な状態になります。
      </p>
    </div>
    <!-- /.c-ordered-list__flex-itm -->
  </li>

  <li class="c-ordered-list__itm r-flex-1-2">
    <div class="c-ordered-list__flex-itm">
      <figure class="c-img-frm">
        <img src="/assets/img/project/sustainability/quality/manufacture/card_76.jpg" alt="" class="">
      </figure>
    </div>
    <!-- /.c-ordered-list__flex-itm -->

    <div class="c-ordered-list__flex-itm">
      <h5 class="c-ordered-list__ttl"><span class="c-ordered-list__ttl__num">2</span>調合</h5>
      <!-- /.c-ordered-list__ttl -->

      <p class="c-ordered-list__txt">
        マヨネーズの大敵は酸素。酸化しないように、真空状態で乳化します。<br>油の粒は1000分の2～4mm。手作りよりもキユーピーマヨネーズがまろやかな風味なのは、この油の粒が細かくて、均質だからです。
      </p>
    </div>
    <!-- /.c-ordered-list__flex-itm -->
  </li>

  <li class="c-ordered-list__itm r-flex-1-2">
    <div class="c-ordered-list__flex-itm">
      <figure class="c-img-frm">
        <img src="/assets/img/project/sustainability/quality/manufacture/card_77.jpg" alt="" class="">
      </figure>
    </div>
    <!-- /.c-ordered-list__flex-itm -->

    <div class="c-ordered-list__flex-itm">
      <h5 class="c-ordered-list__ttl"><span class="c-ordered-list__ttl__num">3</span>ボトルの口部をカット</h5>
      <!-- /.c-ordered-list__ttl -->

      <p class="c-ordered-list__txt">
        マヨネーズのボトルは、密封状態で入荷され、充てんの直前に逆さにして口部をカットします。切りくずが内部に入らないようにするためです。口部をカットしたらキャップ締めまで製造ラインに覆いをし、異物が混入しないようにしています。
      </p>
    </div>
    <!-- /.c-ordered-list__flex-itm -->
  </li>
</ol>
<!-- /.c-ordered-list -->
```
*/
@media screen and (min-width: 769px), print {
  .c-ordered-list .c-ordered-list__itm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media screen and (min-width: 769px), print {
  .c-ordered-list .c-ordered-list__itm + .c-ordered-list__itm {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .c-ordered-list .c-ordered-list__itm + .c-ordered-list__itm {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-ordered-list .c-ordered-list__itm.r-flex-1-2 .c-ordered-list__flex-itm:nth-child(1) {
    width: 242px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .c-ordered-list .c-ordered-list__itm.r-flex-1-2 .c-ordered-list__flex-itm:nth-child(2) {
    width: 502px; } }

.c-ordered-list .c-ordered-list__ttl {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-ordered-list .c-ordered-list__ttl {
      padding-left: 40px;
      line-height: 30px;
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .c-ordered-list .c-ordered-list__ttl {
      margin-top: 15px;
      margin-top: 4vw;
      padding-left: 40px;
      padding-left: 10.66667vw;
      line-height: 30px;
      line-height: 8vw;
      font-size: 4.26667vw; } }

.c-ordered-list .c-ordered-list__ttl__num {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-ordered-list .c-ordered-list__ttl__num {
      width: 30px;
      height: 30px; } }
  @media screen and (max-width: 768px) {
    .c-ordered-list .c-ordered-list__ttl__num {
      width: 30px;
      width: 8vw;
      height: 30px;
      height: 8vw; } }

@media screen and (min-width: 769px), print {
  .c-ordered-list .c-ordered-list__txt {
    line-height: 1.7;
    line-height: 1.7;
    margin-top: 14.75px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-ordered-list .c-ordered-list__txt {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-ordered-list .c-ordered-list__txt {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-ordered-list .c-ordered-list__txt {
    line-height: 1.9;
    margin-top: 15.6px;
    margin-bottom: -14.4px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-ordered-list .c-ordered-list__txt {
      margin-top: calc(30px - (((2.13333rem * 1.9) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.9) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-ordered-list .c-ordered-list__txt {
      margin-top: 2.08vw;
      margin-bottom: -1.92vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

/*
---
name: リスト（パネルタイプ）
category: component/panellist
tag:
- component
- panellist
- company
- csr
- education
- ir
- rd
- socal-policy
- blog
---

```html

<main class="l-main--2col">
<div class="c-sec__lyt r-fig-head">
  <div data-module="height-line" class="c-pnl-list r-3col--pc r-1col--sp">
    <div class="c-pnl-list__itm">
      <a href="#" class="c-pnl-list__itm__box">
        <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl">調味料事業</h4>
        <!-- /.c-pnl-list__itm__ttl -->

        <figure class="c-pnl-list__itm__img__frm">
          <img src="/assets/img/project/ir/management/group/idx/pnl_img-01.jpg" alt="" class="c-pnl-list__itm__img">
        </figure>
      </a>
    </div>
    <!-- /.c-pnl-list__itm -->

    <div class="c-pnl-list__itm">
      <a href="#" class="c-pnl-list__itm__box">
        <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl">タマゴ事業</h4>
        <!-- /.c-pnl-list__itm__ttl -->

        <figure class="c-pnl-list__itm__img__frm">
          <img src="/assets/img/project/ir/management/group/idx/pnl_img-02.jpg" alt="" class="c-pnl-list__itm__img">
        </figure>
      </a>
    </div>
    <!-- /.c-pnl-list__itm -->

    <div class="c-pnl-list__itm">
      <a href="#" class="c-pnl-list__itm__box">
        <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl">サラダ・惣菜事業</h4>
        <!-- /.c-pnl-list__itm__ttl -->

        <figure class="c-pnl-list__itm__img__frm">
          <img src="/assets/img/project/ir/management/group/idx/pnl_img-03.jpg" alt="" class="c-pnl-list__itm__img">
        </figure>
      </a>
    </div>
    <!-- /.c-pnl-list__itm -->
    </div>
    <!-- /.c-pnl-list -->
  </div>
  <!-- /.c-sec__lyt -->
</main>

```

- リンク付きパネルリストです。

```html
<main class="l-main--2col">
  <div class="c-sec__lyt r-fig-head">
    <div class="c-pnl-list r-3col--pc r-1col--sp">
      <div class="c-pnl-list__itm">
        <span class="c-pnl-list__itm__box">
          <figure class="c-pnl-list__itm__img__frm r-bdr">
            <img src="/assets/img/project/ir/management/group/condiments/pnl-img-01.jpg" alt="" class="c-pnl-list__itm__img">
          </figure>
          <p class="c-pnl-list__itm__txt">マヨネーズ</p>
        </span>
      </div>
      <!-- /.c-pnl-list__itm -->

      <div class="c-pnl-list__itm">
        <span class="c-pnl-list__itm__box">
          <figure class="c-pnl-list__itm__img__frm r-bdr">
            <img src="/assets/img/project/ir/management/group/condiments/pnl-img-02.jpg" alt="" class="c-pnl-list__itm__img">
          </figure>
          <p class="c-pnl-list__itm__txt">ドレッシング</p>
        </span>
      </div>
      <!-- /.c-pnl-list__itm -->

      <div class="c-pnl-list__itm">
        <span class="c-pnl-list__itm__box">
          <figure class="c-pnl-list__itm__img__frm r-bdr">
            <img src="/assets/img/project/ir/management/group/condiments/pnl-img-03.jpg" alt="" class="c-pnl-list__itm__img">
          </figure>
          <p class="c-pnl-list__itm__txt">タルタルソース</p>
        </span>
      </div>
      <!-- /.c-pnl-list__itm -->
    </div>
    <!-- /.c-pnl-list -->
  </div>
  <!-- /.c-sec__lyt -->
</main>

```

- リンクなしタイプパネルリストです。

```html
<main class="l-main--2col">
  <div class="c-pnl-list--wide r-2col--pc r-1col--sp">
    <div class="c-pnl-list__itm">
      <a href="https://www.kewpie.co.jp/entertainment/mayoterrace/" data-gtm="tocojplink" target="_blank" class="c-pnl-list__itm__link">
        <h4 class="c-pnl-list__itm__ttl">
          マヨテラスへのアクセス情報・<br>
          お申し込みはこちら<span class="c-pnl-list__itm__ttl__external-icn"></span>
        </h4>
        <figure class="c-pnl-list__itm__img__frm">
          <img src="/assets/img/project/education/cmn/pnl_mayoterrace-01_pc.jpg" alt="" class="c-pnl-list__itm__img">
        </figure>
      </a>
      <p class="c-pnl-list__itm__txt">
        マヨテラスは、完全予約制の見学施設です。<br class="u-none--sp">
        こちらよりアクセス情報・イベント情報をご確認の上お申し込みください。
      </p>
    </div>
    <!-- /.c-pnl-list__itm -->

    <div class="c-pnl-list__itm">
      <a href="https://www.kewpie.co.jp/entertainment/openkitchen/" data-gtm="tocojplink" target="_blank" class="c-pnl-list__itm__link">
        <h4 class="c-pnl-list__itm__ttl">
          オープンキッチン実施対象の工場の<br>
          ご確認・お申し込みはこちら<span class="c-pnl-list__itm__ttl__external-icn"></span>
        </h4>
        <figure class="c-pnl-list__itm__img__frm">
          <img src="/assets/img/project/education/cmn/pnl_openkitchen-01_pc.jpg" alt="" class="c-pnl-list__itm__img">
        </figure>
      </a>
      <p class="c-pnl-list__itm__txt">
        オープンキッチンは、全国5カ所のキユーピー工場で行っています。
        各工場のアクセス情報、お申し込みについてはこちらからご確認ください。
      </p>
    </div>
    <!-- /.c-pnl-list__itm -->
  </div>
  <!-- /.c-pnl-list--wide -->
</main>
```

- ワイドタイプパネルリストです。

```html
<main class="l-main--2col p-csr-blog">
  <article class="l-main__cnt">
    <div data-module="height-line" class="c-pnl-list r-3col--pc r-2col--sp">
        <div class="c-pnl-list__itm">
          <a href="#" class="c-pnl-list__itm__box">
            <div class="c-pnl-list__itm__info">
              <span class="c-pnl-list__itm__category r-openkitchen">オープンキッチン</span>
              <span class="c-pnl-list__itm__date">2018.10.01</span>
            </div>
            <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl--simple">グループの新しい歴史が始まりました</h4>
            <!-- /.c-pnl-list__itm__ttl -->

            <p class="c-pnl-list__itm__txt">
              こんにちは。キユーピーの菅野です。渋谷本社の引っ越しも無事に終わ…
            </p>

            <figure class="c-pnl-list__itm__img__frm">
              <img src="/assets/img/project/sustainability/blog/latest_img-01.jpg" alt="" class="c-pnl-list__itm__img">
            </figure>
          </a>
        </div>
        <!-- /.c-pnl-list__itm -->

        <div class="c-pnl-list__itm">
          <a href="#" class="c-pnl-list__itm__box">
            <div class="c-pnl-list__itm__info">
              <span class="c-pnl-list__itm__category r-foodeducation">食育活動</span>
              <span class="c-pnl-list__itm__date">2018.10.01</span>
            </div>
            <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl--simple">グループの新しい歴史が始まりました</h4>
            <!-- /.c-pnl-list__itm__ttl -->

            <p class="c-pnl-list__itm__txt">
              こんにちは。キユーピーの菅野です。渋谷本社の引っ越しも無事に終わ…
            </p>

            <figure class="c-pnl-list__itm__img__frm">
              <img src="/assets/img/project/sustainability/blog/latest_img-02.jpg" alt="" class="c-pnl-list__itm__img">
            </figure>
          </a>
        </div>
        <!-- /.c-pnl-list__itm -->

        <div class="c-pnl-list__itm">
          <a href="#" class="c-pnl-list__itm__box">
            <div class="c-pnl-list__itm__info">
              <span class="c-pnl-list__itm__category r-natural-environment">自然環境</span>
              <span class="c-pnl-list__itm__date">2018.10.01</span>
            </div>
            <h4 data-role="height-line-item" class="c-pnl-list__itm__ttl--simple">グループの新しい歴史が始まりました</h4>
            <!-- /.c-pnl-list__itm__ttl -->

            <p class="c-pnl-list__itm__txt">
              こんにちは。キユーピーの菅野です。渋谷本社の引っ越しも無事に終わ…
            </p>

            <figure class="c-pnl-list__itm__img__frm">
              <img src="/assets/img/project/sustainability/blog/latest_img-03.jpg" alt="" class="c-pnl-list__itm__img">
            </figure>
          </a>
        </div>
        <!-- /.c-pnl-list__itm -->
      </div>
    <!-- /.c-pnl-list -->
  </article>
</main>
```

- blog配下で使用されているパネルリストです。
*/
[class*="c-pnl-list"]:not([class*="c-pnl-list__"]) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) [class*="c-pnl-list__itm__img__frm"]:not([class*="c-pnl-list__itm__img__frm__"]) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) [class*="c-pnl-list__itm__info"]:not([class*="c-pnl-list__itm__info__"]) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) [class*="c-pnl-list__itm__ttl"]:not([class*="c-pnl-list__itm__ttl__"]) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) [class*="c-pnl-list__itm__txt"]:not([class*="c-pnl-list__itm__txt__"]) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm {
    position: relative;
    z-index: 1;
    line-height: 1.7; }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    overflow: visible;
    position: relative;
    z-index: 1;
    width: 100%;
    text-decoration: none; }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl {
      display: block;
      position: relative;
      text-indent: 1.5em;
      color: #e4002b; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 1;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        background-color: #e4002b; }
        @media screen and (min-width: 769px), print {
          [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:before {
            top: .33em; } }
        @media screen and (max-width: 768px) {
          [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:before {
            top: .35em; } }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 2;
        width: .3em;
        height: .3em;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
        @media screen and (min-width: 769px), print {
          [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:after {
            top: .65em;
            left: .33em; } }
        @media screen and (max-width: 768px) {
          [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl:after {
            top: .7em;
            left: .28em; } }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl.r-no-arrow {
        text-indent: 0; }
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl.r-no-arrow:before, [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl.r-no-arrow:after {
          display: none; }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
      display: block;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 769px), print {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
          line-height: 1.7;
          margin-top: 6.05px;
          margin-bottom: -5.95px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
      margin-top: calc(12px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
      margin-top: 0.80667vw;
      margin-bottom: -0.79333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
      @media screen and (max-width: 768px) {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
          line-height: 1.7;
          margin-top: -1.2px;
          margin-bottom: -11.2px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
      margin-top: calc(10px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__ttl--simple {
      margin-top: -0.16vw;
      margin-bottom: -1.49333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      @media screen and (min-width: 769px), print {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__info {
          padding-top: 20px; } }
      @media screen and (max-width: 768px) {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__info {
          display: block;
          padding: 10px 0px 0px 0px;
          padding: 2.66667vw 0vw 0vw 0vw; } }
    @media screen and (max-width: 768px) {
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__date {
        display: block;
        margin: 20px 0px 0px 0px;
        margin: 2.66667vw 0vw 0vw 0vw; } }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category {
      border-radius: 30px;
      border: 1px solid; }
      @media screen and (min-width: 769px), print {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category {
          height: 22px;
          margin-left: 10px;
          padding: 2px 10px 0;
          line-height: 1.1; } }
      @media screen and (max-width: 768px) {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category {
          margin-right: 10px;
          margin-right: 2.66667vw;
          padding: 0px 7.5px 0px 7.5px;
          padding: 0vw 2vw 0vw 2vw;
          border: 1px solid; } }
      @media screen and (min-width: 769px), print {
        [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category + .c-pnl-list__itm__category {
          margin-left: auto; } }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category.r-society-environment {
        color: #45c062;
        border-color: #45c062; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category.r-society {
        color: #b97034;
        border-color: #b97034; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category.r-openkitchen {
        color: #fe7200;
        border-color: #fe7200; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category.r-foodeducation {
        color: #ff669c;
        border-color: #ff669c; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__box .c-pnl-list__itm__category.r-environment {
        color: #00b7ee;
        border-color: #00b7ee; }
  @media screen and (min-width: 769px), print {
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) a.c-pnl-list__itm__box {
      -webkit-transition: opacity .2s;
      transition: opacity .2s; }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) a.c-pnl-list__itm__box:hover {
        opacity: .7; } }
  [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__img__frm {
    width: 100%; }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__img__frm.r-bdr {
      border: 1px solid #ddd; }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__img__frm .c-pnl-list__itm__img {
      display: block;
      width: 100%; }
    [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__img__frm.r-ar-16-9 {
      position: relative;
      overflow: hidden;
      padding-top: calc(9/16*100%); }
      [class*="c-pnl-list"]:not([class*="c-pnl-list__"]) .c-pnl-list__itm__img__frm.r-ar-16-9 img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }

.c-pnl-list .c-pnl-list__itm__ttl {
  display: block;
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-pnl-list .c-pnl-list__itm__ttl {
      line-height: 1.7;
      margin-top: 14.05px;
      margin-bottom: -5.95px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: calc(20px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: 1.87333vw;
      margin-bottom: -0.79333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
  @media screen and (max-width: 768px) {
    .c-pnl-list .c-pnl-list__itm__ttl {
      line-height: 1.7;
      margin-top: 18.8px;
      margin-bottom: -11.2px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: calc(30px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.7) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: 2.50667vw;
      margin-bottom: -1.49333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-pnl-list .c-pnl-list__itm__txt {
    line-height: 1.7;
    margin-top: 9.75px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: 1.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-pnl-list .c-pnl-list__itm__txt {
    line-height: 1.7;
    margin-top: 20.2px;
    margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: 2.69333vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

[class*="c-pnl-list"].r-4col .c-pnl-list__itm {
  line-height: 1.7; }
  [class*="c-pnl-list"].r-4col .c-pnl-list__itm:nth-of-type(4n) {
    margin-right: 0 !important; }
  [class*="c-pnl-list"].r-4col .c-pnl-list__itm:nth-of-type(-n + 4) {
    margin-top: 0 !important; }

@media screen and (min-width: 769px), print {
  [class*="c-pnl-list"].r-4col--pc .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-4col--pc .c-pnl-list__itm:nth-of-type(4n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-4col--pc .c-pnl-list__itm:nth-of-type(-n + 4) {
      margin-top: 0 !important; } }

@media screen and (max-width: 768px) {
  [class*="c-pnl-list"].r-4col--sp .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-4col--sp .c-pnl-list__itm:nth-of-type(4n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-4col--sp .c-pnl-list__itm:nth-of-type(-n + 4) {
      margin-top: 0 !important; } }

[class*="c-pnl-list"].r-3col .c-pnl-list__itm {
  line-height: 1.7; }
  [class*="c-pnl-list"].r-3col .c-pnl-list__itm:nth-of-type(3n) {
    margin-right: 0 !important; }
  [class*="c-pnl-list"].r-3col .c-pnl-list__itm:nth-of-type(-n + 3) {
    margin-top: 0 !important; }

@media screen and (min-width: 769px), print {
  [class*="c-pnl-list"].r-3col--pc .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-3col--pc .c-pnl-list__itm:nth-of-type(3n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-3col--pc .c-pnl-list__itm:nth-of-type(-n + 3) {
      margin-top: 0 !important; } }

@media screen and (max-width: 768px) {
  [class*="c-pnl-list"].r-3col--sp .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-3col--sp .c-pnl-list__itm:nth-of-type(3n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-3col--sp .c-pnl-list__itm:nth-of-type(-n + 3) {
      margin-top: 0 !important; } }

[class*="c-pnl-list"].r-2col .c-pnl-list__itm {
  line-height: 1.7; }
  [class*="c-pnl-list"].r-2col .c-pnl-list__itm:nth-of-type(2n) {
    margin-right: 0 !important; }
  [class*="c-pnl-list"].r-2col .c-pnl-list__itm:nth-of-type(-n + 2) {
    margin-top: 0 !important; }

@media screen and (min-width: 769px), print {
  [class*="c-pnl-list"].r-2col--pc .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-2col--pc .c-pnl-list__itm:nth-of-type(2n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-2col--pc .c-pnl-list__itm:nth-of-type(-n + 2) {
      margin-top: 0 !important; } }

@media screen and (max-width: 768px) {
  [class*="c-pnl-list"].r-2col--sp .c-pnl-list__itm {
    line-height: 1.7; }
    [class*="c-pnl-list"].r-2col--sp .c-pnl-list__itm:nth-of-type(2n) {
      margin-right: 0 !important; }
    [class*="c-pnl-list"].r-2col--sp .c-pnl-list__itm:nth-of-type(-n + 2) {
      margin-top: 0 !important; } }

[class*="c-pnl-list"].r-1col .c-pnl-list__itm {
  line-height: 1.7;
  width: 100%; }
  @media screen and (max-width: 768px) {
    [class*="c-pnl-list"].r-1col .c-pnl-list__itm:nth-of-type(1) {
      margin-top: 0 !important; } }

@media screen and (min-width: 769px), print {
  [class*="c-pnl-list"].r-1col--pc .c-pnl-list__itm {
    line-height: 1.7;
    width: 100%; } }

@media screen and (max-width: 768px) {
  [class*="c-pnl-list"].r-1col--sp .c-pnl-list__itm {
    line-height: 1.7;
    width: 100%; }
    [class*="c-pnl-list"].r-1col--sp .c-pnl-list__itm:nth-of-type(1) {
      margin-top: 0 !important; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 375px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-pnl-list.r-2col--pc .c-pnl-list__itm {
    width: 375px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .l-main--fullwidth .c-pnl-list.r-2col--sp {
    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; }
    .l-main--fullwidth .c-pnl-list.r-2col--sp .c-pnl-list__itm {
      width: 162px;
      width: 43.2vw;
      margin-top: 20px;
      margin-top: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 375px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 161.5px;
    width: 43.06667vw;
    margin-top: 30px;
    margin-top: 8vw;
    margin-right: 12px;
    margin-right: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-2col--pc .c-pnl-list__itm {
    width: 375px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .c-pnl-list.r-2col--sp .c-pnl-list__itm {
    width: 161.5px;
    width: 43.06667vw;
    margin-top: 30px;
    margin-top: 8vw;
    margin-right: 12px;
    margin-right: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-3col .c-pnl-list__itm {
    width: 242px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-3col--pc .c-pnl-list__itm {
    width: 242px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-bdr-frm .c-pnl-list.r-3col .c-pnl-list__itm {
    width: 214px;
    margin-top: 30px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print {
  .l-main--2col .c-bdr-frm .c-pnl-list.r-3col--pc .c-pnl-list__itm {
    width: 214px;
    margin-top: 30px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-bdr-frm .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 312px;
    margin-top: 30px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print {
  .l-main--2col .c-bdr-frm .c-pnl-list.r-2col--pc .c-pnl-list__itm {
    width: 312px;
    margin-top: 30px; } }

.l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
  color: #333;
  text-indent: 0;
  line-height: 1.7;
  font-weight: normal; }
  .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl:before, .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl:after {
    display: none; }
  @media screen and (min-width: 769px), print {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      line-height: 1.7;
      margin-top: 14.75px;
      margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      line-height: 1.7;
      margin-top: 20.2px;
      margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__ttl {
      margin-top: 2.69333vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
  line-height: 1.7; }
  @media screen and (min-width: 769px), print {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      line-height: 1.7;
      margin-top: 15.45px;
      margin-bottom: -4.55px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: calc(20px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      margin-bottom: calc(0px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: 2.06vw;
      margin-bottom: -0.60667vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }
  @media screen and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      line-height: 1.7;
      margin-top: 22.3px;
      margin-bottom: -7.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: calc(30px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      margin-bottom: calc(0px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .l-main--2col .rd-intro-box .c-pnl-list .c-pnl-list__itm__txt {
      margin-top: 2.97333vw;
      margin-bottom: -1.02667vw;
      font-size: 11px;
      font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .rd-intro-box .c-pnl-list.r-3col .c-pnl-list__itm {
    width: 214px;
    margin-top: 30px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .rd-intro-box .c-pnl-list.r-3col--pc .c-pnl-list__itm {
    width: 214px;
    margin-top: 30px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .rd-intro-box .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 333px;
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .rd-intro-box .c-pnl-list.r-2col .c-pnl-list__itm {
    width: 161.5px;
    width: 43.06667vw;
    margin-top: 30px;
    margin-top: 8vw;
    margin-right: 12px;
    margin-right: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .rd-intro-box .c-pnl-list.r-2col--pc .c-pnl-list__itm {
    width: 333px;
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .rd-intro-box .c-pnl-list.r-2col--sp .c-pnl-list__itm {
    width: 161.5px;
    width: 43.06667vw;
    margin-top: 30px;
    margin-top: 8vw;
    margin-right: 12px;
    margin-right: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-pnl-list.r-4col .c-pnl-list__itm {
    width: 242px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--fullwidth .c-pnl-list.r-4col--pc .c-pnl-list__itm {
    width: 242px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-4col .c-pnl-list__itm {
    width: 175px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-4col--pc .c-pnl-list__itm {
    width: 175px;
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .l-main--2col .c-pnl-list.r-1col .c-pnl-list__itm {
    margin-top: 40px;
    margin-top: 10.66667vw; } }

@media screen and (max-width: 768px) {
  .l-main--2col .c-pnl-list.r-1col--sp .c-pnl-list__itm {
    margin-top: 40px;
    margin-top: 10.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-pnl-list--wide .c-pnl-list__itm {
    margin-top: 50px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .c-pnl-list--wide .c-pnl-list__itm {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

.c-pnl-list--wide .c-pnl-list__itm__link {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media screen and (min-width: 769px), print {
    .c-pnl-list--wide .c-pnl-list__itm__link:hover .c-pnl-list__itm__img {
      -webkit-transform: scale(1.1) translate(-1%);
          -ms-transform: scale(1.1) translate(-1%);
              transform: scale(1.1) translate(-1%); } }
  @media screen and (max-width: 768px) {
    .c-pnl-list--wide .c-pnl-list__itm__link {
      width: 100%; } }

.c-pnl-list--wide .c-pnl-list__itm__ttl {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  line-height: 1.7;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
  @media screen and (min-width: 769px), print {
    .c-pnl-list--wide .c-pnl-list__itm__ttl {
      font-size: 19px; } }
  @media screen and (max-width: 768px) {
    .c-pnl-list--wide .c-pnl-list__itm__ttl {
      font-size: 4.26667vw; } }

.c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn {
  position: relative;
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn {
      width: 11px;
      height: 11px;
      margin-left: 5px; } }
  @media screen and (max-width: 768px) {
    .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn {
      width: 10px;
      width: 2.66667vw;
      height: 10px;
      height: 2.66667vw;
      margin-left: 2px;
      margin-left: 0.53333vw; } }
  .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before, .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:after {
    content: '';
    display: inline-block;
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before, .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:after {
        width: 8px;
        height: 8px; } }
    @media screen and (max-width: 768px) {
      .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before, .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:after {
        width: 6px;
        width: 1.6vw;
        height: 6px;
        height: 1.6vw; } }
  .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before {
    border: 1px solid #333; }
    @media screen and (min-width: 769px), print {
      .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before {
        bottom: 3px;
        left: 3px; } }
    @media screen and (max-width: 768px) {
      .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:before {
        bottom: 2px;
        bottom: 0.53333vw;
        left: 2px;
        left: 0.53333vw; } }
  .c-pnl-list--wide .c-pnl-list__itm__ttl__external-icn:after {
    content: '';
    text-indent: -99999px;
    overflow: hidden;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333; }

.c-pnl-list--wide .c-pnl-list__itm__img__frm {
  position: static !important; }

.c-pnl-list--wide .c-pnl-list__itm__img {
  height: auto; }
  @media screen and (min-width: 769px), print {
    .c-pnl-list--wide .c-pnl-list__itm__img {
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }

@media screen and (min-width: 769px), print {
  .c-pnl-list--wide .c-pnl-list__itm__txt {
    line-height: 1.9;
    margin-top: 13.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-pnl-list--wide .c-pnl-list__itm__txt {
      margin-top: calc(20px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-pnl-list--wide .c-pnl-list__itm__txt {
      margin-top: 1.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-pnl-list--wide .c-pnl-list__itm__txt {
    line-height: 1.9;
    margin-top: 17.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-pnl-list--wide .c-pnl-list__itm__txt {
      margin-top: calc(30px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-pnl-list--wide .c-pnl-list__itm__txt {
      margin-top: 2.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .l-main.r-type01 .c-pnl-list--wide.r-2col .c-pnl-list__itm,
  .l-main__inr .c-pnl-list--wide.r-2col .c-pnl-list__itm {
    width: 508px; }
  .l-main.r-type01 .c-pnl-list--wide.r-2col .c-pnl-list__itm__ttl,
  .l-main__inr .c-pnl-list--wide.r-2col .c-pnl-list__itm__ttl {
    left: 42px; } }

@media screen and (min-width: 769px), print {
  .l-main.r-type01 .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm,
  .l-main__inr .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm {
    width: 508px; }
  .l-main.r-type01 .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm__ttl,
  .l-main__inr .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm__ttl {
    left: 42px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list--wide.r-2col .c-pnl-list__itm {
    width: 375px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list--wide.r-2col .c-pnl-list__itm .c-pnl-list__itm__ttl {
    left: 28px;
    line-height: 1.7;
    margin-top: -0.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .c-pnl-list--wide.r-2col .c-pnl-list__itm .c-pnl-list__itm__ttl {
      margin-top: calc(5px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .c-pnl-list--wide.r-2col .c-pnl-list__itm .c-pnl-list__itm__ttl {
      margin-top: -0.03333vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm {
    width: 375px; }
  .l-main--2col .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm__ttl {
    left: 28px;
    line-height: 1.7;
    margin-top: -0.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .l-main--2col .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm__ttl {
      margin-top: calc(5px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .l-main--2col .c-pnl-list--wide.r-2col--pc .c-pnl-list__itm__ttl {
      margin-top: -0.03333vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

.c-pnl-list.r-ir-individual-idx .c-pnl-list__itm__ttl {
  position: absolute !important;
  z-index: 2;
  margin-top: 0 !important;
  text-indent: 0 !important; }
  .c-pnl-list.r-ir-individual-idx .c-pnl-list__itm__ttl:before, .c-pnl-list.r-ir-individual-idx .c-pnl-list__itm__ttl:after {
    display: none !important; }
  @media screen and (min-width: 769px), print {
    .c-pnl-list.r-ir-individual-idx .c-pnl-list__itm__ttl {
      top: 17px;
      left: 17px;
      width: 342px;
      height: 92px;
      padding: 15px 17px; } }
  @media screen and (max-width: 768px) {
    .c-pnl-list.r-ir-individual-idx .c-pnl-list__itm__ttl {
      top: 15px;
      top: 4vw;
      left: 15px;
      left: 4vw;
      width: 305px;
      width: 81.33333vw;
      height: 82.5px;
      height: 22vw;
      padding: 16px 14px;
      padding: 4.26667vw 3.73333vw; } }

@media screen and (max-width: 768px) {
  .c-pnl-list--wide.r-1col .c-pnl-list__itm .c-pnl-list__itm__ttl {
    left: 15px;
    left: 4vw; } }

@media screen and (max-width: 768px) {
  .c-pnl-list--wide.r-1col--sp .c-pnl-list__itm__ttl {
    left: 15px;
    left: 4vw; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--util .c-pnl-list--wide {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--util .c-pnl-list--wide {
    margin-top: 30px;
    margin-top: 8vw; } }

.c-pnl-list.r-blog .c-pnl-list__itm__info {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

@media screen and (min-width: 769px), print {
  .c-pnl-list.r-blog .c-pnl-list__itm__category {
    margin-left: auto !important; } }

@media screen and (min-width: 769px), print {
  .c-pnl-list.r-blog .c-pnl-list__itm__category + .c-pnl-list__itm__category {
    margin-left: 5px !important; } }

/*
---
name: 関連リンク
category: component/related
tag:
- component
- related
- csr
- education
- ir
- group
- rd
---

```html
<div class="c-related">
  <h4 class="c-related__ttl">キユーピーの歴史と目指す姿</h4>
  <!-- /.c-related__ttl -->

  <div class="c-related__list">
    <div class="c-related__list__itm">
      <a href="#" class="c-related__list__itm__link">
        <div class="c-related__list__itm__img">
          <img src="/assets/img/common/img-related-history-01.jpg" alt ="">
        </div>
        <!-- /.c-related__list__itm__img -->

        <div class="c-related__list__itm__cnt">
          <h5 class="c-related__list__itm__ttl">
          キユーピーの歩みと未来
          </h5>
          <p class="c-related__list__itm__txt">
            長い歴史の中でキユーピーが取り組んできた活動や食を通じた豊かな社会を実現するためのビジョンをご紹介します。
          </p>
        </div>
        <!-- /.c-related__list__itm__cnt -->
      </a>
    </div>
    <!-- /.c-related__list__itm -->

    <div class="c-related__list__itm">
      <a href="//www.kewpie.co.jp/customer/" data-gtm="tocojplink" target="_blank" class="c-related__list__itm__link">
        <div class="c-related__list__itm__img">
          <img src="/assets/img/common/img_related_customer-consultation-01.jpg" alt="">
        </div>
        <!-- /.c-related__list__itm__img -->

        <div class="c-related__list__itm__cnt">
          <h5 class="c-related__list__itm__ttl r-related-blank">
            お客様相談室<span class="r-related-blank-2"></span>
          </h5>
          <p class="c-related__list__itm__txt">
            お客様相談室では、過去のお問い合わせをQ&amp;Aとしてまとめたり、問い合わせ状況の掲載を行っています。
          </p>
        </div>
        <!-- /.c-related__list__itm__cnt -->
      </a>
    </div>
    <!-- /.c-related__list__itm -->
  </div>
  <!-- /.c-related__list -->
</div>
<!-- /.c-related -->
```
- 内部リンクへつなげる場合は_blankを設定しません。
- 外部リンクへつなげる場合はc-related__list__itm__ttlにr-related-blankにを追加します。
*/
@media screen and (min-width: 769px), print {
  .c-related .c-related__ttl {
    line-height: 1.7;
    line-height: 1.7;
    margin-top: 73.35px;
    margin-bottom: -6.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-related .c-related__ttl {
      margin-top: calc(80px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
      margin-bottom: calc(0px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-related .c-related__ttl {
      margin-top: 9.78vw;
      margin-bottom: -0.88667vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }

@media screen and (max-width: 768px) {
  .c-related .c-related__ttl {
    line-height: 1.5;
    line-height: 1.5;
    margin-top: 111px;
    margin-bottom: -9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-related .c-related__ttl {
      margin-top: calc(120px - (((2.4rem * 1.5) - 2.4rem) / 2));
      margin-bottom: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-related .c-related__ttl {
      margin-top: 14.8vw;
      margin-bottom: -1.2vw;
      font-size: 18px;
      font-size: 4.8vw; } }

.c-related .c-related__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list {
      margin-top: 30px;
      padding: 30px 0; } }
  @media screen and (max-width: 768px) {
    .c-related .c-related__list {
      margin-top: 30px;
      margin-top: 8vw;
      padding-top: 20px;
      padding-top: 5.33333vw;
      padding-bottom: 20px;
      padding-bottom: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-related .c-related__list__itm {
    width: calc((100% - 35px) / 2);
    margin-right: 34px; }
    .c-related .c-related__list__itm:nth-child(n + 3) {
      margin-top: 30px; }
    .c-related .c-related__list__itm:nth-child(2n) {
      margin-right: 0; } }

@media screen and (max-width: 768px) {
  .c-related .c-related__list__itm {
    width: 100%;
    margin-top: 20px;
    margin-top: 5.33333vw; }
    .c-related .c-related__list__itm:nth-child(1) {
      margin-top: 0; } }

.c-related .c-related__list__itm__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-decoration: none;
  /*&[target='_blank'] {
      .p-education-card-list__item__ttl {
        position: relative;

        @include pc {
          padding-right: 20px;
        }

        @include sp {
          @include vw(padding-right, 25);
        }

        &::before,
        &::after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);

          @include pc {
            width: 8px;
            height: 8px;
          }

          @include sp {
            @include vw(width, 14);
            @include vw(height, 14);
          }
        }

        &::before {
          right: 0;
          border: 1px solid #333;

          @include pc {
            margin-top: -2px;
          }

          @include sp {
            @include vw(margin-top, -5);
          }
        }

        &::after {
          border-bottom: 1px solid #333;
          border-left: 1px solid #333;

          @include pc {
            right: 3px;
            margin-top: 1px;
          }

          @include sp {
            @include vw(right, 4);
            @include vw(margin-top, 1);
          }
        }
      }
    }*/ }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__link {
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease; } }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__link:hover {
      opacity: .6; } }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__link:visited, .c-related .c-related__list__itm__link:hover, .c-related .c-related__list__itm__link:active {
      text-decoration: none; } }

@media screen and (min-width: 769px), print {
  .c-related .c-related__list__itm__img {
    width: 162px;
    padding-right: 29px; } }

@media screen and (max-width: 768px) {
  .c-related .c-related__list__itm__img {
    width: 124px;
    width: 33.06667vw;
    padding-right: 14px;
    padding-right: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-related .c-related__list__itm__cnt {
    width: calc(100% - 163px); } }

@media screen and (max-width: 768px) {
  .c-related .c-related__list__itm__cnt {
    width: 211px;
    width: 56.26667vw; } }

.c-related .c-related__list__itm__ttl {
  display: block;
  line-height: 1.5; }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__ttl {
      line-height: 1.5;
      margin-top: -4.75px;
      margin-bottom: -4.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-related .c-related__list__itm__ttl {
      margin-top: calc(0px - (((1.26667rem * 1.5) - 1.26667rem) / 2));
      margin-bottom: calc(0px - (((1.26667rem * 1.5) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-related .c-related__list__itm__ttl {
      margin-top: -0.63333vw;
      margin-bottom: -0.63333vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }
  @media screen and (max-width: 768px) {
    .c-related .c-related__list__itm__ttl {
      line-height: 1.5;
      margin-top: -8px;
      margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-related .c-related__list__itm__ttl {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-related .c-related__list__itm__ttl {
      margin-top: -1.06667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  .c-related .c-related__list__itm__ttl.r-related-blank:after {
    text-indent: -99999px;
    content: "";
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/img/common/ico_document_otherwindow_02.svg) no-repeat center;
    background-size: 100% auto; }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__ttl.r-related-blank:after {
      margin-left: 8px;
      width: 11px;
      height: 15px; } }
  @media screen and (max-width: 768px) {
    .c-related .c-related__list__itm__ttl.r-related-blank:after {
      margin-left: 8px;
      margin-left: 2.13333vw;
      width: 11px;
      width: 2.93333vw;
      height: 15px;
      height: 4vw; } }

.c-related .c-related__list__itm__txt {
  line-height: 1.7; }
  @media screen and (min-width: 769px), print {
    .c-related .c-related__list__itm__txt {
      line-height: 1.7;
      margin-top: 14.75px;
      margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-related .c-related__list__itm__txt {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-related .c-related__list__itm__txt {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-related .c-related__list__itm__txt {
      line-height: 1.7;
      margin-top: 10.2px;
      margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-related .c-related__list__itm__txt {
      margin-top: calc(20px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-related .c-related__list__itm__txt {
      margin-top: 1.36vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .p-second-util-sec .c-related .c-related__ttl {
    line-height: 1.7;
    line-height: 1.7;
    margin-top: 113.35px;
    margin-bottom: -6.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-util-sec .c-related .c-related__ttl {
      margin-top: calc(120px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
      margin-bottom: calc(0px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-util-sec .c-related .c-related__ttl {
      margin-top: 15.11333vw;
      margin-bottom: -0.88667vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }

@media screen and (max-width: 768px) {
  .p-second-util-sec .c-related .c-related__ttl {
    line-height: 1.5;
    line-height: 1.5;
    margin-top: 141px;
    margin-bottom: -9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-util-sec .c-related .c-related__ttl {
      margin-top: calc(150px - (((2.4rem * 1.5) - 2.4rem) / 2));
      margin-bottom: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-util-sec .c-related .c-related__ttl {
      margin-top: 18.8vw;
      margin-bottom: -1.2vw;
      font-size: 18px;
      font-size: 4.8vw; } }

@media screen and (min-width: 769px), print {
  .c-related.r-no-ttl {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .c-related.r-no-ttl {
    margin-top: 120px; } }

/*
---
name: .c-sec - セクション
menu: レイアウト/セクション
category: layout/section
tag:
- layout
- section
- company
- csr
- education
- ir
- rd
- blog
- recruit
- sitemap
- social-policy
---

```html
<div class="c-sec">
  `.c-sec`はh2と並列に並びます。
</div>
<!-- /.c-sec -->
```

- マークアップ時のセクショニングでh2相当の見出し配下の文節に使用します（h2 + c-sec）
- h1がない場合はc-sec+r-no-hdgを追加します。

*/
/*
---
name: .c-sec__block - セクションブロック
menu: レイアウト/セクション/ブロック
category: layout/section
tag:
- layout
- section
- block
---

```html

<div class="c-sec">
  <div class="c-sec__block">
    `.c-sec__block`はh3と並列に並びます。
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- マークアップ時のセクショニングでh3相当の見出し配下の文節に使用します（.c-sec > h3 + c-sec__block）

*/
/*
---
name: .c-sec__box - セクションボックス
menu: レイアウト/セクション/ボックス
category: layout/section
tag:
- layout
- section
- box
---

```html

<div class="c-sec">
  <div class="c-sec__block">
    <div class="c-sec__box">
      `.c-sec__box`はh4と並列に並びます。
    </div>
    <!-- /.c-sec__box -->
  </div>
  <!-- /.c-sec__block -->
</div>
<!-- /.c-sec -->

```

- マークアップ時のセクショニングでh4相当の見出し配下の文節に使用します（h4 + c-sec__box）

## タイプ2（PC：2カラム）

```html
<main class="l-main--2col">
  <article class="l-main__cnt">
    <div class="c-sec">
      <div class="c-sec__block">
        <div class="c-sec__box">
        <div class="c-sec__lyt r-flex-1-1">
          <div class="c-sec__flex-itm">
            <figure class="c-img-frm">
              <img src="/assets/img/project/sustainability/society/other/pnl_img-01.jpg" alt="" class="c-sec__content__item is-dummy">
            </figure>
          </div>
          <!-- /.c-sec__flex-itm -->

          <div class="c-sec__flex-itm">
            <p class="c-sec__lyt__node">
            高齢化が進み、単身世帯が増加する現代社会において、留意すべき事柄をわかりやすく説明する講演会として、食生活と健康についての正しい情報提供のための講演会を開催しています。
            </p>
            <p class="c-sec__lyt__node">
              健康で楽しい食生活に貢献したいと考えています。
            </p>
          </div>
          <!-- /.c-sec__flex-itm -->
        </div>
        <!-- /.c-sec__lyt -->
        </div>
        <!-- /.c-sec__box -->
      </div>
      <!-- /.c-sec__block -->
    </div>
    <!-- /.c-sec -->
  </article>
</main>

```

- `.c-sec__content`を2カラムで並べる場合`.c-sec__lyt.r-flex-1-1`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。


### タイプ2 左右入れ替え

```html
<main class="l-main--2col">
  <article class="l-main__cnt">
    <div class="c-sec">
      <div class="c-sec__block">
        <div class="c-sec__box">
        <div class="c-sec__lyt r-flex-1-1 r-reverse">
          <div class="c-sec__flex-itm">
            <figure class="c-img-frm">
              <img src="/assets/img/project/sustainability/society/other/pnl_img-01.jpg" alt="" class="c-sec__content__item is-dummy">
            </figure>
          </div>
          <!-- /.c-sec__flex-itm -->

          <div class="c-sec__flex-itm">
            <p class="c-sec__lyt__node">
            高齢化が進み、単身世帯が増加する現代社会において、留意すべき事柄をわかりやすく説明する講演会として、食生活と健康についての正しい情報提供のための講演会を開催しています。
            </p>
            <p class="c-sec__lyt__node">
              健康で楽しい食生活に貢献したいと考えています。
            </p>
          </div>
          <!-- /.c-sec__flex-itm -->
        </div>
        <!-- /.c-sec__lyt -->
        </div>
        <!-- /.c-sec__box -->
      </div>
      <!-- /.c-sec__block -->
    </div>
    <!-- /.c-sec -->
  </article>
</main>
```

- タイプ2を左右入れ替えする場合、`.c-sec__lyt.r-flex-1-1.r-reverse`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。

## タイプ3（PC：2カラム（1:2））

```html

<main class="l-main--2col">
  <article class="l-main__cnt">
    <div class="c-sec">
      <div class="c-sec__block">
        <div class="c-sec__box">
        <div class="c-sec__lyt r-flex-1-2">
          <div class="c-sec__flex-itm">
            <figure class="c-img-frm">
              <img src="/assets/img/project/sustainability/society/other/pnl_img-01.jpg" alt="" class="c-sec__content__item is-dummy">
            </figure>
          </div>
          <!-- /.c-sec__flex-itm -->

          <div class="c-sec__flex-itm">
            <p class="c-sec__lyt__node">
            高齢化が進み、単身世帯が増加する現代社会において、留意すべき事柄をわかりやすく説明する講演会として、食生活と健康についての正しい情報提供のための講演会を開催しています。
            </p>
            <p class="c-sec__lyt__node">
              健康で楽しい食生活に貢献したいと考えています。
            </p>
          </div>
          <!-- /.c-sec__flex-itm -->
        </div>
        <!-- /.c-sec__lyt -->
        </div>
        <!-- /.c-sec__box -->
      </div>
      <!-- /.c-sec__block -->
    </div>
    <!-- /.c-sec -->
  </article>
</main>
```

- `.c-sec__content`を2カラム（1:2）で並べる場合`.c-sec__lyt.r-flex-1-2`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。


## タイプ3（PC：2カラム（1:2））左右入れ替え

```html

<main class="l-main--2col">
  <article class="l-main__cnt">
    <div class="c-sec">
      <div class="c-sec__block">
        <div class="c-sec__box">
        <div class="c-sec__lyt r-flex-1-2 r-reverse">
          <div class="c-sec__flex-itm">
            <figure class="c-img-frm">
              <img src="/assets/img/project/sustainability/society/other/pnl_img-01.jpg" alt="" class="c-sec__content__item is-dummy">
            </figure>
          </div>
          <!-- /.c-sec__flex-itm -->

          <div class="c-sec__flex-itm">
            <p class="c-sec__lyt__node">
            高齢化が進み、単身世帯が増加する現代社会において、留意すべき事柄をわかりやすく説明する講演会として、食生活と健康についての正しい情報提供のための講演会を開催しています。
            </p>
            <p class="c-sec__lyt__node">
              健康で楽しい食生活に貢献したいと考えています。
            </p>
          </div>
          <!-- /.c-sec__flex-itm -->
        </div>
        <!-- /.c-sec__lyt -->
        </div>
        <!-- /.c-sec__box -->
      </div>
      <!-- /.c-sec__block -->
    </div>
    <!-- /.c-sec -->
  </article>
</main>
```

- タイプ3（PC：2カラム（1:2））を左右入れ替えする場合、`.c-sec__lyt.r-flex-2-1.r-reverse`を指定します。
- PCの幅はローカルナビが入った状態のもの（775px）で最適化されています。


*/
@media screen and (min-width: 769px), print {
  .c-sec__box {
    line-height: 1.9;
    margin-top: -7.65px;
    margin-bottom: -7.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__box {
      margin-top: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__box {
      margin-top: -1.02vw;
      margin-bottom: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .c-sec__box {
    line-height: 1.5;
    margin-top: -8px;
    margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__box {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__box {
      margin-top: -1.06667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
  .c-sec__content {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type03 {
    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; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type03 .c-sec__content {
    width: 250px; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type03 .c-sec__content + .c-sec__content {
    width: 500px; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type03.r-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type04 .c-sec__content {
    width: 370px; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type04 .c-sec__content + .c-sec__content {
    width: 185px; } }

@media screen and (max-width: 768px) {
  .c-sec__box.r-type04 .c-sec__content img {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .c-sec__box.r-type04.r-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt {
    line-height: 1.9;
    margin-top: 43.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt {
      margin-top: calc(50px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt {
      margin-top: 5.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt {
    line-height: 1.9;
    margin-top: 47.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt {
      margin-top: 6.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: -6.75px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt .c-sec__lyt__node {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__node {
      margin-top: -0.9vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: -12.6px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt .c-sec__lyt__node {
      margin-top: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__node {
      margin-top: -1.68vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-sec__lyt .c-sec__lyt__node.r-fig-head {
  margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 13.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: calc(20px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: 1.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 37.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: calc(50px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: 4.98667vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt .c-hdg--lv5 + .c-sec__lyt__node.r-fig-head,
  .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node.r-fig-head {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt .c-hdg--lv5 + .c-sec__lyt__node.r-fig-head,
  .c-sec__lyt .c-sec__lyt__node + .c-sec__lyt__node.r-fig-head {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

.c-sec__lyt:nth-last-of-type(1) {
  margin-bottom: 0; }

.c-sec__lyt.r-fig {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 769px), print {
    .c-sec__lyt.r-fig {
      margin-top: 50px !important; } }
  @media screen and (max-width: 768px) {
    .c-sec__lyt.r-fig {
      margin-top: 30px !important;
      margin-top: 8vw !important; } }

.c-sec__lyt.r-fig-head {
  margin-bottom: 0; }
  @media screen and (min-width: 769px), print {
    .c-sec__lyt.r-fig-head {
      margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .c-sec__lyt.r-fig-head {
      margin-top: 30px;
      margin-top: 8vw; } }

.c-sec__lyt.r-fig-bottom {
  margin-bottom: 0; }

.c-sec__lyt.r-inquiry {
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .c-sec__lyt[class*="r-flex"] {
    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; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt[class*="r-flex"] .c-sec__flex-itm {
    line-height: 1.9;
    margin-top: 37.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt[class*="r-flex"] .c-sec__flex-itm {
      margin-top: calc(50px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt[class*="r-flex"] .c-sec__flex-itm {
      margin-top: 4.98667vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1 .c-sec__flex-itm {
    width: 375px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-1-1 .c-sec__flex-itm {
    width: 345px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1--edu-research-modal .c-sec__flex-itm {
    width: 330px;
    margin-top: 20px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1--edu-research-modal .c-sec__flex-itm.r-center {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1--edu-research-modal .c-sec__flex-itm.r-center .c-img-frm {
    width: 330px;
    margin: 0 auto; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-2 .c-sec__flex-itm:nth-child(1) {
    width: 242px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-1-2 .c-sec__flex-itm:nth-child(1) {
    width: 212px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-2 .c-sec__flex-itm:nth-child(2) {
    width: 502px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-1-2 .c-sec__flex-itm:nth-child(2) {
    width: 472px; } }

@media screen and (min-width: 769px), print {
  .c-bdr-frm .c-sec__lyt.r-flex-1-4 .c-sec__flex-itm:nth-child(1) {
    width: 134px; } }

@media screen and (min-width: 769px), print {
  .c-bdr-frm .c-sec__lyt.r-flex-1-4 .c-sec__flex-itm:nth-child(2) {
    width: 536px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(1) {
    width: 502px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(1) {
    width: 472px; } }

@media screen and (min-width: 769px), print {
  .c-bdr-frm .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(1) {
    width: 448px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(2) {
    width: 242px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(2) {
    width: 212px; } }

@media screen and (min-width: 769px), print {
  .c-bdr-frm .c-sec__lyt.r-flex-2-1 .c-sec__flex-itm:nth-child(2) {
    width: 224px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm {
    width: 375px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm {
    width: 355px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm:nth-child(2) {
    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; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm:nth-child(2) .c-sec__flex-itm__child {
    width: 176px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm:nth-child(2) .c-sec__flex-itm__child {
    width: 156px; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt.r-flex-2-1-1 .c-sec__flex-itm:nth-child(2) .c-sec__flex-itm__child + .c-sec__flex-itm__child {
    margin-top: 40px;
    margin-top: 10.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm {
    width: 375px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm {
    width: 355px; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm:nth-child(1) {
    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; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm:nth-child(1) .c-sec__flex-itm__child {
    width: 176px; } }

@media screen and (min-width: 769px), print {
  .c-column .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm:nth-child(1) .c-sec__flex-itm__child {
    width: 156px; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt.r-flex-1-1-2 .c-sec__flex-itm:nth-child(1) .c-sec__flex-itm__child + .c-sec__flex-itm__child {
    margin-top: 40px;
    margin-top: 10.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
    line-height: 1.9;
    margin-top: 33.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
      margin-top: calc(40px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
      margin-top: 4.43333vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
    .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm:nth-of-type(-n + 2) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
    line-height: 1.9;
    margin-top: 87.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
      margin-top: calc(100px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt.r-flex-1-1.r-type02 .c-sec__flex-itm {
      margin-top: 11.65333vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt[class*="r-flex"].r-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.c-sec__lyt.r-note {
  margin-top: 0; }

.c-sec__lyt.is-no-mt {
  margin-top: 0; }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt.r-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt.r-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt.r-txt-link {
    line-height: 1.7;
    margin-top: -9.8px;
    margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt.r-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt.r-txt-link {
      margin-top: -1.30667vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt.r-txt-link--small {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt.r-txt-link--small {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt.r-txt-link--small {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt.r-txt-link--small {
    line-height: 1.7;
    margin-top: -9.1px;
    margin-bottom: -9.1px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt.r-txt-link--small {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt.r-txt-link--small {
      margin-top: -1.21333vw;
      margin-bottom: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-sec__lyt.r-btn-list {
  margin-top: 0; }

.c-sec__flex-itm.r-fig-head {
  margin-bottom: 0; }

.c-sec__flex-itm.r-fig-bottom {
  margin-bottom: 0 !important; }

@media screen and (min-width: 769px), print {
  .c-sec__lyt .c-sec__lyt__txt {
    line-height: 1.9;
    margin-top: -6.75px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt .c-sec__lyt__txt {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__txt {
      margin-top: -0.9vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt .c-sec__lyt__txt {
    line-height: 1.9;
    margin-top: -12.6px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt .c-sec__lyt__txt {
      margin-top: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__txt {
      margin-top: -1.68vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv1 + .c-sec.r-no-hdg {
    line-height: 1.9;
    margin-top: 53.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv1 + .c-sec.r-no-hdg {
      margin-top: calc(60px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv1 + .c-sec.r-no-hdg {
      margin-top: 7.1vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv1 + .c-sec.r-no-hdg {
    line-height: 1.9;
    margin-top: 57.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv1 + .c-sec.r-no-hdg {
      margin-top: calc(70px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv1 + .c-sec.r-no-hdg {
      margin-top: 7.65333vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-hdg--lv1 + .c-sec.r-no-hdg.r-fig-head {
  margin-bottom: 0; }
  @media screen and (min-width: 769px), print {
    .c-hdg--lv1 + .c-sec.r-no-hdg.r-fig-head {
      margin-top: 60px; } }
  @media screen and (max-width: 768px) {
    .c-hdg--lv1 + .c-sec.r-no-hdg.r-fig-head {
      margin-top: 35px;
      margin-top: 9.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec + .c-sec.r-no-hdg.r-fig-head {
    margin-top: 120px; } }

@media screen and (max-width: 768px) {
  .c-sec + .c-sec.r-no-hdg.r-fig-head {
    margin-top: 75px;
    margin-top: 20vw; } }

@media screen and (min-width: 769px), print {
  .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
    line-height: 1.9;
    margin-top: 113.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
      margin-top: calc(120px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
      margin-top: 15.1vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
    line-height: 1.9;
    margin-top: 137.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
      margin-top: calc(150px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec + .c-sec.r-no-hdg .c-sec__lyt:nth-of-type(1) {
      margin-top: 18.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv2 + .c-sec__lyt {
    margin-top: 33.25px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv2 + .c-sec__lyt {
      margin-top: calc(40px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__lyt {
      margin-top: 4.43333vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv2 + .c-sec__lyt {
    margin-top: 47.4px;
    line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv2 + .c-sec__lyt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv2 + .c-sec__lyt {
      margin-top: 6.32vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv2 + .c-sec__lyt.r-fig-head {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv2 + .c-sec__lyt.r-fig-head {
    margin-top: 30px;
    margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv3 + .c-sec__lyt {
    margin-top: 33.25px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv3 + .c-sec__lyt {
      margin-top: calc(40px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv3 + .c-sec__lyt {
      margin-top: 4.43333vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv3 + .c-sec__lyt {
    margin-top: 47.4px;
    line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv3 + .c-sec__lyt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv3 + .c-sec__lyt {
      margin-top: 6.32vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv3 + .c-sec__lyt.r-fig-head {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv3 + .c-sec__lyt.r-fig-head {
    margin-top: 30px;
    margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv4 + .c-sec__lyt {
    margin-top: 13.25px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv4 + .c-sec__lyt {
      margin-top: calc(20px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv4 + .c-sec__lyt {
      margin-top: 1.76667vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv4 + .c-sec__lyt {
    margin-top: 37.4px;
    line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv4 + .c-sec__lyt {
      margin-top: calc(50px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv4 + .c-sec__lyt {
      margin-top: 4.98667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv4 + .c-sec__lyt.r-fig-head,
  .c-hdg--lv4 + .c-sec__lyt[class*="r-flex"] {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv4 + .c-sec__lyt.r-fig-head,
  .c-hdg--lv4 + .c-sec__lyt[class*="r-flex"] {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-hdg--lv5 + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 13.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-hdg--lv5 + .c-sec__lyt__node {
      margin-top: calc(20px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-hdg--lv5 + .c-sec__lyt__node {
      margin-top: 1.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-hdg--lv5 + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 37.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-hdg--lv5 + .c-sec__lyt__node {
      margin-top: calc(50px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-hdg--lv5 + .c-sec__lyt__node {
      margin-top: 4.98667vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__box + .c-sec__box.r-no-hdg {
    margin-top: 53.25px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__box + .c-sec__box.r-no-hdg {
      margin-top: calc(60px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__box + .c-sec__box.r-no-hdg {
      margin-top: 7.1vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__box + .c-sec__box.r-no-hdg {
    margin-top: 87.4px;
    line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__box + .c-sec__box.r-no-hdg {
      margin-top: calc(100px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__box + .c-sec__box.r-no-hdg {
      margin-top: 11.65333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
    line-height: 1.9;
    margin-top: 23.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
      margin-top: calc(30px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
      margin-top: 3.1vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
    line-height: 1.9;
    margin-top: 37.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
      margin-top: calc(50px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-sec__lyt .c-sec__lyt__txt + .c-sec__lyt__txt {
      margin-top: 4.98667vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 33.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: calc(40px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: 4.43333vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
    line-height: 1.9;
    margin-top: 67.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: calc(80px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-slider .c-sec__lyt__node + .c-sec__lyt__node {
      margin-top: 8.98667vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

/*
---
name: タブリスト
category: component/tab-list
tag:
- component
- tab-list
- company
- csr
- group
---

```html
<div data-module="switch-tab">

  <div class="c-sec r-no-hdg r-fig-head">
    <div class="c-sec__lyt">
      <ul role="tablist" class="c-tab-list r-2col">
        <li role="tab" aria-controls="tab01" class="c-tab-list__itm is-active" tabindex="0">事業所</li>
        <li role="tab" aria-controls="tab02" class="c-tab-list__itm" tabindex="0">グループ会社</li>
      </ul>
      <!-- /.c-tab-list -->
    </div>
    <!-- /.c-sec__lyt -->
  </div>
  <!-- /.c-sec -->

  <div class="c-tab-panel u-mt0" role="tabpanel" aria-labeledby="tab01" aria-hidden="false">
    <div class="c-sec r-no-hdg">
      <div class="c-sec__lyt">
        表示させたい内容を反映させます。
      </div>
      <!-- /.c-sec__lyt -->
    </div>
    <!-- /.c-sec r-no-hdg -->
  </div>
  <!-- /.c-tab-panel -->

  <div class="c-tab-panel u-mt0" role="tabpanel" aria-labeledby="tab02" aria-hidden="true">
    <div class="c-sec r-no-hdg">
      <div class="c-sec__lyt">
        表示させたい内容を反映させます。
      </div>
      <!-- /.c-sec__lyt -->
    </div>
    <!-- /.c-sec r-no-hdg -->
  </div>
  <!-- / tabpanel -->
</div>
```
*/
.c-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 768px) {
    .c-tab-list {
      width: 375px;
      width: 100vw;
      margin-bottom: 50px;
      margin-bottom: 13.33333vw;
      margin-left: -20px;
      margin-left: -5.33333vw; } }
  .c-tab-list .c-tab-list__itm {
    cursor: pointer;
    text-align: center;
    color: #aaa;
    box-shadow: 0 -1px 0 #ddd inset;
    border-bottom: 1px solid #fff; }
    @media screen and (min-width: 769px), print {
      .c-tab-list .c-tab-list__itm {
        margin-top: -20px;
        padding-bottom: 16.25px;
        padding-top: 16.25px;
        line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tab-list .c-tab-list__itm {
      padding-bottom: calc(20px - (((1rem * 1.5) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.5) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tab-list .c-tab-list__itm {
      padding-bottom: 2.16667vw;
      padding-top: 2.16667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-tab-list .c-tab-list__itm {
        margin-top: -10px;
        margin-top: -2.66667vw;
        padding-bottom: 12px;
        padding-top: 12px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tab-list .c-tab-list__itm {
      padding-bottom: calc(20px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      padding-top: calc(20px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tab-list .c-tab-list__itm {
      padding-bottom: 1.6vw;
      padding-top: 1.6vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    .c-tab-list .c-tab-list__itm.is-active {
      color: #e4002b;
      border-bottom: 2px solid #e4002b;
      box-shadow: none; }

.c-tab-list.r-2col .c-tab-list__itm {
  width: 50%; }

@media screen and (min-width: 769px), print {
  .c-tab-panel {
    margin-top: 60px; } }

@media screen and (max-width: 768px) {
  .c-tab-panel {
    margin-top: 50px;
    margin-top: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-subcnt-bnr {
    margin-top: 30px; }
    .c-subcnt-bnr:nth-of-type(n+2) {
      margin-top: 15px; } }

@media screen and (max-width: 768px) {
  .c-subcnt-bnr {
    margin-top: 50px;
    margin-top: 13.33333vw; } }

.c-subcnt-bnr .c-subcnt-bnr__href {
  display: block;
  position: relative;
  color: #e4002b;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #e4002b; }
  .c-subcnt-bnr .c-subcnt-bnr__href:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover; }
  @media screen and (min-width: 769px), print {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      width: 100%;
      padding-bottom: 23.25px;
      padding-top: 23.25px;
      line-height: 1.9;
      -webkit-transition: opacity .2s ease;
      transition: opacity .2s ease; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      padding-bottom: calc(30px - (((1rem * 1.9) - 1rem) / 2));
      padding-top: calc(30px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      padding-bottom: 3.1vw;
      padding-top: 3.1vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (min-width: 769px), print {
      .c-subcnt-bnr .c-subcnt-bnr__href:hover {
        opacity: .7; } }
  @media screen and (max-width: 768px) {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      width: 335px;
      width: 89.33333vw;
      margin-top: 30px;
      margin-top: 8vw;
      margin-right: auto;
      margin-left: auto;
      padding-bottom: 43.4px;
      padding-top: 43.4px;
      line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      padding-bottom: calc(56px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      padding-top: calc(56px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-subcnt-bnr .c-subcnt-bnr__href {
      padding-bottom: 5.78667vw;
      padding-top: 5.78667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-subcnt-bnr__href.r-investors-guide {
    padding-left: 40px; }
    .c-subcnt-bnr__href.r-investors-guide:before {
      background-image: url(/assets/img/project/ir/cmn/ico_bnr_investors-guide-01.svg);
      left: 17px;
      width: 36px;
      height: 28px;
      margin-top: -14px; } }

@media screen and (max-width: 768px) {
  .c-subcnt-bnr__href.r-investors-guide {
    padding-left: 40px;
    padding-left: 10.66667vw; }
    .c-subcnt-bnr__href.r-investors-guide:before {
      background-image: url(/assets/img/project/ir/cmn/ico_bnr_investors-guide-01.svg);
      left: 77px;
      left: 20.53333vw;
      width: 30px;
      width: 8vw;
      height: 23.5px;
      height: 6.26667vw;
      margin-top: -12.5px;
      margin-top: -3.33333vw; } }

/*.c-subcnt-bnr__href.r-mailmagazin {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 50%; }*/
  .c-subcnt-bnr__href.r-mailmagazin:after {
    content: '';
    text-indent: -9999px;
    overflow: hidden;
    position: absolute; }
  @media screen and (min-width: 769px), print {
    .c-subcnt-bnr__href.r-mailmagazin {
      margin-top: 15px;
      padding-left: 35px;
      padding-right: 20px;
      background-position-x: 194px;
      background-size: 12px; }
      .c-subcnt-bnr__href.r-mailmagazin:before {
        background-image: url(/assets/img/project/ir/cmn/mail.svg);
        left: 17px;
        width: 37px;
        height: 37px;
        margin-top: -20px; } }
  @media screen and (max-width: 768px) {
    .c-subcnt-bnr__href.r-mailmagazin {
      padding-left: 20px;
      padding-left: 5.33333vw;
      background-position-x: 240px;
      background-position-x: 64vw;
      background-size: 12px;
      background-size: 3.2vw; }
      .c-subcnt-bnr__href.r-mailmagazin:before {
        background-image: url(/assets/img/project/ir/cmn/mail.svg);
        left: 77px;
        left: 20.53333vw;
        width: 32px;
        width: 8.53333vw;
        height: 32px;
        height: 8.53333vw;
        margin-top: -20px;
        margin-top: -5.33333vw; } }

.c-subcnt-bnr__href.r-finance {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 50%; }
  .c-subcnt-bnr__href.r-finance:after {
    content: '';
    text-indent: -9999px;
    overflow: hidden;
    position: absolute; }
  @media screen and (min-width: 769px), print {
    .c-subcnt-bnr__href.r-finance {
      padding-left: 65px;
      background-position-x: 130px;
      background-position-y: 20px;
      background-size: 12px;
      padding-bottom: 14.25px;
      padding-top: 14.25px;
      line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-subcnt-bnr__href.r-finance {
      padding-bottom: calc(18px - (((1rem * 1.5) - 1rem) / 2));
      padding-top: calc(18px - (((1rem * 1.5) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-subcnt-bnr__href.r-finance {
      padding-bottom: 1.9vw;
      padding-top: 1.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (min-width: 769px), print {
      .c-subcnt-bnr__href.r-finance:before {
        background-image: url(/assets/img/project/ir/cmn/finance.svg);
        left: 17px;
        width: 37px;
        height: 37px;
        margin-top: -14px; } }
  @media screen and (max-width: 768px) {
    .c-subcnt-bnr__href.r-finance {
      padding-left: 115px;
      padding-left: 30.66667vw;
      padding-bottom: 29px;
      padding-top: 29px;
      line-height: 1.5;
      background-position-x: 180px;
      background-position-x: 48vw;
      background-position-y: 17.5px;
      background-position-y: 4.66667vw;
      background-size: 12px;
      background-size: 3.2vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-subcnt-bnr__href.r-finance {
      padding-bottom: calc(36px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      padding-top: calc(36px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-subcnt-bnr__href.r-finance {
      padding-bottom: 3.86667vw;
      padding-top: 3.86667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
  @media screen and (max-width: 768px) {
      .c-subcnt-bnr__href.r-finance:before {
        background-image: url(/assets/img/project/ir/cmn/finance.svg);
        left: 77px;
        left: 20.53333vw;
        width: 32px;
        width: 8.53333vw;
        height: 32px;
        height: 8.53333vw;
        margin-top: -15px;
        margin-top: -4vw; } }

.c-slide-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

@media screen and (min-width: 769px), print {
  .c-slide-list.r-type01 .c-slide-list__item {
    width: calc((100% - 24px * 2) / 3);
    margin-top: 24px;
    margin-right: 24px; }
    .c-slide-list.r-type01 .c-slide-list__item:nth-of-type(3n) {
      margin-right: 0; }
    .c-slide-list.r-type01 .c-slide-list__item:nth-of-type(-n + 3) {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .c-slide-list.r-type01 .c-slide-list__item {
    width: 48%;
    margin-top: 13px;
    margin-top: 3.46667vw;
    margin-right: 4%; }
    .c-slide-list.r-type01 .c-slide-list__item:nth-of-type(2n) {
      margin-right: 0; }
    .c-slide-list.r-type01 .c-slide-list__item:nth-of-type(-n + 2) {
      margin-top: 0; } }

/*
---
name: スライダー
category: component/slider
tag:
- component
- slider
---

```html
<div class="c-slider">
  <ul class="c-slider__content" data-module="slider-contents">
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-01.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        乳化の仕組みや容器の工夫など、マヨネーズのヒミツについて学びます。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-02.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        マヨネーズの作り方や野菜摂取の必要性について、ビデオ鑑賞します。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-03.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        講義の復習をしながら、マヨネーズの作り方を学びます。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-04.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        いよいよマヨネーズ作りに挑戦です。みんな協力しておいしいマヨネーズを作ります。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-05.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        一生懸命かき混ぜて、乳化による状態の変化を体験します。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-06.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        野菜にマヨネーズをつけて試食します。<br>
        また、工場製と手作りのマヨネーズを食べ比べし、状態や味の違いについて体感します。
      </div>
    </li>
    <li class="c-slider__item">
      <figure class="c-slider__item__fig">
        <img src="/assets/img/project/education/class/slider_img-07.jpg" alt="" class="c-slider__item__img">
      </figure>
      <div class="c-slider__item__txt">
        全体を通しての質疑応答を行い、マヨネーズ教室は終了です。
      </div>
    </li>
  </ul>
  <!-- /.c-slider__content -->
</div>
<!-- /.c-slider -->
```

*/
.c-slider {
  position: relative; }
  .c-slider__item {
    outline: none !important; }
    @media screen and (min-width: 769px), print {
      .c-slider__item {
        padding: 0 56px; } }
    @media screen and (max-width: 768px) {
      .c-slider__item {
        padding-right: 37px;
        padding-right: 9.86667vw;
        padding-left: 37px;
        padding-left: 9.86667vw; } }
  .c-slider__item__fig {
    line-height: 0; }
  .c-slider__item__txt {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .c-slider__item__txt {
        line-height: 1.9;
        margin-top: 13.25px;
        margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-slider__item__txt {
      margin-top: calc(20px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-slider__item__txt {
      margin-top: 1.76667vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-slider__item__txt {
        margin-top: 22.5px;
        margin-top: 6vw; } }
  .c-slider__indicator {
    line-height: 0;
    text-align: center;
    font-size: 0; }
    @media screen and (min-width: 769px), print {
      .c-slider__indicator {
        margin-top: 30px; } }
    @media screen and (max-width: 768px) {
      .c-slider__indicator {
        margin-top: 20px;
        margin-top: 5.33333vw; } }
    .c-slider__indicator li {
      display: inline-block;
      height: inherit;
      -webkit-transition: background-color .25s ease;
      transition: background-color .25s ease; }
      @media screen and (min-width: 769px), print {
        .c-slider__indicator li {
          width: 20px;
          margin-top: 10px;
          margin-left: 10px;
          cursor: pointer; } }
      @media screen and (max-width: 768px) {
        .c-slider__indicator li {
          width: 15px;
          width: 4vw;
          margin-right: 10px;
          margin-right: 2.66667vw; } }
      .c-slider__indicator li[aria-hidden="true"] {
        opacity: 1; }
      .c-slider__indicator li button {
        display: block;
        width: inherit;
        height: 1px;
        font-size: 0;
        line-height: 0;
        background-color: #aaa; }
        .c-slider__indicator li button:hover, .c-slider__indicator li button:active, .c-slider__indicator li button:focus {
          outline: none;
          border: none; }
      .c-slider__indicator li:first-child {
        margin-left: 0; }
      .c-slider__indicator li:hover {
        outline: none;
        border: none; }
        .c-slider__indicator li:hover button {
          background-color: #e4002b !important; }
      .c-slider__indicator li.slick-active button {
        background-color: #e4002b !important; }
  .c-slider__arrow {
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url(/assets/img/common/fig_arrow_circle-01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .is-tablet .c-slider__arrow {
      background-size: auto 94%; }
    @media screen and (min-width: 769px), print {
      .c-slider__arrow {
        top: 182px;
        width: 41px;
        height: 41px;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease; }
        .c-slider__arrow:hover {
          opacity: .6; } }
    @media screen and (max-width: 768px) {
      .c-slider__arrow {
        width: 30px;
        width: 8vw;
        height: 30px;
        height: 8vw;
        top: 61px;
        top: 16.26667vw; } }
    .c-slider__arrow.r-prev {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      left: 0; }
    .c-slider__arrow.r-next {
      right: 0; }
    .c-slider__arrow.is-inactive {
      opacity: 0;
      cursor: default; }

@media screen and (max-width: 768px) {
  .c-slider.r-presentation {
    height: 553px;
    height: 147.46667vw; } }

@media screen and (max-width: 768px) {
  .c-slider.r-presentation .c-slider__item {
    padding: 0; } }

@media screen and (max-width: 768px) {
  .c-slider.r-presentation .c-slider__item__fig {
    width: 264px;
    width: 70.4vw;
    margin: 0 auto; } }

.c-slider.r-presentation .c-slider__item__img {
  width: 100%; }

.c-slider.r-presentation .c-slider__item__txt {
  overflow: auto;
  margin-top: 0;
  padding: 20px;
  text-align: left;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .c-slider.r-presentation .c-slider__item__txt {
      height: 200px; } }
  @media screen and (max-width: 768px) {
    .c-slider.r-presentation .c-slider__item__txt {
      height: 325px;
      height: 86.66667vw;
      margin-top: 30px;
      margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .c-slider.r-presentation .c-slider__arrow {
    top: 227px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-presentation .c-slider__arrow {
    top: 85px;
    top: 22.66667vw; } }

.c-slider.r-group-second-life .c-slider__indicator {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto; }
  @media screen and (min-width: 769px), print {
    .c-slider.r-group-second-life .c-slider__indicator {
      top: auto;
      bottom: 0;
      height: 1px; } }
  @media screen and (max-width: 768px) {
    .c-slider.r-group-second-life .c-slider__indicator {
      top: auto;
      bottom: 15px;
      bottom: 4vw; } }
  @media screen and (min-width: 769px), print {
    .c-slider.r-group-second-life .c-slider__indicator li {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-slider.r-group-second-life .c-slider__arrow {
    top: 356px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-group-second-life .c-slider__arrow {
    top: auto;
    bottom: 0px;
    bottom: 0vw; } }

@media screen and (min-width: 769px), print {
  .c-slider.r-group-second-life .c-slider__arrow.r-prev {
    left: -56px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-group-second-life .c-slider__arrow.r-prev {
    left: 20px;
    left: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-slider.r-group-second-life .c-slider__arrow.r-next {
    right: -56px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-group-second-life .c-slider__arrow.r-next {
    right: 20px;
    right: 5.33333vw; } }

.c-slider.r-group-second-life .c-slider__item__img {
  position: relative; }

/*
---
name: .c-tbl - テーブル
menu: コンポーネント/テーブル
category: component/table
tag:
- component
- table
- company
- blog
- csr
- education
- ir
- rd
- news
---

## .c-tbl.r-type01 - タイプ1

```html
<div class="c-tbl r-type01">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd69per--pc">
    </colgroup>
    <tbody>
      <tr>
        <th class="c-tbl__head">対象</th>
        <td class="c-tbl__data">小学生</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催地区</th>
        <td class="c-tbl__data">全国（お気軽にご相談ください）</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催場所</th>
        <td class="c-tbl__data">小学校</td>
      </tr>
      <tr>
        <th class="c-tbl__head">所要時間</th>
        <td class="c-tbl__data">約90分</td>
      </tr>
      <tr>
        <th class="c-tbl__head">費用</th>
        <td class="c-tbl__data">
          無料（講師の講演料、開催に伴う講師の旅費、交通費などは一切不要です）<br>
          ※食材などのご準備をお願いいたします。<br>
          　費用につきましては、一旦お立替いただきますようお願いいたします。<br>
          　開催当日にお立替いただいた費用をお支払いいたします。
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- /.c-tbl -->
```

- 左側にhead、右側にdataが並ぶ基本パターンです
- colgroupにユーティリティクラスで、幅を指定することができます


## .c-tbl.r-type02 - タイプ2（要JS）

```html

<div data-module="change-rowtable" class="c-tbl r-type02">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd20per--pc">
      <col class="u-wd49per--pc">
    </colgroup>
    <tr>
      <th class="c-tbl__head u-alignC--pc">
        役　職
      </th>
      <th class="c-tbl__head u-alignC--pc">
        氏　名
      </th>
      <th class="c-tbl__head u-alignC--pc">
        担　当
      </th>
    </tr>
    <tr>
      <td class="c-tbl__data">取締役会長</td>
      <td class="c-tbl__data">◯◯ ◯</td>
      <td class="c-tbl__data">コンプライアンスおよびブランド担当</td>
    </tr>
    <tr>
      <td class="c-tbl__data">代表取締役 社長執行役員</td>
      <td class="c-tbl__data">◯◯ ◯</td>
      <td class="c-tbl__data">マーケティング本部担当</td>
    </tr>
  </table>
</div>
<!-- /.c-tbl -->
```

- 1行目にhead、それ以外がdataのパターンです
- PCとSPで縦横が並びかわるため、`data-module="change-rowtable"`を指定する必要があります。
- colgroupにユーティリティクラスで、幅を指定することができます


## .c-tbl.r-type03 - タイプ3

```html
<div class="c-tbl r-type03">
  <table>
    <colgroup>
      <col class="u-wd31per--pc">
      <col class="u-wd69per--pc">
    </colgroup>
    <tbody>
      <tr>
        <th class="c-tbl__head">対象</th>
        <td class="c-tbl__data">小学生</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催地区</th>
        <td class="c-tbl__data">全国（お気軽にご相談ください）</td>
      </tr>
      <tr>
        <th class="c-tbl__head">開催場所</th>
        <td class="c-tbl__data">小学校</td>
      </tr>
      <tr>
        <th class="c-tbl__head">所要時間</th>
        <td class="c-tbl__data">約90分</td>
      </tr>
      <tr>
        <th class="c-tbl__head">費用</th>
        <td class="c-tbl__data">
          無料（講師の講演料、開催に伴う講師の旅費、交通費などは一切不要です）<br>
          ※食材などのご準備をお願いいたします。<br>
          　費用につきましては、一旦お立替いただきますようお願いいたします。<br>
          　開催当日にお立替いただいた費用をお支払いいたします。
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- /.c-tbl -->
```

- 左側にhead、右側にdataが並ぶ基本パターンです
- colgroupにユーティリティクラスで、幅を指定することができます

## .c-tbl.r-type03+overflow-scroll - タイプ3

```html

<div data-module="overflow-scroll" data-config="is-small" class="c-tbl r-type03">
  <table>
    <colgroup>
      <col class="u-wd20per--pc">
      <col class="u-wd16per--pc">
      <col class="u-wd16per--pc">
      <col class="u-wd16per--pc">
      <col class="u-wd16per--pc">
      <col class="u-wd16per--pc">
    </colgroup>
    <tr>
      <th class="c-tbl__head u-align-c">
      </th>
      <th class="c-tbl__head u-align-c">
        2013年度
      </th>
      <th class="c-tbl__head u-align-c">
        2014年度
      </th>
      <th class="c-tbl__head u-align-c">
        2015年度
      </th>
      <th class="c-tbl__head u-align-c">
        2016年度
      </th>
      <th class="c-tbl__head u-align-c">
        2017年度
      </th>
    </tr>
    <tr>
      <td class="c-tbl__data">休業災害件数</td>
      <td class="c-tbl__data u-align-r">13</td>
      <td class="c-tbl__data u-align-r">15</td>
      <td class="c-tbl__data u-align-r">12</td>
      <td class="c-tbl__data u-align-r">7</td>
      <td class="c-tbl__data u-align-r">17</td>
    </tr>
    <tr>
      <td class="c-tbl__data">度数率<sup>※1</sup></td>
      <td class="c-tbl__data u-align-r">0.56</td>
      <td class="c-tbl__data u-align-r">0.72</td>
      <td class="c-tbl__data u-align-r">0.56</td>
      <td class="c-tbl__data u-align-r">0.35</td>
      <td class="c-tbl__data u-align-r">0.76</td>
    </tr>
    <tr>
      <td class="c-tbl__data">強度率<sup>※2</sup></td>
      <td class="c-tbl__data u-align-r">0.024</td>
      <td class="c-tbl__data u-align-r">0.035</td>
      <td class="c-tbl__data u-align-r">0.018</td>
      <td class="c-tbl__data u-align-r">0.013</td>
      <td class="c-tbl__data u-align-r">0.027</td>
    </tr>
  </table>
</div>
<!-- /.c-tbl -->
```
- SP時にoverflow-scrollへ切り替わるタイプのc-tblです。
- data-config="is-small"またはata-config="is-xsmall"でサイズを調整することができます。

## .c-tbl.r-type03+r-small - タイプ3

```html
<div data-module="overflow-scroll" data-config="is-xsmall" class="c-tbl r-type03 r-small">
  <table>
    <colgroup>
      <col class="u-wd40per">
      <col class="u-wd60per">
    </colgroup>
    <tbody>
      <tr>
        <th class="c-tbl__head">株主名簿管理人および<br class="u-none-sp">特別口座<sup>※</sup>の口座管理機関</th>
        <td class="c-tbl__data">東京都千代田区丸の内一丁目4番1号<br>三井住友信託銀行株式会社</td>
      </tr>
      <tr>
        <th class="c-tbl__head">株主名簿管理人事務取扱場所</th>
        <td class="c-tbl__data">東京都千代田区丸の内一丁目4番1号<br>三井住友信託銀行株式会社 証券代行部</td>
      </tr>
      <tr>
        <th class="c-tbl__head">郵便物送付先</th>
        <td class="c-tbl__data">〒168-0063<br>東京都杉並区和泉二丁目8番4号<br>三井住友信託銀行株式会社 証券代行部</td>
      </tr>
      <tr>
        <th class="c-tbl__head">お問い合わせ先</th>
        <td class="c-tbl__data">0120-782-031（9:00～17:00 土・日・祝日を除く）</td>
      </tr>
      <tr>
        <th class="c-tbl__head">ウェブサイト</th>
        <td class="c-tbl__data"><a href="https://www.smtb.jp/personal/agency/index.html" target="_blank" class="c-txt-link">https://www.smtb.jp/personal/agency/index.html</a></td>
      </tr>
    </tbody>
  </table>
</div>
```

- r-smallをつけることでir配下用のtebleに変更することができます。
- data-config="is-xsmall"またはdata-config="is-small"によってサイズを調整することができます。
*/
.c-tbl {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 769px), print {
    .c-tbl > table {
      width: 100%;
      border-top: 1px solid #ddd; } }
  @media screen and (max-width: 768px) {
    .c-tbl > table .c-tbl__head,
    .c-tbl > table .c-tbl__data {
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .c-tbl:not(.r-type03) .c-tbl__head,
  .c-tbl:not(.r-type03) .c-tbl__data {
    display: block; } }

@media screen and (min-width: 769px), print {
  .c-tbl__head,
  .c-tbl__data {
    line-height: 1.7;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 14.75px;
    padding-top: 14.75px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tbl__head,
    .c-tbl__data {
      padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tbl__head,
    .c-tbl__data {
      padding-bottom: 1.96667vw;
      padding-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .c-tbl.r-small .c-tbl__head,
  .c-tbl.r-small .c-tbl__data {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type01 .c-tbl__head,
  .c-tbl.r-type01 .c-tbl__data {
    padding-right: 10px;
    padding-right: 2.66667vw;
    padding-left: 10px;
    padding-left: 2.66667vw; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-tbl.r-type01 > table {
    width: 100%;
    border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type01 .c-tbl__head {
    line-height: 1.5;
    padding-bottom: 23px;
    padding-top: 23px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl.r-type01 .c-tbl__head {
      padding-bottom: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      padding-top: calc(30px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl.r-type01 .c-tbl__head {
      padding-bottom: 3.06667vw;
      padding-top: 3.06667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type01 .c-tbl__data {
    line-height: 1.7;
    padding-bottom: 30.2px;
    padding-top: 30.2px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl.r-type01 .c-tbl__data {
      padding-bottom: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      padding-top: calc(40px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl.r-type01 .c-tbl__data {
      padding-bottom: 4.02667vw;
      padding-top: 4.02667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-tbl__head {
  text-align: left;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f2;
  vertical-align: top; }
  @media screen and (min-width: 769px), print {
    .c-tbl__head {
      padding-right: 22px;
      padding-left: 22px;
      border-right: 1px solid #ddd; } }
  @media screen and (max-width: 768px) {
    .c-tbl__head {
      padding-bottom: 33px;
      padding-top: 33px;
      line-height: 1.53846;
      border-top: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl__head {
      padding-bottom: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl__head {
      padding-bottom: 4.4vw;
      padding-top: 4.4vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .c-tbl__head .r-center-space {
    letter-spacing: 1em; }

.c-tbl tr:first-child .c-tbl__head:last-child {
  border-right: none; }

.c-tbl__data {
  vertical-align: top; }
  @media screen and (min-width: 769px), print {
    .c-tbl__data {
      padding-right: 22px;
      padding-left: 22px;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd; } }
  @media screen and (max-width: 768px) {
    .c-tbl__data {
      padding-bottom: 33px;
      padding-top: 33px;
      line-height: 1.53846; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl__data {
      padding-bottom: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl__data {
      padding-bottom: 4.4vw;
      padding-top: 4.4vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  @media screen and (max-width: 768px) {
    .c-tbl__data + .c-tbl__data, .c-tbl__data[colspan] {
      border-top: 1px solid #ddd; } }
  @media screen and (min-width: 769px), print {
    .c-tbl__data:last-child {
      border-right: 0; } }

@media screen and (min-width: 769px), print {
  .c-tbl__caption {
    padding-bottom: 8px;
    padding-top: 8px;
    line-height: 3; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tbl__caption {
      padding-bottom: calc(20px - (((0.8rem * 3) - 0.8rem) / 2));
      padding-top: calc(20px - (((0.8rem * 3) - 0.8rem) / 2));
      font-size: 0.8rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tbl__caption {
      padding-bottom: 1.06667vw;
      padding-top: 1.06667vw;
      font-size: 6px;
      font-size: 1.6vw; } }

@media screen and (max-width: 768px) {
  .c-tbl__caption {
    padding-bottom: 22.25px;
    padding-top: 22.25px;
    line-height: 1.775; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl__caption {
      padding-bottom: calc(30px - (((1.33333rem * 1.775) - 1.33333rem) / 2));
      padding-top: calc(30px - (((1.33333rem * 1.775) - 1.33333rem) / 2));
      font-size: 1.33333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl__caption {
      padding-bottom: 2.96667vw;
      padding-top: 2.96667vw;
      font-size: 10px;
      font-size: 2.66667vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 > table {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 tr {
    display: block;
    margin-bottom: 15px;
    margin-bottom: 4vw;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 tr:first-child {
    display: none; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__head {
    display: none; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 110px;
    padding-left: 29.33333vw;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-bottom: 21px;
    padding-top: 21px;
    line-height: 1.53846; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl.r-type02 .c-tbl__data {
      padding-bottom: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl.r-type02 .c-tbl__data {
      padding-bottom: 2.8vw;
      padding-top: 2.8vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    .is-androidlegacy .c-tbl.r-type02 .c-tbl__data {
      padding: 15px; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__data:empty {
    display: none; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__data:before {
    content: attr(aria-label);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.33333vw;
        -ms-flex: 0 0 29.33333vw;
            flex: 0 0 29.33333vw;
    width: 110px;
    width: 29.33333vw;
    margin: -21px 20px -21px -220px;
    margin: -2.8vw 2.66667vw -2.8vw -29.33333vw;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw;
    padding-bottom: 21px;
    padding-top: 21px;
    line-height: 1.53846;
    text-align: left;
    background-color: #f2f2f2;
    border-right: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tbl.r-type02 .c-tbl__data:before {
      padding-bottom: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(28px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tbl.r-type02 .c-tbl__data:before {
      padding-bottom: 2.8vw;
      padding-top: 2.8vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    .is-androidlegacy .c-tbl.r-type02 .c-tbl__data:before {
      position: relative; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__data.u-align-c:before {
    margin-right: 50%; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02 .c-tbl__data.u-align-r:before {
    margin-right: auto; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-sp-th-wide .c-tbl__data {
    padding-left: 140px;
    padding-left: 37.33333vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-sp-th-wide .c-tbl__data:before {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.33333vw;
        -ms-flex: 0 0 37.33333vw;
            flex: 0 0 37.33333vw;
    width: 140px;
    width: 37.33333vw;
    margin: -21px 20px -21px -280px;
    margin: -2.8vw 2.66667vw -2.8vw -37.33333vw;
    word-break: normal; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-xlarge .c-tbl__data {
    padding-left: 210px;
    padding-left: 56vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-xlarge .c-tbl__data:before {
    width: 210px;
    width: 56vw;
    margin-left: -210px;
    margin-left: -56vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56vw;
        -ms-flex: 0 0 56vw;
            flex: 0 0 56vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-large .c-tbl__data {
    padding-left: 177.5px;
    padding-left: 47.33333vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-large .c-tbl__data:before {
    width: 177.5px;
    width: 47.33333vw;
    margin-left: -177.5px;
    margin-left: -47.33333vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47.33333vw;
        -ms-flex: 0 0 47.33333vw;
            flex: 0 0 47.33333vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-small .c-tbl__data {
    padding-left: 85px;
    padding-left: 22.66667vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type02.is-small .c-tbl__data:before {
    width: 85px;
    width: 22.66667vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22.66667vw;
        -ms-flex: 0 0 22.66667vw;
            flex: 0 0 22.66667vw;
    margin-left: -85px;
    margin-left: -22.66667vw; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type03 {
    position: relative; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type03 > table {
    width: 100%;
    border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type03 .c-tbl__head,
  .c-tbl.r-type03 .c-tbl__data {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type03 .c-tbl__head:last-child,
  .c-tbl.r-type03 .c-tbl__data:last-child {
    border-right: 0; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type-form {
    position: relative; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type-form > table {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .c-tbl.r-type-form .c-tbl__head {
    font-size: 14px;
    font-size: 3.73333vw; } }

.c-tbl.r-type-form .c-tbl__data {
  vertical-align: middle; }
  @media screen and (min-width: 769px), print {
    .c-tbl.r-type-form .c-tbl__data {
      padding-bottom: 14.75px;
      padding-top: 14.75px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tbl.r-type-form .c-tbl__data {
      padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tbl.r-type-form .c-tbl__data {
      padding-bottom: 1.96667vw;
      padding-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-tbl.r-type-form .c-tbl__data[colspan] {
      border-top: 0; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd10 {
    width: 10%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd11 {
    width: 11%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd12 {
    width: 12%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd13 {
    width: 13%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd14 {
    width: 14%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd15 {
    width: 15%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd16 {
    width: 16%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd17 {
    width: 17%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd18 {
    width: 18%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd19 {
    width: 19%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd20 {
    width: 20%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd21 {
    width: 21%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd22 {
    width: 22%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd23 {
    width: 23%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd24 {
    width: 24%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd25 {
    width: 25%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd26 {
    width: 26%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd27 {
    width: 27%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd28 {
    width: 28%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd29 {
    width: 29%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd30 {
    width: 30%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd31 {
    width: 31%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd32 {
    width: 32%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd33 {
    width: 33%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd34 {
    width: 34%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd35 {
    width: 35%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd36 {
    width: 36%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd37 {
    width: 37%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd38 {
    width: 38%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd39 {
    width: 39%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd40 {
    width: 40%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd41 {
    width: 41%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd42 {
    width: 42%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd43 {
    width: 43%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd44 {
    width: 44%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd45 {
    width: 45%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd46 {
    width: 46%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd47 {
    width: 47%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd48 {
    width: 48%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd49 {
    width: 49%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd50 {
    width: 50%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd51 {
    width: 51%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd52 {
    width: 52%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd53 {
    width: 53%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd54 {
    width: 54%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd55 {
    width: 55%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd56 {
    width: 56%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd57 {
    width: 57%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd58 {
    width: 58%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd59 {
    width: 59%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd60 {
    width: 60%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd61 {
    width: 61%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd62 {
    width: 62%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd63 {
    width: 63%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd64 {
    width: 64%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd65 {
    width: 65%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd66 {
    width: 66%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd67 {
    width: 67%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd68 {
    width: 68%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd69 {
    width: 69%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd70 {
    width: 70%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd71 {
    width: 71%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd72 {
    width: 72%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd73 {
    width: 73%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd74 {
    width: 74%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd75 {
    width: 75%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd76 {
    width: 76%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd77 {
    width: 77%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd78 {
    width: 78%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd79 {
    width: 79%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd80 {
    width: 80%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd81 {
    width: 81%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd82 {
    width: 82%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd83 {
    width: 83%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd84 {
    width: 84%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd85 {
    width: 85%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd86 {
    width: 86%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd87 {
    width: 87%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd88 {
    width: 88%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd89 {
    width: 89%; } }

@media screen and (min-width: 769px), print {
  .c-tbl--wd90 {
    width: 90%; } }

@media screen and (min-width: 769px), print {
  .c-tbl.r-padding-s .c-tbl__head {
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 769px), print {
  .c-tbl.r-padding-s .c-tbl__data {
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 769px), print {
  .c-tbl.r-padding-s .c-tbl__caption {
    padding-bottom: -4px;
    padding-top: -4px;
    line-height: 3; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tbl.r-padding-s .c-tbl__caption {
      padding-bottom: calc(8px - (((0.8rem * 3) - 0.8rem) / 2));
      padding-top: calc(8px - (((0.8rem * 3) - 0.8rem) / 2));
      font-size: 0.8rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tbl.r-padding-s .c-tbl__caption {
      padding-bottom: -0.53333vw;
      padding-top: -0.53333vw;
      font-size: 6px;
      font-size: 1.6vw; } }

.is-fixed.c-tbl.r-type02 > table, .is-fixed.c-tbl.r-type03 > table, .is-fixed.c-tbl.r-type-form > table {
  table-layout: fixed; }

@media screen and (min-width: 769px), print {
  .is-fixed--pc.c-tbl.r-type02 > table, .is-fixed--pc.c-tbl.r-type03 > table, .is-fixed--pc.c-tbl.r-type-form > table {
    table-layout: fixed; } }

@media screen and (max-width: 768px) {
  .is-fixed--sp.c-tbl.r-type02 > table, .is-fixed--sp.c-tbl.r-type03 > table, .is-fixed--sp.c-tbl.r-type-form > table {
    table-layout: fixed; } }

@media screen and (min-width: 769px), print {
  .c-tbl__note.r-top {
    margin-bottom: 5px; } }

@media screen and (max-width: 768px) {
  .c-tbl__note.r-top {
    margin-bottom: 4px;
    margin-bottom: 1.06667vw; } }

.c-tbl__note.r-right {
  text-align: right; }

/*
---
name: トグル
category: component/toggle
tag:
- component
- toggle
- csr
- education
- ir
- rd
---

```html
<div class="c-tgl">
  <div class="c-tgl__itm">
    <h5 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
      2016年度
      <span class="c-tgl__itm__ttl__mark"></span>
    </h5>
    <!-- /.c-tgl__itm__ttl -->

    <div class="c-tgl__itm__cnt__frm" aria-hidden="true">
      <div class="c-tgl__itm__cnt">
        <div class="c-tgl__itm__lyt">
          <p class="c-sec__lyt__node">
            トグルの中が表示されます。
          </p>
        </div>
        <!-- /.c-tgl__itm__lyt -->
      </div>
      <!-- /.c-tgl__itm__cnt -->
    </div>
    <!-- /.c-tgl__itm__cnt__frm -->
  </div>
  <!-- /.c-tgl__itm -->
</div>
<!-- /.c-tgl -->
```
*/
/*

---
name: トグル Q&A
category: component/toggle
tag:
- component
- toggle
- ir
---

```html
<div class="c-tgl" data-module="qa-increment">
  <div class="c-tgl__itm r-q-and-a" data-role="qa-increment-itm">
    <h5 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
      配当金はいくらですか？
      <span class="c-tgl__itm__ttl__mark" data-role="qa-increment-target"></span>
    </h5>
    <!-- c-tgl__itm__ttl -->

    <div class="c-tgl__itm__cnt__frm" aria-hidden="true" data-role="qa-increment-target">
      <div class="c-tgl__itm__cnt">
        <div class="c-tgl__itm__lyt">
          2017年度は中間配当金が1株あたり18円、期末配当金は1株当たり18.5円、年間配当金は1株当たり36.5円でした。<br>
          なお、2018年度は中間配当金が１株当たり19円となりました。期末配当金は1株当たり19円、年間配当金は１株当たり38円を予定しています。
          <!-- /.c-tgl__itm__lyt -->
        </div>
      </div>
      <!-- /.c-tgl__itm__cnt -->
    </div>
    <!-- /.c-tgl__itm__cnt__frm -->
  </div>
  <!-- /.c-tgl__itm -->

  <div class="c-tgl__itm r-q-and-a" data-role="qa-increment-itm">
    <h5 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
      株式の取引単位は何株ですか？
      <span class="c-tgl__itm__ttl__mark" data-role="qa-increment-target"></span>
    </h5>
    <!-- c-tgl__itm__ttl -->

    <div class="c-tgl__itm__cnt__frm" aria-hidden="true" data-role="qa-increment-target">
      <div class="c-tgl__itm__cnt">
        <div class="c-tgl__itm__lyt">
          100株です。
        </div>
        <!-- /.c-tgl__itm__lyt -->
      </div>
      <!-- /.c-tgl__itm__cnt -->
    </div>
    <!-- /.c-tgl__itm__cnt__frm -->
  </div>
  <!-- /.c-tgl__itm -->

  <div class="c-tgl__itm r-q-and-a" data-role="qa-increment-itm">
    <h5 class="c-tgl__itm__ttl" data-module="toggle-btn" aria-expanded="false">
      いつまでに株式を購入すれば配当金を受取ることができますか？
      <span class="c-tgl__itm__ttl__mark" data-role="qa-increment-target"></span>
    </h5>
    <!-- c-tgl__itm__ttl -->

    <div class="c-tgl__itm__cnt__frm" aria-hidden="true" data-role="qa-increment-target">
      <div class="c-tgl__itm__cnt">
        <div class="c-tgl__itm__lyt">
          中間配当金は毎年5月31日、期末配当金は毎年11月30日が権利確定日（株主確定日）です。<br>
          なお、配当金をお受け取りいただくためには、権利確定日（中間配当金 5月31日、期末配当金 11月30日）を含む4営業日前までに株式をご購入いただく必要があります。<br>
          2018年度の中間配当金は、2018年5月28日、期末配当金は、2018年11月27日までに株式をご購入いただいた方が対象となります。
          <!-- /.c-tgl__itm__lyt -->
        </div>
      </div>
      <!-- /.c-tgl__itm__cnt -->
    </div>
    <!-- /.c-tgl__itm__cnt__frm -->
  </div>
  <!-- /.c-tgl__itm -->
</div>
<!-- /.c-tgl -->
```
*/
.c-tgl .c-tgl__itm + .c-tgl__itm {
  margin-top: 1px; }

.c-tgl .c-tgl__itm__ttl {
  position: relative;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .c-tgl .c-tgl__itm__ttl {
      cursor: pointer;
      padding-right: 60px;
      padding-left: 20px;
      padding-bottom: 14.25px;
      padding-top: 14.25px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tgl .c-tgl__itm__ttl {
      padding-bottom: calc(21px - (((1rem * 1.9) - 1rem) / 2));
      padding-top: calc(21px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tgl .c-tgl__itm__ttl {
      padding-bottom: 1.9vw;
      padding-top: 1.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-tgl .c-tgl__itm__ttl {
      padding-right: 40px;
      padding-right: 10.66667vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      padding-bottom: 25.4px;
      padding-top: 25.4px;
      line-height: 1.9; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tgl .c-tgl__itm__ttl {
      padding-bottom: calc(38px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      padding-top: calc(38px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tgl .c-tgl__itm__ttl {
      padding-bottom: 3.38667vw;
      padding-top: 3.38667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
  .c-tgl .c-tgl__itm__ttl:before, .c-tgl .c-tgl__itm__ttl:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-tgl .c-tgl__itm__ttl:before, .c-tgl .c-tgl__itm__ttl:after {
        right: 20px;
        width: 11px;
        height: 1px; } }
    @media screen and (max-width: 768px) {
      .c-tgl .c-tgl__itm__ttl:before, .c-tgl .c-tgl__itm__ttl:after {
        right: 20px;
        right: 5.33333vw;
        width: 8px;
        width: 2.13333vw;
        height: 1px; } }
  .c-tgl .c-tgl__itm__ttl:after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.c-tgl .c-tgl__itm__ttl__sub {
  display: block; }

.c-tgl .c-tgl__itm__cnt__frm {
  height: 0;
  opacity: 0;
  overflow: hidden; }

@media screen and (min-width: 769px), print {
  .c-tgl .c-tgl__itm__cnt {
    padding-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .c-tgl .c-tgl__itm__cnt {
    padding-bottom: 20px;
    padding-bottom: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-tgl .c-tgl__itm__lyt {
    line-height: 1.9;
    margin-top: 23.25px;
    margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-tgl .c-tgl__itm__lyt {
      margin-top: calc(30px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-tgl .c-tgl__itm__lyt {
      margin-top: 3.1vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-tgl .c-tgl__itm__lyt {
    line-height: 1.9;
    margin-top: 27.4px;
    margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-tgl .c-tgl__itm__lyt {
      margin-top: calc(40px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-tgl .c-tgl__itm__lyt {
      margin-top: 3.65333vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-tgl .c-tgl__itm__lyt.r-fig-head {
  margin-bottom: 0; }
  @media screen and (min-width: 769px), print {
    .c-tgl .c-tgl__itm__lyt.r-fig-head {
      margin-top: 30px; } }
  @media screen and (max-width: 768px) {
    .c-tgl .c-tgl__itm__lyt.r-fig-head {
      margin-top: 20px;
      margin-top: 5.33333vw; } }

.c-tgl [aria-expanded="true"]:after {
  display: none; }

.c-tgl [aria-expanded="true"] + .c-tgl__itm__cnt__frm {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.c-tgl .c-tgl__itm.r-q-and-a {
  counter-increment: label; }
  @media screen and (min-width: 769px), print {
    .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__ttl {
      padding-left: 70px; } }
  @media screen and (max-width: 768px) {
    .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__ttl {
      padding-left: 55px;
      padding-left: 14.66667vw; } }
  .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__ttl .c-tgl__itm__ttl__mark:before {
    content: "Q" attr(data-num);
    display: inline-block;
    position: absolute;
    top: 50%;
    color: #fff;
    text-align: center;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__ttl .c-tgl__itm__ttl__mark:before {
        left: 15px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        line-height: 40px;
        border-radius: 20px; } }
    @media screen and (max-width: 768px) {
      .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__ttl .c-tgl__itm__ttl__mark:before {
        left: 10px;
        left: 2.66667vw;
        width: 35px;
        width: 9.33333vw;
        height: 35px;
        height: 9.33333vw;
        margin-top: -17.5px;
        margin-top: -4.66667vw;
        line-height: 35px;
        line-height: 9.33333vw;
        border-radius: 100%; } }
  .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm {
        padding-left: 70px; } }
    @media screen and (max-width: 768px) {
      .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm {
        padding-left: 55px;
        padding-left: 14.66667vw; } }
    .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm:before {
      content: "A" attr(data-num);
      display: inline-block;
      position: absolute;
      z-index: 2;
      color: #fff;
      text-align: center;
      background-color: orange; }
      @media screen and (min-width: 769px), print {
        .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm:before {
          left: 15px;
          top: 15px;
          width: 40px;
          height: 40px;
          line-height: 40px;
          border-radius: 20px; } }
      @media screen and (max-width: 768px) {
        .c-tgl .c-tgl__itm.r-q-and-a .c-tgl__itm__cnt__frm:before {
          top: 10px;
          top: 2.66667vw;
          left: 10px;
          left: 2.66667vw;
          width: 35px;
          width: 9.33333vw;
          height: 35px;
          height: 9.33333vw;
          line-height: 35px;
          line-height: 9.33333vw;
          border-radius: 100%; } }

@media screen and (min-width: 769px), print {
  .c-tgl .c-tgl__itm__ttl.r-bar {
    padding-left: 26px; } }

@media screen and (max-width: 768px) {
  .c-tgl .c-tgl__itm__ttl.r-bar {
    padding-left: 26px;
    padding-left: 6.93333vw; } }

.c-tgl .c-tgl__itm__ttl.r-bar .c-tgl__itm__ttl__mark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%; }
  @media screen and (min-width: 769px), print {
    .c-tgl .c-tgl__itm__ttl.r-bar .c-tgl__itm__ttl__mark {
      width: 6px; } }
  @media screen and (max-width: 768px) {
    .c-tgl .c-tgl__itm__ttl.r-bar .c-tgl__itm__ttl__mark {
      width: 6px;
      width: 1.6vw; } }

.c-tgl .c-tgl__itm__ttl.r-bar.r-condiments .c-tgl__itm__ttl__mark {
  background-color: #dd6b4f; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-egg .c-tgl__itm__ttl__mark {
  background-color: #e8ba41; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-delicatessen .c-tgl__itm__ttl__mark {
  background-color: #b6ce5c; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-fruits .c-tgl__itm__ttl__mark {
  background-color: #7094c0; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-fine-chemical .c-tgl__itm__ttl__mark {
  background-color: #edaea2; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-distribution .c-tgl__itm__ttl__mark {
  background-color: #4AACBC; }




.c-tgl .c-tgl__itm__ttl.r-bar.r-commercial .c-tgl__itm__ttl__mark {
  background-color: #ccff4b; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-business .c-tgl__itm__ttl__mark {
  background-color: #ffcd2b; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-overseas .c-tgl__itm__ttl__mark {
  background-color: #65cdfd; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-fruit-solution .c-tgl__itm__ttl__mark {
  background-color: #000164; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-fine-chemical_2 .c-tgl__itm__ttl__mark {
  background-color: #ffcbfd; }

.c-tgl .c-tgl__itm__ttl.r-bar.r-common .c-tgl__itm__ttl__mark {
  background-color: #DDDDDD; }

@media screen and (min-width: 769px), print {
  .c-bdr-frm .c-tgl__itm__cnt {
    padding-top: 40px;
    padding-bottom: 0; } }

@media screen and (max-width: 768px) {
  .c-bdr-frm .c-tgl__itm__cnt {
    padding-top: 30px;
    padding-top: 8vw;
    padding-bottom: 0px;
    padding-bottom: 0vw; } }

/*
---
name: ドキュメントページ
category: component/to-doc-page
tag:
- component
- to-doc-page
- ir
---

```html
<div class="c-to-doc-page">
  <div class="c-to-doc-page__itm">
    <h5 class="c-to-doc-page__ttl">
      <a class="c-to-doc-page__ttl__href" href="#">キユーピーの考え方</a>
    </h5>
    <p class="c-to-doc-page__txt">理念、グループ規範に基づくキユーピーのCSRの考え方についてご案内します。</p>
  </div>
  <!-- /.c-to-doc-page__itm -->

  <div class="c-to-doc-page__itm">
    <h5 class="c-to-doc-page__ttl">
      <a class="c-to-doc-page__ttl__href" href="#">キユーピーのマテリアリティ</a>
    </h5>
    <p class="c-to-doc-page__txt">キユーピーのCSRにおける重要課題の選定と、その整理方法から今後の方針をご案内します。</p>
  </div>
  <!-- /.c-to-doc-page__itm -->

  <div class="c-to-doc-page__itm">
    <h5 class="c-to-doc-page__ttl">
      <a class="c-to-doc-page__ttl__href" href="#">CSRマネジメント</a>
    </h5>
    <p class="c-to-doc-page__txt">当社におけるCSRの推進体制をご案内します。</p>
  </div>
  <!-- /.c-to-doc-page__itm -->
</div>
<!-- /.c-to-doc-page -->
```
*/
.c-to-doc-page {
  border: 1px solid #ddd;
  border-radius: 10px; }
  @media screen and (min-width: 769px), print {
    .c-to-doc-page {
      padding: 42px; } }
  @media screen and (max-width: 768px) {
    .c-to-doc-page {
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      padding-top: 29px;
      padding-top: 7.73333vw;
      padding-bottom: 29px;
      padding-bottom: 7.73333vw; } }
  @media screen and (max-width: 768px) {
    .c-to-doc-page__itm {
      padding-top: 25px;
      padding-top: 6.66667vw;
      padding-bottom: 25px;
      padding-bottom: 6.66667vw; }
      .c-to-doc-page__itm:first-child {
        padding-top: 0; }
      .c-to-doc-page__itm:last-child {
        padding-bottom: 0; } }
  .c-to-doc-page__itm + .c-to-doc-page__itm {
    border-top: 1px solid #ddd; }
    @media screen and (min-width: 769px), print {
      .c-to-doc-page__itm + .c-to-doc-page__itm {
        margin-top: 30px;
        padding-top: 30px; } }
  .c-to-doc-page__ttl__href {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: #e4002b;
    line-height: 1.5; }
    .c-to-doc-page__ttl__href:before, .c-to-doc-page__ttl__href:after {
      position: absolute;
      margin: auto;
      content: "";
      vertical-align: middle; }
    @media screen and (min-width: 769px), print {
      .c-to-doc-page__ttl__href {
        line-height: 1.5;
        margin-top: -4.25px;
        margin-bottom: -4.25px;
        padding-left: 22px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-to-doc-page__ttl__href {
      margin-top: calc(0px - (((1.13333rem * 1.5) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.5) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-to-doc-page__ttl__href {
      margin-top: -0.56667vw;
      margin-bottom: -0.56667vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
    @media screen and (min-width: 769px), print {
        .c-to-doc-page__ttl__href:before {
          top: 4px;
          left: 0;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background: #e4002b; }
        .c-to-doc-page__ttl__href:after {
          top: 9px;
          left: 4px;
          width: 5px;
          height: 5px;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); } }
    @media screen and (max-width: 768px) {
      .c-to-doc-page__ttl__href {
        padding-left: 20px;
        padding-left: 5.33333vw; }
        .c-to-doc-page__ttl__href:before {
          top: 3px;
          top: 0.8vw;
          left: 0px;
          width: 14px;
          width: 3.73333vw;
          height: 14px;
          height: 3.73333vw;
          border-radius: 50%;
          background: #e4002b; }
        .c-to-doc-page__ttl__href:after {
          top: 7.5px;
          top: 2vw;
          left: 4px;
          left: 1.06667vw;
          width: 5px;
          width: 1.33333vw;
          height: 5px;
          height: 1.33333vw;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); } }
  @media screen and (max-width: 768px) {
    .c-to-doc-page__ttl {
      font-size: 16px;
      font-size: 4.26667vw;
      line-height: 1.5;
      margin-top: -7px;
      margin-bottom: -7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-to-doc-page__ttl {
      margin-top: calc(0px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-to-doc-page__ttl {
      margin-top: -0.93333vw;
      margin-bottom: -0.93333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
  @media screen and (min-width: 769px), print {
    .c-to-doc-page__txt {
      line-height: 1.9;
      margin-top: 8.25px;
      margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-to-doc-page__txt {
      margin-top: calc(15px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-to-doc-page__txt {
      margin-top: 1.1vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-to-doc-page__txt {
      line-height: 1.5;
      margin-top: 28px;
      margin-bottom: -7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-to-doc-page__txt {
      margin-top: calc(35px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-to-doc-page__txt {
      margin-top: 3.73333vw;
      margin-bottom: -0.93333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-horizontalrule {
  height: 0;
  border-bottom: 1px solid #ddd; }
  @media screen and (max-width: 768px) {
    .c-horizontalrule.r-innersp {
      margin-right: 20px;
      margin-right: 5.33333vw;
      margin-left: 20px;
      margin-left: 5.33333vw; } }

.c-privacyInquiry {
  border: 1px solid #333; }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry {
      padding: 30px 16px 30px 26px;
      border-radius: 8px; } }
  @media screen and (max-width: 768px) {
    .c-privacyInquiry {
      padding-right: 27px;
      padding-right: 7.2vw;
      padding-left: 27px;
      padding-left: 7.2vw;
      padding-top: 20px;
      padding-top: 5.33333vw;
      padding-bottom: 20px;
      padding-bottom: 5.33333vw;
      border-radius: 4px;
      border-radius: 1.06667vw; } }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry__block {
      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; } }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry__box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 330px;
      padding-top: 5px;
      padding-bottom: 5px;
      line-height: 1.2; } }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry__box:nth-child(2n) {
      width: 390px;
      border-left: 1px solid #333;
      padding-left: 20px; } }
  @media screen and (max-width: 768px) {
    .c-privacyInquiry__box:nth-child(2n - 1) {
      margin-bottom: 10px;
      margin-bottom: 2.66667vw; } }
  .c-privacyInquiry__text {
    display: block; }
    @media screen and (min-width: 769px), print {
      .c-privacyInquiry__text {
        line-height: 2.6;
        padding-right: 15px; } }
    .c-privacyInquiry__text--primary {
      display: inline-block;
      text-decoration: none; }
      @media screen and (min-width: 769px), print {
        .c-privacyInquiry__text--primary {
          font-size: 26px;
          pointer-events: none; } }
      @media screen and (max-width: 768px) {
        .c-privacyInquiry__text--primary {
          font-size: 24px;
          font-size: 6.4vw;
          line-height: 1.6; } }
      .c-privacyInquiry__text--primary.r-freedial {
        background-image: url(/assets/img/common/icon-freedial-01.png);
        background-repeat: no-repeat;
        background-position-x: left; }
        @media screen and (min-width: 769px), print {
          .c-privacyInquiry__text--primary.r-freedial {
            padding-left: 36px;
            background-position-y: 7px;
            background-size: 29px 19px; } }
        @media screen and (max-width: 768px) {
          .c-privacyInquiry__text--primary.r-freedial {
            padding-left: 37px;
            padding-left: 9.86667vw;
            background-position-y: 11.5px;
            background-position-y: 3.06667vw;
            background-size: 28.5px 18.5px;
            background-size: 7.6vw 4.93333vw; } }
    @media screen and (min-width: 769px), print {
      .c-privacyInquiry__text--notice {
        display: inline-block;
        font-size: 12px; } }
    @media screen and (max-width: 768px) {
      .c-privacyInquiry__text--notice {
        font-size: 11px;
        font-size: 2.93333vw; } }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry__notice {
      margin-top: 5px;
      line-height: 3.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-privacyInquiry__notice {
      margin-top: calc(20px - (((0.8rem * 3.5) - 0.8rem) / 2));
      font-size: 0.8rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-privacyInquiry__notice {
      margin-top: 0.66667vw;
      font-size: 6px;
      font-size: 1.6vw; } }
  @media screen and (max-width: 768px) {
    .c-privacyInquiry__notice {
      margin-top: 31px;
      line-height: 1.81818; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-privacyInquiry__notice {
      margin-top: calc(40px - (((1.46667rem * 1.81818) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-privacyInquiry__notice {
      margin-top: 4.13333vw;
      font-size: 11px;
      font-size: 2.93333vw; } }
  @media screen and (min-width: 769px), print {
    .c-privacyInquiry__notice.r-type02 {
      margin-top: 25px;
      line-height: 3.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-privacyInquiry__notice.r-type02 {
      margin-top: calc(40px - (((0.8rem * 3.5) - 0.8rem) / 2));
      font-size: 0.8rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-privacyInquiry__notice.r-type02 {
      margin-top: 3.33333vw;
      font-size: 6px;
      font-size: 1.6vw; } }

.c-inquiry-compmessage {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-inquiry-compmessage {
      padding: 25px 0;
      text-align: center; } }
  @media screen and (max-width: 768px) {
    .c-inquiry-compmessage {
      padding-bottom: 47px;
      padding-top: 47px;
      line-height: 1.53846; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-inquiry-compmessage {
      padding-bottom: calc(54px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(54px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-inquiry-compmessage {
      padding-bottom: 6.26667vw;
      padding-top: 6.26667vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-inquiry-compmessage__emphasis {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .c-inquiry-compmessage__emphasis {
      margin-top: 30px;
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    .c-inquiry-compmessage__emphasis {
      margin-top: 23px;
      margin-top: 6.13333vw;
      font-size: 14px;
      font-size: 3.73333vw;
      text-align: center; } }

.jstream-eqPlayer:focus {
  outline-offset: 0; }

/*
---
name: モーダルウィンドウ
category: component/modalwindow
tag:
- modalwindow
- component
- csr
- education
- group
- ir
- recruit
---

```html

<div class="c-sec__lyt r-flex-1-1 r-fig-head">
  <div class="c-sec__flex-itm">
    <p class="c-sec__lyt__node">
      キユーピーグループは、「良い商品は良い原料からしか生まれない」というものづくりの考えのもと、商品の開発からお客様にお届けするすべての活動を通じて、価値の創出に向けた取り組みを進めています。
    </p>
  </div>
  <!-- /.c-sec__flex-itm -->

  <div class="c-sec__flex-itm">
    <figure data-target="modal01" data-module="modal-window" class="c-img-frm r-modal">
      <img src="/assets/img/project/ir/management/group/idx/sec_content_img-01.jpg" alt="">
      <img src="/assets/img/project/sustainability/quality/label/mayonnaise/img-loupe.png" alt="" class="r-loupe u-none--sp">
    </figure>
  </div>
  <!-- /.c-sec__flex-itm -->
</div>
<!-- /.c-sec__lyt -->

<div data-role="modal-window-section" class="c-modal" aria-hidden="true">
  <div class="c-modal__bg"></div>
  <!-- /.c-modal__bg -->

  <div data-role="modal-close" class="c-modal__closebtn" role="button"></div>
  <!-- /.c-modal__closebtn -->

  <div data-modalsection="modal01" class="c-modal__sec" aria-hidden="true">
    <div class="c-sec">
      <div class="c-sec__lyt r-fig-head">
        <img src="/assets/img/project/ir/management/group/idx/modal-img-01.jpg" alt="">
      </div>
      <!-- /.c-sec__lyt -->
    </div>
    <!-- /.c-sec -->
  </div>
  <!-- /.c-modal__sec -->
</div>
<!-- /.c-modal -->

```

- クリックする要素のタグにdata-module="modal-window"を付与し、data-targetの中に固有の値を付与します。
- 表示させる要素のタグに data-role="modal-window-section"、class="c-modal"、aria-hidden="true"を付与し、その中身のdata-modalsectionにdata-targetで付与した固有の値を付与します。

*/
.c-modal .c-modal__bg {
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 19998;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.c-modal .c-modal__closebtn {
  z-index: 19998;
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .c-modal .c-modal__closebtn {
      position: fixed;
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 768px) {
    .c-modal .c-modal__closebtn {
      position: absolute;
      width: 18px;
      width: 4.8vw;
      height: 18px;
      height: 4.8vw;
      right: 20px;
      right: 5.33333vw; } }
  .c-modal .c-modal__closebtn:before, .c-modal .c-modal__closebtn:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 1px;
    background: #fff; }
    @media screen and (min-width: 769px), print {
      .c-modal .c-modal__closebtn:before, .c-modal .c-modal__closebtn:after {
        width: 25px; } }
    @media screen and (max-width: 768px) {
      .c-modal .c-modal__closebtn:before, .c-modal .c-modal__closebtn:after {
        width: 20px;
        width: 5.33333vw; } }
  .c-modal .c-modal__closebtn:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .c-modal .c-modal__closebtn:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }

.c-modal .c-modal__sec {
  left: 50%;
  z-index: 19999;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .c-modal .c-modal__sec {
      position: absolute;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 800px;
      margin-bottom: 100px;
      padding: 60px; } }
  @media screen and (max-width: 768px) {
    .c-modal .c-modal__sec {
      position: absolute;
      top: 50px;
      top: 13.33333vw;
      width: 335px;
      width: 89.33333vw;
      margin-bottom: 50px;
      margin-bottom: 13.33333vw;
      padding: 30px;
      padding: 8vw;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media screen and (min-width: 769px), print {
    .c-modal .c-modal__sec.r-fullwidth {
      width: 1040px; } }
  @media screen and (max-width: 768px) {
    .c-modal .c-modal__sec.r-fullwidth {
      width: 335px;
      width: 89.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-modal .c-modal__sec.r-fullwidth--pc {
      width: 1040px; } }
  @media screen and (max-width: 768px) {
    .c-modal .c-modal__sec.r-fullwidth--sp {
      width: 335px;
      width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-modal .c-modal__sec.r-wide-space {
    padding-right: 130px;
    padding-left: 130px; } }

@media screen and (min-width: 769px), print {
  .c-modal .c-modal__sec.r-wide-width {
    width: 900px; } }

@media screen and (min-width: 769px), print {
  .c-modal.is-flexible .c-modal__sec[aria-hidden="false"] {
    height: 90%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@media screen and (min-width: 769px), print {
  .c-modal.is-absolute .c-modal__sec[aria-hidden="false"] {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    height: auto; } }

.c-modal.is-absolute .c-modal__closebtn {
  position: absolute; }

@media screen and (min-width: 769px), print {
  .c-modal.r-type02 .c-modal__sec[aria-hidden="false"] {
    overflow-y: scroll;
    width: 900px;
    max-height: 600px;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) {
  .c-modal.r-type02 .c-modal__sec[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-modal.r-type02 .c-modal__sec[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

@media screen and (min-width: 769px), print {
  .c-modal.r-type02 .c-modal__sec .r-slider__prevarrow {
    width: 16px;
    height: 16px;
    border-right: 1px solid #e4002b;
    border-top: 1px solid #e4002b;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    left: 24px;
    top: 50%; } }

@media screen and (max-width: 768px) {
  .c-modal.r-type02 .c-modal__sec .r-slider__prevarrow {
    left: 15px;
    left: 4vw;
    bottom: 15px;
    bottom: 4vw; } }

@media screen and (min-width: 769px), print {
  .c-modal.r-type02 .c-modal__sec .r-slider__nextarrow {
    width: 16px;
    height: 16px;
    border-right: 1px solid #e4002b;
    border-top: 1px solid #e4002b;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 24px;
    top: 50%; } }

@media screen and (max-width: 768px) {
  .c-modal.r-type02 .c-modal__sec .r-slider__nextarrow {
    right: 15px;
    right: 4vw;
    bottom: 15px;
    bottom: 4vw; } }

.c-modal[aria-hidden="true"] .c-modal__closebtn {
  overflow: hidden;
  width: 1px;
  height: 1px;
  z-index: -1;
  pointer-events: none; }

.c-modal[aria-hidden="true"] [aria-hidden="true"] {
  position: static; }

.c-modal[aria-hidden="false"] {
  position: absolute;
  z-index: 19999;
  left: 0;
  top: 0;
  width: 100%; }
  .c-modal[aria-hidden="false"] .c-modal__bg {
    position: fixed;
    width: 100%;
    height: 100%; }
  .c-modal[aria-hidden="false"] [aria-hidden="false"] {
    opacity: 1; }
  .c-modal[aria-hidden="false"] [aria-hidden="true"] {
    overflow: hidden;
    width: 1px;
    height: 1px;
    z-index: -1;
    pointer-events: none; }
  .is-IE .c-modal[aria-hidden="false"][aria-hidden="false"] {
    position: static; }

.c-modal.is-fixed .c-modal__sec {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    .c-modal.is-fixed .c-modal__sec {
      width: 335px;
      width: 89.33333vw; } }

.c-modal.is-fixed .c-modal__closebtn {
  position: fixed; }

/*
---
name: .c-txt-link - テキストリンク
menu: コンポーネント/テキストリンク
category: component/textlink
tag:
- component
- textlink
- company
- csr
- ir
- rd
- sitemap
---

```html
<p class="c-txt-link">
  <a href="#" class="c-txt-link__href">テキストリンク</a>
</p>

```

- 通常のテキストリンクが入ります。

```html
<p class="c-txt-link">
  <a href="#" target="_blank" class="c-txt-link__href">別窓付きテキストリンク</a>
</p>

```

- `target="_blank"`がつくとリンクの右側に別窓が付きます。

```html
<p class="c-txt-link r-document__pdf">
  <a href="#" target="_blank" class="c-txt-link__href">PDFのテキストリンク</a>
</p>

```

- `r-document__pdf`をつけることで左にPDFアイコンが入ります。

```html
<p class="c-txt-link r-document__zip">
  <a href="#" target="_blank" class="c-txt-link__href">ZIPのテキストリンク</a>
</p>

```

- `r-document__zip`をつけることで左にZIPアイコンが入ります。

```html
<p class="c-txt-link r-document__excel">
  <a href="#" target="_blank" class="c-txt-link__href">excelのテキストリンク</a>
</p>

```

- `r-document__excel`をつけることで左にZIPアイコンが入ります。

*/
.c-txt-link {
  position: relative;
  line-height: 1.7;
  color: #e4002b; }
  .c-txt-link .c-txt-link__href {
    display: inline-block;
    position: relative;
    cursor: pointer; }
    .c-txt-link .c-txt-link__href:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .c-txt-link .c-txt-link__href {
        padding-left: 13px; }
        .c-txt-link .c-txt-link__href:hover {
          text-decoration: underline; }
        .c-txt-link .c-txt-link__href:before {
          top: 9px;
          width: 6px;
          height: 6px; } }
    @media screen and (max-width: 768px) {
      .c-txt-link .c-txt-link__href {
        padding-left: 11.5px;
        padding-left: 3.06667vw; }
        .c-txt-link .c-txt-link__href:before {
          top: 8px;
          top: 2.13333vw;
          width: 4.5px;
          width: 1.2vw;
          height: 4.5px;
          height: 1.2vw; } }
  .c-txt-link .c-txt-link__href.is-disabled {
    color: #333;
    pointer-events: none; }
    .c-txt-link .c-txt-link__href.is-disabled:before, .c-txt-link .c-txt-link__href.is-disabled:after {
      border-color: #333; }

.c-txt-link:not([class*="r-document"]) .c-txt-link__href[target="_blank"] {
  padding-right: 1.2em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
  background-size: 0.8em auto; }
  .c-txt-link:not([class*="r-document"]) .c-txt-link__href[target="_blank"]:after {
    content: '';
    position: absolute;
    text-indent: -9999px;
    overflow: hidden; }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small .c-txt-link__href {
    padding-left: 12px;
    font-size: 14px; }
    .c-txt-link.is-small .c-txt-link__href:before {
      width: 5px;
      height: 5px;
      margin-top: -2px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small .c-txt-link__href {
    padding-left: 10.5px;
    padding-left: 2.8vw;
    font-size: 3.46667vw; }
    .c-txt-link.is-small .c-txt-link__href:before {
      width: 4px;
      width: 1.06667vw;
      height: 4px;
      height: 1.06667vw;
      margin-top: -1.5px;
      margin-top: -0.4vw; } }

.c-txt-link.is-usual {
  color: #333; }
  .c-txt-link.is-usual .c-txt-link__href:before {
    border-color: #333; }
  @media screen and (min-width: 769px), print {
    .c-txt-link.is-usual:hover {
      color: #e4002b; }
      .c-txt-link.is-usual:hover .c-txt-link__href:before {
        border-color: #e4002b; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-first-margin {
    margin-top: 24.75px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-first-margin {
      margin-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-first-margin {
      margin-top: 3.3vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-first-margin {
    margin-top: 50.2px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-first-margin {
      margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-first-margin {
      margin-top: 6.69333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small.is-first-margin {
    margin-top: 25.1px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-small.is-first-margin {
      margin-top: calc(30px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-small.is-first-margin {
      margin-top: 3.34667vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small.is-first-margin {
    margin-top: 50.9px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-small.is-first-margin {
      margin-top: calc(60px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-small.is-first-margin {
      margin-top: 6.78667vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-space {
    line-height: 1.7;
    margin-top: 14.75px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-space {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-space {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-space {
    line-height: 1.7;
    margin-top: 20.2px;
    margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-space {
      margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-space {
      margin-top: 2.69333vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small.is-space {
    line-height: 1.7;
    margin-top: 15.1px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-small.is-space {
      margin-top: calc(20px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-small.is-space {
      margin-top: 2.01333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small.is-space {
    line-height: 1.7;
    margin-top: 20.9px;
    margin-bottom: -9.1px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-small.is-space {
      margin-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-small.is-space {
      margin-top: 2.78667vw;
      margin-bottom: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-space.is-first-margin {
    line-height: 1.7;
    margin-top: 24.75px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-space.is-first-margin {
      margin-top: calc(30px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-space.is-first-margin {
      margin-top: 3.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-space.is-first-margin {
    line-height: 1.7;
    margin-top: 50.2px;
    margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-space.is-first-margin {
      margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-space.is-first-margin {
      margin-top: 6.69333vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-space.is-small.is-first-margin {
    line-height: 1.7;
    margin-top: 25.1px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link.is-space.is-small.is-first-margin {
      margin-top: calc(30px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link.is-space.is-small.is-first-margin {
      margin-top: 3.34667vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-space.is-small.is-first-margin {
    line-height: 1.7;
    margin-top: 50.9px;
    margin-bottom: -9.1px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link.is-space.is-small.is-first-margin {
      margin-top: calc(60px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link.is-space.is-small.is-first-margin {
      margin-top: 6.78667vw;
      margin-bottom: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-txt-link[class*="r-document"] .c-txt-link__href:before,
.top-topics__topic__txt[class*="r-document"] .top-topics__topic__txt__link:before{
  display: none; }

.c-txt-link[class*="r-document"] .c-txt-link__href:after,
.top-topics__topic__txt[class*="r-document"] .top-topics__topic__txt__link:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.c-txt-link.r-document__pdf .c-txt-link__href:after,
.top-topics__topic__txt.r-document__pdf .top-topics__topic__txt__link:after {
  background-image: url(/assets/img/common/ico_document_pdf-01.svg);
  content: '（PDFリンク）';
  text-indent: -9999px;
  overflow: hidden; }

  .top-topics__topic__txt.r-document__pdf {
    position: relative;
  }

  .p-z-index {
    z-index: 2;
  }

@media screen and (min-width: 769px), print {
  .c-txt-link.r-document__pdf .c-txt-link__href,
  .top-topics__topic__txt.r-document__pdf .top-topics__topic__txt__link {
    padding-left: 30px; }
    .c-txt-link.r-document__pdf .c-txt-link__href:after,
    .top-topics__topic__txt.r-document__pdf .top-topics__topic__txt__link:after {
      top: -1px;
      width: 20px;
      height: 20px; }
.c-txt-link.r-document__pdf .c-txt-link__href.p-lv3-center:after {
  top: 9px;
}
       }

@media screen and (max-width: 768px) {
  .c-txt-link.r-document__pdf .c-txt-link__href,
  .top-topics__topic__txt.r-document__pdf .top-topics__topic__txt__link {
    padding-left: 27.5px;
    padding-left: 7.33333vw; }
    .c-txt-link.r-document__pdf .c-txt-link__href:after,
    .top-topics__topic__txt.r-document__pdf .top-topics__topic__txt__link:after {
      top: -0.5px;
      top: -0.13333vw;
      width: 17px;
      width: 4.53333vw;
      height: 17px;
      height: 4.53333vw; }
.c-txt-link.r-document__pdf .c-txt-link__href.p-lv3-center:after {
  top: 0.86667vw;
}
       }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small.r-document__pdf .c-txt-link__href {
    padding-left: 26px; }
    .c-txt-link.is-small.r-document__pdf .c-txt-link__href:after {
      top: -1px;
      width: 18px;
      height: 18px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small.r-document__pdf .c-txt-link__href {
    padding-left: 22.5px;
    padding-left: 6vw; }
    .c-txt-link.is-small.r-document__pdf .c-txt-link__href:after {
      top: 0;
      width: 16px;
      width: 4.26667vw;
      height: 16px;
      height: 4.26667vw; } }

.c-txt-link.r-document__excel .c-txt-link__href:after {
  background-image: url(/assets/img/common/ico_document_excel-01.svg); }

@media screen and (min-width: 769px), print {
  .c-txt-link.r-document__excel .c-txt-link__href {
    padding-left: 30px; }
    .c-txt-link.r-document__excel .c-txt-link__href:after {
      top: -1px;
      width: 20px;
      height: 20px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.r-document__excel .c-txt-link__href {
    padding-left: 27.5px;
    padding-left: 7.33333vw; }
    .c-txt-link.r-document__excel .c-txt-link__href:after {
      top: -0.5px;
      top: -0.13333vw;
      width: 17px;
      width: 4.53333vw;
      height: 17px;
      height: 4.53333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small.r-document__excel .c-txt-link__href {
    padding-left: 26px; }
    .c-txt-link.is-small.r-document__excel .c-txt-link__href:after {
      top: -1px;
      width: 18px;
      height: 18px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small.r-document__excel .c-txt-link__href {
    padding-left: 22.5px;
    padding-left: 6vw; }
    .c-txt-link.is-small.r-document__excel .c-txt-link__href:after {
      top: 0;
      width: 16px;
      width: 4.26667vw;
      height: 16px;
      height: 4.26667vw; } }

.c-txt-link.r-document__zip .c-txt-link__href:after {
  background-image: url(/assets/img/common/ico_document_zip-01.svg); }

@media screen and (min-width: 769px), print {
  .c-txt-link.r-document__zip .c-txt-link__href {
    padding-left: 30px; }
    .c-txt-link.r-document__zip .c-txt-link__href:after {
      top: 2px;
      width: 20px;
      height: 16px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.r-document__zip .c-txt-link__href {
    padding-left: 27.5px;
    padding-left: 7.33333vw; }
    .c-txt-link.r-document__zip .c-txt-link__href:after {
      top: 1px;
      top: 0.26667vw;
      width: 17px;
      width: 4.53333vw;
      height: 13.5px;
      height: 3.6vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.is-small.r-document__zip .c-txt-link__href {
    padding-left: 26px; }
    .c-txt-link.is-small.r-document__zip .c-txt-link__href:after {
      top: 2px;
      width: 18px;
      height: 14px; } }

@media screen and (max-width: 768px) {
  .c-txt-link.is-small.r-document__zip .c-txt-link__href {
    padding-left: 22.5px;
    padding-left: 6vw; }
    .c-txt-link.is-small.r-document__zip .c-txt-link__href:after {
      top: 2px;
      top: 0.53333vw;
      width: 16px;
      width: 4.26667vw;
      height: 12.5px;
      height: 3.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link.r-date {
    position: relative;
    padding-left: 6.5em; } }

.c-txt-link.r-date .c-txt-link__date {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #333; }
  @media screen and (min-width: 769px), print {
    .c-txt-link.r-date .c-txt-link__date {
      margin-right: 20px; } }

.c-txt-link--inline {
  color: #e4002b;
  text-decoration: underline;
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .c-txt-link--inline:hover {
      text-decoration: none; } }

.c-txt-link--inline.r-usual {
  color: #333; }

.c-txt-link--inline[target="_blank"] {
  margin: 0 .4em 0 .2em;
  padding-right: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
  background-size: 0.8em auto; }
  .c-txt-link--inline[target="_blank"]:after {
    content: '';
    text-indent: -99999px;
    position: absolute;
    overflow: hidden; }

.c-link__blank {
  color: #e4002b; }
  .r-type01.c-link__blank {
    display: inline-block;
    position: relative; }
    .r-type01.c-link__blank:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: translate(0, -50%) rotate(-45deg);
          -ms-transform: translate(0, -50%) rotate(-45deg);
              transform: translate(0, -50%) rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .r-type01.c-link__blank {
        padding-left: 12px; }
        .r-type01.c-link__blank:before {
          width: 4px;
          height: 4px; } }
    @media screen and (max-width: 768px) {
      .r-type01.c-link__blank {
        padding-left: 12px;
        padding-left: 3.2vw; }
        .r-type01.c-link__blank:before {
          width: 4px;
          width: 1.06667vw;
          height: 4px;
          height: 1.06667vw; } }
  .r-type02.c-link__blank {
    color: #333; }

.c-link__blank {
  padding-right: .95em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 50%;
  background-size: .75em auto; }
  .c-link__blank.r-type02 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDFFNTEwNzRDQzE1MTFFN0FBRDQ5QjMxNjZGM0EyMzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFFNTEwNzNDQzE1MTFFN0FBRDQ5QjMxNjZGM0EyMzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTkyMUY3OUNCQTgxMUU3OEU0N0M4NjI2N0MyMjcyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MTkyMUY3QUNCQTgxMUU3OEU0N0M4NjI2N0MyMjcyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl1pwMIAAAAGUExURTMzM////yMof8cAAAACdFJOU/8A5bcwSgAAAChJREFUeNpiYAQCBhSAS4QRBqgoAuJRTwTd1ZgiKACrCJpqTBGAAAMAZH8AotTa3PMAAAAASUVORK5CYII=") no-repeat right 50%;
    background-size: .75em auto; }
  .c-link__blank:after {
    content: '';
    text-indent: -99999px;
    position: absolute;
    overflow: hidden; }

/*
---
name: .c-txt-link-list - テキストリンクリスト
menu: コンポーネント/テキストリンクリスト
category: component/textlinklist
tag:
- component
- textlinklist
- ir
- sitemap
---

```html
<ul class="c-txt-link-list r-4col--pc r-2col--sp">
  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">マヨネーズなど</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">ドレッシングなど</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">タルタルソース</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">ディップソース</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">マスタード</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">具のソース</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">漬け込み用調味料</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">和え物用調味料</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">炒めもの用調味料</a>
    </p>
  </li>

  <li class="c-txt-link-list__itm">
    <p class="c-txt-link">
      <a href="#" class="c-txt-link__href">乾燥品</a>
    </p>
  </li>
</ul>
<!-- /.c-txt-link-list -->
```

- テキストリンク用のテキストリンクモジュールです。
- テキストリンク用のスタイルは`r-4col--pc r-2col--sp`に設定されています。

*/
.c-txt-link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-txt-link-list .c-txt-link-list__itm {
    padding-right: 1em; }
    @media screen and (min-width: 769px), print {
      .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
        line-height: 1.7;
        margin-top: 14.75px;
        margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
      margin-top: 1.96667vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
        margin-top: 20.2px;
        line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
      margin-top: calc(30px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link {
      margin-top: 2.69333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
    @media screen and (min-width: 769px), print {
      .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
        line-height: 1.7;
        margin-top: 15.1px;
        margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
      margin-top: calc(20px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
      margin-top: 2.01333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
    @media screen and (max-width: 768px) {
      .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
        margin-top: 20.9px;
        line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
      margin-top: calc(30px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list .c-txt-link-list__itm .c-txt-link.is-small {
      margin-top: 2.78667vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-txt-link-list.r-4col .c-txt-link-list__itm {
  width: 25%; }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-4col .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-4col--pc .c-txt-link-list__itm {
    width: 25%; }
  .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-4col--pc .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-4col--sp .c-txt-link-list__itm {
    width: 25%; }
  .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-4col--sp .c-txt-link-list__itm:nth-of-type(-n + 4) .c-txt-link.is-small:nth-of-type(-n + 4) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-txt-link-list.r-3col .c-txt-link-list__itm {
  width: 33.33%; }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-3col .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-3col--pc .c-txt-link-list__itm {
    width: 33.33%; }
  .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-3col--pc .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-3col--sp .c-txt-link-list__itm {
    width: 33.33%; }
  .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-3col--sp .c-txt-link-list__itm:nth-of-type(-n + 3) .c-txt-link.is-small:nth-of-type(-n + 3) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-txt-link-list.r-2col .c-txt-link-list__itm {
  width: 50%; }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-2col .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-2col--pc .c-txt-link-list__itm {
    width: 50%; }
  .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
    line-height: 1.7;
    margin-top: -5.25px;
    margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: -0.7vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
    line-height: 1.7;
    margin-top: -4.9px;
    margin-bottom: -4.9px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-txt-link-list.r-2col--pc .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: -0.65333vw;
      margin-bottom: -0.65333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-2col--sp .c-txt-link-list__itm {
    width: 50%; }
  .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
    margin-top: -9.8px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
    margin-top: -9.1px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-txt-link-list.r-2col--sp .c-txt-link-list__itm:nth-of-type(-n + 2) .c-txt-link.is-small:nth-of-type(-n + 2) {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.c-txt-link-list.r-1col .c-txt-link-list__itm {
  width: 100%; }

@media screen and (min-width: 769px), print {
  .c-txt-link-list.r-1col--pc .c-txt-link-list__itm {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .c-txt-link-list.r-1col--sp .c-txt-link-list__itm {
    width: 100%; } }

/*
---
name: .c-note - セクション用注釈
menu: レイアウト/セクション/注釈
category: component/note
tag:
- component
- note
- company
- csr
- education
- ir
- group
- rd
---

```html

<div class="c-note">
  <p>注釈</p>
</div>

```

- 注釈は文字サイズが変更になります。

```html

<p class="c-note r-normal">
  <span class="c-note__mark">※</span>
  省エネ法の定期報告の対象2社について報告しています。
</p>

```

- ※がつくパターンの注釈です。

```html

<p class="c-note r-num">
  <span class="c-note__mark">※1</span>キユーピーグループ：キユーピー株式会社および国内外の子会社を指します。（なお、上場子会社であるアヲハタ株式会社、株式会社キユーソー流通システムの2社につきましては、キユーピーグループ反贈賄基本方針の内容を共有しており、キユーピー同様の対応をお願いしております）
</p>

```

- ※＋数字がつくパターンの注釈です。

```html

<p class="c-note r-normal is-first-margin">
  <span class="c-note__mark">※</span>フォーマットの記載事項に不足があった場合は、登録の確認をするのに多少お時間を頂戴する、もしくは開示等のお申し出に対応できない場合がございます。
</p>
<p class="c-note r-normal">
  <span class="c-note__mark">※</span>ご本人様からのお申し出であることが確認できなかった場合にはご返答申し上げることができませんのでご了承ください。
</p>

```

- 注釈が複数行に続く場合は最初の注釈にis-first-marginを付けます。

*/
.c-note {
  position: relative;
  line-height: 1.7; }
  @media screen and (min-width: 769px), print {
    .c-note {
      font-size: 13px; } }
  @media screen and (max-width: 768px) {
    .c-note {
      font-size: 2.93333vw; } }
  .c-note .c-note__mark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.c-note.r-normal {
  padding-left: 1.2em; }

.c-note.r-num {
  padding-left: 2.1em; }

@media screen and (min-width: 769px), print {
  .c-note.is-first-margin {
    margin-top: 15.45px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-note.is-first-margin {
      margin-top: calc(20px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-note.is-first-margin {
      margin-top: 2.06vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }

@media screen and (max-width: 768px) {
  .c-note.is-first-margin {
    margin-top: 22.3px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-note.is-first-margin {
      margin-top: calc(30px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-note.is-first-margin {
      margin-top: 2.97333vw;
      font-size: 11px;
      font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-note.is-space {
    margin-top: 15.45px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-note.is-space {
      margin-top: calc(20px - (((0.86667rem * 1.7) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-note.is-space {
      margin-top: 2.06vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }

@media screen and (max-width: 768px) {
  .c-note.is-space {
    margin-top: 22.3px;
    line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-note.is-space {
      margin-top: calc(30px - (((1.46667rem * 1.7) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-note.is-space {
      margin-top: 2.97333vw;
      font-size: 11px;
      font-size: 2.93333vw; } }

.c-horizontal-rule {
  border-top: 1px solid #d5d5d5; }

@media screen and (min-width: 769px), print {
  .c-news-list-wrap {
    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-news-list-wrap.r-col2 .c-news-list {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-news-list-wrap.r-col2 .c-news-list {
      width: 500px; } }
  @media screen and (max-width: 768px) {
    .c-news-list-wrap.r-col2 .c-news-list:nth-child(n+1) {
      margin-top: 50px;
      margin-top: 13.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-list-wrap.r-col2 .c-news-list:nth-child(odd) {
      margin-right: 20px; } }
  @media screen and (min-width: 769px), print {
    .c-news-list-wrap.r-col2 .c-news-list:nth-child(odd):after {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      height: 100%;
      background-color: #ddd;
      right: -20px;
      top: 0; } }
  @media screen and (min-width: 769px), print {
    .c-news-list-wrap.r-col2 .c-news-list:nth-child(even) {
      margin-left: 20px; } }

.c-news-list .r-hdg-group {
  position: relative; }
  .c-news-list .r-hdg-group .r-hdg-link {
    display: inline-block; }
    @media screen and (min-width: 769px), print {
      .c-news-list .r-hdg-group .r-hdg-link {
        position: absolute;
        right: 0px;
        top: 0px;
        margin-left: 20px; } }
    @media screen and (max-width: 768px) {
      .c-news-list .r-hdg-group .r-hdg-link {
        margin-left: 15px;
        margin-left: 4vw;
        font-size: 13px;
        font-size: 3.46667vw; } }
    .c-news-list .r-hdg-group .r-hdg-link a {
      position: relative;
      color: #333; }
      .c-news-list .r-hdg-group .r-hdg-link a:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 1;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      @media screen and (min-width: 769px), print {
        .c-news-list .r-hdg-group .r-hdg-link a {
          padding-left: 13px; }
          .c-news-list .r-hdg-group .r-hdg-link a:hover {
            text-decoration: underline; }
          .c-news-list .r-hdg-group .r-hdg-link a:before {
            top: 5px;
            width: 6px;
            height: 6px; } }
      @media screen and (max-width: 768px) {
        .c-news-list .r-hdg-group .r-hdg-link a {
          padding-left: 11.5px;
          padding-left: 3.06667vw; }
          .c-news-list .r-hdg-group .r-hdg-link a:before {
            top: 5px;
            top: 1.33333vw;
            width: 4.5px;
            width: 1.2vw;
            height: 4.5px;
            height: 1.2vw; } }
      .c-news-list .r-hdg-group .r-hdg-link a:hover {
        color: #e4002b; }
        .c-news-list .r-hdg-group .r-hdg-link a:hover:before {
          border-right: 1px solid #e4002b;
          border-bottom: 1px solid #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-hdg-group + .r-itms {
      margin-top: 30px; } }
  @media screen and (max-width: 768px) {
    .c-news-list .r-hdg-group + .r-itms {
      margin-top: 50.2px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-list .r-hdg-group + .r-itms {
      margin-top: calc(60px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-list .r-hdg-group + .r-itms {
      margin-top: 6.69333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.c-news-list .r-itm {
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-itm {
      padding-bottom: 12.75px;
      padding-top: 12.75px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-list .r-itm {
      padding-bottom: calc(18px - (((1rem * 1.7) - 1rem) / 2));
      padding-top: calc(18px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-list .r-itm {
      padding-bottom: 1.7vw;
      padding-top: 1.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  .c-news-list .r-itm > a {
    display: inline-block;
    position: relative; }
    .c-news-list .r-itm > a:hover {
      color: #e4002b;
      text-decoration: none; }
      .c-news-list .r-itm > a:hover .r-hdg {
        text-decoration: underline; }
        .c-news-list .r-itm > a:hover .r-hdg:before {
          border-right: 1px solid #e4002b;
          border-bottom: 1px solid #e4002b; }

.c-news-list .r-hdg {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-hdg {
      display: inline; } }
  .c-news-list .r-hdg:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 1;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-hdg {
      padding-left: 13px; }
      .c-news-list .r-hdg:hover {
        text-decoration: underline; }
      .c-news-list .r-hdg:before {
        top: 9px;
        width: 6px;
        height: 6px; } }
  @media screen and (max-width: 768px) {
    .c-news-list .r-hdg {
      padding-left: 11.5px;
      padding-left: 3.06667vw; }
      .c-news-list .r-hdg:before {
        top: 8px;
        top: 2.13333vw;
        width: 4.5px;
        width: 1.2vw;
        height: 4.5px;
        height: 1.2vw; } }
  .c-news-list .r-hdg--lv3 {
    display: inline-block; }
    @media screen and (min-width: 769px), print {
      .c-news-list .r-hdg--lv3 {
        margin-top: -8.75px;
        line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-list .r-hdg--lv3 {
      margin-top: calc(0px - (((1.66667rem * 1.7) - 1.66667rem) / 2));
      font-size: 1.66667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-list .r-hdg--lv3 {
      margin-top: -1.16667vw;
      font-size: 12.5px;
      font-size: 3.33333vw; } }
    @media screen and (max-width: 768px) {
      .c-news-list .r-hdg--lv3 {
        margin-top: -13.3px;
        line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-list .r-hdg--lv3 {
      margin-top: calc(0px - (((2.53333rem * 1.7) - 2.53333rem) / 2));
      font-size: 2.53333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-list .r-hdg--lv3 {
      margin-top: -1.77333vw;
      font-size: 19px;
      font-size: 5.06667vw; } }
  .c-news-list .r-hdg.r-document__pdf:before {
    display: none; }
  .c-news-list .r-hdg.r-document__pdf:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/assets/img/common/ico_document_pdf-01.svg); }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-hdg.r-document__pdf {
      padding-left: 30px; }
      .c-news-list .r-hdg.r-document__pdf:after {
        top: -1px;
        width: 20px;
        height: 20px; } }
  @media screen and (max-width: 768px) {
    .c-news-list .r-hdg.r-document__pdf {
      padding-left: 27.5px;
      padding-left: 7.33333vw; }
      .c-news-list .r-hdg.r-document__pdf:after {
        top: -0.5px;
        top: -0.13333vw;
        width: 17px;
        width: 4.53333vw;
        height: 17px;
        height: 4.53333vw; } }

@media screen and (min-width: 769px), print {
  .c-news-list .r-date {
    display: inline-block;
    margin-right: 10px;
    line-height: 30px;
    font-size: 13px; } }

.c-news-list .r-notice {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  color: #e4002b;
  border-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-news-list .r-notice {
      min-width: 200px;
      border-radius: 10px;
      margin-right: 22px;
      padding: 0 18px;
      padding-bottom: -1.5px;
      padding-top: -1.5px;
      line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-list .r-notice {
      padding-bottom: calc(2px - (((0.93333rem * 1.5) - 0.93333rem) / 2));
      padding-top: calc(2px - (((0.93333rem * 1.5) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-list .r-notice {
      padding-bottom: -0.2vw;
      padding-top: -0.2vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (max-width: 768px) {
    .c-news-list .r-notice {
      min-width: 226px;
      min-width: 41vw;
      border-radius: 10px;
      border-radius: 2.66667vw;
      margin-right: 16px;
      margin-right: 4.26667vw;
      padding-right: 14px;
      padding-right: 3.73333vw;
      padding-left: 14px;
      padding-left: 3.73333vw;
      line-height: 1.5;
      font-size: 11px;
      font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal .r-itm {
    padding-left: 30px;
    padding-right: 30px; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-normal .r-itm {
    padding-bottom: 40px;
    padding-top: 40px;
    line-height: 1.71429; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-list.r-normal .r-itm {
      padding-bottom: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
      padding-top: calc(50px - (((1.86667rem * 1.71429) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-list.r-normal .r-itm {
      padding-bottom: 5.33333vw;
      padding-top: 5.33333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal .r-itm > a {
    padding-left: 20px; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-normal .r-itm > a {
    padding-left: 15px;
    padding-left: 4vw; } }

.c-news-list.r-normal .r-itm > a:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  border-right: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 0; }
  @media screen and (min-width: 769px), print {
    .c-news-list.r-normal .r-itm > a:before {
      width: 6px;
      height: 6px;
      top: .6em; } }
  @media screen and (max-width: 768px) {
    .c-news-list.r-normal .r-itm > a:before {
      width: 5px;
      width: 1.33333vw;
      height: 5px;
      height: 1.33333vw;
      top: .6em; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal .r-date {
    padding-right: 5px;
    padding-left: 15px; } }

.c-news-list.r-normal.r-event .r-itm > a:before {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333; }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal.r-event .r-itm > a:hover:before {
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal.r-archive .r-itm {
    padding-left: 0px;
    padding-right: 0px; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-normal.r-archive .r-itm {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12.5px;
    padding-top: 3.33333vw;
    padding-bottom: 12.5px;
    padding-bottom: 3.33333vw; } }

.c-news-list.r-normal.r-archive .r-itm > a:before {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333; }
  @media screen and (min-width: 769px), print {
    .c-news-list.r-normal.r-archive .r-itm > a:before {
      top: 0.7em; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal.r-archive .r-itm > a:hover {
    text-decoration: underline; } }

.c-news-list.r-normal.r-archive .r-itm > a:hover:before {
  border-right: 1px solid #e4002b;
  border-bottom: 1px solid #e4002b; }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal.r-archive .r-itm > a:hover .r-date {
    text-decoration: underline; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-normal.r-archive .r-itm > a .r-date {
    padding-left: 0px; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-normal.r-archive .r-itm > a .r-hdg {
    display: inline;
    padding-left: 9px;
    padding-left: 2.4vw; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-type02 .r-itm {
    padding-bottom: 22px;
    padding-top: 22px;
    line-height: 1.66667; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-list.r-type02 .r-itm {
      padding-bottom: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
      padding-top: calc(30px - (((1.6rem * 1.66667) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-list.r-type02 .r-itm {
      padding-bottom: 2.93333vw;
      padding-top: 2.93333vw;
      font-size: 12px;
      font-size: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .c-news-list.r-type02 .r-itm > a .r-hdg {
    display: table; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-type02 .r-itm > a .r-hdg {
    display: inline-block; } }

.c-news-list.r-type02 .r-itm > a[target="_blank"] .r-hdg:not(.r-document__pdf) {
  padding-right: 1.2em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
  background-size: 0.8em auto; }
  .c-news-list.r-type02 .r-itm > a[target="_blank"] .r-hdg:not(.r-document__pdf):after {
    content: '';
    position: absolute;
    text-indent: -9999px;
    overflow: hidden; }

@media screen and (min-width: 769px), print {
  .c-news-list.r-type02 .r-date {
    min-width: 80px; } }

@media screen and (max-width: 768px) {
  .c-news-list.r-type02 .r-date {
    display: inline-block;
    min-width: 50px;
    min-width: 13.33333vw;
    margin-bottom: 4px;
    line-height: 2; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-list.r-type02 .r-date {
      margin-bottom: calc(14px - (((1.33333rem * 2) - 1.33333rem) / 2));
      font-size: 1.33333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-list.r-type02 .r-date {
      margin-bottom: 0.53333vw;
      font-size: 10px;
      font-size: 2.66667vw; } }

.c-news-list.r-type02 .r-hdg {
  display: block; }
  @media screen and (min-width: 769px), print {
    .c-news-list.r-type02 .r-hdg {
      margin-top: 9.75px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-list.r-type02 .r-hdg {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-list.r-type02 .r-hdg {
      margin-top: 1.3vw;
      font-size: 7.5px;
      font-size: 2vw; } }

.c-news-fulllist [data-role^="news-list-"].is-disabled {
  pointer-events: none;
  opacity: .3; }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section {
    padding-top: 66px; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section {
    padding-top: 35px;
    padding-top: 9.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap {
    padding-bottom: 50px; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap [aria-expanded=true] + #r-parse_form {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-news-fulllist-section__search-title {
    position: relative;
    padding: 17.875px 0px 17.875px 19px;
    padding: 4.76667vw 0vw 4.76667vw 5.06667vw;
    background: #f2f2f2;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.15; }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-news-fulllist-section__search-title [role=button] {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      cursor: pointer;
      width: 50px;
      width: 13.33333vw;
      height: 50px;
      height: 13.33333vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-news-fulllist-section__search-title [role=button]:before {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        width: 2.13333vw;
        height: 1px;
        height: 0.26667vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background: #e4002b; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-news-fulllist-section__search-title [role=button]:after {
        content: "";
        position: absolute;
        display: block;
        width: 1px;
        width: 0.26667vw;
        height: 8px;
        height: 2.13333vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background: #e4002b; }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-news-fulllist-section__search-title[aria-expanded=true] [role=button]:after {
      display: none; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap #r-parse_form {
    height: 0;
    opacity: 0; } }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl {
    overflow: visible; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl {
    width: 305px;
    width: 81.33333vw;
    margin: auto;
    margin-top: 25.5px;
    margin-top: 6.8vw; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl table {
    margin-bottom: 1px;
    border-bottom: 1px solid #ddd; } }

.c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__head {
  text-align: center;
  vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__head {
      border: none; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data {
    padding: 22.5px 0px 22.5px 0px;
    padding: 6vw 0vw 6vw 0vw;
    border-bottom: 1px solid #dedede; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data.r-btn-tbl__data {
    padding-bottom: 10px;
    padding-bottom: 2.66667vw;
    border-bottom: none; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-form-select {
    display: block;
    width: 160px;
    width: 160px;
    width: 42.66667vw;
    margin: auto; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-form-select [name="year"] {
    display: block;
    margin: auto; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-form-select:after {
    right: 10px;
    right: 2.66667vw; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap {
    padding: 0px 0px 0px 4px;
    padding: 0vw 0vw 0vw 1.06667vw;
    border-bottom: none; } }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap {
    padding: 5px 0 0; }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap:nth-child(2) {
      border-top: 1px solid #dedede; } }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low {
    display: block;
    padding-bottom: 5px;
    padding-bottom: 1.33333vw; }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low:last-child {
      padding-bottom: 10px;
      padding-bottom: 2.66667vw; } }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low:nth-child(1) .r-radio_span:nth-child(1) {
    margin-left: 0; } }

.c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span {
  cursor: pointer;
  position: relative;
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span {
      margin-left: 17px;
      vertical-align: text-top; }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_other {
      margin-left: 0px; }
  }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span {
      padding-left: 0px;
      padding-left: 0vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_product {
        margin-left: 20px;
        margin-left: 5.33333vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_IR {
        margin-left: 10px;
        margin-left: 2.66667vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_study {
        margin-left: 0px;
        margin-left: 0vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_other {
        margin-left: 21px;
        margin-left: 5.6vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_IR_settlement {
        margin-left: 7.75px;
        margin-left: 2.06667vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span#r-Span_IR_stock {
        margin-left: 7.75px;
        margin-left: 2.06667vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span input[type='radio']:focus + .c-form-radio__label:before {
      margin-top: -11px;
      left: 0; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span input[type='radio']:focus + .c-form-radio__label:before {
      border-width: 2px;
      left: 0px;
      left: 0vw;
      margin-top: -11px;
      margin-top: -2.93333vw; } }
  @media screen and (max-width: 329px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span input[type='radio']:focus + .c-form-radio__label:before {
      border-width: 1px;
      left: 0px;
      margin-top: -9px;
      margin-top: -2.4vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span .c-form-radio__label:after {
      margin: -7px 0 0 0; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span .c-form-radio__label:after {
      margin-top: -8px;
      margin-top: -2.13333vw;
      left: 3px;
      left: 0.8vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span input[type='radio']:focus + .c-form-radio__label:after {
      margin: -7px 0 0 0; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low .r-radio_span input[type='radio']:focus + .c-form-radio__label:after {
      margin-top: -8px;
      margin-top: -2.13333vw;
      left: 3px;
      left: 0.8vw; } }

@media screen and (min-width: 769px), print {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap .r-category_low--pc .r-radio_span:first-child {
    margin-left: 0; } }

.c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap {
  position: relative;
  opacity: 0;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0; }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap.active {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease; }
    @media screen and (min-width: 769px), print {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap.active {
        margin-top: 15px;
        padding: 15px 0 5px; } }
    @media screen and (max-width: 768px) {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap.active {
        padding-top: 12.5px;
        padding-top: 3.33333vw;
        padding-left: 5px;
        padding-left: 1.33333vw;
        border-top: 1px solid #dedede; }
        .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap.active .r-category_low:last-child {
          padding-bottom: 0; } }
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__sort-wrap .c-news-fulllist-section__button_wrap .c-tbl .c-tbl__data .c-news-fulllist-section__radio_wrap.c-news-fulllist-section__IR-radio_wrap.active:after {
      display: none; }

@media screen and (max-width: 768px) {
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap {
    padding-top: 10px;
    padding-top: 2.66667vw; } }

.c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap.demo {
  display: none; }

.c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element {
  border-bottom: 1px solid #ddd; }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element:last-child {
    border: none; }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element {
      padding: 30px 0 25px; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element {
      padding: 17.5px 0px 17.5px 0px;
      padding: 4.66667vw 0vw 4.66667vw 0vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading {
      line-height: 18.5px; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading {
      font-size: 14px;
      font-size: 3.73333vw; } }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__category {
    display: inline-block;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    color: #e4002b;
    border-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__category {
        width: 200px;
        border-radius: 10px;
        margin-right: 22px;
        font-size: 14px; } }
    @media screen and (max-width: 768px) {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__category {
        width: 122px;
        width: 38.53333vw;
        border-radius: 11px;
        font-size: 11px;
        font-size: 2.93333vw;
        line-height: 13.5px;
        line-height: 3.6vw;
        margin-right: 30px;
        margin-right: 8vw; } }
    @media screen and (max-width: 768px) {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__category + .c-news-fulllist__output-element__category {
        margin-left: -20px;
        margin-left: -5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__date {
      margin-right: 22px; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__heading .c-news-fulllist__output-element__date {
      margin-right: 31px;
      margin-right: 8.26667vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content {
      margin-top: 15px; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content {
      margin-top: 11px;
      margin-top: 2.93333vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__pdf .c-news-fulllist__output-element__href {
      padding-left: 30px; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__pdf .c-news-fulllist__output-element__href {
      padding-left: 25px;
      padding-left: 6.66667vw; }
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__pdf .c-news-fulllist__output-element__href:after {
        top: 2.5px;
        top: 0.66667vw; } }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__jump .c-news-fulllist__output-element__href:after {
    background-image: url(/assets/img/common/ico_document_otherwindow_01.svg); }
    @media screen and (min-width: 769px), print {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__jump .c-news-fulllist__output-element__href:after {
        width: 11px;
        height: 11px;
        right: -16px;
        bottom: 7px;
        left: initial; } }
    @media screen and (max-width: 768px) {
      .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link.r-document__jump .c-news-fulllist__output-element__href:after {
        width: 10px;
        width: 2.66667vw;
        height: 10px;
        height: 2.66667vw;
        right: -15px;
        right: -4vw;
        bottom: 7.5px;
        bottom: 2vw;
        width: 10px;
        width: 2.66667vw;
        left: initial; } }
  @media screen and (min-width: 769px), print {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link .c-news-fulllist__output-element__href {
      padding: 0; } }
  @media screen and (max-width: 768px) {
    .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link .c-news-fulllist__output-element__href {
      padding: 0; } }
  .c-news-fulllist .c-news-fulllist-section .c-news-fulllist-section__child.c-news-fulllist__output-outer-wrap .c-news-fulllist__output-inner-wrap .c-news-fulllist__output-element .c-news-fulllist__output-element__content .c-news-fulllist__output-element__link .c-news-fulllist__output-element__href:before {
    display: none; }

.c-news-detail {
  counter-reset: number 0; }
  @media screen and (min-width: 769px), print {
    .c-news-detail {
      width: 1040px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .c-news-detail {
      padding-left: 20px;
      padding-left: 5.33333vw;
      padding-right: 20px;
      padding-right: 5.33333vw; } }
  body[oncontextmenu] .c-news-detail img {
    pointer-events: none; }
  .c-news-detail .c-tbl.r-type03 tr th:last-child {
    border-right: 0; }
  .c-news-detail .c-tbl.r-type03 th[rowspan] {
    border-right: 1px solid #ddd; }
  .c-news-detail .c-tbl.r-type03 td[rowspan] {
    border-right: 1px solid #ddd; }
  @media screen and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th,
    .c-news-detail .c-tbl.r-type03 td {
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd; } }
  @media screen and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th:last-child,
    .c-news-detail .c-tbl.r-type03 td:last-child {
      border-right: 0; } }
  .c-news-detail .c-tbl.r-type03 th a,
  .c-news-detail .c-tbl.r-type03 td a {
    color: #e4002b; }
  .c-news-detail .c-tbl.r-type03 th {
    text-align: left;
    border-bottom: 1px solid #ddd;
    background-color: #f2f2f2;
    font-weight: bold;
    vertical-align: middle; }
    @media screen and (min-width: 769px), print {
      .c-news-detail .c-tbl.r-type03 th {
        padding-right: 22px;
        padding-left: 22px;
        font-weight: normal;
        padding-bottom: 14.75px;
        padding-top: 14.75px;
        line-height: 1.7;
        border-right: 1px solid #ddd; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail .c-tbl.r-type03 th {
      padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th {
      padding-bottom: 1.96667vw;
      padding-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail .c-tbl.r-type03 th {
        padding-bottom: 33px;
        padding-top: 33px;
        line-height: 1.53846;
        border-top: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail .c-tbl.r-type03 th {
      padding-bottom: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th {
      padding-bottom: 4.4vw;
      padding-top: 4.4vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .c-news-detail .c-tbl.r-type03 td {
    vertical-align: middle; }
    @media screen and (min-width: 769px), print {
      .c-news-detail .c-tbl.r-type03 td {
        line-height: 1.7;
        padding-bottom: 14.75px;
        padding-top: 14.75px;
        line-height: 1.7;
        padding-right: 22px;
        padding-left: 22px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail .c-tbl.r-type03 td {
      padding-bottom: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      padding-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 td {
      padding-bottom: 1.96667vw;
      padding-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail .c-tbl.r-type03 td {
        padding-bottom: 33px;
        padding-top: 33px;
        line-height: 1.53846; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail .c-tbl.r-type03 td {
      padding-bottom: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      padding-top: calc(40px - (((1.73333rem * 1.53846) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 td {
      padding-bottom: 4.4vw;
      padding-top: 4.4vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail .c-tbl.r-type03 td + td, .c-news-detail .c-tbl.r-type03 td[colspan] {
        border-top: 1px solid #ddd; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail .c-tbl.r-type03 td:last-child {
        border-right: 0; } }
  .is-IE .c-news-detail .c-tbl.r-type03 td:last-child {
    border-right: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-news-detail__top {
      padding-top: 20px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .c-news-detail__top {
      padding-top: 20px;
      padding-top: 5.33333vw;
      margin-bottom: 17.5px;
      margin-bottom: 4.66667vw; } }
  .c-news-detail__top__kewpie-ao {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__top__kewpie-ao {
        margin-bottom: 40px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__top__kewpie-ao img {
        width: 100%; } }
  .c-news-detail__top__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__top__info {
        margin-top: 25px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__top__info {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-top: 30px;
        margin-top: 8vw; } }
    .c-news-detail__top__info .r-cat {
      text-align: center;
      border: 1px solid #e4002b;
      border-radius: 100px;
      color: #e4002b;
      box-sizing: border-box; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__top__info .r-cat {
          min-width: 160px;
          line-height: 20px;
          font-size: 14px;
          height: 22px;
          margin-right: 30px;
          padding: 0px 10px; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__top__info .r-cat {
          min-width: 122.5px;
          min-width: 32.66667vw;
          line-height: 17px;
          line-height: 4.53333vw;
          height: 17px;
          height: 4.53333vw;
          font-size: 11px;
          font-size: 2.93333vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__top__info .r-cat + .r-cat {
          margin-bottom: 10px;
          margin-bottom: 2.66667vw;
          margin-left: 10px;
          margin-left: 2.66667vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__top__info .r-cat + .r-date {
          margin-left: 10px;
          margin-left: 2.66667vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__top__info .r-cat:last-child {
          margin-right: 27.5px;
          margin-right: 7.33333vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__top__info .r-date {
        line-height: 20px;
        font-size: 15px;
        margin-right: 30px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__top__info .r-date {
        line-height: 17px;
        line-height: 4.53333vw;
        font-size: 13px;
        font-size: 3.46667vw;
        margin-right: 27.5px;
        margin-right: 7.33333vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__top__info .r-num {
        line-height: 20px;
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__top__info .r-num {
        line-height: 17px;
        line-height: 4.53333vw;
        font-size: 13px;
        font-size: 3.46667vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-detail__hdgarea {
      margin-bottom: 35px; } }
  @media screen and (max-width: 768px) {
    .c-news-detail__hdgarea {
      margin-bottom: 27.5px;
      margin-bottom: 7.33333vw; } }
  .c-news-detail__hdgarea__sub {
    color: 333333; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__hdgarea__sub {
        font-size: 17px;
        line-height: 1.7; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__hdgarea__sub {
        font-size: 16px;
        font-size: 4.26667vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__hdgarea__sub.r-top {
        margin-bottom: 25px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__hdgarea__sub.r-top {
        margin-bottom: 12.5px;
        margin-bottom: 3.33333vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__hdgarea__sub.r-bottom {
        margin-top: 20px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__hdgarea__sub.r-bottom {
        margin-top: 12.5px;
        margin-top: 3.33333vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-detail__hdgarea__hdg-lv1 {
      margin-top: -8.4px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__hdgarea__hdg-lv1 {
      margin-top: calc(0px - (((1.6rem * 1.7) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__hdgarea__hdg-lv1 {
      margin-top: -1.12vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .c-news-detail__hdgarea__hdg-lv1 {
      line-height: 1.5;
      line-height: 1.5;
      margin-top: -11.5px;
      margin-bottom: -11.5px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__hdgarea__hdg-lv1 {
      margin-top: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__hdgarea__hdg-lv1 {
      margin-top: -1.53333vw;
      margin-bottom: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  .c-news-detail__box {
    width: 100%; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box {
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box {
        margin-bottom: 25px;
        margin-bottom: 6.66667vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box.r-type02 {
        margin-top: 60px; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box.r-type-inline {
        margin-bottom: 10px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box.r-type-inline {
        margin-bottom: 13px;
        margin-bottom: 3.46667vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box.r-type-inline + .c-news-detail__box:not(.r-type-inline) {
        margin-top: 30px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box.r-type-inline + .c-news-detail__box:not(.r-type-inline) {
        margin-top: 25px;
        margin-top: 6.66667vw; } }
    .c-news-detail__box.r-column {
      background-color: #fcfbf4; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box.r-column {
          padding: 40px 30px; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box.r-column {
          padding-top: 40px;
          padding-top: 10.66667vw;
          padding-right: 20px;
          padding-right: 5.33333vw;
          padding-bottom: 40px;
          padding-bottom: 10.66667vw;
          padding-left: 20px;
          padding-left: 5.33333vw; } }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box.r-column .c-news-detail__box__panel,
        .c-news-detail__box.r-column .c-news-detail__box__txt {
          margin-bottom: 0; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box.r-column .c-news-detail__box__panel,
        .c-news-detail__box.r-column .c-news-detail__box__txt {
          margin-bottom: 0; } }
      .c-news-detail__box.r-column .c-news-detail__box__panel p:last-child,
      .c-news-detail__box.r-column .c-news-detail__box__txt p:last-child {
        margin-bottom: 0; }
    .c-news-detail__box__hdg__lv2 {
      position: relative;
      width: 100%;
      border-bottom: 1px solid #ddd; }
      .c-news-detail__box__hdg__lv2:before {
        content: '';
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        height: 1px;
        background-color: #e4002b; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box__hdg__lv2 {
          margin-top: 59.2px;
          line-height: 1.9;
          line-height: 1.7;
          padding-bottom: 10px;
          margin-bottom: 40px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box__hdg__lv2 {
      margin-top: calc(70px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv2 {
      margin-top: 7.89333vw;
      font-size: 12px;
      font-size: 3.2vw; } }
      @media screen and (min-width: 769px), print {
          .c-news-detail__box__hdg__lv2:before {
            width: 132px; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box__hdg__lv2 {
          line-height: 1.5;
          margin-top: -11.5px;
          line-height: 1.5;
          padding-bottom: 7px;
          padding-bottom: 1.86667vw;
          margin-bottom: 30px;
          margin-bottom: 8vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box__hdg__lv2 {
      margin-top: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv2 {
      margin-top: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
      @media screen and (max-width: 768px) {
          .c-news-detail__box__hdg__lv2:before {
            bottom: -1px;
            width: 89px;
            width: 23.73333vw;
            height: 1px; } }
    .c-news-detail__box__hdg__lv3 {
      position: relative;
      width: 100%;
      border-bottom: 1px solid #ddd; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box__hdg__lv3 {
          margin-top: 51.45px;
          line-height: 1.9;
          line-height: 1.7;
          padding-bottom: 10px;
          margin-bottom: 30px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box__hdg__lv3 {
      margin-top: calc(60px - (((1.26667rem * 1.9) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv3 {
      margin-top: 6.86vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box__hdg__lv3 {
          line-height: 1.5;
          margin-top: -9px;
          line-height: 1.5;
          padding-bottom: 8px;
          padding-bottom: 2.13333vw;
          margin-bottom: 25px;
          margin-bottom: 6.66667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box__hdg__lv3 {
      margin-top: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv3 {
      margin-top: -1.2vw;
      font-size: 18px;
      font-size: 4.8vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__hdg__lv4 {
        margin-top: -5.95px;
        line-height: 1.7;
        margin-bottom: 20px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box__hdg__lv4 {
      margin-top: calc(0px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv4 {
      margin-top: -0.79333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__hdg__lv4 {
        line-height: 1.5;
        margin-top: -8px;
        line-height: 1.5;
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box__hdg__lv4 {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv4 {
      margin-top: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__hdg__lv5 {
        margin-top: -6.75px;
        line-height: 1.9;
        margin-bottom: 20px !important; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box__hdg__lv5 {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv5 {
      margin-top: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__hdg__lv5 {
        line-height: 1.5;
        margin-top: -7.5px;
        line-height: 1.5;
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box__hdg__lv5 {
      margin-top: calc(0px - (((2rem * 1.5) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box__hdg__lv5 {
      margin-top: -1vw;
      font-size: 15px;
      font-size: 4vw; } }
    .c-news-detail__box__txt {
      width: 100%; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__img {
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__img {
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; } }
    .c-news-detail__box__img img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel {
        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: 30px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__panel {
        margin-bottom: 30px;
        margin-bottom: 8vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel__item {
        box-sizing: border-box; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__panel__item {
        margin-bottom: 25px;
        margin-bottom: 6.66667vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box__panel__item:last-child {
        margin-bottom: 0px; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel__item.r-txtbox {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel__item .r-img {
        margin: 0 13px; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel__item .r-cap {
        margin-left: 13px;
        margin-right: 13px; } }
    @media screen and (min-width: 769px), print {
      .r-type01 .c-news-detail__box__panel__item:first-child {
        margin-left: -13px; } }
    @media screen and (min-width: 769px), print {
      .r-type01 .c-news-detail__box__panel__item:last-child {
        margin-right: -13px; } }
    @media screen and (min-width: 769px), print {
      .r-type01 .c-news-detail__box__panel__item .r-cap {
        margin-left: 13px;
        margin-right: 13px; } }
    @media screen and (min-width: 769px), print {
      .r-type02 .c-news-detail__box__panel__item.r-txtbox {
        margin-left: 25px; } }
    @media screen and (min-width: 769px), print {
      .r-type02 .c-news-detail__box__panel__item.r-imgbox .r-img {
        margin: 0;
        padding: 0 10px; } }
    @media screen and (min-width: 769px), print {
      .r-type02 .c-news-detail__box__panel__item.r-imgbox img {
        max-width: none; } }
    @media screen and (max-width: 768px) {
      .r-type02 .c-news-detail__box__panel__item.r-imgbox img {
        width: auto !important; } }
    @media screen and (min-width: 769px), print {
      .r-fixed .c-news-detail__box__panel__item.r-txtbox {
        width: 382px; } }
    @media screen and (min-width: 769px), print {
      .r-fixed .c-news-detail__box__panel__item.r-imgbox {
        width: 382px; } }
    .r-fixed .c-news-detail__box__panel__item.r-imgbox img {
      width: 100%; }
    @media screen and (min-width: 769px), print {
      .r-reverse .c-news-detail__box__panel__item.r-txtbox {
        margin-right: 25px;
        margin-left: 0; } }
    .c-news-detail__box__panel__item p:last-child {
      margin-bottom: 0px; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-type03 {
        padding: 0px 40px;
        box-sizing: border-box;
        width: 100%; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        overflow: hidden; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-stretch .c-news-detail__box__panel__item .r-img {
        overflow: hidden;
        height: 100%;
        height: calc(100% - 17px); } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-stretch .c-news-detail__box__panel__item .r-img img {
        max-width: none;
        height: 100%;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media screen and (min-width: 769px), print {
      .is-IE .c-news-detail__box__panel.r-stretch .c-news-detail__box__panel__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-1col {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-1col .c-news-detail__box__panel__item.r-imgbox, .c-news-detail__box__panel.r-1col .c-news-detail__box__panel__item.r-txtbox {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .c-news-detail__box__panel.r-1col .c-news-detail__box__panel__item.r-imgbox {
      margin-bottom: 30px; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-1col.r-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
        .c-news-detail__box__panel.r-1col.r-reverse .c-news-detail__box__panel__item.r-imgbox {
          margin-top: 30px;
          margin-bottom: 0; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-col2 .c-news-detail__box__panel__item .r-fullwidth {
        width: 507px; } }
    @media screen and (min-width: 769px), print {
      .is-IE .c-news-detail__box__panel.r-col2 .c-news-detail__box__panel__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-col3 .c-news-detail__box__panel__item .r-fullwidth {
        width: 329px; } }
    @media screen and (min-width: 769px), print {
      .is-IE .c-news-detail__box__panel.r-col3 .c-news-detail__box__panel__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box__panel.r-col4 .c-news-detail__box__panel__item .r-fullwidth {
        width: 241px; } }
    @media screen and (min-width: 769px), print {
      .is-IE .c-news-detail__box__panel.r-col4 .c-news-detail__box__panel__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box p {
        margin-top: -6.75px;
        line-height: 1.9;
        margin-bottom: 20px;
        line-height: 2; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box p {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box p {
      margin-top: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box p {
        margin-top: -7px;
        line-height: 1.5;
        margin-bottom: 15px;
        margin-bottom: 4vw;
        line-height: 2; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box p {
      margin-top: calc(0px - (((1.86667rem * 1.5) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box p {
      margin-top: -0.93333vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
    .c-news-detail__box p a {
      color: #e4002b; }
    .c-news-detail__box strong {
      font-family: 'Roboto', 'YakuHanJP', 'BaseFont-JP--strong', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box .r-img {
        margin-top: 0; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box .r-img {
        margin-bottom: 10px;
        margin-bottom: 2.66667vw; } }
    .c-news-detail__box .r-img img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .c-news-detail__box .r-img.r-fullwidth img {
      width: 100%; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box .r-cap {
        margin-top: 16.75px;
        line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box .r-cap {
      margin-top: calc(20px - (((0.86667rem * 1.5) - 0.86667rem) / 2));
      font-size: 0.86667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box .r-cap {
      margin-top: 2.23333vw;
      font-size: 6.5px;
      font-size: 1.73333vw; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box .r-cap {
        margin-top: 14.5px;
        line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box .r-cap {
      margin-top: calc(20px - (((1.46667rem * 1.5) - 1.46667rem) / 2));
      font-size: 1.46667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box .r-cap {
      margin-top: 1.93333vw;
      font-size: 11px;
      font-size: 2.93333vw; } }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box .r-note p {
        margin-bottom: 15px;
        font-size: 13px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box .r-note p {
        font-size: 11px;
        font-size: 2.93333vw; } }
    .c-news-detail__box .r-note.has-indent p {
      padding-left: 1em;
      text-indent: -1em; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box ul {
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box ul {
        margin-bottom: 15px;
        margin-bottom: 4vw; } }
    .c-news-detail__box ul li {
      padding-left: .5em;
      text-indent: -.5em; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box ul li {
          margin-bottom: 8px;
          margin-top: -6.3px;
          line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box ul li {
      margin-top: calc(0px - (((0.93333rem * 1.9) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box ul li {
      margin-top: -0.84vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box ul li {
          margin-top: -9.8px;
          line-height: 1.7;
          margin-bottom: 10px;
          margin-bottom: 2.66667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box ul li {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box ul li {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
      .c-news-detail__box ul li:before {
        content: '・'; }
      .c-news-detail__box ul li a {
        color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-news-detail__box ol {
        margin-bottom: 20px;
        padding-left: 25px; } }
    @media screen and (max-width: 768px) {
      .c-news-detail__box ol {
        margin-bottom: 15px;
        margin-bottom: 4vw;
        padding-left: 25px;
        padding-left: 6.66667vw; } }
    .c-news-detail__box ol li {
      position: relative; }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box ol li {
          margin-bottom: 8px;
          margin-top: -6.3px;
          line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-news-detail__box ol li {
      margin-top: calc(0px - (((0.93333rem * 1.9) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-news-detail__box ol li {
      margin-top: -0.84vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box ol li {
          margin-top: -9.8px;
          line-height: 1.7;
          margin-bottom: 10px;
          margin-bottom: 2.66667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box ol li {
      margin-top: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box ol li {
      margin-top: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
      .c-news-detail__box ol li:before {
        counter-increment: number 1;
        content: counter(number) ".";
        position: absolute;
        left: -1.5em;
        top: 0px; }
      .c-news-detail__box ol li a {
        color: #e4002b; }
    .c-news-detail__box .r-link {
      margin-bottom: 0; }
      .c-news-detail__box .r-link a, .c-news-detail__box .r-link span {
        display: inline-block;
        position: relative;
        cursor: pointer;
        color: #e4002b; }
        .c-news-detail__box .r-link a:before, .c-news-detail__box .r-link span:before {
          content: '';
          display: inline-block;
          position: absolute;
          left: 0;
          z-index: 1;
          border-right: 1px solid #e4002b;
          border-bottom: 1px solid #e4002b;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        @media screen and (min-width: 769px), print {
          .c-news-detail__box .r-link a, .c-news-detail__box .r-link span {
            padding-left: 13px;
            font-size: 14px; }
            .c-news-detail__box .r-link a:before, .c-news-detail__box .r-link span:before {
              top: 9px;
              width: 6px;
              height: 6px; } }
        @media screen and (max-width: 768px) {
          .c-news-detail__box .r-link a, .c-news-detail__box .r-link span {
            padding-left: 11.5px;
            padding-left: 3.06667vw;
            margin-top: -9.1px;
            line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box .r-link a, .c-news-detail__box .r-link span {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box .r-link a, .c-news-detail__box .r-link span {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
        @media screen and (max-width: 768px) {
            .c-news-detail__box .r-link a:before, .c-news-detail__box .r-link span:before {
              top: 8px;
              top: 2.13333vw;
              width: 4.5px;
              width: 1.2vw;
              height: 4.5px;
              height: 1.2vw; } }
        @media screen and (min-width: 769px), print {
          .c-news-detail__box .r-link a:hover, .c-news-detail__box .r-link span:hover {
            text-decoration: underline; } }
    .c-news-detail__box .r-pdf a {
      display: inline-block;
      position: relative; }
      .c-news-detail__box .r-pdf a:after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .c-news-detail__box .r-pdf a:after {
        background-image: url(/assets/img/common/ico_document_pdf-01.svg); }
      @media screen and (min-width: 769px), print {
        .c-news-detail__box .r-pdf a {
          padding-left: 30px;
          font-size: 14px; }
          .c-news-detail__box .r-pdf a:after {
            top: -1px;
            width: 20px;
            height: 20px; } }
      @media screen and (max-width: 768px) {
        .c-news-detail__box .r-pdf a {
          padding-left: 27.5px;
          padding-left: 7.33333vw;
          margin-top: -9.1px;
          line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail__box .r-pdf a {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail__box .r-pdf a {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
      @media screen and (max-width: 768px) {
          .c-news-detail__box .r-pdf a:after {
            top: -0.5px;
            top: -0.13333vw;
            width: 17px;
            width: 4.53333vw;
            height: 17px;
            height: 4.53333vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-detail .c-horizontalrule {
      margin: 40px 0; } }
  @media screen and (max-width: 768px) {
    .c-news-detail .c-horizontalrule {
      margin: 25px 0px;
      margin: 6.66667vw 0vw; } }
  @media screen and (min-width: 769px), print {
    .c-news-detail .c-news-detail__hdgarea {
      padding-top: 20px; } }
  @media screen and (min-width: 769px), print {
    .c-news-detail .r-detail_infos {
      margin-top: 20px; } }
  @media screen and (max-width: 768px) {
    .c-news-detail .r-detail_infos {
      margin-top: 25px;
      margin-top: 6.66667vw;
      margin-bottom: 50px;
      margin-bottom: 13.33333vw; } }
  .c-news-detail .r-society-environment {
    color: #45c062;
    border-color: #45c062; }
  .c-news-detail .r-region-society {
    color: #b97034;
    border-color: #b97034; }
  .c-news-detail .r-openkitchen {
    color: #fe7200;
    border-color: #fe7200; }
  .c-news-detail .r-foodeducation {
    color: #ff669c;
    border-color: #ff669c; }
  .c-news-detail .r-natural-environment {
    color: #00b7ee;
    border-color: #00b7ee; }
  .c-news-detail .r-detail_infos {
    display: block; }
    @media screen and (min-width: 769px), print {
      .c-news-detail .r-detail_infos .c-news-detail__hdgarea__hdg-lv1 {
        padding-top: 25px; } }

.c-news-detail .c-tbl.r-type03 th a[target="_blank"], .c-news-detail .c-tbl.r-type03 td a[target="_blank"], .c-news-detail__box__txt a[target="_blank"], .c-text-list a[target="_blank"], .c-news-detail__box__panel__item.r-txtbox a[target="_blank"], .c-news-detail__box .r-note a[target="_blank"], .c-news-detail__box .r-blank a[target="_blank"] {
  padding-right: 1.2em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat right 53%;
  background-size: 0.8em auto; }
  @media screen and (min-width: 769px), print {
    .c-news-detail .c-tbl.r-type03 th a[target="_blank"], .c-news-detail .c-tbl.r-type03 td a[target="_blank"], .c-news-detail__box__txt a[target="_blank"], .c-text-list a[target="_blank"], .c-news-detail__box__panel__item.r-txtbox a[target="_blank"], .c-news-detail__box .r-note a[target="_blank"], .c-news-detail__box .r-blank a[target="_blank"] {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th a[target="_blank"], .c-news-detail .c-tbl.r-type03 td a[target="_blank"], .c-news-detail__box__txt a[target="_blank"], .c-text-list a[target="_blank"], .c-news-detail__box__panel__item.r-txtbox a[target="_blank"], .c-news-detail__box .r-note a[target="_blank"], .c-news-detail__box .r-blank a[target="_blank"] {
      margin-top: -9.1px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-news-detail .c-tbl.r-type03 th a[target="_blank"], .c-news-detail .c-tbl.r-type03 td a[target="_blank"], .c-news-detail__box__txt a[target="_blank"], .c-text-list a[target="_blank"], .c-news-detail__box__panel__item.r-txtbox a[target="_blank"], .c-news-detail__box .r-note a[target="_blank"], .c-news-detail__box .r-blank a[target="_blank"] {
      margin-top: calc(0px - (((1.73333rem * 1.7) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-news-detail .c-tbl.r-type03 th a[target="_blank"], .c-news-detail .c-tbl.r-type03 td a[target="_blank"], .c-news-detail__box__txt a[target="_blank"], .c-text-list a[target="_blank"], .c-news-detail__box__panel__item.r-txtbox a[target="_blank"], .c-news-detail__box .r-note a[target="_blank"], .c-news-detail__box .r-blank a[target="_blank"] {
      margin-top: -1.21333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.top-key-visual {
  position: relative; }
  @media screen and (max-width: 768px) {
    .top-key-visual {
      min-height: 450px;
      min-height: 120vw; } }
  @media screen and (min-width: 0px) and (max-width: 1080px) {
    .top-key-visual {
      overflow: hidden; } }

.top-opening {
  position: absolute;
  z-index: 9999;
  background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .top-opening {
      top: 0;
      left: 50%;
      width: 1400px;
      height: 450px;
      margin-left: -700px; } }
  @media screen and (max-width: 768px) {
    .top-opening {
      top: 0;
      left: 0; } }
  .top-opening__spacer {
    width: 100%; }
  .top-opening__catch {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (min-width: 769px), print {
      .top-opening__catch {
        width: 160px;
        height: 18px;
        margin-top: -30px;
        margin-left: -2px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch {
        width: 137px;
        width: 36.53333vw;
        margin-top: -35px;
        margin-top: -9.33333vw;
        margin-left: -6px;
        margin-left: -1.6vw; } }
    .top-opening__catch__01, .top-opening__catch__02, .top-opening__catch__03, .top-opening__catch__04, .top-opening__catch__05, .top-opening__catch__06, .top-opening__catch__07, .top-opening__catch__08 {
      display: block;
      opacity: 1;
      height: 100%;
      float: left;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: -webkit-transform .8s ease;
      transition: -webkit-transform .8s ease;
      transition: transform .8s ease;
      transition: transform .8s ease, -webkit-transform .8s ease; }
      @media screen and (max-width: 768px) {
        .top-opening__catch__01, .top-opening__catch__02, .top-opening__catch__03, .top-opening__catch__04, .top-opening__catch__05, .top-opening__catch__06, .top-opening__catch__07, .top-opening__catch__08 {
          height: 14.5px;
          height: 3.86667vw; } }
      .top-opening__catch__01 img, .top-opening__catch__02 img, .top-opening__catch__03 img, .top-opening__catch__04 img, .top-opening__catch__05 img, .top-opening__catch__06 img, .top-opening__catch__07 img, .top-opening__catch__08 img {
        vertical-align: top; }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__01 {
        width: 18px;
        margin-right: 6px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__01 {
        width: 14px;
        width: 3.73333vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__02 {
        width: 16px;
        margin-right: 4px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__02 {
        width: 13px;
        width: 3.46667vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__03 {
        width: 19px;
        margin-right: 3px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__03 {
        width: 15px;
        width: 4vw;
        margin-right: 3.5px;
        margin-right: 0.93333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__04 {
        width: 18px;
        margin-right: 6px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__04 {
        width: 15px;
        width: 4vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__05 {
        width: 16px;
        margin-right: 5px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__05 {
        width: 13px;
        width: 3.46667vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__06 {
        width: 17px;
        margin-right: 5px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__06 {
        width: 13.5px;
        width: 3.6vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__07 {
        width: 16px;
        margin-right: 4px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__07 {
        width: 13px;
        width: 3.46667vw;
        margin-right: 5px;
        margin-right: 1.33333vw; } }
    @media screen and (min-width: 769px), print {
      .top-opening__catch__08 {
        width: 6px; } }
    @media screen and (max-width: 768px) {
      .top-opening__catch__08 {
        width: 5px;
        width: 1.33333vw; } }
    .top-opening__catch.is-on .top-opening__catch__01,
    .top-opening__catch.is-on .top-opening__catch__02,
    .top-opening__catch.is-on .top-opening__catch__03,
    .top-opening__catch.is-on .top-opening__catch__04,
    .top-opening__catch.is-on .top-opening__catch__05,
    .top-opening__catch.is-on .top-opening__catch__06,
    .top-opening__catch.is-on .top-opening__catch__07,
    .top-opening__catch.is-on .top-opening__catch__08 {
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }
  .top-opening__logo {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 1; }
    @media screen and (min-width: 769px), print {
      .top-opening__logo {
        width: 261px;
        margin-top: -14px;
        margin-left: -124px; } }
    @media screen and (max-width: 768px) {
      .top-opening__logo {
        width: 224px;
        width: 59.73333vw;
        margin-top: 10px;
        margin-top: 2.66667vw;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }
    .top-opening__logo.is-on {
      opacity: 1; }
  .top-opening__txt {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #e4002b;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      .top-opening__txt img {
        width: 86%; } }

.top-slider {
  position: relative; }
  .top-slider .top-slider__cnt {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .top-slider .top-slider__cnt.is-on {
      opacity: 1; }
  .top-slider .top-slider__itm {
    background-color: #f9f9f9; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__itm {
        width: 100%;
        height: 450px; } }
    .top-slider .top-slider__itm.r-white {
      background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .top-slider .top-slider__itm__link {
      display: block;
      height: inherit; } }
  .top-slider .top-slider__itm__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__itm__inner {
        width: 1040px; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__itm__inner {
        width: 100%; } }
  @media screen and (min-width: 769px), print {
    .top-slider .top-slider__itm__fig {
      position: relative;
      height: inherit; } }
  @media screen and (min-width: 769px), print {
    .top-slider .top-slider__itm__img {
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 0;
      max-width: inherit;
      height: inherit;
      margin-left: -700px; } }
  .top-slider .top-slider__arrow {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    background: url(/assets/img/common/fig_arrow-02.svg) no-repeat center center; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__arrow {
        left: 50%;
        width: 30px;
        height: 30px;
        background-size: 10px; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__arrow {
        top: 50%;
        width: 23px;
        width: 6.13333vw;
        height: 23px;
        height: 6.13333vw;
        margin-top: -11.5px;
        margin-top: -3.06667vw;
        background-size: 12px;
        background-size: 3.2vw; } }
    .top-slider .top-slider__arrow.r-prev {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media screen and (min-width: 769px), print {
        .top-slider .top-slider__arrow.r-prev {
          bottom: 9px;
          margin-left: 443px; } }
      @media screen and (max-width: 768px) {
        .top-slider .top-slider__arrow.r-prev {
          left: 7.5px;
          left: 2vw; } }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__arrow.r-next {
        bottom: 10px;
        margin-left: 500px; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__arrow.r-next {
        right: 7.5px;
        right: 2vw; } }
  @media screen and (min-width: 769px), print {
    .top-slider [class*="top-slider__arrow-separator--"] {
      display: block;
      position: absolute;
      bottom: 18px;
      left: 50%;
      z-index: 1;
      width: 1px;
      height: 12px;
      background-color: #e4002b; } }
  @media screen and (max-width: 768px) {
    .top-slider [class*="top-slider__arrow-separator--"] {
      display: none; } }
  @media screen and (min-width: 769px), print {
    .top-slider .top-slider__arrow-separator--01 {
      margin-left: 499px; } }
  @media screen and (min-width: 769px), print {
    .top-slider .top-slider__arrow-separator--02 {
      margin-left: 472px; } }
  .top-slider .top-slider__ctrl-btn {
    position: absolute;
    z-index: 3;
    background-color: transparent; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__ctrl-btn {
        bottom: 10px;
        left: 50%;
        width: 26px;
        height: 30px;
        margin-left: 473px;
        cursor: pointer; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__ctrl-btn {
        bottom: 20px;
        bottom: 5.33333vw;
        right: 20px;
        right: 5.33333vw;
        width: 23px;
        width: 6.13333vw;
        height: 23px;
        height: 6.13333vw; } }
    .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start,
    .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      background-repeat: no-repeat;
      background-position: center; }
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start.is-hide,
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause.is-hide {
        display: none; }
      @media screen and (min-width: 769px), print {
        .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start,
        .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause {
          margin-top: 1px; } }
      @media screen and (max-width: 768px) {
        .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start,
        .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause {
          background-size: cover; } }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start {
        background-image: url(/assets/img/index/slider-start-btn-01_pc.svg);
        background-size: 7px 10px; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__start {
        background-image: url(/assets/img/index/slider-start-btn-01_sp.svg); } }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause {
        background-image: url(/assets/img/index/slider-pause-btn-01_pc.svg);
        background-size: 6px 8px; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__ctrl-btn .top-slider__ctrl-btn__pause {
        background-image: url(/assets/img/index/slider-pause-btn-01_sp.svg); } }
  .top-slider .top-slider__indicator {
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    line-height: 0;
    font-size: 0; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-slider__indicator {
        bottom: 10px;
        width: 1040px;
        padding-right: 81px;
        text-align: right; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-slider__indicator {
        bottom: 3.5px;
        bottom: 0.93333vw;
        text-align: center; } }
  .top-slider li {
    position: relative;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease; }
    @media screen and (min-width: 769px), print {
      .top-slider li {
        width: 30px;
        height: 30px; } }
    @media screen and (max-width: 768px) {
      .top-slider li {
        width: 31px;
        width: 8.26667vw;
        height: 31px;
        height: 8.26667vw; } }
    .top-slider li[aria-hidden="true"] {
      opacity: 1; }
    .top-slider li button {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      height: 1px;
      font-size: 0;
      line-height: 0;
      background-color: #aaa; }
      .top-slider li button:hover, .top-slider li button:active, .top-slider li button:focus {
        outline: none;
        border: none; }
      @media screen and (min-width: 769px), print {
        .top-slider li button {
          width: 20px;
          margin-left: -10px;
          cursor: pointer; } }
      @media screen and (max-width: 768px) {
        .top-slider li button {
          width: 26px;
          width: 6.93333vw;
          margin-left: -13px;
          margin-left: -3.46667vw; } }
    .top-slider li:hover, .top-slider li:active, .top-slider li:focus {
      outline: none;
      border: none; }
      .top-slider li:hover button, .top-slider li:active button, .top-slider li:focus button {
        background-color: #e4002b; }
    .top-slider li.slick-active button {
      background-color: #e4002b; }
  .top-slider .top-scroll {
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
    text-decoration: none;
    line-height: 1; }
    @media screen and (min-width: 769px), print {
      .top-slider .top-scroll {
        bottom: 10px;
        width: 50px;
        height: 50px;
        padding-top: 10px;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease; }
        .top-slider .top-scroll:hover {
          opacity: .4; } }
    @media screen and (max-width: 768px) {
      .top-slider .top-scroll {
        bottom: 38.5px;
        bottom: 10.26667vw; } }
    .top-slider .top-scroll .top-scroll__txt {
      color: #e4002b;
      letter-spacing: .1em; }
      @media screen and (min-width: 769px), print {
        .top-slider .top-scroll .top-scroll__txt {
          margin-bottom: 6px;
          font-size: 10px; } }
      @media screen and (max-width: 768px) {
        .top-slider .top-scroll .top-scroll__txt {
          margin-bottom: 6px;
          margin-bottom: 1.6vw;
          font-size: 10px;
          font-size: 2.66667vw; } }
    .top-slider .top-scroll .top-scroll__btn {
      -webkit-animation: sdb 2s 1.5;
              animation: sdb 2s 1.5;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }

@-webkit-keyframes sdb {
  0% {
    margin-bottom: 0px;
    margin-bottom: 0px; }
  20% {
    margin-top: 10px;
    margin-bottom: -10px; }
  40% {
    margin-top: 0px;
    margin-bottom: 0px; } }

@keyframes sdb {
  0% {
    margin-bottom: 0px;
    margin-bottom: 0px; }
  20% {
    margin-top: 10px;
    margin-bottom: -10px; }
  40% {
    margin-top: 0px;
    margin-bottom: 0px; } }
      @media screen and (min-width: 769px), print {
        .top-slider .top-scroll .top-scroll__btn {
          width: 14px;
          height: 14px; } }
      @media screen and (max-width: 768px) {
        .top-slider .top-scroll .top-scroll__btn {
          width: 13px;
          width: 3.46667vw;
          height: 13px;
          height: 3.46667vw; } }
      .top-slider .top-scroll .top-scroll__btn.is-paused {
        -webkit-animation-play-state: paused;
                animation-play-state: paused; }

.top-topics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f5f5f5; }
  @media screen and (min-width: 769px), print {
    .top-topics {
      font-size: 13px; } }
  @media screen and (max-width: 768px) {
    .top-topics {
      margin-top: -1px;
      margin-top: -0.26667vw;
      line-height: 1.7;
      font-size: 11px;
      font-size: 2.93333vw; } }
  .top-topics__ttl {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
            align-self: stretch;
    color: #fff;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .top-topics__ttl {
        width: 27.5%;
        width: calc(270px + (100% - 1040px) / 2);
        padding: 14px 80px 14px 80px;
        text-align: right; } }
    @media screen and (max-width: 768px) {
      .top-topics__ttl {
        width: 19%;
        padding-top: 12px;
        padding-top: 3.2vw;
        padding-bottom: 12px;
        padding-bottom: 3.2vw;
        padding-left: 10px;
        padding-left: 2.66667vw; } }
  .top-topics__topic {
    padding: 14px 25px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
    @media screen and (min-width: 769px), print {
      .top-topics__topic {
        width: 72.5%;
        width: calc(72.5% - (100% - 1040px) / 2); } }
    @media screen and (max-width: 768px) {
      .top-topics__topic {
        width: 81%;
        padding-top: 12px;
        padding-top: 3.2vw;
        padding-right: 10px;
        padding-right: 2.66667vw;
        padding-bottom: 12px;
        padding-bottom: 3.2vw;
        padding-left: 10px;
        padding-left: 2.66667vw; }
        .top-topics__ttl__txt {
          font-size: 2.93333vw;
          line-height: 1.7;
        }}
    @media screen and (min-width: 769px), print {
      .top-topics__topic__txt + .top-topics__topic__txt {
        margin-top: 10px; }
        .top-topics__ttl__txt {
          font-size: 13px;
          line-height: 1.9;
        }}
    .top-topics__topic__txt__link {
      -webkit-transition: color .2s;
      transition: color .2s; }
      .top-topics__topic__txt__link:hover {
        color: #e4002b; }

.top-section {
  position: relative; }
  .top-section .p-education-hdg--lv1 {
    margin-top: 0; }
  .top-section .top-section__bg {
    position: absolute;
    z-index: -1; }
  @media screen and (min-width: 769px), print {
    .top-section.r-about-us {
      padding-top: 45px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-about-us {
      padding-top: 68px;
      padding-top: 18.13333vw; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-about-us .top-section__bg {
      top: -45px;
      right: -220px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-about-us .top-section__bg {
      max-width: 679px;
      top: 20px;
      top: 5.33333vw;
      right: -125px;
      right: -33.33333vw;
      width: 339.5px;
      width: 90.53333vw;
      height: auto; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-group-business {
      margin-top: 88px;
      padding-left: 264px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-group-business {
      margin-top: 137px;
      margin-top: 36.53333vw; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-group-business .top-section__bg {
      top: -205px;
      left: -250px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-group-business .top-section__bg {
      max-width: 752px;
      top: -155px;
      top: -41.33333vw;
      left: -105px;
      left: -28vw;
      width: 376px;
      width: 100.26667vw;
      height: auto; } }
  @media screen and (max-width: 768px) {
    .top-section.r-group-business .p-education-hdg--lv1 {
      text-align: right; }
      .top-section.r-group-business .p-education-hdg--lv1:after {
        left: inherit;
        right: 0; } }
  @media screen and (max-width: 768px) {
    .top-section.r-group-business .top-section__message {
      margin-left: 90px;
      margin-left: 24vw; } }
  @media screen and (max-width: 768px) {
    .top-section.r-group-business .top-section__more-detail {
      text-align: right; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-dietary-education {
      margin-top: 88px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-dietary-education {
      margin-top: 80px;
      margin-top: 21.33333vw; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-dietary-education .top-section__bg {
      top: -20px;
      right: -310px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-dietary-education .top-section__bg {
      max-width: 687px;
      top: -55px;
      top: -14.66667vw;
      right: -153px;
      right: -40.8vw;
      width: 343.5px;
      width: 91.6vw;
      height: auto; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-sustainability {
      margin-top: 88px;
      padding-left: 264px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-sustainability {
      margin-top: 85px;
      margin-top: 22.66667vw; } }
  @media screen and (max-width: 768px) {
    .top-section.r-sustainability .p-education-hdg--lv1 {
      text-align: right; }
      .top-section.r-sustainability .p-education-hdg--lv1:after {
        left: inherit;
        right: 0; } }
  @media screen and (max-width: 768px) {
    .top-section.r-sustainability .top-section__message {
      margin-left: 90px;
      margin-left: 24vw; } }
  @media screen and (max-width: 768px) {
    .top-section.r-sustainability .top-section__more-detail {
      text-align: right; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-sustainability .top-section__bg {
      top: -10px;
      left: -300px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-sustainability .top-section__bg {
      max-width: 532px;
      top: -65px;
      top: -17.33333vw;
      left: -122.5px;
      left: -32.66667vw;
      width: 266px;
      width: 70.93333vw;
      height: auto; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-research-development {
      margin-top: 132px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-research-development {
      margin-top: 80px;
      margin-top: 21.33333vw; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-research-development .top-section__bg {
      top: -65px;
      right: -210px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-research-development .top-section__bg {
      max-width: 477px;
      top: -55px;
      top: -14.66667vw;
      right: -67.5px;
      right: -18vw;
      width: 238.5px;
      width: 63.6vw;
      height: auto; } }
  .top-section.r-food_and_life_academy {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover; }
  .top-section.r-history-and-future {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover; }
    @media screen and (min-width: 769px), print {
      .top-section.r-food_and_life_academy {
        margin-top: 216px;
        padding: 13vw 0 10vw;
        text-align: center;
        background-image: url(/assets/img/index/top_food_and_life_academy_bg_pc.jpg);
        background-size: contain; }
      .top-section.r-history-and-future {
        /*margin-top: 216px;*/
        padding: 130px 0 124px;
        text-align: center;
        background-image: url(/assets/img/index/top_history-and-future_bg_pc.jpg); } }
    @media screen and (max-width: 768px) {
      .top-section.r-food_and_life_academy {
        margin-top: 75px;
        margin-top: 20vw;
        padding-top: 92px;
        padding-top: 24.53333vw;
        padding-bottom: 91px;
        padding-bottom: 25.26667vw;
        background-image: url(/assets/img/index/top_food_and_life_academy_bg_sp.jpg); }
      .top-section.r-history-and-future {
        /*margin-top: 75px;*/
        /*margin-top: 20vw;*/
        padding-top: 92px;
        padding-top: 24.53333vw;
        padding-bottom: 91px;
        padding-bottom: 24.26667vw;
        background-image: url(/assets/img/index/top_history-and-future_bg_sp.jpg); } }
    @media screen and (min-width: 769px), print {
      .top-section.r-food_and_life_academy .top-food_and_life_academy__ttl {
        width: 534px;
        margin: 0 auto; }
      .top-section.r-history-and-future .top-history-and-future__ttl {
        width: 450px;
        margin: 0 auto; } }
    @media screen and (max-width: 768px) {
      .top-section.r-food_and_life_academy .top-food_and_life_academy__ttl {
        width: 273px;
        width: 72.66667vw;
        margin: 0 auto; }
      .top-section.r-history-and-future .top-history-and-future__ttl {
        width: 265px;
        width: 70.66667vw;
        margin: 0 auto; } }
    .top-section.r-food_and_life_academy .top-food_and_life_academy__ttl img {
      width: 100%; }
    .top-section.r-history-and-future .top-history-and-future__ttl img {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .top-section.r-food_and_life_academy .c-btn-list {
        width: 250px;
        width: 66.66667vw;
        margin-top: 27.5px;
        margin-top: 7.33333vw;
        margin-right: auto;
        margin-left: auto; }
      .top-section.r-history-and-future .c-btn-list {
        width: 250px;
        width: 66.66667vw;
        margin-top: 27.5px;
        margin-top: 7.33333vw;
        margin-right: auto;
        margin-left: auto; } }
    @media screen and (max-width: 768px) {
      .top-section.r-food_and_life_academy .c-btn-list .c-btn-list__itm {
        margin: 0; }
      .top-section.r-history-and-future .c-btn-list .c-btn-list__itm {
        margin: 0; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-ir-and-careers {
      margin-top: 100px; } }
  @media screen and (min-width: 769px), print {
    .top-section.r-news {
      margin-top: 92px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-news {
      margin-top: 90px;
      margin-top: 24vw; } }
  @media screen and (max-width: 768px) {
    .top-section.r-news .c-btn-list {
      margin-top: 25px;
      margin-top: 6.66667vw; } }
  @media screen and (max-width: 768px) {
    .top-section.r-news .c-btn-list__itm {
      margin: 0; } }

@media screen and (min-width: 769px), print {
  .top-section__message {
    width: 610px;
    margin-top: 22px;
    line-height: 2; } }

@media screen and (max-width: 768px) {
  .top-section__message {
    width: 245px;
    width: 65.33333vw;
    margin-top: 25px;
    margin-top: 6.66667vw; } }

@media screen and (max-width: 768px) {
  .top-section__more-detail {
    margin-top: 13px;
    margin-top: 3.46667vw; } }

.top-section__more-detail__link {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .top-section__more-detail__link {
      display: inline-block;
      width: 115px;
      margin-top: 8px;
      -webkit-transition: width .2s ease;
      transition: width .2s ease; } }
  @media screen and (max-width: 768px) {
    .top-section__more-detail__link {
      padding-right: 15px;
      padding-right: 4vw; } }
  .top-section__more-detail__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    background: url(/assets/img/common/fig_arrow-02.svg) no-repeat center center;
    background-size: cover; }
    @media screen and (min-width: 769px), print {
      .top-section__more-detail__link:after {
        width: 10px;
        height: 10px;
        margin-top: -6px; } }
    @media screen and (max-width: 768px) {
      .top-section__more-detail__link:after {
        width: 10px;
        width: 2.66667vw;
        height: 10px;
        height: 2.66667vw;
        margin-top: -5.5px;
        margin-top: -1.46667vw; } }
  .top-section__more-detail__link:hover, .top-section__more-detail__link:active, .top-section__more-detail__link:focus {
    text-decoration: none; }
    @media screen and (min-width: 769px), print {
      .top-section__more-detail__link:hover, .top-section__more-detail__link:active, .top-section__more-detail__link:focus {
        width: 124px; } }

@media screen and (min-width: 769px), print {
  .top-section__card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 774px;
    margin-top: 42px; } }

@media screen and (max-width: 768px) {
  .top-section__card-list {
    width: 100%;
    margin-top: 24px;
    margin-top: 6.4vw; } }

@media screen and (min-width: 769px), print {
  .top-section__card-list__itm {
    width: 242px;
    height: 110px;
    margin-top: 14px;
    margin-right: 24px; } }

@media screen and (max-width: 768px) {
  .top-section__card-list__itm {
    margin-top: 10px;
    margin-top: 2.66667vw; } }

@media screen and (max-width: 768px) {
  .top-section__card-list__itm:nth-of-type(1) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .top-section__card-list__itm:nth-of-type(3n) {
    margin-right: 0; } }

@media screen and (min-width: 769px), print {
  .top-section__card-list__itm:nth-of-type(-n + 3) {
    margin-top: 0; } }

.top-section__card-list__itm__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative; }
  @media screen and (min-width: 769px), print {
    .top-section__card-list__itm__link:hover .top-section__card-list__itm__txt__wrap, .top-section__card-list__itm__link:focus .top-section__card-list__itm__txt__wrap {
      width: 162px; }
      .top-section__card-list__itm__link:hover .top-section__card-list__itm__txt__wrap:before, .top-section__card-list__itm__link:hover .top-section__card-list__itm__txt__wrap:after, .top-section__card-list__itm__link:focus .top-section__card-list__itm__txt__wrap:before, .top-section__card-list__itm__link:focus .top-section__card-list__itm__txt__wrap:after {
        right: 20px;
        opacity: 1; }
    .top-section__card-list__itm__link:hover .top-section__card-list__itm__txt, .top-section__card-list__itm__link:focus .top-section__card-list__itm__txt {
      color: #e4002b; } }

.top-section__card-list__itm__img__wrap {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .top-section__card-list__itm__img__wrap {
      width: 100px;
      height: 100px; } }
  @media screen and (max-width: 768px) {
    .top-section__card-list__itm__img__wrap {
      width: 70px;
      width: 18.66667vw;
      height: 70px;
      height: 18.66667vw; } }
  .top-section__card-list__itm__img__wrap img {
    width: 100%; }

.top-section__card-list__itm__txt__wrap {
  position: absolute;
  right: 0;
  height: 100px; }
  @media screen and (min-width: 769px), print {
    .top-section__card-list__itm__txt__wrap {
      z-index: 2;
      width: 142px;
      background-color: #f1f1f1;
      -webkit-transition: width .2s ease;
      transition: width .2s ease; } }
  @media screen and (max-width: 768px) {
    .top-section__card-list__itm__txt__wrap {
      z-index: 0;
      width: 100%;
      height: 70px;
      height: 18.66667vw;
      padding-left: 83px;
      padding-left: 22.13333vw;
      background-color: rgba(241, 241, 241, 0.7); } }
  .top-section__card-list__itm__txt__wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    background: url(/assets/img/common/fig_arrow-02.svg) no-repeat center center;
    background-size: cover; }
    @media screen and (min-width: 769px), print {
      .top-section__card-list__itm__txt__wrap:after {
        right: 30px;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        opacity: 0;
        -webkit-transition: opacity .25s ease, right .25s ease;
        transition: opacity .25s ease, right .25s ease; } }
    @media screen and (max-width: 768px) {
      .top-section__card-list__itm__txt__wrap:after {
        right: 25px;
        right: 6.66667vw;
        width: 10px;
        width: 2.66667vw;
        height: 10px;
        height: 2.66667vw;
        margin-top: -5px;
        margin-top: -1.33333vw; } }

.top-section__card-list__itm__txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
  @media screen and (min-width: 769px), print {
    .top-section__card-list__itm__txt {
      left: 18px;
      line-height: 1.571;
      -webkit-transition: color .2s ease;
      transition: color .2s ease; } }

@media screen and (min-width: 769px), print {
  .top-panel-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

@media screen and (max-width: 768px) {
  .top-panel-list {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

.top-panel-list__itm {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .top-panel-list__itm {
      width: calc((100% - 8px) / 2);
      margin-right: 8px; }
      .top-panel-list__itm:nth-of-type(2) {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .top-panel-list__itm {
      margin-top: 25px;
      margin-top: 6.66667vw; }
      .top-panel-list__itm:nth-of-type(1) {
        margin-top: 0; } }

.top-panel-list__itm__link {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden; }

@media screen and (min-width: 769px) and (min-width: 769px), print {
  .top-panel-list__itm__link:hover .top-panel-list__itm__img, .top-panel-list__itm__link:active .top-panel-list__itm__img, .top-panel-list__itm__link:focus .top-panel-list__itm__img {
    -webkit-transform: scale(1.15) translate(-1%);
        -ms-transform: scale(1.15) translate(-1%);
            transform: scale(1.15) translate(-1%); } }
  .top-panel-list__itm__link:before, .top-panel-list__itm__link:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2; }
  .top-panel-list__itm__link:before {
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .top-panel-list__itm__link:before {
        width: 7px;
        height: 7px;
        bottom: 45px;
        left: 65px; } }
    @media screen and (max-width: 768px) {
      .top-panel-list__itm__link:before {
        bottom: 36px;
        bottom: 9.6vw;
        left: 30.5px;
        left: 8.13333vw;
        width: 5.5px;
        width: 1.46667vw;
        height: 5.5px;
        height: 1.46667vw; } }
  .top-panel-list__itm__link:after {
    height: 1px;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .top-panel-list__itm__link:after {
        width: 12px;
        bottom: 48px;
        left: 60px; } }
    @media screen and (max-width: 768px) {
      .top-panel-list__itm__link:after {
        bottom: 38.5px;
        bottom: 10.26667vw;
        left: 28.5px;
        left: 7.6vw;
        width: 9px;
        width: 2.4vw; } }

.top-panel-list__itm__link__inner {
  display: block;
  position: relative; }
  .top-panel-list__itm__link__inner:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    border: 1px solid #e4002b;
    border-radius: 50%; }
    @media screen and (min-width: 769px), print {
      .top-panel-list__itm__link__inner:after {
        bottom: 30px;
        left: 48px;
        width: 37px;
        height: 37px; } }
    @media screen and (max-width: 768px) {
      .top-panel-list__itm__link__inner:after {
        bottom: 26px;
        bottom: 6.93333vw;
        left: 20px;
        left: 5.33333vw;
        width: 25px;
        width: 6.66667vw;
        height: 25px;
        height: 6.66667vw; } }

.top-panel-list__itm__ttl {
  position: absolute;
  z-index: 1;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .top-panel-list__itm__ttl {
      top: 42px;
      left: 48px; } }
  @media screen and (max-width: 768px) {
    .top-panel-list__itm__ttl {
      top: 48px;
      top: 12.8vw;
      left: 20px;
      left: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .top-panel-list__itm__ttl .r-en {
      line-height: 2.177;
      font-size: 11px; } }
  @media screen and (max-width: 768px) {
    .top-panel-list__itm__ttl .r-en {
      line-height: 1.363;
      font-size: 10px;
      font-size: 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .top-panel-list__itm__ttl .r-jp {
      font-size: 24px; } }
  @media screen and (max-width: 768px) {
    .top-panel-list__itm__ttl .r-jp {
      display: inline-block;
      margin-top: 6px;
      margin-top: 1.6vw;
      font-size: 20px;
      font-size: 5.33333vw; } }

.top-panel-list__itm__img {
  width: 100%;
  height: auto; }
  @media screen and (min-width: 769px), print {
    .top-panel-list__itm__img {
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease; } }

.top-section.r-news .top-news-emergency {
  border: 1px solid #c7c7c7; }
  @media screen and (min-width: 769px), print {
    .top-section.r-news .top-news-emergency {
      margin-top: 42px;
      padding: 28px 50px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-news .top-news-emergency {
      margin-top: 25px;
      margin-top: 6.66667vw;
      padding-top: 17.5px;
      padding-top: 4.66667vw;
      padding-right: 15px;
      padding-right: 4vw;
      padding-bottom: 17.5px;
      padding-bottom: 4.66667vw;
      padding-left: 15px;
      padding-left: 4vw; } }

.top-section.r-news .top-news-emergency__list__itm {
  border-top: 1px solid #c7c7c7; }
  @media screen and (min-width: 769px), print {
    .top-section.r-news .top-news-emergency__list__itm {
      margin-top: 12px;
      padding-top: 12px; } }
  @media screen and (max-width: 768px) {
    .top-section.r-news .top-news-emergency__list__itm {
      margin-top: 5px;
      margin-top: 1.33333vw;
      padding-top: 5px;
      padding-top: 1.33333vw; } }
  .top-section.r-news .top-news-emergency__list__itm:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  .top-section.r-news .top-news-emergency__list__itm .c-txt-link {
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .top-section.r-news .top-news-emergency__list__itm .c-txt-link {
        font-size: 13px;
        font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .top-news-card-list {
    margin: 35px auto 0; } }

@media screen and (max-width: 768px) {
  .top-news-card-list {
    margin-top: 8px;
    margin-top: 2.13333vw; } }

.top-news-card-list__itm {
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .top-news-card-list__itm {
      border-top: 1px solid #dcdcdc; }
      .top-news-card-list__itm:nth-of-type(1) {
        border-top: none; } }
  @media screen and (max-width: 768px) {
    .top-news-card-list__itm {
      width: 100%;
      border-top: 1px solid #dcdcdc; }
      .top-news-card-list__itm:nth-of-type(1) {
        border-top: none; } }
  .top-news-card-list__itm__link {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .top-news-card-list__itm__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 100%;
        padding: 15px 0 15px 110px;
        -webkit-transition: color .4s ease;
        transition: color .4s ease; } }
    @media screen and (max-width: 768px) {
      .top-news-card-list__itm__link {
        display: block;
        padding-top: 15px;
        padding-top: 4vw;
        padding-bottom: 15px;
        padding-bottom: 4vw; } }
    @media screen and (min-width: 769px), print {
      .top-news-card-list__itm__link:hover .top-news-card-list__itm__ttl .c-txt-link__href {
        text-decoration: underline !important; } }
  @media screen and (min-width: 769px), print {
    .top-news-card-list__itm__thumb {
      overflow: hidden; } }
  @media screen and (max-width: 768px) {
    .top-news-card-list__itm__thumb {
      width: 85px;
      width: 22.66667vw;
      margin-right: 15px;
      margin-right: 4vw;
      float: left; } }
  .top-news-card-list__itm__thumb__img {
    width: 100%; }
  @media screen and (min-width: 769px), print {
    .top-news-card-list__itm__ttl {
      width: 825px;
      line-height: 1.571; } }
  @media screen and (max-width: 768px) {
    .top-news-card-list__itm__ttl {
      margin-top: 10px;
      margin-top: 2.66667vw; } }
  .top-news-card-list__itm__date {
    color: #333 !important; }
    @media screen and (min-width: 769px), print {
      .top-news-card-list__itm__date {
        width: 105px;
        line-height: 1.571; } }
    @media screen and (max-width: 768px) {
      .top-news-card-list__itm__date {
        padding-left: 69px;
        padding-left: 18.4vw;
        line-height: 1; } }
  @media screen and (min-width: 769px), print {
    .top-news-card-list__itm__link:hover {
      color: #e4002b;
      text-decoration: none; } }
  .top-news-card-list__itm__label {
    display: inline-block;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    left: 0; }
    @media screen and (min-width: 769px), print {
      .top-news-card-list__itm__label {
        top: 16px;
        height: 19px;
        padding: 0 10px;
        line-height: 19px;
        font-size: 14px;
        border-radius: 10px; } }
    @media screen and (max-width: 768px) {
      .top-news-card-list__itm__label {
        top: 14px;
        top: 3.73333vw;
        height: 16px;
        height: 4.26667vw;
        padding-right: 5px;
        padding-right: 1.33333vw;
        padding-left: 5px;
        padding-left: 1.33333vw;
        line-height: 15px;
        line-height: 4vw;
        font-size: 10px;
        font-size: 2.66667vw;
        border-radius: 7.5px;
        border-radius: 2vw; } }
  .top-news-card-list__itm.r-research-development .top-news-card-list__itm__label {
    color: #00b7ee;
    border-color: #00b7ee; }
  .top-news-card-list__itm.r-new .top-news-card-list__itm__label {
    color: #fff;
    text-align: center;
    border-color: #e30014;
    background-color: #e30014; }
    @media screen and (min-width: 769px), print {
      .top-news-card-list__itm.r-new .top-news-card-list__itm__label {
        width: 78px; } }
    @media screen and (max-width: 768px) {
      .top-news-card-list__itm.r-new .top-news-card-list__itm__label {
        width: 53.5px;
        width: 14.26667vw; } }

.p-company-section {
  border-top: 1px solid #c7c7c7; }
  @media screen and (min-width: 769px), print {
    .p-company-section {
      margin-top: 95px;
      padding-top: 60px; } }
  @media screen and (max-width: 768px) {
    .p-company-section {
      margin-top: 55px;
      margin-top: 14.66667vw;
      padding-top: 45px;
      padding-top: 12vw; } }
  .p-company-section.r-main-visual {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 769px), print {
      .p-company-section.r-main-visual .p-company-hdg--lv3 {
        margin-top: 60px; } }
    @media screen and (max-width: 768px) {
      .p-company-section.r-main-visual .p-company-hdg--lv3 {
        margin-top: 54px;
        margin-top: 14.4vw; } }

@media screen and (min-width: 769px), print {
  .p-company-section__block {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-company-section__block {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-company-hdg--lv2 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-company-hdg--lv2 {
      margin-top: 58px;
      padding-bottom: 23px; } }
  @media screen and (max-width: 768px) {
    .p-company-hdg--lv2 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  @media screen and (min-width: 769px), print {
    .p-company-hdg--lv2 .r-en {
      line-height: 2.177;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-company-hdg--lv2 .r-en {
      line-height: 1.524;
      font-size: 10px;
      font-size: 2.66667vw; } }
  .p-company-hdg--lv2 .r-jp {
    line-height: 1; }
    @media screen and (min-width: 769px), print {
      .p-company-hdg--lv2 .r-jp {
        font-size: 32px; } }
    @media screen and (max-width: 768px) {
      .p-company-hdg--lv2 .r-jp {
        display: inline-block;
        margin-top: 9px;
        margin-top: 2.4vw;
        font-size: 30px;
        font-size: 8vw; } }
  .p-company-hdg--lv2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-company-hdg--lv2:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .p-company-hdg--lv2:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

.p-company__main-visual {
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  @media screen and (min-width: 769px), print {
    .p-company__main-visual {
      top: 137px;
      margin-left: 375px; } }
  @media screen and (max-width: 768px) {
    .p-company__main-visual {
      top: 83px;
      top: 22.13333vw;
      width: 459.5px;
      width: 122.53333vw;
      margin-left: 135px;
      margin-left: 36vw; } }
  @media screen and (min-width: 769px), print {
    .p-company__main-visual.r-company {
      top: 100px;
      margin-left: 360px; } }
  @media screen and (max-width: 768px) {
    .p-company__main-visual.r-company {
      top: 67.5px;
      top: 18vw;
      width: 387px;
      width: 103.2vw;
      margin-left: 135px;
      margin-left: 36vw; } }

@media screen and (min-width: 769px), print {
  .p-message__president-pic {
    position: relative; } }

@media screen and (max-width: 768px) {
  .p-message__president-pic {
    margin-bottom: 37.5px;
    margin-bottom: 10vw; } }

@media screen and (max-width: 768px) {
  .p-message__president-pic__img {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .p-message__president-pic__img {
    margin-bottom: 20px;
    margin-bottom: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-message__president-pic__txt {
    position: absolute;
    top: 48px;
    left: 42px;
    z-index: 1;
    line-height: 2.026;
    letter-spacing: .1em;
    font-size: 18px; } }

@media screen and (max-width: 768px) {
  .p-message__president-pic__txt {
    line-height: 1.765;
    font-size: 17px;
    font-size: 4.53333vw; } }

.p-message__president-pic__sign {
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-message__president-pic__sign {
      margin-top: 20px;
      font-size: 14px; }
      .p-message__president-pic__sign img {
        display: block; } }
  @media screen and (max-width: 768px) {
    .p-message__president-pic__sign {
      margin-top: 15px;
      margin-top: 4vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.p-message__president-sign {
  text-align: right; }
  @media screen and (min-width: 769px), print {
    .p-message__president-sign {
      padding-top: 10px; } }
  @media screen and (max-width: 768px) {
    .p-message__president-sign {
      padding-top: 15px;
      padding-top: 4vw; } }
  @media screen and (min-width: 769px), print {
    .p-message__president-sign__img {
      padding-top: 2.5px;
      padding-top: 0.66667vw; } }
  @media screen and (max-width: 768px) {
    .p-message__president-sign__img {
      width: 124px;
      width: 33.06667vw;
      padding-top: 8px;
      padding-top: 2.13333vw; } }

.p-company-about-map-img-frm {
  overflow: hidden;
  border: 1px solid #333; }
  @media screen and (min-width: 769px), print {
    .p-company-about-map-img-frm {
      width: 680px; } }
  @media screen and (max-width: 768px) {
    .p-company-about-map-img-frm {
      width: 100%; } }
  .p-company-about-map-img-frm img {
    max-width: 100%; }

.p-group__hasIcon {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-group__hasIcon--icon {
      right: 20px;
      top: 0; } }
  @media screen and (max-width: 768px) {
    .p-group__hasIcon--icon {
      margin-left: 20px;
      margin-left: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-group__hasIcon--icon.r-type01 {
      position: absolute;
      top: 15px; } }
  @media screen and (max-width: 768px) {
    .p-group__hasIcon--icon.r-type01 {
      margin-left: 20px;
      margin-left: 5.33333vw; } }
  .p-group__hasIcon--icon.r-type02 {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .p-group__hasIcon--icon.r-type02 {
        top: 10px; } }
    @media screen and (max-width: 768px) {
      .p-group__hasIcon--icon.r-type02 {
        right: 10px;
        right: 2.66667vw;
        top: 7.5px;
        top: 2vw;
        margin-left: 20px;
        margin-left: 5.33333vw; } }

.p-company-msg__president {
  position: relative; }
  .p-company-msg__president .p-company-msg__president__txt {
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .p-company-msg__president .p-company-msg__president__txt {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding-left: 40px;
        line-height: 1.9;
        padding-bottom: 41.9px;
        padding-top: 41.9px;
        line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-company-msg__president .p-company-msg__president__txt {
      padding-bottom: calc(50px - (((1.2rem * 1.9) - 1.2rem) / 2));
      padding-top: calc(50px - (((1.2rem * 1.9) - 1.2rem) / 2));
      font-size: 1.2rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-company-msg__president .p-company-msg__president__txt {
      padding-bottom: 5.58667vw;
      padding-top: 5.58667vw;
      font-size: 9px;
      font-size: 2.4vw; } }
    @media screen and (max-width: 768px) {
      .p-company-msg__president .p-company-msg__president__txt {
        line-height: 1.7;
        line-height: 1.7;
        margin-top: -11.9px;
        margin-bottom: -11.9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-company-msg__president .p-company-msg__president__txt {
      margin-top: calc(0px - (((2.26667rem * 1.7) - 2.26667rem) / 2));
      margin-bottom: calc(0px - (((2.26667rem * 1.7) - 2.26667rem) / 2));
      font-size: 2.26667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-company-msg__president .p-company-msg__president__txt {
      margin-top: -1.58667vw;
      margin-bottom: -1.58667vw;
      font-size: 17px;
      font-size: 4.53333vw; } }
  .p-company-msg__president .p-company-msg__president__sign {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    line-height: 1.7; }
    @media screen and (min-width: 769px), print {
      .p-company-msg__president .p-company-msg__president__sign {
        padding-bottom: 50px;
        padding-left: 40px;
        font-size: 14px; } }
    @media screen and (max-width: 768px) {
      .p-company-msg__president .p-company-msg__president__sign {
        padding-bottom: 102.5px;
        padding-bottom: 27.33333vw;
        padding-left: 21px;
        padding-left: 5.6vw;
        font-size: 3.46667vw; } }
    @media screen and (min-width: 769px), print {
      .p-company-msg__president .p-company-msg__president__sign .p-company-msg__president__sign__img {
        width: 119px;
        height: 40px;
        margin-top: 5px;
        margin-left: -3px; } }
    @media screen and (max-width: 768px) {
      .p-company-msg__president .p-company-msg__president__sign .p-company-msg__president__sign__img {
        width: 113px;
        width: 30.13333vw;
        height: 37.5px;
        height: 10vw;
        margin-top: 15px;
        margin-top: 4vw;
        margin-left: -3px;
        margin-left: -0.8vw; } }
  @media screen and (max-width: 768px) {
    .p-company-msg__president .p-company-msg__president__img {
      margin-top: 30px;
      margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  [class^="p-company-philosophy__copy"] {
    margin-top: 50px;
    width: auto !important;
    max-width: 100%;
    margin-top: 50px; } }

@media screen and (max-width: 768px) {
  [class^="p-company-philosophy__copy"] {
    margin-top: 40px;
    margin-top: 10.66667vw; } }

@media screen and (max-width: 768px) {
  .p-company-philosophy__copy01 {
    width: 231.5px !important;
    width: 61.73333vw !important; } }

@media screen and (max-width: 768px) {
  .p-company-philosophy__copy02 {
    width: 224.5px !important;
    width: 59.86667vw !important; } }

@media screen and (max-width: 768px) {
  .p-company-philosophy__copy03 {
    width: 331px !important;
    width: 88.26667vw !important; } }

@media screen and (min-width: 769px), print {
  .p-company-philosophy__copy04 {
    margin-bottom: 20px; } }

@media screen and (max-width: 768px) {
  .p-company-philosophy__copy04 {
    width: 276.5px;
    width: 73.73333vw;
    margin-bottom: 7.5px;
    margin-bottom: 2vw; } }

@media screen and (min-width: 769px), print {
  .p-com-2030vision__img__ttl--01 {
    margin-top: 120px; } }

@media screen and (max-width: 768px) {
  .p-com-2030vision__img__ttl--01 {
    margin-top: 75px;
    margin-top: 20vw; } }

@media screen and (min-width: 769px), print {
  .p-com-2030vision__img__ttl--01 .p-com-2030vision__img__ttl__img {
    width: 339px; } }

@media screen and (max-width: 768px) {
  .p-com-2030vision__img__ttl--01 .p-com-2030vision__img__ttl__img {
    width: 294px;
    width: 78.4vw; } }

.p-company-second-section {
  border-top: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .p-company-second-section {
      margin-top: 95px;
      padding-top: 90px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-section {
      margin-top: 50px;
      margin-top: 13.33333vw;
      padding-top: 57px;
      padding-top: 15.2vw; } }
  .p-company-second-section.r-main-visual {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 769px), print {
      .p-company-second-section.r-main-visual + .p-company-second-section {
        margin-top: 80px; } }
  @media screen and (min-width: 769px), print {
    .p-company-second-section.r-maintxt {
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-section.r-maintxt {
      font-size: 4.26667vw; } }

.p-company-second-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-company-second-hdg--lv1 {
      margin-top: 50px;
      padding-bottom: 23px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-hdg--lv1 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  @media screen and (min-width: 769px), print {
    .p-company-second-hdg--lv1 .r-en {
      line-height: 2.177;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-hdg--lv1 .r-en {
      line-height: 1.524;
      font-size: 10px;
      font-size: 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-company-second-hdg--lv1 .r-jp {
      line-height: 1;
      font-size: 32px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-hdg--lv1 .r-jp {
      line-height: 1.5;
      display: inline-block;
      margin-top: 9px;
      margin-top: 2.4vw;
      font-size: 30px;
      font-size: 8vw; } }
  .p-company-second-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-company-second-hdg--lv1:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .p-company-second-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

@media screen and (min-width: 769px), print {
  .p-company-second__block {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-company-second__block {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-company-second__main-visual {
  position: absolute; }
  @media screen and (min-width: 769px), print {
    .p-company-second__main-visual {
      left: 50%;
      top: 137px;
      margin-left: 375px;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
  @media screen and (max-width: 768px) {
    .p-company-second__main-visual {
      top: 17.5px;
      top: 4.66667vw;
      right: 25px;
      right: 6.66667vw;
      width: 347px;
      width: 92.53333vw;
      height: 394.5px;
      height: 105.2vw;
      margin-left: 175px;
      margin-left: 46.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-company-second__main-visual.r-company {
      top: -8px;
      margin-left: 320px;
      margin-bottom: -60px; } }
  @media screen and (max-width: 768px) {
    .p-company-second__main-visual.r-company {
      top: -35px;
      top: -9.33333vw;
      right: -110px;
      right: -29.33333vw;
      z-index: 1; } }

.p-company-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-company-second-pnl-list__itm {
      width: 330px;
      margin-right: 24px; }
      .p-company-second-pnl-list__itm:nth-child(3n) {
        margin-right: 0; }
      .p-company-second-pnl-list__itm:nth-child(n + 4) {
        margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .p-company-second-pnl-list__itm {
      width: 161px;
      width: 42.93333vw;
      height: 91px;
      height: 24.26667vw;
      margin-bottom: 30px;
      margin-bottom: 8vw;
      margin-right: 13px;
      margin-right: 3.46667vw; }
      .p-company-second-pnl-list__itm:nth-child(even) {
        margin-right: 0px;
        margin-right: 0vw; } }
  .p-company-second-pnl-list__box {
    position: relative;
    overflow: hidden; }
    .p-company-second-pnl-list__box .p-company-second-pnl-list__href {
      display: block; }
      @media screen and (min-width: 769px), print {
        .p-company-second-pnl-list__box .p-company-second-pnl-list__href:hover .p-company-second-pnl-list__img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .p-company-second-pnl-list__box .p-company-second-pnl-list__href:hover .p-company-second-pnl-list__hdg {
          color: #e4002b; } }
  @media screen and (min-width: 769px), print {
    .p-company-second-pnl-list__txt {
      line-height: 1.7;
      margin-top: 20px;
      line-height: 1.7;
      margin-top: 9.75px;
      margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-company-second-pnl-list__txt {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-company-second-pnl-list__txt {
      margin-top: 1.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-company-second-pnl-list__txt {
      line-height: 1.9;
      line-height: 1.9;
      margin-top: 10.3px;
      margin-bottom: -11.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-company-second-pnl-list__txt {
      margin-top: calc(22px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-company-second-pnl-list__txt {
      margin-top: 1.37333vw;
      margin-bottom: -1.56vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  @media screen and (min-width: 769px), print {
    .p-company-second-pnl-list__img {
      width: 100%;
      max-width: none;
      display: block;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }
  .p-company-second-pnl-list__hdg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 769px), print {
      .p-company-second-pnl-list__hdg {
        line-height: 1.7;
        font-size: 19px;
        left: 30px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease; } }
    @media screen and (max-width: 768px) {
      .p-company-second-pnl-list__hdg {
        font-size: 3.46667vw;
        line-height: 1.5;
        left: 12px;
        left: 3.2vw; } }

.p-second-sec--top.r-education {
  background-attachment: inherit !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #f9f9f9; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--top.r-education {
      height: 370px;
      margin-top: -48px;
      background-image: url("/assets/img/project/education/idx/education_kv_pc.png");
      background-size: 1600px 640px; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--top.r-education {
      height: 390px;
      height: 104vw;
      background-image: url("/assets/img/project/education/idx/education_kv_sp.png");
      background-size: cover; } }

.p-education-section {
  border-top: 1px solid #c7c7c7; }
  @media screen and (min-width: 769px), print {
    .p-education-section {
      margin-top: 95px;
      padding-top: 60px; } }
  @media screen and (max-width: 768px) {
    .p-education-section {
      margin-top: 55px;
      margin-top: 14.66667vw;
      padding-top: 45px;
      padding-top: 12vw; } }
  .p-education-section.r-main-visual {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 769px), print {
      .p-education-section.r-main-visual .p-education-hdg--lv3 {
        margin-top: 60px; } }
    @media screen and (max-width: 768px) {
      .p-education-section.r-main-visual .p-education-hdg--lv3 {
        margin-top: 54px;
        margin-top: 14.4vw; } }

@media screen and (min-width: 769px), print {
  .p-education-section__block {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-education-section__block {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-education-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-education-hdg--lv1 {
      margin-top: 58px;
      padding-bottom: 23px; } }
  @media screen and (max-width: 768px) {
    .p-education-hdg--lv1 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-hdg--lv1 .r-en {
      line-height: 2.177;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-education-hdg--lv1 .r-en {
      line-height: 1.524;
      font-size: 10px;
      font-size: 2.66667vw; } }
  .p-education-hdg--lv1 .r-jp {
    line-height: 1; }
    @media screen and (min-width: 769px), print {
      .p-education-hdg--lv1 .r-jp {
        font-size: 32px; } }
    @media screen and (max-width: 768px) {
      .p-education-hdg--lv1 .r-jp {
        display: inline-block;
        margin-top: 9px;
        margin-top: 2.4vw;
        font-size: 30px;
        font-size: 8vw; } }
  .p-education-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-education-hdg--lv1:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .p-education-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

@media screen and (min-width: 769px), print {
  .p-education__copy {
    margin-top: 18px;
    line-height: 1.75;
    font-size: 16px; } }

@media screen and (max-width: 768px) {
  .p-education__copy {
    line-height: 1.728;
    margin-top: 22.5px;
    margin-top: 6vw;
    font-size: 15px;
    font-size: 4vw; } }

.p-education__main-visual {
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  @media screen and (min-width: 769px), print {
    .p-education__main-visual {
      top: 137px;
      margin-left: 375px; } }
  @media screen and (max-width: 768px) {
    .p-education__main-visual {
      top: 83px;
      top: 22.13333vw;
      width: 318px;
      width: 84.8vw;
      margin-left: 135px;
      margin-left: 36vw; } }
  @media screen and (min-width: 769px), print {
    .p-education__main-visual.r-csr {
      top: 0;
      margin-left: 400px; } }
  @media screen and (max-width: 768px) {
    .p-education__main-visual.r-csr {
      top: 90px;
      top: 24vw;
      width: 387px;
      width: 103.2vw;
      margin-left: 111px;
      margin-left: 29.6vw; } }

@media screen and (min-width: 769px), print {
  .p-education-hdg--lv3 {
    line-height: 1.667;
    font-size: 24px; } }

@media screen and (max-width: 768px) {
  .p-education-hdg--lv3 {
    line-height: 1.522;
    font-size: 23px;
    font-size: 6.13333vw; } }

@media screen and (min-width: 769px), print {
  .p-education-hdg--lv4 {
    line-height: 1.667;
    font-size: 18px; } }

@media screen and (max-width: 768px) {
  .p-education-hdg--lv4 {
    line-height: 1.53;
    font-size: 17px;
    font-size: 4.53333vw; } }

@media screen and (min-width: 769px), print {
  .p-education-note {
    font-size: 12px;
    line-height: 2.33; } }

@media screen and (max-width: 768px) {
  .p-education-note {
    font-size: 11px;
    font-size: 2.93333vw;
    line-height: 22px;
    line-height: 5.86667vw; } }

.p-education-sub-hdg {
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-education-sub-hdg {
      font-size: 18px;
      line-height: 2.22; } }
  @media screen and (max-width: 768px) {
    .p-education-sub-hdg {
      font-size: 15px;
      font-size: 4vw;
      line-height: 1.6; } }

.p-education-card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 40px 0;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2; }
  @media screen and (min-width: 769px), print {
    .p-education-card-list__item {
      width: calc((100% - 35px) / 2);
      margin-right: 35px; }
      .p-education-card-list__item:nth-child(2n) {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .p-education-card-list__item {
      width: 100%;
      margin-top: 30px;
      margin-top: 8vw; }
      .p-education-card-list__item:nth-child(1) {
        margin-top: 0; } }
  .p-education-card-list__item__link {
    display: block;
    overflow: hidden; }
    @media screen and (min-width: 769px), print {
      .p-education-card-list__item__link {
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease; } }
    @media screen and (min-width: 769px), print {
      .p-education-card-list__item__link:hover, .p-education-card-list__item__link:active, .p-education-card-list__item__link:focus {
        opacity: .6;
        text-decoration: none; } }
    .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl {
      position: relative; }
      @media screen and (min-width: 769px), print {
        .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl {
          padding-right: 20px; } }
      @media screen and (max-width: 768px) {
        .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl {
          padding-right: 12.5px;
          padding-right: 3.33333vw; } }
      .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before, .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
        @media screen and (min-width: 769px), print {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before, .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
            width: 8px;
            height: 8px; } }
        @media screen and (max-width: 768px) {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before, .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
            width: 7px;
            width: 1.86667vw;
            height: 7px;
            height: 1.86667vw; } }
      .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before {
        right: 0;
        border: 1px solid #333; }
        @media screen and (min-width: 769px), print {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before {
            margin-top: -2px; } }
        @media screen and (max-width: 768px) {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:before {
            margin-top: -2.5px;
            margin-top: -0.66667vw; } }
      .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
        border-bottom: 1px solid #333;
        border-left: 1px solid #333; }
        @media screen and (min-width: 769px), print {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
            right: 3px;
            margin-top: 1px; } }
        @media screen and (max-width: 768px) {
          .p-education-card-list__item__link[target='_blank'] .p-education-card-list__item__ttl:after {
            right: 2px;
            right: 0.53333vw;
            margin-top: 0.5px;
            margin-top: 0.13333vw; } }
  .p-education-card-list__item__img {
    float: left;
    clear: left; }
    @media screen and (min-width: 769px), print {
      .p-education-card-list__item__img {
        width: 133px;
        height: 133px; } }
    @media screen and (max-width: 768px) {
      .p-education-card-list__item__img {
        width: 110px;
        width: 29.33333vw;
        height: 110px;
        height: 29.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-card-list__item__content {
      padding-left: 162px; } }
  @media screen and (max-width: 768px) {
    .p-education-card-list__item__content {
      padding-left: 124px;
      padding-left: 33.06667vw; } }
  .p-education-card-list__item__ttl {
    display: inline-block;
    line-height: 1.5; }
    @media screen and (min-width: 769px), print {
      .p-education-card-list__item__ttl {
        font-size: 18px; } }
    @media screen and (max-width: 768px) {
      .p-education-card-list__item__ttl {
        font-size: 15px;
        font-size: 4vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-card-list__item__txt {
      margin-top: 10px; } }
  @media screen and (max-width: 768px) {
    .p-education-card-list__item__txt {
      margin-top: 10px;
      margin-top: 2.66667vw;
      line-height: 1.6; } }

@media screen and (min-width: 769px), print {
  .p-education-modal[aria-hidden="false"] {
    overflow-y: scroll;
    width: 900px;
    max-height: 600px;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) {
  .p-education-modal[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-education-modal[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

.p-education-modal-detail {
  background: #fff; }
  @media screen and (min-width: 769px), print {
    .p-education-modal-detail {
      padding: 1px 60px 60px; } }
  @media screen and (max-width: 768px) {
    .p-education-modal-detail {
      padding: 0.5px 30px 30px 30px;
      padding: 0.13333vw 8vw 8vw 8vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-modal-detail .c-sec:first-of-type {
      margin-top: 60px; } }

@media screen and (min-width: 769px), print {
  .p-education-modal-detail-list {
    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; } }

@media screen and (min-width: 769px), print {
  .p-education-modal-detail-list__item {
    width: 330px;
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .p-education-modal-detail-list__item {
    margin-top: 15px;
    margin-top: 4vw; } }

@media screen and (max-width: 768px) {
  .p-education-modal-detail-list__item:nth-child(1) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-education-modal-detail-list__item:nth-child(1), .p-education-modal-detail-list__item:nth-child(2) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-education-modal-detail-list__item img {
    width: 100%; } }

.p-education-modal-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .p-education-modal-list__item {
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .p-education-modal-list__item {
        width: calc((100% - 24px) / 2);
        margin-top: 40px;
        margin-right: 24px; }
        .p-education-modal-list__item:nth-child(2n) {
          margin-right: 0; }
        .p-education-modal-list__item:nth-of-type(-n + 2) {
          margin-top: 0; } }
    @media screen and (max-width: 768px) {
      .p-education-modal-list__item {
        width: 100%; }
        .p-education-modal-list__item:nth-of-type(n + 2) {
          margin-top: 40px;
          margin-top: 10.66667vw; } }
  .p-education-modal-list__item__link {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #ededed;
    box-sizing: border-box;
    cursor: pointer; }
    @media screen and (min-width: 769px), print {
      .p-education-modal-list__item__link {
        -webkit-transition: opacity .2s;
        transition: opacity .2s; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-education-modal-list__item__link:hover, .p-education-modal-list__item__link:active, .p-education-modal-list__item__link:focus {
      opacity: .7; } }
    .p-education-modal-list__item__link:before, .p-education-modal-list__item__link:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 2; }
    .p-education-modal-list__item__link:before {
      background-color: #e40015; }
      @media screen and (min-width: 769px), print {
        .p-education-modal-list__item__link:before {
          width: 15px;
          height: 1px;
          bottom: 38px;
          right: 32px; } }
      @media screen and (max-width: 768px) {
        .p-education-modal-list__item__link:before {
          bottom: 33.5px;
          bottom: 8.93333vw;
          right: 27px;
          right: 7.2vw;
          width: 15px;
          width: 4vw;
          height: 1px; } }
    .p-education-modal-list__item__link:after {
      background-color: #e40015; }
      @media screen and (min-width: 769px), print {
        .p-education-modal-list__item__link:after {
          width: 1px;
          height: 15px;
          bottom: 31px;
          right: 39px; } }
      @media screen and (max-width: 768px) {
        .p-education-modal-list__item__link:after {
          bottom: 26.5px;
          bottom: 7.06667vw;
          right: 34px;
          right: 9.06667vw;
          width: 1px;
          height: 15px;
          height: 4vw; } }
  .p-education-modal-list__item__link__inner {
    display: block;
    position: relative; }
    .p-education-modal-list__item__link__inner:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      border: 1px solid #e40015;
      border-radius: 50%; }
      @media screen and (min-width: 769px), print {
        .p-education-modal-list__item__link__inner:after {
          width: 37px;
          height: 37px;
          bottom: 20px;
          right: 20px; } }
      @media screen and (max-width: 768px) {
        .p-education-modal-list__item__link__inner:after {
          bottom: 15px;
          bottom: 4vw;
          right: 15px;
          right: 4vw;
          width: 37px;
          width: 9.86667vw;
          height: 37px;
          height: 9.86667vw; } }
  .p-education-modal-list__item__title {
    position: absolute;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .p-education-modal-list__item__title {
        font-size: 18px; } }
  .p-education-modal-list__item__img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 769px), print {
      .p-education-modal-list__item__img {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; } }
  .p-education-modal-list__item__txt {
    color: #333;
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-education-modal-list__item__txt {
        font-size: 16px;
        line-height: 1.25;
        margin-top: 20px; } }
    @media screen and (max-width: 768px) {
      .p-education-modal-list__item__txt {
        margin-top: 29px;
        line-height: 1.73333; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-education-modal-list__item__txt {
      margin-top: calc(40px - (((2rem * 1.73333) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-education-modal-list__item__txt {
      margin-top: 3.86667vw;
      font-size: 15px;
      font-size: 4vw; } }

.p-education-modal-list.r-type02 .p-education-modal-list__item .p-education-modal-list__item__txt {
  margin-top: 0;
  text-align: left; }
  @media screen and (min-width: 769px), print {
    .p-education-modal-list.r-type02 .p-education-modal-list__item .p-education-modal-list__item__txt {
      font-size: 14px;
      line-height: 2; } }
  @media screen and (max-width: 768px) {
    .p-education-modal-list.r-type02 .p-education-modal-list__item .p-education-modal-list__item__txt {
      font-size: 13px;
      font-size: 3.46667vw;
      line-height: 24px;
      line-height: 6.4vw; } }

.p-education-campaign-hdg {
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-education-campaign-hdg {
      line-height: 1.66;
      font-size: 18px; } }
  @media screen and (max-width: 768px) {
    .p-education-campaign-hdg {
      font-size: 17px;
      font-size: 4.53333vw; } }

.p-education-label-list__item {
  border-top: 1px solid #d6dcdc; }
  @media screen and (min-width: 769px), print {
    .p-education-label-list__item {
      margin-top: 20px;
      padding-top: 21px; } }
  @media screen and (max-width: 768px) {
    .p-education-label-list__item {
      margin-top: 13.5px;
      margin-top: 3.6vw;
      padding-top: 13.5px;
      padding-top: 3.6vw; } }
  .p-education-label-list__item:nth-of-type(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }

.p-education-label-list__item__content {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-education-label-list__item__content {
      margin-top: 20px;
      padding-left: 90px; } }
  @media screen and (max-width: 768px) {
    .p-education-label-list__item__content {
      margin-top: 10px;
      margin-top: 2.66667vw;
      padding-left: 90px;
      padding-left: 24vw; } }
  .p-education-label-list__item__content:nth-of-type(1) {
    margin-top: 0; }

.p-education-label-list__item__content__label {
  display: inline-block;
  position: absolute;
  left: 0;
  text-align: center;
  background-color: #ddd; }
  @media screen and (min-width: 769px), print {
    .p-education-label-list__item__content__label {
      top: 2px;
      width: 80px;
      height: 24px;
      line-height: 24px;
      font-size: 12px; } }
  @media screen and (max-width: 768px) {
    .p-education-label-list__item__content__label {
      width: 80px;
      width: 21.33333vw;
      height: 24px;
      height: 6.4vw;
      line-height: 24px;
      line-height: 6.4vw;
      font-size: 11px;
      font-size: 2.93333vw; } }

.p-education-label-list__item__content__timeline {
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .p-education-label-list__item__content__timeline dt {
      float: left;
      clear: left;
      margin-right: 15px;
      margin-right: 4vw;
      width: 45px;
      width: 12vw; } }
  @media screen and (max-width: 768px) {
    .p-education-label-list__item__content__timeline dd {
      padding-left: 60px;
      padding-left: 16vw; } }

.p-education-label-list.r-type02 .p-education-label-list__item {
  border-top: none; }

@media screen and (min-width: 769px), print {
  .p-education-library-content {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .p-education-library-content {
    margin-top: 20px;
    margin-top: 5.33333vw; } }

.p-education-library-content .p-education-library-toggle {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column; }
  .p-education-library-content .p-education-library-toggle__list {
    border: 1px solid #ededed;
    position: relative; }
    @media screen and (min-width: 769px), print {
      .p-education-library-content .p-education-library-toggle__list {
        padding: 40px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 768px) {
      .p-education-library-content .p-education-library-toggle__list {
        padding: 20px;
        padding: 5.33333vw;
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; }
        .p-education-library-content .p-education-library-toggle__list:last-child {
          margin-bottom: 0; } }
    .p-education-library-content .p-education-library-toggle__list__header {
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__header {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column;
              -ms-flex-flow: column;
                  flex-flow: column; } }
      .p-education-library-content .p-education-library-toggle__list__header__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__header__img {
            width: 132px;
            margin-right: 40px; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__header__img {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
      .p-education-library-content .p-education-library-toggle__list__header__txt-area {
        color: #333; }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area {
            margin-top: 30px;
            margin-top: 8vw; } }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area__hdg {
            font-size: 24px;
            line-height: 1.41; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area__hdg {
            font-size: 23px;
            font-size: 6.13333vw;
            line-height: 35px;
            line-height: 9.33333vw; } }
        .p-education-library-content .p-education-library-toggle__list__header__txt-area__hdg__sub {
          display: block; }
          @media screen and (min-width: 769px), print {
            .p-education-library-content .p-education-library-toggle__list__header__txt-area__hdg__sub {
              font-size: 12px;
              margin-bottom: 7px; } }
          @media screen and (max-width: 768px) {
            .p-education-library-content .p-education-library-toggle__list__header__txt-area__hdg__sub {
              font-size: 11.5px;
              font-size: 3.06667vw;
              line-height: 26.5px;
              line-height: 7.06667vw; } }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area__desc {
            margin-top: 30px; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__header__txt-area__desc {
            margin-top: 20px;
            margin-top: 5.33333vw; } }
    .p-education-library-content .p-education-library-toggle__list__btn {
      cursor: pointer;
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__btn {
          width: 80px;
          height: 248px;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__btn {
          width: 70px;
          width: 18.66667vw;
          height: 200px;
          height: 53.33333vw; } }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__btn:hover {
          opacity: .6; } }
      .p-education-library-content .p-education-library-toggle__list__btn span {
        border: 1px solid #e40018;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__btn span {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            right: 20px; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__btn span {
            width: 30px;
            width: 8vw;
            height: 30px;
            height: 8vw;
            border-radius: 100%;
            right: 20px;
            right: 5.33333vw;
            bottom: 53px;
            bottom: 14.13333vw; } }
        .p-education-library-content .p-education-library-toggle__list__btn span:after {
          content: '';
          display: block;
          position: absolute;
          border-right: 1px solid #e40018;
          border-top: 1px solid #e40018;
          -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
                  transform: rotate(135deg); }
          @media screen and (min-width: 769px), print {
            .p-education-library-content .p-education-library-toggle__list__btn span:after {
              width: 7px;
              height: 7px;
              right: 15px;
              bottom: 16px; } }
          @media screen and (max-width: 768px) {
            .p-education-library-content .p-education-library-toggle__list__btn span:after {
              width: 6px;
              width: 1.6vw;
              height: 6px;
              height: 1.6vw;
              right: 10px;
              right: 2.66667vw;
              bottom: 10px;
              bottom: 2.66667vw; } }
    .p-education-library-content .p-education-library-toggle__list__content {
      overflow: hidden;
      height: 0;
      opacity: 0;
      margin-top: 0;
      padding-top: 0;
      border-top: 1px solid #ededed; }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content {
          width: 640px; } }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content__box {
          margin-top: 80px; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__content__box {
          margin-top: 60px;
          margin-top: 16vw; } }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content__item {
          margin-top: 40px; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__content__item {
          margin-top: 30px;
          margin-top: 8vw; } }
      .p-education-library-content .p-education-library-toggle__list__content__item > *:first-child {
        margin-top: 0; }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content__hdg {
          font-size: 16px;
          line-height: 1.31; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__content__hdg {
          font-size: 15px;
          font-size: 4vw;
          line-height: 25px;
          line-height: 6.66667vw; } }
      .p-education-library-content .p-education-library-toggle__list__content__hdg__sub {
        display: block; }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__content__hdg__sub {
            font-size: 12px;
            line-height: 1.75; } }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__content__hdg__sub {
            font-size: 10px;
            font-size: 2.66667vw;
            line-height: 16.5px;
            line-height: 4.4vw; } }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content__txt {
          margin-top: 15px; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__content__txt {
          margin-top: 10px;
          margin-top: 2.66667vw; } }
      .p-education-library-content .p-education-library-toggle__list__content__txt-link-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 768px) {
          .p-education-library-content .p-education-library-toggle__list__content__txt-link-area {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-flow: column;
                -ms-flex-flow: column;
                    flex-flow: column; } }
        @media screen and (min-width: 769px), print {
          .p-education-library-content .p-education-library-toggle__list__content__txt-link-area a {
            margin-right: 60px; } }
        .p-education-library-content .p-education-library-toggle__list__content__txt-link-area a:nth-child(3n) {
          margin-right: 0; }
      @media screen and (min-width: 769px), print {
        .p-education-library-content .p-education-library-toggle__list__content__note {
          font-size: 12px;
          line-height: 1.83; } }
      @media screen and (max-width: 768px) {
        .p-education-library-content .p-education-library-toggle__list__content__note {
          font-size: 10px;
          font-size: 2.66667vw; } }

.p-education-library-content [aria-expanded="true"] > span:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  @media screen and (min-width: 769px), print {
    .p-education-library-content [aria-expanded="true"] > span:after {
      bottom: 14px; } }
  @media screen and (max-width: 768px) {
    .p-education-library-content [aria-expanded="true"] > span:after {
      right: 11px;
      right: 2.93333vw;
      bottom: 9px;
      bottom: 2.4vw; } }

.p-education-library-content [aria-expanded="true"] + .p-education-library-toggle__list__content {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  @media screen and (min-width: 769px), print {
    .p-education-library-content [aria-expanded="true"] + .p-education-library-toggle__list__content {
      margin-top: 40px;
      padding-top: 40px; } }
  @media screen and (max-width: 768px) {
    .p-education-library-content [aria-expanded="true"] + .p-education-library-toggle__list__content {
      margin-top: 30px;
      margin-top: 8vw;
      padding-top: 30px;
      padding-top: 8vw; } }

.p-storybook {
  background: url(/assets/img/project/education/information/book/common/background-img-01.jpg);
  width: 100%;
  height: 100%;
  position: relative; }
  @media screen and (orientation: portrait) {
    .p-storybook.is-sp .p-storybook-wrapper {
      display: none; }
    .p-storybook.is-sp .p-storybook-modal {
      display: block; } }

.p-storybook-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-storybook-wrapper {
      width: 1134px;
      height: 417px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-wrapper {
      width: 540px;
      margin-top: -10px; } }
  .p-storybook-wrapper.is-active {
    opacity: 1; }

.p-storybook-btn {
  cursor: pointer;
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #ff8710;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }
  @media screen and (min-width: 769px), print {
    .p-storybook-btn {
      width: 40px;
      height: 40px;
      top: -60px;
      right: -60px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-btn {
      display: none; } }
  .p-storybook-btn:before, .p-storybook-btn:after {
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    background-color: #ff8710;
    top: 50%; }
    @media screen and (min-width: 769px), print {
      .p-storybook-btn:before, .p-storybook-btn:after {
        width: 18px; } }
    @media screen and (max-width: 768px) {
      .p-storybook-btn:before, .p-storybook-btn:after {
        width: 10px; } }
  .p-storybook-btn:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
    @media screen and (min-width: 769px), print {
      .p-storybook-btn:before {
        left: calc(50% - 8px); } }
    @media screen and (max-width: 768px) {
      .p-storybook-btn:before {
        left: calc(50% - 5px); } }
  .p-storybook-btn:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .p-storybook-btn:after {
        left: calc(50% - 8px); } }
    @media screen and (max-width: 768px) {
      .p-storybook-btn:after {
        left: calc(50% - 5px); } }
  @media screen and (min-width: 769px), print {
    .p-storybook-btn:hover {
      opacity: .6; } }

@media screen and (min-width: 769px), print {
  .p-storybook-content {
    cursor: pointer; } }

.p-storybook-content .fixed {
  display: none; }

@media screen and (min-width: 769px), print {
  .p-storybook-content .page {
    width: 546px;
    height: 397px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media screen and (max-width: 768px) {
  .p-storybook-content .own-size {
    width: 261px !important; } }

.p-storybook-content.is-transition-start {
  -webkit-transition: margin-left 0.5s, -webkit-transform 1s;
  transition: margin-left 0.5s, -webkit-transform 1s;
  transition: margin-left 0.5s, transform 1s;
  transition: margin-left 0.5s, transform 1s, -webkit-transform 1s; }

.p-storybook-content.is-bgcolor-green {
  background-color: #008c2b; }

.p-storybook-page {
  box-sizing: border-box; }
  @media screen and (min-width: 769px), print {
    .p-storybook-page {
      width: 567px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-page {
      width: 270px; } }

.p-storybook-prev, .p-storybook-next {
  display: block;
  position: absolute;
  cursor: pointer;
  border-style: solid;
  border-color: #ff8710;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom: none;
  border-left: none; }
  @media screen and (min-width: 769px), print {
    .p-storybook-prev, .p-storybook-next {
      width: 24px;
      height: 24px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-prev, .p-storybook-next {
      width: 13px;
      height: 13px; } }

.p-storybook-prev {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  opacity: 0; }
  @media screen and (min-width: 769px), print {
    .p-storybook-prev {
      top: calc(50% - 7px);
      left: -46px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-prev {
      bottom: -20px;
      left: 4px; } }

.p-storybook-next {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 1; }
  @media screen and (min-width: 769px), print {
    .p-storybook-next {
      top: calc(50% - 7px);
      right: -46px; } }
  @media screen and (max-width: 768px) {
    .p-storybook-next {
      bottom: -20px;
      right: 4px; } }

.p-storybook-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }
  .p-storybook-modal__wrapper {
    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;
    height: 100%; }
  .p-storybook-modal__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -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; }
    .p-storybook-modal__content__txt {
      color: #008c2b;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .p-storybook-modal__content__txt {
          margin-top: 25px;
          margin-top: 6.66667vw;
          font-size: 13px;
          font-size: 3.46667vw; } }
  .p-storybook-modal img {
    display: block; }
    @media screen and (max-width: 768px) {
      .p-storybook-modal img {
        width: 215px;
        width: 57.33333vw; } }

.p-education-heading-visual {
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-education-heading-visual {
      width: 100vw;
      margin-left: -20px;
      margin-left: -5.33333vw; } }
  .p-education-heading-visual__ttl {
    position: absolute;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .p-education-heading-visual__ttl {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 42px; } }
    @media screen and (max-width: 768px) {
      .p-education-heading-visual__ttl {
        top: 20px;
        top: 5.33333vw;
        left: 20px;
        left: 5.33333vw; } }

.p-education-ttl-label {
  border-radius: 20px;
  display: inline-block;
  line-height: 1.4; }
  @media screen and (min-width: 769px), print {
    .p-education-ttl-label {
      padding: 0 14px; } }
  @media screen and (max-width: 768px) {
    .p-education-ttl-label {
      padding: 0.5px 10px;
      padding: 0.13333vw 2.66667vw; } }
  .p-education-ttl-label + span {
    display: inline-block; }

.p-education-ttl-label.r-red {
  background-color: #e40018;
  color: #fff; }

.p-education-ttl-label.r-white {
  background-color: #fff;
  border: 1px solid #e40018;
  color: #e40018; }

.p-education-unique-grid__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__list {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media screen and (max-width: 768px) {
    .p-education-unique-grid__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column;
          -ms-flex-flow: column;
              flex-flow: column; } }

.p-education-unique-grid__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item {
      width: 50%;
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .p-education-unique-grid__item {
      width: 100%;
      padding: 20px 0px;
      padding: 5.33333vw 0vw; } }
  @media screen and (max-width: 768px) {
    .p-education-unique-grid__item:not(:first-of-type) {
      border-top: 1px solid #eee; } }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item:nth-of-type(odd) {
      padding-right: 20px;
      border-right: 1px solid #eee; } }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item:nth-of-type(even) {
      padding-left: 20px; } }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item:nth-of-type(-n+2) {
      border-bottom: 1px solid #eee; } }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item:nth-of-type(n+3) {
      padding-top: 30px; } }
  @media screen and (max-width: 768px) {
    .p-education-unique-grid__item:first-of-type {
      padding-top: 0; } }
  @media screen and (max-width: 768px) {
    .p-education-unique-grid__item:last-of-type {
      padding-bottom: 0; } }

@media screen and (min-width: 769px), print {
  .p-education-unique-grid__item__img {
    width: 120px;
    margin-right: 20px; } }

@media screen and (max-width: 768px) {
  .p-education-unique-grid__item__img {
    width: 75px;
    width: 20vw;
    margin-right: 15px;
    margin-right: 4vw; } }

@media screen and (max-width: 768px) {
  .p-education-unique-grid__item__img img {
    width: 100%; } }

.p-education-unique-grid__item__txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.p-education-unique-grid__item__txt__ttl {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-education-unique-grid__item__txt__ttl + p {
      margin-top: 12px; } }

.p-education-label-txt-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 769px), print {
    .p-education-label-txt-list__item:nth-of-type(1) {
      width: 112px; } }
  @media screen and (max-width: 768px) {
    .p-education-label-txt-list__item:nth-of-type(1) {
      width: 100px;
      width: 26.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-label-txt-list__item:nth-of-type(2) {
      width: calc(100% - 112px); } }
  @media screen and (max-width: 768px) {
    .p-education-label-txt-list__item:nth-of-type(2) {
      width: 235px;
      width: 62.66667vw; } }

.p-education-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .p-education-select .p-education-select__list {
    display: table;
    border: 1px solid #ddd; }
    @media screen and (min-width: 769px), print {
      .p-education-select .p-education-select__list {
        width: 20%;
        height: 85px;
        cursor: pointer;
        -webkit-transition: color .2s ease, background-color .2s ease;
        transition: color .2s ease, background-color .2s ease; }
        .p-education-select .p-education-select__list:nth-child(2n) {
          border-right: none;
          border-left: none; } }
    @media screen and (max-width: 768px) {
      .p-education-select .p-education-select__list {
        height: 90px;
        height: 24vw; }
        .p-education-select .p-education-select__list:nth-child(n+4) {
          width: 166.5px;
          width: 44.4vw;
          padding-left: 30px;
          padding-left: 8vw;
          padding-right: 30px;
          padding-right: 8vw;
          border-top: none; }
        .p-education-select .p-education-select__list:nth-child(-n+3) {
          width: 111px;
          width: 29.6vw; }
        .p-education-select .p-education-select__list:nth-child(2) {
          border-right: none;
          border-left: none; }
        .p-education-select .p-education-select__list:nth-child(4) {
          border-right: none; } }
    .p-education-select .p-education-select__list.is-active {
      color: #fff;
      background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-education-select .p-education-select__list:hover {
        color: #fff;
        background-color: #e4002b; } }
  .p-education-select .p-education-select__txt {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .p-education-select .p-education-select__txt {
        font-size: 3.73333vw; } }

.p-education-origami-box {
  position: relative; }
  .p-education-origami-box .p-education-origami-txtar {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .p-education-origami-box .p-education-origami-txtar {
        padding: 0 35px;
        bottom: 25px; } }
    @media screen and (max-width: 768px) {
      .p-education-origami-box .p-education-origami-txtar {
        padding-left: 20px;
        padding-left: 5.33333vw;
        padding-right: 20px;
        padding-right: 5.33333vw;
        bottom: 10px;
        bottom: 2.66667vw; } }
  .p-education-origami-box .r-origami-txt {
    color: #fff; }
    @media screen and (min-width: 769px), print {
      .p-education-origami-box .r-origami-txt {
        font-size: 17px; } }
    @media screen and (max-width: 768px) {
      .p-education-origami-box .r-origami-txt {
        font-size: 3.73333vw; } }

.p-edu-origami-ttl-label {
  position: absolute;
  right: 0;
  color: #fff;
  text-align: center;
  background-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-edu-origami-ttl-label {
      top: 55px;
      width: 150px;
      height: 25px;
      line-height: 25px;
      font-size: 14px;
      border-radius: 15px; } }
  @media screen and (max-width: 768px) {
    .p-edu-origami-ttl-label {
      top: 5px;
      top: 1.33333vw;
      width: 110px;
      width: 29.33333vw;
      height: 20px;
      height: 5.33333vw;
      line-height: 20px;
      line-height: 5.33333vw;
      font-size: 2.93333vw;
      border-radius: 10px;
      border-radius: 2.66667vw; } }

.r-label {
  position: relative; }

.p-education-coloring-block {
  background: #008c2b; }
  @media screen and (min-width: 769px), print {
    .p-education-coloring-block {
      border-radius: 10px;
      padding: 10px 10px 25px; } }
  @media screen and (max-width: 768px) {
    .p-education-coloring-block {
      padding-top: 10px;
      padding-top: 2.66667vw;
      padding-left: 10px;
      padding-left: 2.66667vw;
      padding-right: 10px;
      padding-right: 2.66667vw;
      padding-bottom: 27.5px;
      padding-bottom: 7.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-education-coloring-block .p-education-coloring-box:first-child {
      height: 300px;
      padding-top: 25px;
      margin-bottom: 25px;
      background-image: url(/assets/img/project/education/information/coloring/c_sec_img-01_pc.png);
      background-repeat: no-repeat;
      background-size: 100% auto; } }
  @media screen and (max-width: 768px) {
    .p-education-coloring-block .p-education-coloring-box:first-child {
      height: 392.5px;
      height: 104.66667vw;
      padding-top: 22.5px;
      padding-top: 6vw;
      margin-bottom: 27.5px;
      margin-bottom: 7.33333vw;
      background: url(/assets/img/project/education/information/coloring/c_sec_img-01_sp.png) no-repeat;
      background-size: 100% auto; } }
  @media screen and (min-width: 769px), print {
    .p-education-coloring-block .p-education-coloring-box .c-btn-list.r-coloring-btn {
      margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .p-education-coloring-block .p-education-coloring-box .c-btn-list.r-coloring-btn {
      margin-top: 90px;
      margin-top: 24vw;
      padding-left: 30px;
      padding-left: 8vw;
      padding-right: 30px;
      padding-right: 8vw; } }
  .p-education-coloring-block .p-education-coloring-box .c-btn-list__itm__link.r-coloring-btncl {
    background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .p-education-coloring-block .p-education-coloring-box .p-education-coloring-txtar {
      padding: 0 30px; } }
  @media screen and (max-width: 768px) {
    .p-education-coloring-block .p-education-coloring-box .p-education-coloring-txtar {
      padding-left: 15px;
      padding-left: 4vw;
      padding-right: 15px;
      padding-right: 4vw; } }
  .p-education-coloring-block .p-education-coloring-box .p-education-coloring-txtar .p-coloring-txt {
    color: #fff; }
    @media screen and (min-width: 769px), print {
      .p-education-coloring-block .p-education-coloring-box .p-education-coloring-txtar .p-coloring-txt {
        font-size: 17px; } }
    @media screen and (max-width: 768px) {
      .p-education-coloring-block .p-education-coloring-box .p-education-coloring-txtar .p-coloring-txt {
        font-size: 3.73333vw; } }
  .p-education-coloring-block .p-education-coloring__hdg--lv2 .r-coloringhdg-img {
    margin: 0 auto; }
    @media screen and (min-width: 769px), print {
      .p-education-coloring-block .p-education-coloring__hdg--lv2 .r-coloringhdg-img {
        width: 635px; } }
    @media screen and (max-width: 768px) {
      .p-education-coloring-block .p-education-coloring__hdg--lv2 .r-coloringhdg-img {
        width: 330px;
        width: 88vw;
        height: 200px;
        height: 53.33333vw; } }

.is-active-black {
  color: #fff;
  background: #333; }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal[aria-hidden="false"] {
    overflow-y: scroll;
    width: 900px;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) {
  .p-edu-origami-modal[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

.p-edu-origami-modal-detail {
  background: #fff; }
  @media screen and (min-width: 769px), print {
    .p-edu-origami-modal-detail {
      padding: 1px 60px 60px; } }
  @media screen and (max-width: 768px) {
    .p-edu-origami-modal-detail {
      padding: 30px 30px 30px 30px;
      padding: 8vw 8vw 8vw 8vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-origami-modal-detail .c-sec:first-of-type {
      margin-top: 60px; } }
  @media screen and (min-width: 769px), print {
    .p-edu-origami-modal-detail .c-hdg--lv2.is-no-mt {
      margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .p-edu-origami-modal-detail .c-hdg--lv2 {
      margin-top: 9.33vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-origami-modal-detail .p-edu-origami-modal-img__lyt {
      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: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 35px; } }
  @media screen and (max-width: 768px) {
    .p-edu-origami-modal-detail .p-edu-origami-modal-img__lyt {
      margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal-detail-list {
    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; } }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal-detail-list__item {
    width: 330px;
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .p-edu-origami-modal-detail-list__item {
    margin-top: 15px;
    margin-top: 4vw; } }

@media screen and (max-width: 768px) {
  .p-edu-origami-modal-detail-list__item:nth-child(1) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal-detail-list__item:nth-child(1), .p-edu-origami-modal-detail-list__item:nth-child(2) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-edu-origami-modal-detail-list__item img {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .p-edu-how__intro__block rt,
  .p-edu-how__intro__box rt,
  .p-edu-bdr-frm rt,
  .p-edu-how-stnc rt {
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  .p-edu-how__intro__block rt,
  .p-edu-how__intro__box rt,
  .p-edu-bdr-frm rt,
  .p-edu-how-stnc rt {
    font-size: 8.5px;
    font-size: 2.26667vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-how__intro__hdg--lv3 {
    font-size: 30px; } }

@media screen and (max-width: 768px) {
  .p-edu-how__intro__hdg--lv3 {
    font-size: 8vw; } }

.p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(1) {
  background-color: #fbdc4d; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(1) {
      padding: 10px 10px 20px;
      border-radius: 15px 15px 0 0; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(1) {
      padding: 10px 10px 29px 10px;
      padding: 2.66667vw 2.66667vw 7.73333vw 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(1) .p-edu-how__intro__txt {
      margin-top: 14px;
      padding: 0 18px;
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(1) .p-edu-how__intro__txt {
      margin-top: 23px;
      margin-top: 6.13333vw;
      padding-right: 10px;
      padding-right: 2.66667vw;
      padding-left: 10px;
      padding-left: 2.66667vw;
      font-size: 3.73333vw; } }

.p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) {
      padding: 28px 25px 48px;
      background-image: url(/assets/img/project/education/information/how/intro_bg_img-01_pc.png); } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) {
      height: 513.5px;
      height: 136.93333vw;
      padding-top: 20px;
      padding-top: 5.33333vw;
      background-image: url(/assets/img/project/education/information/how/intro_bg_img-01_sp.png); } }
  .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) .p-edu-how__intro__hdg--lv3 {
    text-align: center;
    line-height: 1.7; }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) .p-edu-how__intro__hdg--lv3 {
        margin-top: 25px;
        margin-top: 6.66667vw; } }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(2) .p-edu-how__intro__hdg--lv3 img {
        width: 311px;
        width: 82.93333vw;
        height: 103.5px;
        height: 27.6vw; } }

.p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) {
      padding: 75px 55px 65px 55px;
      background-image: url(/assets/img/project/education/information/how/intro_bg_img-02_pc.png); } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) {
      height: 608px;
      height: 175.13333vw;
      padding-top: 35px;
      padding-top: 9.33333vw;
      padding-bottom: 35px;
      padding-bottom: 9.33333vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      background-image: url(/assets/img/project/education/information/how/intro_bg_img-02_sp.png); } }
  .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) .p-edu-how__intro__hdg--lv3 {
    text-align: center;
    line-height: 1.7; }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) .p-edu-how__intro__hdg--lv3 {
        margin-top: 25px;
        margin-top: 6.66667vw; } }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) .p-edu-how__intro__hdg--lv3 img {
        width: 140px;
        width: 37.33333vw;
        height: 37.5px;
        height: 10vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) .r-how-wd {
      width: 280px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__box:nth-of-type(3) .r-how-wd {
      width: 335px;
      width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-how__intro__block .p-edu-how__intro__list {
    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;
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .p-edu-how__intro__block .p-edu-how__intro__list {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 349px;
    height: 93.06667vw;
    margin-top: 15px;
    margin-top: 4vw; } }

.p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm {
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm {
      width: 230px;
      height: 230px;
      padding: 12px 20px 0; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm {
      position: absolute;
      z-index: 1;
      width: 205px;
      width: 54.66667vw;
      height: 205px;
      height: 54.66667vw;
      padding: 12px 17.5px 0px 17.5px;
      padding: 3.2vw 4.66667vw 0vw 4.66667vw; } }
  .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(1) {
    background-image: url(/assets/img/project/education/information/how/intro_list_bg_img-01.png); }
    @media screen and (min-width: 769px), print {
      .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(1) {
        padding-right: 8px;
        padding-left: 8px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(1) {
        top: 0;
        left: 50%;
        width: 187px;
        width: 49.86667vw;
        height: 187px;
        height: 49.86667vw;
        margin-left: -93.5px;
        margin-left: -24.93333vw;
        padding-right: 0px;
        padding-right: 0vw;
        padding-left: 0px;
        padding-left: 0vw; } }
  .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(2) {
    background-image: url(/assets/img/project/education/information/how/intro_list_bg_img-02.png); }
    @media screen and (min-width: 769px), print {
      .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(2) {
        bottom: 0;
        left: -10px;
        left: -2.66667vw;
        padding-right: 12.5px;
        padding-right: 3.33333vw;
        padding-left: 12.5px;
        padding-left: 3.33333vw; } }
  .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(3) {
    background-image: url(/assets/img/project/education/information/how/intro_list_bg_img-03.png); }
    @media screen and (max-width: 768px) {
      .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm:nth-child(3) {
        bottom: 0;
        right: -10px;
        right: -2.66667vw; } }

.p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__ttl {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__ttl {
      font-size: 19px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__ttl {
      font-size: 4.26667vw; } }

.p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__txt {
  letter-spacing: 0; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__txt {
      margin-top: 6px;
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__intro__block .p-edu-how__intro__list .p-edu-how__intro__list__itm__txt {
      margin-top: 7.5px;
      margin-top: 2vw;
      font-size: 4.26667vw; } }

.p-edu-how-stuff-txt {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-edu-how-stuff-txt {
      padding-left: 110px;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how-stuff-txt {
      margin-left: 50px;
      margin-left: 13.33333vw;
      padding-left: 100px;
      padding-left: 26.66667vw;
      padding-top: 20px;
      padding-top: 5.33333vw;
      padding-bottom: 20px;
      padding-bottom: 5.33333vw;
      font-size: 4.26667vw; } }
  .p-edu-how-stuff-txt.r-vinegar {
    background-image: url(/assets/img/project/education/information/how/bg-img-01.jpg);
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .p-edu-how-stuff-txt.r-vinegar {
        background-size: 85px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how-stuff-txt.r-vinegar {
        background-size: 87.5px;
        background-size: 23.33333vw; } }
  .p-edu-how-stuff-txt.r-eggs {
    background-image: url(/assets/img/project/education/information/how/bg-img-02.jpg);
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .p-edu-how-stuff-txt.r-eggs {
        background-size: 85px;
        padding-top: 13px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how-stuff-txt.r-eggs {
        background-size: 87.5px;
        background-size: 23.33333vw; } }
  .p-edu-how-stuff-txt.r-salt {
    background-image: url(/assets/img/project/education/information/how/bg-img-03.jpg);
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .p-edu-how-stuff-txt.r-salt {
        background-size: 85px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how-stuff-txt.r-salt {
        background-size: 87.5px;
        background-size: 23.33333vw; } }
  .p-edu-how-stuff-txt.r-oil {
    background-image: url(/assets/img/project/education/information/how/bg-img-04.jpg);
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .p-edu-how-stuff-txt.r-oil {
        background-size: 85px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how-stuff-txt.r-oil {
        background-size: 87.5px;
        background-size: 23.33333vw; } }
  .p-edu-how-stuff-txt__node {
    font-weight: normal; }
    @media screen and (min-width: 769px), print {
      .p-edu-how-stuff-txt__node {
        font-size: 17px; } }
    @media screen and (max-width: 768px) {
      .p-edu-how-stuff-txt__node {
        font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-how-stnc {
    font-size: 17px; } }

@media screen and (max-width: 768px) {
  .p-edu-how-stnc {
    font-size: 4.26667vw; } }

.r-bgdw-ar {
  margin: 0 auto; }
  @media screen and (min-width: 769px), print {
    .r-bgdw-ar {
      margin-top: 30px;
      margin-bottom: 10px;
      width: 17px;
      height: 28px; } }
  @media screen and (max-width: 768px) {
    .r-bgdw-ar {
      margin-top: 25px;
      margin-top: 6.66667vw;
      margin-bottom: 10px;
      margin-bottom: 2.66667vw;
      width: 18.5px;
      width: 4.93333vw;
      height: 29px;
      height: 7.73333vw; } }

.p-edu-how-bdr {
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px), print {
    .p-edu-how-bdr {
      width: 774px;
      height: 25px;
      margin-bottom: 20px;
      background-image: url(/assets/img/project/education/information/how/bdr_img_pc.jpg); } }
  @media screen and (max-width: 768px) {
    .p-edu-how-bdr {
      height: 35px;
      height: 9.33333vw;
      margin-bottom: 10px;
      margin-bottom: 2.66667vw;
      background-image: url(/assets/img/project/education/information/how/bdr_img_sp.jpg); } }

.p-edu-bdr-frm {
  margin-top: 20px; }
  @media screen and (min-width: 769px), print {
    .p-edu-bdr-frm {
      border: 8px solid #fff5e1;
      border-radius: 30px; } }
  @media screen and (max-width: 768px) {
    .p-edu-bdr-frm {
      margin-top: 30px;
      margin-top: 8vw;
      border: 4px solid #fff5e1;
      border-radius: 20px;
      border-radius: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-bdr-frm .p-edu-bdr-subfrm {
      border: 2px solid #fff5e1;
      border-radius: 20px;
      background-size: border-box;
      margin: 6px;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 45px; } }
  @media screen and (max-width: 768px) {
    .p-edu-bdr-frm .p-edu-bdr-subfrm {
      border: 2px solid #fff5e1;
      border-radius: 20px;
      border-radius: 5.33333vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      padding-bottom: 20px;
      padding-bottom: 5.33333vw;
      margin: 4px;
      margin: 1.06667vw; } }

@media screen and (max-width: 768px) {
  .p-edu-how__intro__hdg--lv3.r-mayo img {
    width: 321px;
    width: 85.6vw;
    height: 56.5px;
    height: 15.06667vw; } }

@media screen and (max-width: 768px) {
  .p-edu-how__intro__hdg--lv3.r-fcmayo img {
    width: 241px;
    width: 64.26667vw;
    height: 56.5px;
    height: 15.06667vw; } }

.p-edu-how__frm__hdg--lv4 {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-edu-how__frm__hdg--lv4 {
      margin-top: 30px;
      font-size: 19px; } }
  @media screen and (max-width: 768px) {
    .p-edu-how__frm__hdg--lv4 {
      margin-top: 30px;
      margin-top: 8vw;
      font-size: 4.8vw; } }

@media screen and (min-width: 769px), print {
  .p-education-book__sec {
    padding-bottom: 85px; } }

@media screen and (max-width: 768px) {
  .p-education-book__sec {
    padding-bottom: 37.5px;
    padding-bottom: 10vw; } }

@media screen and (min-width: 769px), print {
  .p-education-book__sec__block {
    margin-top: 50px; } }

@media screen and (max-width: 768px) {
  .p-education-book__sec__block {
    margin-top: 22.5px;
    margin-top: 6vw; } }

@media screen and (min-width: 769px), print {
  .p-education-book__sec__box {
    padding-top: 30px; } }

@media screen and (max-width: 768px) {
  .p-education-book__sec__box {
    padding-top: 30px;
    padding-top: 8vw; } }

.p-education-book__sec.r-bg-type01 {
  background: #fcfbf4; }

.p-education-book__sec.r-bg-type02 {
  background-image: url(/assets/img/project/education/information/book/idx/bg2.png); }
  @media screen and (min-width: 769px), print {
    .p-education-book__sec.r-bg-type02 {
      padding: 50px 0; } }
  @media screen and (max-width: 768px) {
    .p-education-book__sec.r-bg-type02 {
      padding-top: 37.5px;
      padding-top: 10vw;
      margin-left: calc(((100vw - 100%) / 2) * -1);
      margin-right: calc(((100vw - 100%) / 2) * -1); } }

.p-education-book__sec.r-bdr-btm {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom; }
  @media screen and (min-width: 769px), print {
    .p-education-book__sec.r-bdr-btm {
      background-image: url(/assets/img/project/education/information/book/idx/bdr_dotted-01_pc.png);
      padding-bottom: 55px; } }
  @media screen and (max-width: 768px) {
    .p-education-book__sec.r-bdr-btm {
      margin-left: calc(((100vw - 100%) / 2) * -1);
      margin-right: calc(((100vw - 100%) / 2) * -1);
      background-image: url(/assets/img/project/education/information/book/idx/bdr_dotted-01_pc.png); } }

@media screen and (max-width: 768px) {
  .p-education-book__hdg--lv2 {
    width: 260px;
    width: 69.33333vw;
    margin: 0 auto; } }

.p-education-book__hdg--lv2 > img {
  display: block;
  width: auto; }
  @media screen and (min-width: 769px), print {
    .p-education-book__hdg--lv2 > img {
      margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .p-education-book__hdg--lv3 {
    width: 212.5px;
    width: 56.66667vw;
    margin: 0 auto; } }

.p-education-book__hdg--lv3 > img {
  display: block;
  width: auto; }
  @media screen and (min-width: 769px), print {
    .p-education-book__hdg--lv3 > img {
      margin: 0 auto; } }

.p-education-book__hdg--lv4 {
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-education-book__hdg--lv4 {
      padding-bottom: 1em;
      background: url(/assets/img/project/education/information/book/idx/bdr_dotted-02_pc.png) left bottom/auto no-repeat; } }
  @media screen and (max-width: 768px) {
    .p-education-book__hdg--lv4 {
      display: inline-block;
      padding-bottom: 1em;
      background: url(/assets/img/project/education/information/book/idx/bdr_dotted-02_sp.png) left bottom/contain no-repeat; } }
  .p-education-book__hdg--lv4.r-type-nobdr {
    background-image: none; }

.p-education-book__container {
  margin: 0 auto; }
  @media screen and (min-width: 769px), print {
    .p-education-book__container {
      width: calc(680 / 770 * 100%); } }
  @media screen and (max-width: 768px) {
    .p-education-book__container {
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  .p-education-book__container.r-type02 {
    background: #fff; }
    @media screen and (min-width: 769px), print {
      .p-education-book__container.r-type02 {
        padding: 60px 80px;
        border-radius: 5%; } }
    @media screen and (max-width: 768px) {
      .p-education-book__container.r-type02 {
        padding-top: 25px;
        padding-top: 6.66667vw;
        padding-bottom: 25px;
        padding-bottom: 6.66667vw;
        width: calc(670 / 750 * 100%);
        border-radius: 2.5%; } }

@media screen and (min-width: 769px), print {
  .p-education-book-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 65px;
    margin-right: 24px; }
    .p-education-book-list__item:first-child {
      margin-top: 0; } }

@media screen and (max-width: 768px) {
  .p-education-book-list__item {
    top: 31px;
    top: 8.26667vw;
    left: 11.5px;
    left: 3.06667vw;
    margin-top: 26px;
    margin-top: 6.93333vw;
    font-size: 13px;
    font-size: 3.46667vw; }
    .p-education-book-list__item:first-of-type {
      margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-education-book-list__item__thumb {
    width: 244px; } }

.p-education-book-list__item__thumb__img {
  width: 100%; }

@media screen and (min-width: 769px), print {
  .p-education-book-list__item__caption {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; } }

.p-education-book-list__item__ttl {
  position: relative;
  color: #e4002b;
  text-indent: 1.5em; }
  @media screen and (max-width: 768px) {
    .p-education-book-list__item__ttl {
      margin-top: 29px;
      line-height: 1.73333; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-education-book-list__item__ttl {
      margin-top: calc(40px - (((2rem * 1.73333) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-education-book-list__item__ttl {
      margin-top: 3.86667vw;
      font-size: 15px;
      font-size: 4vw; } }
  .p-education-book-list__item__ttl:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-education-book-list__item__ttl:before {
        top: .33em; } }
    @media screen and (max-width: 768px) {
      .p-education-book-list__item__ttl:before {
        top: .35em; } }
  .p-education-book-list__item__ttl:after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: .3em;
    height: .3em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media screen and (min-width: 769px), print {
      .p-education-book-list__item__ttl:after {
        top: .65em;
        left: .25em; } }
    @media screen and (max-width: 768px) {
      .p-education-book-list__item__ttl:after {
        top: .7em;
        left: .28em; } }

@media screen and (min-width: 769px), print {
  .p-education-book-list__item__txt, .p-education-book-list__item__date, .p-education-book-list__item__detail {
    margin-top: 4px;
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  .p-education-book-list__item__txt, .p-education-book-list__item__date, .p-education-book-list__item__detail {
    margin-top: 15px;
    line-height: 1.84615; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-education-book-list__item__txt, .p-education-book-list__item__date, .p-education-book-list__item__detail {
      margin-top: calc(26px - (((1.73333rem * 1.84615) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-education-book-list__item__txt, .p-education-book-list__item__date, .p-education-book-list__item__detail {
      margin-top: 2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

.p-education-book-list__item__link {
  display: block;
  position: relative; }
  .p-education-book-list__item__link:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  @media screen and (min-width: 769px), print {
    .p-education-book-list__item__link {
      -webkit-transition: opacity .2s;
      transition: opacity .2s; }
      .p-education-book-list__item__link:hover {
        text-decoration: none;
        opacity: .7; } }

.bb-custom-wrapper {
  width: 100%;
  position: relative; }
  @media screen and (min-width: 769px), print {
    .bb-custom-wrapper {
      padding-top: calc(285 * 100% / 774); } }
  @media screen and (max-width: 768px) {
    .bb-custom-wrapper {
      padding-top: calc(276 * 100% / 749); } }

.bb-bookblock {
  width: 100%;
  height: 100%;
  z-index: 100;
  margin: 0 auto;
  position: absolute;
  top: 0;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .bb-bookblock img {
    width: 100%;
    display: block; }

.bb-page {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.bb-vertical .bb-page {
  width: 50%;
  height: 100%;
  left: 50%;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center; }

.bb-horizontal .bb-page {
  width: 100%;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
      transform-origin: center top; }

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-vertical .bb-content {
  width: 200%; }

.bb-horizontal .bb-content {
  height: 200%; }

.bb-page > div {
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.bb-vertical .bb-back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-horizontal .bb-back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.bb-outer {
  width: 100%;
  overflow: hidden;
  z-index: 999; }

.bb-overlay,
.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0; }

.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.2); }

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

/* Content display */
.bb-content {
  background: #fff; }

.bb-vertical .bb-front .bb-content {
  left: -100%; }

.bb-horizontal .bb-front .bb-content {
  top: -100%; }

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-vertical .bb-flip-prev {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.bb-horizontal .bb-flip-prev {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.bb-vertical .bb-flip-next-end {
  -webkit-transform: rotateY(-15deg);
  transform: rotateY(-15deg); }

.bb-vertical .bb-flip-prev-end {
  -webkit-transform: rotateY(-165deg);
  transform: rotateY(-165deg); }

.bb-horizontal .bb-flip-next-end {
  -webkit-transform: rotateX(15deg);
  transform: rotateX(15deg); }

.bb-horizontal .bb-flip-prev-end {
  -webkit-transform: rotateX(165deg);
  transform: rotateX(165deg); }

.bb-item {
  position: absolute;
  width: 100%;
  z-index: 999; }
  .bb-item:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 102; }

/* No JS */
.no-js .bb-bookblock,
.no-js ul.bb-custom-grid li {
  width: auto;
  height: auto; }

.no-js .bb-item {
  display: block;
  position: relative; }

.p-education-book__detail {
  position: relative;
  width: 100vw;
  overflow: hidden;
  background: #fafafa; }
  @media screen and (min-width: 769px), print {
    .p-education-book__detail {
      height: 100vh; } }
  .p-education-book__detail .p-education-book-close {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .p-education-book__detail .p-education-book-close {
        top: 20px;
        right: 20px;
        width: 48px;
        height: 48px; } }
    @media screen and (max-width: 768px) {
      .p-education-book__detail .p-education-book-close {
        top: 10px;
        right: 10px;
        width: 48px;
        height: 48px; } }
    .p-education-book__detail .p-education-book-close.unlock_mode {
      top: 5px;
      right: 5px;
      width: 35px;
      height: 35px; }
    .p-education-book__detail .p-education-book-close img {
      display: block;
      width: 100%; }
  .p-education-book__detail .books-slick-box {
    position: relative; }
    @media screen and (min-width: 769px), print {
      .p-education-book__detail .books-slick-box {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media screen and (max-width: 768px) {
      .p-education-book__detail .books-slick-box {
        margin-left: auto;
        margin-right: auto;
        width: 335px;
        width: 89.33333vw;
        margin-top: 69px; } }
    .p-education-book__detail .books-slick-box.unlock_mode {
      display: block;
      right: 0;
      left: 0;
      width: 92.2%;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .p-education-book__detail .books-slick-box.unlock_mode {
          margin-top: 60px; } }
    .p-education-book__detail .books-slick-box .slick-list img {
      z-index: 1; }
    .p-education-book__detail .books-slick-box .p-education-book-slide[aria-hidden="true"] {
      opacity: 1; }
    .p-education-book__detail .books-slick-box .p-education-book-slide.last_slide {
      position: relative;
      width: 100%; }
      .p-education-book__detail .books-slick-box .p-education-book-slide.last_slide .p-education-book-slide-books_list {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 95%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
        .p-education-book__detail .books-slick-box .p-education-book-slide.last_slide .p-education-book-slide-books_list .p-education-book-slide-selectable_book {
          position: relative;
          width: 24%; }
          .p-education-book__detail .books-slick-box .p-education-book-slide.last_slide .p-education-book-slide-books_list .p-education-book-slide-selectable_book .selectable_book_img {
            display: block;
            width: 100%;
            top: 50%;
            -webkit-transform: translateY(100%);
                -ms-transform: translateY(100%);
                    transform: translateY(100%); }
  @media screen and (min-width: 769px), print {
    .p-education-book__detail .p-education-book-slide-pager {
      position: fixed;
      bottom: 0;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .p-education-book__detail .p-education-book-slide-pager {
      position: relative;
      height: 48px;
      margin-top: 10px; } }
  .p-education-book__detail .p-education-book-slide-pager button.slick-arrow {
    z-index: 2;
    position: absolute;
    display: block;
    font-size: 0;
    bottom: 30px;
    cursor: pointer; }
    @media screen and (min-width: 769px), print {
      .p-education-book__detail .p-education-book-slide-pager button.slick-arrow {
        width: 48px;
        height: 48px; } }
    @media screen and (max-width: 768px) {
      .p-education-book__detail .p-education-book-slide-pager button.slick-arrow {
        position: absolute;
        top: 0;
        width: 48px;
        height: 48px; } }
    .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.unlock_mode {
      width: 35px;
      height: 35px; }
    .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-prev.slick-disabled, .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-next.slick-disabled {
      display: none !important; }
    .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-prev {
      background: url(/assets/img/project/education/information/book/common/back.png) 0 0/48px no-repeat; }
      @media screen and (min-width: 769px), print {
        .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-prev {
          bottom: 30px;
          left: 20px; } }
      @media screen and (max-width: 768px) {
        .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-prev {
          top: 0;
          left: 10px; } }
      .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-prev.unlock_mode {
        bottom: 5px;
        left: 5px;
        background-size: 35px; }
    .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-next {
      background: url(/assets/img/project/education/information/book/common/next.png) 0 0/48px no-repeat; }
      @media screen and (min-width: 769px), print {
        .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-next {
          right: 20px;
          bottom: 30px; } }
      @media screen and (max-width: 768px) {
        .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-next {
          top: 0;
          right: 10px; } }
      .p-education-book__detail .p-education-book-slide-pager button.slick-arrow.slick-next.unlock_mode {
        right: 5px;
        bottom: 5px;
        background-size: 35px; }
  @media screen and (min-width: 769px), print {
    .p-education-book__detail .p-education-book-slide-counter {
      overflow: visible;
      position: fixed;
      right: 0;
      bottom: 40px;
      left: 0;
      width: 100%;
      height: 0;
      text-align: center; } }
  @media screen and (max-width: 768px) {
    .p-education-book__detail .p-education-book-slide-counter {
      height: 48px; } }
  @media screen and (max-width: 768px) {
    .p-education-book__detail .p-education-book-slide-counter.unlock_mode {
      position: relative;
      bottom: 10px;
      font-size: 9px;
      line-height: 35px; } }
  .p-education-book__detail .p-education-book-slide-counter .p-education-book-slide-counter-text {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-education-book__detail .p-education-book-slide-counter .p-education-book-slide-counter-text {
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      .p-education-book__detail .p-education-book-slide-counter .p-education-book-slide-counter-text {
        margin-top: -48px;
        line-height: 48px;
        font-size: 14px; } }
  .p-education-book__detail .readable_text {
    display: none; }
    @media screen and (max-width: 768px) {
      .p-education-book__detail .readable_text.visible {
        position: relative;
        width: 80%;
        margin: 10px auto 0;
        padding: 20px;
        background: #fffcd9;
        border-radius: 4px;
        display: block; }
        .p-education-book__detail .readable_text.visible .mark {
          position: absolute;
          display: block;
          width: 100px;
          left: 50%;
          margin-left: -50px; }
        .p-education-book__detail .readable_text.visible .caption {
          width: 250px;
          margin: 0 auto 0;
          margin-top: 80px;
          font-size: 20px;
          line-height: 1.5;
          letter-spacing: 5px;
          display: block;
          clear: both; }
          .p-education-book__detail .readable_text.visible .caption .sub_text {
            width: 250px;
            margin: 0 auto 0;
            font-size: 10px;
            letter-spacing: 1px;
            display: block;
            margin-top: 10px;
            clear: both; } }

.p-education-info-decision-result {
  border: solid 1px #ed5773; }
  @media screen and (min-width: 769px), print {
    .p-education-info-decision-result {
      width: 100%;
      padding: 35px 25px; } }
  @media screen and (max-width: 768px) {
    .p-education-info-decision-result {
      margin-top: 55px;
      margin-top: 14.66667vw;
      padding-top: 25px;
      padding-top: 6.66667vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-bottom: 25px;
      padding-bottom: 6.66667vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  .p-education-info-decision-result__hdg {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-education-info-decision-result__hdg {
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .p-education-info-decision-result__hdg {
        line-height: 200%;
        font-size: 12px;
        font-size: 3.2vw; } }
  .p-education-info-decision-result__caption {
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .p-education-info-decision-result__caption {
        font-size: 18px; } }
    @media screen and (max-width: 768px) {
      .p-education-info-decision-result__caption {
        font-size: 15px;
        font-size: 4vw; } }
  .p-education-info-decision-result__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-education-info-decision-result__item {
      width: 350px;
      margin-top: 40px;
      margin-bottom: 15px; }
      .p-education-info-decision-result__item:nth-of-type(even) {
        margin-left: 20px; }
      .p-education-info-decision-result__item:nth-last-of-type(1) {
        margin-bottom: 35px; } }
  @media screen and (max-width: 768px) {
    .p-education-info-decision-result__item {
      width: 100%;
      margin-top: 28.5px;
      margin-top: 7.6vw; }
      .p-education-info-decision-result__item:nth-last-of-type(1) {
        margin-bottom: 50px; } }
  .p-education-info-decision-result__item__name {
    color: white;
    text-align: center;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-education-info-decision-result__item__name {
        border-radius: 15px;
        line-height: 34px;
        font-size: 14px; } }
    @media screen and (max-width: 768px) {
      .p-education-info-decision-result__item__name {
        border-radius: 12.5px;
        border-radius: 3.33333vw;
        line-height: 30px;
        line-height: 8vw;
        font-size: 12px;
        font-size: 3.2vw; } }
  .p-education-info-decision-result__item__value {
    text-align: center;
    line-height: 100%; }
    @media screen and (min-width: 769px), print {
      .p-education-info-decision-result__item__value {
        font-size: 18px;
        margin-top: 30px; } }
    @media screen and (max-width: 768px) {
      .p-education-info-decision-result__item__value {
        font-size: 15px;
        font-size: 4vw;
        margin-top: 17.5px;
        margin-top: 4.66667vw; } }
  .p-education-info-decision-result__note {
    line-height: 200%;
    position: relative; }
    .p-education-info-decision-result__note:before {
      content: "※";
      position: absolute;
      left: 0px; }
    @media screen and (min-width: 769px), print {
      .p-education-info-decision-result__note {
        clear: both;
        font-size: 12px;
        padding-left: 15px; } }
    @media screen and (max-width: 768px) {
      .p-education-info-decision-result__note {
        font-size: 11px;
        font-size: 2.93333vw;
        padding-left: 12.5px;
        padding-left: 3.33333vw; } }

.p-education-library-toggle__list__movie__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-education-library-toggle__list__movie__box {
      margin-top: 35px; } }
  @media screen and (max-width: 768px) {
    .p-education-library-toggle__list__movie__box {
      margin-top: 26px;
      margin-top: 6.93333vw; } }

@media screen and (max-width: 768px) {
  .p-education-library-toggle__list__movie__content {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .p-education-library-toggle__list__movie__content:nth-child(1) {
    width: 428px;
    margin-right: 22px; } }

.p-education-library-toggle__list__movie__content:nth-child(1) img {
  width: 100%; }

@media screen and (min-width: 769px), print {
  .p-education-library-toggle__list__movie__content:nth-child(2) {
    width: 242px; } }

@media screen and (max-width: 768px) {
  .p-education-library-toggle__list__movie__content:nth-child(2) {
    margin-top: 20px;
    margin-top: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-education-library-toggle__list__movie__content .c-btn-list {
    margin-top: 0; } }

@media screen and (max-width: 768px) {
  .p-education-library-toggle__list__movie__content .c-btn-list {
    margin-top: 20px;
    margin-top: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-education-library-toggle__list__movie__content .c-btn-list__item {
    margin-top: 22px; } }

@media screen and (max-width: 768px) {
  .p-education-library-toggle__list__movie__content .c-btn-list__item {
    margin-top: 15px;
    margin-top: 4vw;
    margin-bottom: 0; } }

.p-education-library-toggle__list__movie__content .c-btn-list__item:nth-child(1) {
  margin-top: 0; }

@media screen and (min-width: 769px), print {
  .c-btn-list__position-revision__first {
    margin-top: 24px; } }

@media screen and (min-width: 769px), print {
  .c-btn-list__position-revision__second {
    margin-top: 7px; } }

.p-education-toggle-list__item__overview {
  position: relative;
  background-color: #f2f2f2; }
  @media screen and (min-width: 769px), print {
    .p-education-toggle-list__item__overview {
      margin-top: 42px;
      padding: 15px 60px 15px 20px;
      line-height: 1.571;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-education-toggle-list__item__overview {
      margin-top: 39px;
      margin-top: 10.4vw;
      padding-top: 19px;
      padding-top: 5.06667vw;
      padding-right: 40px;
      padding-right: 10.66667vw;
      padding-bottom: 19px;
      padding-bottom: 5.06667vw;
      padding-left: 20px;
      padding-left: 5.33333vw;
      line-height: 1.172;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .p-education-toggle-list__item__overview:before, .p-education-toggle-list__item__overview:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-education-toggle-list__item__overview:before, .p-education-toggle-list__item__overview:after {
        right: 20px;
        width: 11px;
        height: 1px; } }
    @media screen and (max-width: 768px) {
      .p-education-toggle-list__item__overview:before, .p-education-toggle-list__item__overview:after {
        right: 20px;
        right: 5.33333vw;
        width: 8px;
        width: 2.13333vw;
        height: 1px;
        height: 0.26667vw; } }
  .p-education-toggle-list__item__overview:before {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  .p-education-toggle-list__item__overview:after {
    -webkit-transform: translate(-50%, 0) rotate(90deg);
        -ms-transform: translate(-50%, 0) rotate(90deg);
            transform: translate(-50%, 0) rotate(90deg); }

@media screen and (min-width: 769px), print {
  .p-education-toggle-list__item__topttl {
    line-height: 1.41;
    font-size: 24px; } }

@media screen and (max-width: 768px) {
  .p-education-toggle-list__item__topttl {
    font-size: 23px;
    font-size: 6.13333vw;
    line-height: 1.52; } }

@media screen and (min-width: 769px), print {
  .p-education-toggle-list__item__subttl {
    font-size: 12px;
    line-height: 1.75; } }

@media screen and (max-width: 768px) {
  .p-education-toggle-list__item__subttl {
    font-size: 11.5px;
    font-size: 3.06667vw;
    line-height: 1.73; } }

.c-sec__lyt.r-sec-bdr {
  border-top: 1px solid #d6dcdc; }
  .c-sec__lyt.r-sec-bdr:nth-of-type(1) {
    border-top: none; }
  @media screen and (min-width: 769px), print {
    .c-sec__lyt.r-sec-bdr {
      padding-top: 30px; } }
  @media screen and (max-width: 768px) {
    .c-sec__lyt.r-sec-bdr {
      margin-top: 15px;
      margin-top: 4vw;
      padding-top: 15px;
      padding-top: 4vw; } }

.u-fullwidth {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@media screen and (max-width: 768px) {
  .u-sp-wrap-padding {
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw; } }

@media screen and (max-width: 768px) {
  .p-edu-research-wrap {
    margin-top: 0px !important; } }

.p-edu-research-headline {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-edu-research-headline {
      margin-bottom: 77px; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-headline {
      padding-bottom: 38.5px;
      padding-bottom: 10.26667vw; } }
  .p-edu-research-headline__lv2 {
    margin-bottom: 0px; }
  .p-edu-research-headline__exc {
    position: absolute;
    width: 100%;
    color: #333; }
    @media screen and (min-width: 769px), print {
      .p-edu-research-headline__exc {
        top: 395px;
        left: 0px;
        text-align: center; } }
    @media screen and (max-width: 768px) {
      .p-edu-research-headline__exc {
        top: 190px;
        top: 50.66667vw;
        left: 0px;
        padding-right: 20px;
        padding-right: 5.33333vw;
        padding-left: 20px;
        padding-left: 5.33333vw;
        font-size: 13px;
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
  .p-edu-research-prize {
    margin-bottom: 50px;
    margin-bottom: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-prize__block {
    margin-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .p-edu-research-prize__block {
    margin-bottom: 50px;
    margin-bottom: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-prize__block__headline {
    margin-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .p-edu-research-prize__block__headline {
    padding-bottom: 38.5px;
    padding-bottom: 10.26667vw; } }

.p-edu-research-prize__block__list {
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .p-edu-research-prize__block__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 0px 10px; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-prize__block__list {
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-research-prize__block__list__item {
      width: 362px;
      margin-bottom: 30px;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      cursor: pointer; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-prize__block__list__item {
      text-align: center;
      margin-bottom: 23px;
      margin-bottom: 6.13333vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-research-prize__block__list__item:hover {
      opacity: 0.8; } }
  @media screen and (min-width: 769px), print {
    .p-edu-research-prize__block__list__item:nth-child(odd) {
      margin-right: 28px; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal[aria-hidden="false"] {
    width: 800px; } }

@media screen and (max-width: 768px) {
  .p-edu-research-modal[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

.p-edu-research-modal-detail {
  background: #fff; }
  @media screen and (min-width: 769px), print {
    .p-edu-research-modal-detail {
      padding: 60px 130px; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-modal-detail {
      padding: 30px;
      padding: 8vw; } }
  .p-edu-research-modal-detail__ttl-lv2 {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-edu-research-modal-detail__ttl-lv2 {
        margin-bottom: 10px; } }
    @media screen and (max-width: 768px) {
      .p-edu-research-modal-detail__ttl-lv2 {
        margin-bottom: 15px;
        margin-bottom: 4vw; } }
  .p-edu-research-modal-detail__ttl-lv3 {
    text-align: center;
    font-family: 'BaseFont-JP';
    background-position: bottom center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px), print {
      .p-edu-research-modal-detail__ttl-lv3 {
        font-size: 24px;
        padding-bottom: 15px;
        background-image: url(/assets/img/project/education/openkitchen/research/cmn/bg_ttl_line_pc.png); } }
    @media screen and (max-width: 768px) {
      .p-edu-research-modal-detail__ttl-lv3 {
        margin-bottom: 25px;
        margin-bottom: 6.66667vw;
        font-size: 15px;
        font-size: 4vw;
        padding-bottom: 7.5px;
        padding-bottom: 2vw;
        background-size: 112.5px;
        background-size: 30vw;
        background-image: url(/assets/img/project/education/openkitchen/research/cmn/bg_ttl_line_sp.png); } }
    .p-edu-research-modal-detail__ttl-lv3 span {
      display: inline-block; }
      @media screen and (min-width: 769px), print {
        .p-edu-research-modal-detail__ttl-lv3 span {
          font-size: 19px;
          padding-left: 15px; } }
      @media screen and (max-width: 768px) {
        .p-edu-research-modal-detail__ttl-lv3 span {
          font-size: 10px;
          font-size: 2.66667vw;
          padding-left: 10px;
          padding-left: 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-research-modal-detail__box__txt {
      margin-bottom: 25px;
      font-size: 15px;
      text-align: center; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-modal-detail__box__txt {
      margin-bottom: 20px;
      margin-bottom: 5.33333vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  .p-edu-research-modal-detail__box__img {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-edu-research-modal-detail__box__img {
        margin-bottom: 25px; } }
    @media screen and (max-width: 768px) {
      .p-edu-research-modal-detail__box__img {
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-edu-research-modal-detail__box__btn {
      width: 375px;
      height: 46px;
      margin: 30px auto 0px; } }
  @media screen and (max-width: 768px) {
    .p-edu-research-modal-detail__box__btn {
      height: 41px;
      height: 10.93333vw;
      width: 100%;
      margin-top: 17.5px;
      margin-top: 4.66667vw; } }
  .p-edu-research-modal-detail__box__btn .r-btn {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #e4002b;
    text-decoration: none;
    border: 1px solid #e4002b;
    border-radius: 100px; }
    .p-edu-research-modal-detail__box__btn .r-btn:after {
      content: '';
      position: absolute;
      top: 0;
      left: -200%;
      z-index: 0;
      width: 150%;
      height: 450%;
      border-radius: 50%;
      background-color: #e4002b;
      -webkit-transition: top .65s ease, left .65s ease;
      transition: top .65s ease, left .65s ease; }
    @media screen and (min-width: 769px), print {
      .p-edu-research-modal-detail__box__btn .r-btn:hover {
        cursor: pointer; }
        .p-edu-research-modal-detail__box__btn .r-btn:hover:after {
          top: -100%;
          left: -20%; }
        .p-edu-research-modal-detail__box__btn .r-btn:hover .r-txt {
          color: #fff;
          -webkit-transition: color .5s ease .08s;
          transition: color .5s ease .08s; }
          .p-edu-research-modal-detail__box__btn .r-btn:hover .r-txt:before {
            border-color: #fff;
            -webkit-transition: border-color .4s ease .185s;
            transition: border-color .4s ease .185s; }
          .p-edu-research-modal-detail__box__btn .r-btn:hover .r-txt:after {
            border-color: #fff;
            -webkit-transition: border-color .4s ease .185s;
            transition: border-color .4s ease .185s; } }
    .p-edu-research-modal-detail__box__btn .r-btn .r-txt {
      display: inline-block;
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .p-edu-research-modal-detail__box__btn .r-btn .r-txt:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        border-right: 1px solid #e4002b;
        border-bottom: 1px solid #e4002b;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: border-color .65s ease;
        transition: border-color .65s ease; }
      .p-edu-research-modal-detail__box__btn .r-btn .r-txt:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        border-right: 1px solid #e4002b;
        border-bottom: 1px solid #e4002b;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: border-color .65s ease;
        transition: border-color .65s ease; }
      @media screen and (min-width: 769px), print {
        .p-edu-research-modal-detail__box__btn .r-btn .r-txt {
          font-size: 14px;
          -webkit-transition: color .65s ease;
          transition: color .65s ease; }
          .p-edu-research-modal-detail__box__btn .r-btn .r-txt:before {
            right: 21px;
            width: 10px;
            height: 1px; }
          .p-edu-research-modal-detail__box__btn .r-btn .r-txt:after {
            right: 21px;
            width: 10px;
            height: 1px; } }
      @media screen and (max-width: 768px) {
        .p-edu-research-modal-detail__box__btn .r-btn .r-txt {
          font-size: 3.46667vw;
          line-height: 1.5;
          font-size: 13px;
          font-size: 3.46667vw;
          padding-top: 11px;
          padding-top: 2.93333vw;
          padding-bottom: 11px;
          padding-bottom: 2.93333vw; }
          .p-edu-research-modal-detail__box__btn .r-btn .r-txt:before {
            right: 25px;
            right: 6.66667vw;
            width: 10px;
            width: 2.66667vw;
            height: 0.5px;
            height: 0.13333vw; }
          .p-edu-research-modal-detail__box__btn .r-btn .r-txt:after {
            right: 25px;
            right: 6.66667vw;
            width: 10px;
            width: 2.66667vw;
            height: 0.5px;
            height: 0.13333vw; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal.r-2col {
    width: 850px; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal.r-2col .p-edu-research-modal-detail {
    padding-right: 40px;
    padding-left: 40px; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal.r-2col .p-edu-research-modal-detail__box__img {
    margin-bottom: 0; } }

@media screen and (min-width: 769px), print {
  .p-edu-research-modal.r-2col--pc {
    width: 850px; }
    .p-edu-research-modal.r-2col--pc .p-edu-research-modal-detail {
      padding-right: 40px;
      padding-left: 40px; }
    .p-edu-research-modal.r-2col--pc .p-edu-research-modal-detail__box__img {
      margin-bottom: 0; } }

.p-ir-illust-top {
  position: relative; }
  .p-ir-illust-top .p-ir-illust-top__hdg,
  .p-ir-illust-top .p-ir-illust-top__txt {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-ir-illust-top .p-ir-illust-top__hdg,
      .p-ir-illust-top .p-ir-illust-top__txt {
        width: 335px;
        width: 89.33333vw; } }
  .p-ir-illust-top .p-ir-illust-top__hdg {
    line-height: 1.5;
    color: #e4002b;
    text-align: center;
    font-weight: bold;
    font-family: 'Roboto--strong', 'YakuHanJP--strong', 'BaseFont-JP--strong'; }
    @media screen and (min-width: 769px), print {
      .p-ir-illust-top .p-ir-illust-top__hdg {
        width: 640px;
        line-height: 1.5;
        margin-top: -6px;
        margin-bottom: -6px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-illust-top .p-ir-illust-top__hdg {
      margin-top: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
      margin-bottom: calc(0px - (((1.6rem * 1.5) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-illust-top .p-ir-illust-top__hdg {
      margin-top: -0.8vw;
      margin-bottom: -0.8vw;
      font-size: 12px;
      font-size: 3.2vw; } }
    @media screen and (max-width: 768px) {
      .p-ir-illust-top .p-ir-illust-top__hdg {
        line-height: 1.5;
        margin-top: -11.5px;
        margin-bottom: -11.5px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-illust-top .p-ir-illust-top__hdg {
      margin-top: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-illust-top .p-ir-illust-top__hdg {
      margin-top: -1.53333vw;
      margin-bottom: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-illust-top .p-ir-illust-top__txt {
      line-height: 1.9;
      margin-top: -6.75px;
      margin-bottom: -6.75px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-illust-top .p-ir-illust-top__txt {
      margin-top: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.9) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-illust-top .p-ir-illust-top__txt {
      margin-top: -0.9vw;
      margin-bottom: -0.9vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-ir-illust-top .p-ir-illust-top__txt {
      line-height: 1.9;
      margin-top: -12.6px;
      margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-illust-top .p-ir-illust-top__txt {
      margin-top: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-illust-top .p-ir-illust-top__txt {
      margin-top: -1.68vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-fullwidth {
    margin-right: -20px;
    margin-right: -5.33333vw;
    margin-left: -20px;
    margin-left: -5.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-benefit .p-ir-illust-top__hdg {
    top: 50px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-benefit .p-ir-illust-top__hdg {
    top: 41px;
    top: 10.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-benefit .p-ir-illust-top__txt {
    width: 396px;
    top: 138px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-benefit .p-ir-illust-top__txt {
    top: 146px;
    top: 38.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-company .p-ir-illust-top__hdg {
    top: 50px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-company .p-ir-illust-top__hdg {
    top: 57.5px;
    top: 15.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-company .p-ir-illust-top__txt {
    width: 434px;
    top: 138px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-company .p-ir-illust-top__txt {
    top: 146px;
    top: 38.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-product .p-ir-illust-top__hdg {
    top: 50px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-product .p-ir-illust-top__hdg {
    top: 41px;
    top: 10.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-product .p-ir-illust-top__txt {
    width: 434px;
    top: 138px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-product .p-ir-illust-top__txt {
    top: 146px;
    top: 38.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-performance .p-ir-illust-top__hdg {
    top: 50px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-performance .p-ir-illust-top__hdg {
    top: 41px;
    top: 10.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-illust-top.r-performance .p-ir-illust-top__txt {
    width: 438px;
    top: 138px; } }

@media screen and (max-width: 768px) {
  .p-ir-illust-top.r-performance .p-ir-illust-top__txt {
    top: 146px;
    top: 38.93333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-investors-guide-hdg--lv5 {
    line-height: 1.9;
    margin-top: 22.35px;
    margin-bottom: -7.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-investors-guide-hdg--lv5 {
      margin-top: calc(30px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-investors-guide-hdg--lv5 {
      margin-top: 2.98vw;
      margin-bottom: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }

@media screen and (max-width: 768px) {
  .p-ir-investors-guide-hdg--lv5 {
    line-height: 1.5;
    line-height: 1.5;
    margin-top: 42px;
    margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-investors-guide-hdg--lv5 {
      margin-top: calc(50px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-investors-guide-hdg--lv5 {
      margin-top: 5.6vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

.p-ir-second-section {
  border-top: 1px solid #c7c7c7; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-section {
      margin-top: 95px;
      padding-top: 60px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-section {
      margin-top: 55px;
      margin-top: 14.66667vw;
      padding-top: 45px;
      padding-top: 12vw; } }
  .p-ir-second-section.r-main-visual {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-section.r-main-visual + .p-ir-second-section {
        margin-top: 40px; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-section.r-maintxt {
      font-size: 16px; } }

.p-ir-second-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-hdg--lv1 {
      margin-top: 50px;
      padding-bottom: 23px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-hdg--lv1 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-hdg--lv1 .r-en {
      line-height: 2.177;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-hdg--lv1 .r-en {
      line-height: 1.524;
      font-size: 10px;
      font-size: 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-hdg--lv1 .r-jp {
      line-height: 1;
      font-size: 32px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-hdg--lv1 .r-jp {
      line-height: 1.5;
      display: inline-block;
      margin-top: 9px;
      margin-top: 2.4vw;
      font-size: 30px;
      font-size: 8vw; } }
  .p-ir-second-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-hdg--lv1:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-second__block {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-ir-second__block {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-ir-second__main-visual {
  position: absolute;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .p-ir-second__main-visual {
      left: 50%;
      top: 137px;
      margin-left: 375px;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
  @media screen and (max-width: 768px) {
    .p-ir-second__main-visual {
      width: 318px;
      width: 84.8vw;
      margin-left: 135px;
      margin-left: 36vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second__main-visual.r-ir {
      top: 45px;
      width: 450px;
      margin-left: 264px;
      margin-bottom: -60px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second__main-visual.r-ir {
      top: -30px;
      top: -8vw;
      right: 0;
      width: 246.5px;
      width: 65.73333vw;
      margin-left: 61px;
      margin-left: 16.26667vw;
      z-index: -1; } }

.p-ir-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .p-ir-second-pnl-list__itm {
    position: relative;
    overflow: hidden; }
    .p-ir-second-pnl-list__itm:nth-child(3n) {
      margin-right: 0; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-pnl-list__itm {
        width: 330px;
        height: 128px;
        margin-right: 25px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-pnl-list__itm {
        height: 110px;
        height: 29.33333vw;
        margin-bottom: 25px;
        margin-bottom: 6.66667vw; } }
    .p-ir-second-pnl-list__itm > a {
      display: block;
      -webkit-transition: opacity .2s;
      transition: opacity .2s; }
      .p-ir-second-pnl-list__itm > a:hover {
        opacity: .7; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-pnl-list__img {
      width: 400px;
      max-width: none;
      margin: 0 -35px; } }
  .p-ir-second-pnl-list__hdg {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 769px), print {
      .p-ir-second-pnl-list__hdg {
        line-height: 1.7;
        font-size: 19px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-pnl-list__hdg {
        font-size: 4.26667vw;
        line-height: 1.5; } }
  .p-ir-second-pnl-list-icn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-pnl-list-icn {
        margin-top: 25px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-pnl-list-icn {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .p-ir-second-pnl-list-icn__itm {
      position: relative;
      overflow: hidden;
      border: 1px solid #ddd; }
      @media screen and (min-width: 769px), print {
        .p-ir-second-pnl-list-icn__itm {
          width: 240px;
          height: 100px;
          margin-right: 25px; } }
      @media screen and (max-width: 768px) {
        .p-ir-second-pnl-list-icn__itm {
          width: 161px;
          width: 42.93333vw;
          height: 75px;
          height: 20vw; } }
      @media screen and (min-width: 769px), print {
        .p-ir-second-pnl-list-icn__itm:nth-child(4n) {
          margin-right: 0; } }
      @media screen and (max-width: 768px) {
        .p-ir-second-pnl-list-icn__itm:nth-child(n+3) {
          margin-top: 13px;
          margin-top: 3.46667vw; } }
      .p-ir-second-pnl-list-icn__itm > a {
        display: block;
        position: relative;
        background-image: url(/assets/img/common/fig_arrow-01.svg);
        background-repeat: no-repeat; }
        @media screen and (min-width: 769px), print {
          .p-ir-second-pnl-list-icn__itm > a {
            width: 240px;
            height: 100px;
            -webkit-transition: opacity .2s;
            transition: opacity .2s;
            background-position: 216px center;
            background-size: 5px 8px; } }
        @media screen and (max-width: 768px) {
          .p-ir-second-pnl-list-icn__itm > a {
            width: 161px;
            width: 42.93333vw;
            height: 75px;
            height: 20vw;
            background-position: 141px center;
            background-position: 37.6vw center;
            background-size: 4px 6.5px;
            background-size: 1.06667vw 1.73333vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-second-pnl-list-icn__itm > a:hover {
      opacity: .7; } }
      .p-ir-second-pnl-list-icn__itm.r-blank > a {
        background: none; }
        @media screen and (max-width: 768px) {
          .p-ir-second-pnl-list-icn__itm.r-blank > a {
            position: relative; }
            .p-ir-second-pnl-list-icn__itm.r-blank > a:after {
              content: '';
              display: inline-block;
              background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat 0 0;
              background-size: cover; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      .p-ir-second-pnl-list-icn__itm.r-blank > a:after {
        display: none; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .p-ir-second-pnl-list-icn__itm.r-blank > a:after {
        position: absolute;
        top: 50%;
        right: 15px;
        right: 4vw;
        z-index: 1;
        width: 9px;
        width: 2.4vw;
        height: 9px;
        height: 2.4vw;
        margin-top: -4.5px;
        margin-top: -1.2vw; } }
    .p-ir-second-pnl-list-icn__img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (min-width: 769px), print {
        .p-ir-second-pnl-list-icn__img {
          left: 24px;
          width: 48px; } }
      @media screen and (max-width: 768px) {
        .p-ir-second-pnl-list-icn__img {
          left: 13px;
          left: 3.46667vw;
          width: 27px;
          width: 7.2vw; } }
    .p-ir-second-pnl-list-icn__detail {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #e4002b; }
      @media screen and (min-width: 769px), print {
        .p-ir-second-pnl-list-icn__detail {
          font-size: 19px;
          line-height: 1.9;
          left: 85px;
          letter-spacing: 0; } }
      @media screen and (max-width: 768px) {
        .p-ir-second-pnl-list-icn__detail {
          font-size: 3.46667vw;
          line-height: 1.9;
          left: 48px;
          left: 12.8vw; } }
    .p-ir-second-pnl-list-icn__hdg {
      display: inline-block;
      line-height: 1.5; }
      .r-blank .p-ir-second-pnl-list-icn__hdg:after {
        content: '';
        display: inline-block;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2ZjMjIwYy04NTQxLTRiYzktYTA0Ny1kMzBkMDM4M2NhYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjE5MjFGN0FDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjE5MjFGNzlDQkE4MTFFNzhFNDdDODYyNjdDMjI3MkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2YwYzAwNC1iNThlLTRmZTUtODIxOC0wNzZiMzFhYjUyODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmE2N2ViMy1mNGJlLTExN2EtODQxNS1lY2YzOWE4ZjY5NmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71iGIhAAAABlBMVEXkACv///9fP+52AAAAAnRSTlP/AOW3MEoAAAAoSURBVHjaYmAEAgYUgEuEEQaoKALiUU8E3dWYIigAqwiaakwRgAADAGR/AKLU2tzzAAAAAElFTkSuQmCC") no-repeat 0 0;
        background-size: cover; }
        @media screen and (min-width: 769px), print {
          .r-blank .p-ir-second-pnl-list-icn__hdg:after {
            width: 10px;
            height: 10px;
            margin-bottom: 2px;
            margin-left: 10px; } }
        @media screen and (max-width: 768px) {
          .r-blank .p-ir-second-pnl-list-icn__hdg:after {
            display: none; } }
    .p-ir-second-pnl-list-icn__note {
      display: block; }
      @media screen and (min-width: 769px), print {
        .p-ir-second-pnl-list-icn__note {
          font-size: 13px;
          margin-top: -.5em; } }
      @media screen and (max-width: 768px) {
        .p-ir-second-pnl-list-icn__note {
          font-size: 2.93333vw;
          line-height: 1.5; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 80px; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info {
    width: 50%;
    border-right: 1px solid #ddd;
    padding-right: 25px; } }

@media screen and (max-width: 768px) {
  .p-ir-second-cnt .p-ir-second-info {
    margin-top: 50px;
    margin-top: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info:nth-child(2) {
    padding-left: 25px;
    padding-right: 0;
    border-right: none; } }

.p-ir-second-cnt .p-ir-second-info__hdg-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-info__hdg-wrap .c-txt-link {
      top: 5px; } }

.p-ir-second-cnt .p-ir-second-info__hdg {
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-info__hdg {
      font-size: 19px;
      margin-right: 20px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-info__hdg {
      margin-right: 20px;
      margin-right: 5.33333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info__mark {
    position: absolute;
    top: -2px;
    right: 0;
    border: 1px solid #ddd;
    padding-left: 25px;
    padding-right: 10px;
    background-image: url(/assets/img/project/ir/index/rss.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: 40%;
    background-position-x: 7%;
    -webkit-transition: color .2s, background-image .2s;
    transition: color .2s, background-image .2s; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info__mark:hover {
    text-decoration: none;
    color: #e4002b;
    background-image: url(/assets/img/project/ir/index/rss_on.jpg); } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info__list {
    margin-top: 15px; } }

.p-ir-second-cnt .p-ir-second-info__detail {
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: 14.75px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: 24.2px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: calc(34px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-info__detail {
      margin-top: 3.22667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.p-ir-second-cnt .p-ir-second-info__itm {
  position: relative;
  border-bottom: 1px solid #ddd; }
  .p-ir-second-cnt .p-ir-second-info__itm:last-child {
    border-bottom: none; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-info__itm {
      line-height: 16px;
      padding: 20px 20px 20px 0;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-info__itm {
      padding-bottom: 18px;
      padding-bottom: 4.8vw;
      padding-top: 15px;
      padding-top: 4vw; } }
  .p-ir-second-cnt .p-ir-second-info__itm > a {
    display: block;
    text-decoration: none; }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info__icn {
    position: absolute;
    top: 0;
    left: 0; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-cnt .p-ir-second-info__date {
    margin-right: 22px; } }

.p-ir-second-cnt .p-ir-second-icn {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  color: #e4002b;
  border-color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-cnt .p-ir-second-icn {
      width: 160px;
      border-radius: 10px;
      margin-right: 22px;
      padding: 0 18px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-cnt .p-ir-second-icn {
      width: 123px;
      width: 32.8vw;
      border-radius: 10px;
      border-radius: 2.66667vw;
      margin-right: 16px;
      margin-right: 4.26667vw;
      padding-right: 14px;
      padding-right: 3.73333vw;
      padding-left: 14px;
      padding-left: 3.73333vw;
      line-height: 1.5;
      font-size: 11px;
      font-size: 2.93333vw; } }
  .p-ir-second-cnt .p-ir-second-icn.r-new {
    color: #ff8a16;
    border-color: #ff8a16; }
  .p-ir-second-cnt .p-ir-second-icn.r-stock {
    color: #008c2b;
    border-color: #008c2b; }
  .p-ir-second-cnt .p-ir-second-icn.r-open {
    color: #004ea2;
    border-color: #004ea2; }

@media screen and (min-width: 769px), print {
  .l-main--wrapper.r-ir {
    width: 100%;
    margin-top: 50px;
    padding: 78px 0;
    background-color: #f2f2f2; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-nav {
    width: 1040px;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav {
    margin-top: 15px;
    margin-top: 4vw; } }

.p-ir-second-nav-other__itm {
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav-other__itm {
      position: relative;
      margin-top: 42px;
      padding-left: 265px;
      border-top: 1px solid #ddd; } }
  .p-ir-second-nav-other__itm:before {
    content: 'その他'; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-nav-other__itm:before {
        display: block;
        position: absolute;
        width: 240px;
        height: 100%;
        padding-left: 25px;
        line-height: 50px;
        left: 0;
        top: 0;
        background-color: #ddd; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-nav-other__itm:before {
        display: none; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-nav-other__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12.75px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-second-nav-other__list {
      margin-bottom: calc(18px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-second-nav-other__list {
      margin-bottom: 1.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-nav-other__list .p-ir-second-nav__list__link {
    padding-right: 60px; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav-other__list .p-ir-second-nav__list__link {
    position: relative;
    border-top: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav-other__list .p-ir-second-nav__list__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
        -ms-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg);
    right: 20px;
    right: 5.33333vw;
    width: 4px;
    width: 1.06667vw;
    height: 4px;
    height: 1.06667vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-second-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    /*height: 370px;*/
    /*height: 510px;*/
    height: 600px;} }

@media screen and (min-width: 769px), print {
  .p-ir-second-nav__list__itm {
    width: 266px; }
    .p-ir-second-nav__list__itm:nth-child(3) {
      margin-top: 33.35px;
      line-height: 1.7; } }
    @media screen and (min-width: 769px) and (min-width: 769px), print {
      .p-ir-second-nav__list__itm:nth-child(3) {
        margin-top: calc(40px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
        font-size: 1.26667rem; } }
    @media screen and (min-width: 769px) and (max-width: 768px) {
      .p-ir-second-nav__list__itm:nth-child(3) {
        margin-top: 4.44667vw;
        font-size: 9.5px;
        font-size: 2.53333vw; } }

.p-ir-second-nav__list__link > a {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__list__link > a {
      display: inline-block;
      margin-top: 12.1px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-second-nav__list__link > a {
      margin-top: calc(17px - (((0.93333rem * 1.7) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-second-nav__list__link > a {
      margin-top: 1.61333vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__list__link > a:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      z-index: 1;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__list__link > a {
      padding-left: 13px; }
      .p-ir-second-nav__list__link > a:before {
        top: 9px;
        width: 6px;
        height: 6px; } }

.p-ir-second-nav__list__link .p-irfinance-link {
  display: block;
  position: absolute;
  border-left: solid 1px #333;
  border-bottom: solid 1px #333; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__list__link .p-irfinance-link {
      top: 8px;
      right: -15px;
      width: 8px;
      height: 8px; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-nav__list__link .p-irfinance-link {
      top: 4px;
      top: 0.06667vw;
      right: -12.5px;
      right: 25.33333vw;
      width: 8px;
      width: 2.13333vw;
      height: 8px;
      height: 2.13333vw; } }
  .p-ir-second-nav__list__link .p-irfinance-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-nav__list__link .p-irfinance-link:after {
        width: 8px;
        height: 8px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-nav__list__link .p-irfinance-link:after {
        width: 8px;
        width: 2.13333vw;
        height: 8px;
        height: 2.13333vw; } }
  .p-ir-second-nav__list__link .p-irfinance-link:after {
    border: 1px solid #333; }
    @media screen and (min-width: 769px), print {
      .p-ir-second-nav__list__link .p-irfinance-link:after {
        right: -2px;
        margin-top: -5px; } }
    @media screen and (max-width: 768px) {
      .p-ir-second-nav__list__link .p-irfinance-link:after {
        right: -2.5px;
        right: -0.66667vw;
        margin-top: -6px;
        margin-top: -1.6vw; } }

.p-ir-second-nav__hdg {
  display: block;
  position: relative;
  padding-left: 1.5em; }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__hdg {
      margin-top: -8.55px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-ir-second-nav__hdg {
      margin-top: calc(0px - (((1.26667rem * 1.9) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-ir-second-nav__hdg {
      margin-top: -1.14vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__hdg:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      z-index: 1;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      background-color: #e4002b;
      top: .33em; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-nav__hdg:before {
      top: .35em; } }
  @media screen and (min-width: 769px), print {
    .p-ir-second-nav__hdg:after {
      content: '';
      display: inline-block;
      position: absolute;
      z-index: 2;
      width: .3em;
      height: .3em;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: .65em;
      left: .33em; } }
  @media screen and (max-width: 768px) {
    .p-ir-second-nav__hdg:after {
      top: .7em;
      left: .28em; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm {
    position: relative;
    border-top: 1px solid #ddd; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm span[role=button] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    width: 45px;
    width: 12vw;
    height: 51px;
    height: 13.6vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm span[role=button]:before, .p-ir-second-nav__list__itm span[role=button]:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: #e4002b;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm span[role=button]:before {
    width: 8px;
    width: 2.13333vw;
    height: 1px;
    height: 0.26667vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm span[role=button][aria-expanded="true"] + .p-ir-second-nav__list__sublist {
    height: auto;
    opacity: 1; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm span[role=button]:not([aria-expanded="true"]):after {
    width: 1px;
    width: 0.26667vw;
    height: 8px;
    height: 2.13333vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm:not(.role-has-sublist) .p-ir-second-nav__list__link:after,
  .p-ir-second-nav__list__itm .p-ir-second-nav__list__sublist .p-ir-second-nav__list__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-right: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
        -ms-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg);
    right: 20px;
    right: 5.33333vw;
    width: 4px;
    width: 1.06667vw;
    height: 4px;
    height: 1.06667vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__hdg,
  .p-ir-second-nav-other__hdg {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1.5;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 20px;
    padding-left: 5.33333vw;
    padding-bottom: 31.5px;
    padding-top: 31.5px;
    line-height: 1.5; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-second-nav__hdg,
    .p-ir-second-nav-other__hdg {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-second-nav__hdg,
    .p-ir-second-nav-other__hdg {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__sublist {
    overflow: hidden;
    height: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__sublist .p-ir-second-nav__list__link {
    display: block;
    position: relative;
    padding-right: 20px;
    padding-right: 5.33333vw;
    padding-left: 45px;
    padding-left: 12vw;
    padding-bottom: 31.5px;
    padding-top: 31.5px;
    line-height: 1.5;
    border-top: 1px solid #ddd; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-ir-second-nav__list__sublist .p-ir-second-nav__list__link {
      padding-bottom: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      padding-top: calc(38px - (((1.73333rem * 1.5) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-ir-second-nav__list__sublist .p-ir-second-nav__list__link {
      padding-bottom: 4.2vw;
      padding-top: 4.2vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__sublist .p-ir-second-nav__list__link:before {
    content: '';
    display: block;
    position: absolute;
    border-left: 1px solid #e4002b;
    border-bottom: 1px solid #e4002b;
    width: 10px;
    width: 2.66667vw;
    height: 10px;
    height: 2.66667vw;
    left: 25px;
    left: 6.66667vw;
    top: 17px;
    top: 4.53333vw; } }

@media screen and (max-width: 768px) {
  .p-ir-second-nav__list__itm__link + .p-ir-second-nav__list__sublist {
    border-top: 1px solid #ddd; } }

@media screen and (min-width: 769px), print {
  .p-serect-year-note {
    position: absolute;
    right: 20px;
    top: 170px; } }

@media screen and (max-width: 768px) {
  .p-serect-year-note {
    margin-top: 20px;
    margin-top: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .pasttour {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .pasttour {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-shareholders-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-shareholders-list {
      margin-bottom: 15px;
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .p-shareholders-list {
      margin-top: 35px;
      margin-top: 9.33333vw;
      margin-bottom: 30px;
      margin-bottom: 8vw; } }
  @media screen and (min-width: 769px), print {
    .p-shareholders-list__item {
      margin-bottom: 25.5px;
      line-height: 1.5625;
      width: 25%; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-shareholders-list__item {
      margin-bottom: calc(30px - (((1.06667rem * 1.5625) - 1.06667rem) / 2));
      font-size: 1.06667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-shareholders-list__item {
      margin-bottom: 3.4vw;
      font-size: 8px;
      font-size: 2.13333vw; } }
  @media screen and (max-width: 768px) {
    .p-shareholders-list__item {
      margin-bottom: 21px;
      margin-top: 21px;
      line-height: 1.6; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-shareholders-list__item {
      margin-bottom: calc(30px - (((2rem * 1.6) - 2rem) / 2));
      margin-top: calc(30px - (((2rem * 1.6) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-shareholders-list__item {
      margin-bottom: 2.8vw;
      margin-top: 2.8vw;
      font-size: 15px;
      font-size: 4vw; } }
  .p-shareholders-list__item__link {
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 769px), print {
      .p-shareholders-list__item__link {
        padding-right: 20px; } }
    @media screen and (max-width: 768px) {
      .p-shareholders-list__item__link {
        padding-right: 10px;
        padding-right: 2.66667vw; } }
    .p-shareholders-list__item__link:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: translate(0, -50%) rotate(45deg);
          -ms-transform: translate(0, -50%) rotate(45deg);
              transform: translate(0, -50%) rotate(45deg);
      right: 0; }
      @media screen and (min-width: 769px), print {
        .p-shareholders-list__item__link:after {
          width: 4px;
          height: 4px; } }
      @media screen and (max-width: 768px) {
        .p-shareholders-list__item__link:after {
          width: 4px;
          width: 1.06667vw;
          height: 4px;
          height: 1.06667vw;
          border-width: 1px;
          border-width: 0.26667vw; } }

.c-card-list__irhdg {
  position: relative;
  border-bottom-style: solid;
  border-bottom-color: #d2d2d2; }
  .c-card-list__irhdg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-color: #e50017; }
  @media screen and (min-width: 769px), print {
    .c-card-list__irhdg {
      line-height: 1.66;
      font-size: 18px;
      border-bottom-width: 2px;
      margin-bottom: 40px; }
      .c-card-list__irhdg:before {
        bottom: -2px;
        width: 132px;
        height: 2px; } }
  @media screen and (max-width: 768px) {
    .c-card-list__irhdg {
      margin-bottom: 41px;
      margin-bottom: 10.93333vw;
      padding-bottom: 8px;
      padding-bottom: 2.13333vw;
      font-size: 17px;
      font-size: 4.53333vw;
      border-bottom-width: 1px;
      border-bottom-width: 0.26667vw; }
      .c-card-list__irhdg:before {
        bottom: -1px;
        bottom: -0.26667vw;
        width: 89px;
        width: 23.73333vw;
        height: 1px;
        height: 0.26667vw; } }
  .c-card-list__irhdg.r-type01:before {
    background-color: #004ea2; }
  .c-card-list__irhdg.r-type02:before {
    background-color: #6fba2c; }

@media screen and (max-width: 768px) {
  .c-table__data__break:after {
    content: "\A\A";
    white-space: pre; } }

.p-ir-utility-area {
  border: 1px solid #cacaca; }
  @media screen and (min-width: 769px), print {
    .p-ir-utility-area {
      padding: 40px;
      margin-top: 2em; } }
  @media screen and (max-width: 768px) {
    .p-ir-utility-area {
      padding: 20px;
      padding: 5.33333vw;
      margin-top: 25px;
      margin-top: 6.66667vw; } }

.focus_icon_frm {
  display: inline-block;
  position: relative;
  vertical-align: text-top; }
  @media screen and (min-width: 769px), print {
    .focus_icon_frm {
      width: 32px;
      height: 14px;
      padding-left: 1px; } }
  @media screen and (max-width: 768px) {
    .focus_icon_frm {
      width: 32px;
      width: 8.53333vw;
      height: 14px;
      height: 3.73333vw;
      padding-left: 0.5px;
      padding-left: 0.13333vw; } }

.focus_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 1px;
  border: solid 1px currentColor; }
  .focus_icon:before, .focus_icon:after {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: #fff; }
  .focus_icon:before {
    left: 50%; }
  .focus_icon:after {
    top: 50%; }
  @media screen and (min-width: 769px), print {
    .focus_icon {
      width: 14px;
      height: 14px;
      margin-top: -7px;
      margin-left: -6px; }
      .focus_icon:before {
        top: -1px;
        width: 4px;
        height: 16px;
        margin-left: -2px; }
      .focus_icon:after {
        left: -1px;
        width: 16px;
        height: 4px;
        margin-top: -2px; } }
  @media screen and (max-width: 768px) {
    .focus_icon {
      width: 14px;
      width: 3.73333vw;
      height: 14px;
      height: 3.73333vw;
      margin-top: -7px;
      margin-top: -1.86667vw;
      margin-left: -6.5px;
      margin-left: -1.73333vw; }
      .focus_icon:before {
        top: -1px;
        top: -0.26667vw;
        width: 4px;
        width: 1.06667vw;
        height: 16px;
        height: 4.26667vw;
        margin-left: -2px;
        margin-left: -0.53333vw; }
      .focus_icon:after {
        left: -1px;
        left: -0.26667vw;
        width: 16px;
        width: 4.26667vw;
        height: 4px;
        height: 1.06667vw;
        margin-top: -2px;
        margin-top: -0.53333vw; } }

.c-txt-link__select {
  display: inline-block;
  position: relative; }
  .c-txt-link__select:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 1;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media screen and (min-width: 769px), print {
    .c-txt-link__select {
      padding-left: 13px; }
      .c-txt-link__select:before {
        top: 9px;
        width: 6px;
        height: 6px; } }
  @media screen and (max-width: 768px) {
    .c-txt-link__select {
      padding-left: 11.5px;
      padding-left: 3.06667vw; }
      .c-txt-link__select:before {
        top: 8px;
        top: 2.13333vw;
        width: 4.5px;
        width: 1.2vw;
        height: 4.5px;
        height: 1.2vw; } }

@media screen and (min-width: 769px), print {
  .p-ir-individual-top {
    position: relative; }
    .p-ir-individual-top__txtar {
      position: absolute;
      top: 0;
      left: 30%; } }

@media screen and (max-width: 768px) {
  .p-ir-individual-top {
    position: relative; }
    .p-ir-individual-top__txtar {
      position: absolute;
      top: 0px;
      top: 0vw;
      left: 30px;
      left: 8vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-tgl3col .c-pnl-list__itm {
    width: 214px;
    margin-top: 50px;
    margin-right: 24px; } }

.l-main--2col .c-pnl-list.r-tgl3col .c-pnl-list__itm:nth-child(3) {
  margin-right: 0; }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-tgl3col .c-pnl-list__itm .c-pnl-list__itm__box {
    padding-top: 191px; } }

@media screen and (min-width: 769px), print {
  .l-main--2col .c-pnl-list.r-tgl3col .c-pnl-list__itm .c-pnl-list__itm__box .c-pnl-list__itm__img__frm {
    height: 191px; } }

@media screen and (min-width: 769px), print {
  .c-imgttl-content {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .c-imgttl-content {
    margin-top: 20px;
    margin-top: 5.33333vw; } }

.c-imgttl-content .c-imgttl-toggle {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column; }
  .c-imgttl-content .c-imgttl-toggle__list {
    border: 1px solid #ededed;
    position: relative; }
    @media screen and (min-width: 769px), print {
      .c-imgttl-content .c-imgttl-toggle__list {
        padding: 40px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 768px) {
      .c-imgttl-content .c-imgttl-toggle__list {
        padding: 20px;
        padding: 5.33333vw;
        margin-bottom: 20px;
        margin-bottom: 5.33333vw; }
        .c-imgttl-content .c-imgttl-toggle__list:last-child {
          margin-bottom: 0; } }
    .c-imgttl-content .c-imgttl-toggle__list__header {
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .c-imgttl-content .c-imgttl-toggle__list__header {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column;
              -ms-flex-flow: column;
                  flex-flow: column; } }
      .c-imgttl-content .c-imgttl-toggle__list__header__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (min-width: 769px), print {
          .c-imgttl-content .c-imgttl-toggle__list__header__img {
            width: 132px;
            margin-right: 40px; } }
        @media screen and (max-width: 768px) {
          .c-imgttl-content .c-imgttl-toggle__list__header__img {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
      .c-imgttl-content .c-imgttl-toggle__list__header__txt-area {
        color: #333; }
        @media screen and (min-width: 769px), print {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1; } }
        @media screen and (max-width: 768px) {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area {
            margin-top: 30px;
            margin-top: 8vw; } }
        @media screen and (min-width: 769px), print {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__hdg {
            font-size: 24px;
            line-height: 1.41; } }
        @media screen and (max-width: 768px) {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__hdg {
            font-size: 23px;
            font-size: 6.13333vw;
            line-height: 35px;
            line-height: 9.33333vw; } }
        .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__hdg__sub {
          display: block; }
          @media screen and (min-width: 769px), print {
            .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__hdg__sub {
              font-size: 12px;
              margin-bottom: 7px; } }
          @media screen and (max-width: 768px) {
            .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__hdg__sub {
              font-size: 11.5px;
              font-size: 3.06667vw;
              line-height: 26.5px;
              line-height: 7.06667vw; } }
        @media screen and (min-width: 769px), print {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__desc {
            margin-top: 30px; } }
        @media screen and (max-width: 768px) {
          .c-imgttl-content .c-imgttl-toggle__list__header__txt-area__desc {
            margin-top: 20px;
            margin-top: 5.33333vw; } }

.r-square {
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .r-square {
      width: 15px;
      height: 15px;
      margin-right: 10px; } }
  @media screen and (max-width: 768px) {
    .r-square {
      width: 15px;
      width: 4vw;
      height: 15px;
      height: 4vw;
      margin-right: 5px;
      margin-right: 1.33333vw; } }
  .r-square.r-sq-condiments {
    background: #DD6B4F; }
  .r-square.r-sq-egg {
    background: #E8BA41; }
  .r-square.r-sq-delicatessen {
    background: #B6CE5C; }
  .r-square.r-sq-pf {
    background: #7094C0; }
  .r-square.r-sq-fc {
    background: #EEAEA2; }
  .r-square.r-sq-distribution {
    background: #4AACBC; }

@media screen and (min-width: 769px), print {
  .p-csr__label__wrapper:after {
    content: '';
    clear: both;
    display: block; } }

.p-csr__label__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-csr__label__block {
      width: 373px;
      float: left; }
      .p-csr__label__block:nth-child(2) {
        margin-left: 25px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__block {
      margin-top: 65px;
      margin-top: 17.33333vw; }
      .p-csr__label__block:first-child {
        margin-top: 0; } }
  .p-csr__label__block__ttl {
    width: 100%;
    text-align: center;
    line-height: 1.25;
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 769px), print {
      .p-csr__label__block__ttl {
        margin-bottom: 35px;
        padding-bottom: 16px;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .p-csr__label__block__ttl {
        margin-bottom: 26px;
        margin-bottom: 6.93333vw;
        padding-bottom: 17px;
        padding-bottom: 4.53333vw;
        font-size: 15px;
        font-size: 4vw; } }

.p-csr__label__block.r-type01 .p-csr__label__box {
  width: 100%; }

.p-csr__label__block.r-type01 .p-csr__label__box + .p-csr__label__box {
  margin-top: 65px; }

.p-csr__label__block.r-type02 .p-csr__label__box {
  width: 100%;
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-csr__label__block.r-type02 .p-csr__label__box {
      width: 174px; }
      .p-csr__label__block.r-type02 .p-csr__label__box:nth-of-type(2) {
        margin-left: 25px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__block.r-type02 .p-csr__label__box {
      width: 156px;
      width: 41.6vw; }
      .p-csr__label__block.r-type02 .p-csr__label__box:nth-of-type(2) {
        margin-left: 22.5px;
        margin-left: 6vw; } }

.p-csr__label__content {
  position: relative; }
  .p-csr__label__content:after {
    content: '';
    clear: both;
    display: block; }
  .p-csr__label__content.r-2col .p-csr__label__content__item:nth-child(1) {
    float: left; }
  .p-csr__label__content.r-2col .p-csr__label__content__item:nth-child(2) {
    float: right; }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content.r-2col.r-type01 .p-csr__label__content__item {
      width: 174px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content.r-2col.r-type01 .p-csr__label__content__item {
      width: 156px;
      width: 41.6vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content.r-2col.r-type02 .p-csr__label__content__item:nth-of-type(1) {
      width: 253px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content.r-2col.r-type02 .p-csr__label__content__item:nth-of-type(1) {
      width: 228px;
      width: 60.8vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content.r-2col.r-type02 .p-csr__label__content__item:nth-of-type(2) {
      width: 100px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content.r-2col.r-type02 .p-csr__label__content__item:nth-of-type(2) {
      width: 90.5px;
      width: 24.13333vw; } }

.p-csr__label__content__item {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content__item {
      margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content__item {
      margin-bottom: 35px;
      margin-bottom: 9.33333vw; } }
  .p-csr__label__content__item.r-0line {
    padding-top: 0; }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content__item.r-1line {
      padding-top: 30px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content__item.r-1line {
      padding-top: 26px;
      padding-top: 6.93333vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr__label__content__item.r-2line {
      padding-top: 50px; } }
  @media screen and (max-width: 768px) {
    .p-csr__label__content__item.r-2line {
      padding-top: 46px;
      padding-top: 12.26667vw; } }
  .p-csr__label__content__item__ttl {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: left;
    line-height: 1.25; }
    @media screen and (min-width: 769px), print {
      .p-csr__label__content__item__ttl {
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .p-csr__label__content__item__ttl {
        font-size: 15px;
        font-size: 4vw; } }
  .p-csr__label__content__item.r-absolute {
    position: absolute; }

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

@media screen and (max-width: 768px) {
  .r-mayonnaise .p-csr__label__content__item.r-product {
    margin: 0 auto;
    width: 307px;
    width: 81.86667vw; } }

@media screen and (min-width: 769px), print {
  .r-mayonnaise .p-csr__label__content__item.r-jas {
    width: 80px !important; } }

@media screen and (max-width: 768px) {
  .r-mayonnaise .p-csr__label__content__item.r-jas {
    width: 75px !important;
    width: 20vw !important;
    letter-spacing: 0; } }

.r-mayonnaise .p-csr__label__content__item.r-fairness {
  bottom: 0;
  left: 0; }
  @media screen and (min-width: 769px), print {
    .r-mayonnaise .p-csr__label__content__item.r-fairness {
      width: 80px !important; } }
  @media screen and (max-width: 768px) {
    .r-mayonnaise .p-csr__label__content__item.r-fairness {
      width: 75px !important;
      width: 20vw !important;
      letter-spacing: 0; } }

@media screen and (min-width: 769px), print {
  .r-mayonnaise .p-csr__label__content__item.r-bell {
    width: 80px !important; } }

@media screen and (max-width: 768px) {
  .r-mayonnaise .p-csr__label__content__item.r-bell {
    width: 75px !important;
    width: 20vw !important;
    letter-spacing: 0; } }

@media screen and (max-width: 768px) {
  .r-baby-food .p-csr__label__content__item.r-product {
    margin: 0 auto;
    width: 206px;
    width: 54.93333vw; } }

.r-baby-food .p-csr__label__content__item.r-allergy {
  bottom: 0; }

.r-baby-food .p-csr__label__content__item.r-sell-by {
  float: right; }
  @media screen and (min-width: 769px), print {
    .r-baby-food .p-csr__label__content__item.r-sell-by {
      width: 100px !important; } }
  @media screen and (max-width: 768px) {
    .r-baby-food .p-csr__label__content__item.r-sell-by {
      width: 90.5px !important;
      width: 24.13333vw !important; } }

@media screen and (min-width: 769px), print {
  .r-baby-food .p-csr__label__content__item.r-material-display {
    width: 78px !important; } }

@media screen and (max-width: 768px) {
  .r-baby-food .p-csr__label__content__item.r-material-display {
    width: 68px !important;
    width: 18.13333vw !important; } }

@media screen and (min-width: 769px), print {
  .r-baby-food .p-csr__label__content__item.r-retort-pouch {
    width: 176px !important; } }

.r-baby-food .p-csr__label__content__item.r-infant-formula {
  bottom: 0; }

@media screen and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-product {
    margin: 0 auto;
    width: 93.5px;
    width: 24.93333vw; } }

@media screen and (min-width: 769px), print {
  .r-dressing .p-csr__label__content__item.r-nutrition {
    width: 100px !important; } }

@media screen and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-nutrition {
    width: 95px !important;
    width: 25.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .r-dressing .p-csr__label__content__item.r-barcode {
    width: 53px !important; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-barcode {
    width: 47.5px !important;
    width: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .r-dressing .p-csr__label__content__item.r-shake-dressing {
    width: 100px !important; } }

@media screen and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-shake-dressing {
    width: 95px !important;
    width: 25.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .r-dressing .p-csr__label__content__item.r-sell-by {
    width: 100px !important; } }

@media screen and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-sell-by {
    width: 95px !important;
    width: 25.33333vw !important; } }

.r-dressing .p-csr__label__content__item.r-transmission-matters {
  bottom: 0; }
  @media screen and (min-width: 769px), print {
    .r-dressing .p-csr__label__content__item.r-transmission-matters {
      width: 100px !important; } }
  @media screen and (max-width: 768px) {
    .r-dressing .p-csr__label__content__item.r-transmission-matters {
      width: 95px !important;
      width: 25.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .r-dressing .p-csr__label__content__item.r-material-display {
    width: 52px !important; } }

@media screen and (max-width: 768px) {
  .r-dressing .p-csr__label__content__item.r-material-display {
    width: 46.5px !important;
    width: 12.4vw !important; } }

.p-csr-modal__link {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .p-csr-modal__link {
      -webkit-transition: opacity .2s;
      transition: opacity .2s; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-csr-modal__link:hover, .p-csr-modal__link:active, .p-csr-modal__link:focus {
      opacity: .7; } }
  .p-csr-modal__link:before, .p-csr-modal__link:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2; }
  .p-csr-modal__link:before {
    background-color: #e40015; }
    @media screen and (min-width: 769px), print {
      .p-csr-modal__link:before {
        width: 15px;
        height: 1px;
        bottom: 23px;
        right: 16px; } }
    @media screen and (max-width: 768px) {
      .p-csr-modal__link:before {
        bottom: 23.5px;
        bottom: 6.26667vw;
        right: 17px;
        right: 4.53333vw;
        width: 15px;
        width: 4vw;
        height: 1px; } }
  .p-csr-modal__link:after {
    background-color: #e40015; }
    @media screen and (min-width: 769px), print {
      .p-csr-modal__link:after {
        width: 1px;
        height: 15px;
        bottom: 16px;
        right: 23px; } }
    @media screen and (max-width: 768px) {
      .p-csr-modal__link:after {
        bottom: 16.5px;
        bottom: 4.4vw;
        right: 24px;
        right: 6.4vw;
        width: 1px;
        height: 15px;
        height: 4vw; } }

.p-csr-modal__link__inner {
  display: block;
  position: relative; }
  .p-csr-modal__link__inner:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    border: 1px solid #e40015;
    border-radius: 50%; }
    @media screen and (min-width: 769px), print {
      .p-csr-modal__link__inner:after {
        width: 37px;
        height: 37px;
        bottom: 5px;
        right: 5px; } }
    @media screen and (max-width: 768px) {
      .p-csr-modal__link__inner:after {
        bottom: 5px;
        bottom: 1.33333vw;
        right: 5px;
        right: 1.33333vw;
        width: 37px;
        width: 9.86667vw;
        height: 37px;
        height: 9.86667vw; } }

@media screen and (max-width: 768px) {
  .p-csr__block {
    margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (max-width: 768px) {
  .p-csr__block .p-csr-materiality_lyt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_desc {
    width: 66.53747%;
    margin-right: 19px; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_desc .c-hdg--lv4 {
    margin-top: 40px; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_relation {
    width: 25.83979%;
    margin-left: 40px; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_relation__icon {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_relation__icon {
    width: 200px;
    width: 53.33333vw;
    height: auto; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-csr__block .p-csr-materiality_lyt .p-csr-materiality_relation__icon.u-icon-area__full {
      width: 307.5px;
      width: 82vw;
      height: auto; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .c-list .c-list__itm:not(:first-child) {
    margin-top: 5px; } }

@media screen and (min-width: 769px), print {
  .p-csr__block .p-csr-materiality_lyt .c-img-frm .u-icon-only {
    width: 100px; } }

@media screen and (max-width: 768px) {
  .p-csr__block .p-csr-materiality_lyt .c-img-frm .u-icon-only {
    width: 27.333vw; } }

.p-csr-materiality_ordered__itm {
  position: relative;
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .p-csr-materiality_ordered__itm {
      width: 49%;
      padding-left: 25px; }
      .p-csr-materiality_ordered__itm:nth-child(n + 3) {
        margin-top: 10px; } }
  @media screen and (max-width: 768px) {
    .p-csr-materiality_ordered__itm {
      padding-left: 25px;
      padding-left: 6.66667vw; }
      .p-csr-materiality_ordered__itm:nth-child(n + 2) {
        margin-top: 20px; } }
  .p-csr-materiality_ordered__itm__mark {
    display: inline-block;
    position: absolute;
    z-index: 1;
    background-color: #e4002b;
    border: 1px solid #e4002b;
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-csr-materiality_ordered__itm__mark {
        width: 15px;
        height: 15px;
        top: 8px;
        left: 0; } }
    @media screen and (max-width: 768px) {
      .p-csr-materiality_ordered__itm__mark {
        width: 15px;
        width: 4vw;
        height: 15px;
        height: 4vw;
        top: 8px;
        top: 2.13333vw;
        left: 0px;
        left: 0vw; } }

.p-csr-materiality_ordered__link {
  display: inline-block;
  position: relative;
  text-decoration: none; }
  @media screen and (min-width: 769px), print {
    .p-csr-materiality_ordered__link {
      padding-right: 20px;
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-csr-materiality_ordered__link {
      font-size: 4.26667vw;
      padding-right: 20px;
      padding-right: 5.33333vw; } }
  .p-csr-materiality_ordered__link:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -5px;
    z-index: 1;
    width: 1em;
    height: 1em;
    margin-top: -.6em;
    background: url(/assets/img/common/fig_arrow_circle_under-02.svg) no-repeat center;
    background-size: 1em; }
  .p-csr-materiality_ordered__link:hover {
    text-decoration: none; }

@media screen and (min-width: 769px), print {
  .r-materiality_itm__only {
    width: 50px; } }

@media screen and (max-width: 768px) {
  .r-materiality_itm__only {
    width: 50px;
    width: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .r-materiality_itm__second {
    width: 105px; } }

@media screen and (max-width: 768px) {
  .r-materiality_itm__second {
    width: 107.5px;
    width: 28.66667vw; } }

@media screen and (min-width: 769px), print {
  .r-materiality_itm__third {
    width: 160px; } }

@media screen and (max-width: 768px) {
  .r-materiality_itm__third {
    width: 165px;
    width: 44vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-hdg__addicon {
    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; }
    .p-csr-hdg__addicon + .c-sec .c-hdg--lv2 {
      margin-top: calc(80px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }

@media screen and (min-width: 769px), print {
  .p-csr-hdg__addicon--one {
    width: 102px; } }

@media screen and (max-width: 768px) {
  .p-csr-hdg__addicon--one {
    width: 50px;
    width: 13.33333vw;
    height: 52.5px;
    height: 14vw;
    padding-top: 10vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-hdg__addicon--two {
    width: 219px; } }

@media screen and (max-width: 768px) {
  .p-csr-hdg__addicon--two {
    width: 107.5px;
    width: 28.66667vw;
    height: 52.5px;
    height: 14vw;
    padding-top: 10vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-hdg__addicon--three {
    width: 335px; } }

@media screen and (max-width: 768px) {
  .p-csr-hdg__addicon--three {
    width: 165px;
    width: 44vw;
    height: 52.5px;
    height: 14vw;
    padding-top: 10vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal[aria-hidden="false"] {
    width: 900px;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) {
  .p-csr-modal[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

.p-csr-modal-detail {
  background: #fff; }
  @media screen and (min-width: 769px), print {
    .p-csr-modal-detail {
      padding: 1px 60px 60px; } }
  @media screen and (max-width: 768px) {
    .p-csr-modal-detail {
      padding: 0.5px 30px 30px 30px;
      padding: 0.13333vw 8vw 8vw 8vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr-modal-detail .c-sec:first-of-type {
      margin-top: 60px; } }
  @media screen and (min-width: 769px), print {
    .p-csr-modal-detail .c-hdg--lv2.is-no-mt {
      margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .p-csr-modal-detail .c-hdg--lv2 {
      margin-top: 9.33vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr-modal-detail .p-csr-modal-img__lyt {
      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: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 35px; } }
  @media screen and (max-width: 768px) {
    .p-csr-modal-detail .p-csr-modal-img__lyt {
      margin-top: 8vw; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal-detail-list {
    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; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal-detail-list__item {
    width: 330px;
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .p-csr-modal-detail-list__item {
    margin-top: 15px;
    margin-top: 4vw; } }

@media screen and (max-width: 768px) {
  .p-csr-modal-detail-list__item:nth-child(1) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal-detail-list__item:nth-child(1), .p-csr-modal-detail-list__item:nth-child(2) {
    margin-top: 0; } }

@media screen and (min-width: 769px), print {
  .p-csr-modal-detail-list__item img {
    width: 100%; } }

.r-modal {
  position: relative;
  overflow: visible; }
  .r-modal:hover {
    cursor: pointer; }
    @media screen and (min-width: 769px), print {
      .r-modal:hover {
        opacity: .7;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease; } }
  @media screen and (min-width: 769px), print {
    .r-modal .r-cap {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 13px;
      display: block;
      width: 110px;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 768px) {
    .r-modal .r-cap {
      display: none; } }
  .r-modal .r-loupe {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .r-modal .r-loupe {
        width: 22px;
        right: -4px;
        bottom: -4px;
        z-index: 5; } }
    @media screen and (max-width: 768px) {
      .r-modal .r-loupe {
        width: 25px;
        width: 6.66667vw;
        right: -4px;
        right: -1.06667vw;
        bottom: -5px;
        bottom: -1.33333vw;
        z-index: 5; } }

@media screen and (min-width: 769px), print {
  .p-csr-label-modal-detail__box__btn {
    width: 375px;
    height: 46px;
    margin: 30px auto 0px; } }

@media screen and (max-width: 768px) {
  .p-csr-label-modal-detail__box__btn {
    height: 41px;
    height: 10.93333vw;
    width: 100%;
    margin-top: 17.5px;
    margin-top: 4.66667vw; } }

.p-csr-label-modal-detail__box__btn .r-btn {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #e4002b;
  text-decoration: none;
  border: 1px solid #e4002b;
  border-radius: 100px; }
  .p-csr-label-modal-detail__box__btn .r-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    z-index: 0;
    width: 150%;
    height: 450%;
    border-radius: 50%;
    background-color: #e4002b;
    -webkit-transition: top .65s ease, left .65s ease;
    transition: top .65s ease, left .65s ease; }
  @media screen and (min-width: 769px), print {
    .p-csr-label-modal-detail__box__btn .r-btn:hover {
      cursor: pointer; }
      .p-csr-label-modal-detail__box__btn .r-btn:hover:after {
        top: -100%;
        left: -20%; } }
  .p-csr-label-modal-detail__box__btn .r-btn .r-txt {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .p-csr-label-modal-detail__box__btn .r-btn .r-txt:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: border-color .65s ease;
      transition: border-color .65s ease; }
    .p-csr-label-modal-detail__box__btn .r-btn .r-txt:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      z-index: 1;
      border-right: 1px solid #e4002b;
      border-bottom: 1px solid #e4002b;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: border-color .65s ease;
      transition: border-color .65s ease; }
    @media screen and (min-width: 769px), print {
      .p-csr-label-modal-detail__box__btn .r-btn .r-txt {
        line-height: 46px;
        font-size: 14px;
        -webkit-transition: color .65s ease;
        transition: color .65s ease; }
        .p-csr-label-modal-detail__box__btn .r-btn .r-txt:before {
          right: 21px;
          width: 10px;
          height: 1px; }
        .p-csr-label-modal-detail__box__btn .r-btn .r-txt:after {
          right: 21px;
          width: 10px;
          height: 1px; }
        .p-csr-label-modal-detail__box__btn .r-btn .r-txt:hover {
          color: #fff;
          -webkit-transition: color .5s ease .08s;
          transition: color .5s ease .08s; }
          .p-csr-label-modal-detail__box__btn .r-btn .r-txt:hover:before {
            border-color: #fff;
            -webkit-transition: border-color .4s ease .185s;
            transition: border-color .4s ease .185s; }
          .p-csr-label-modal-detail__box__btn .r-btn .r-txt:hover:after {
            border-color: #fff;
            -webkit-transition: border-color .4s ease .185s;
            transition: border-color .4s ease .185s; } }
    @media screen and (max-width: 768px) {
      .p-csr-label-modal-detail__box__btn .r-btn .r-txt {
        font-size: 3.46667vw;
        line-height: 1.5;
        font-size: 13px;
        font-size: 3.46667vw;
        padding-top: 11px;
        padding-top: 2.93333vw;
        padding-bottom: 11px;
        padding-bottom: 2.93333vw; }
        .p-csr-label-modal-detail__box__btn .r-btn .r-txt:before {
          right: 25px;
          right: 6.66667vw;
          width: 10px;
          width: 2.66667vw;
          height: 0.5px;
          height: 0.13333vw; }
        .p-csr-label-modal-detail__box__btn .r-btn .r-txt:after {
          right: 25px;
          right: 6.66667vw;
          width: 10px;
          width: 2.66667vw;
          height: 0.5px;
          height: 0.13333vw; } }

.p-csr-modal__txt-01 {
  position: absolute;
  bottom: -20%;
  left: 110px;
  line-height: 1.692; }

.p-csr-msgpresident__sign {
  position: relative; }
  .p-csr-msgpresident__sign__img {
    position: absolute;
    display: inline-block; }
    @media screen and (min-width: 769px), print {
      .p-csr-msgpresident__sign__img {
        top: 10px;
        right: -5px;
        width: 120px; } }
    @media screen and (max-width: 768px) {
      .p-csr-msgpresident__sign__img {
        width: 120px;
        width: 32vw;
        top: 10px;
        top: 2.66667vw;
        right: -5px;
        right: -1.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-slider.r-second {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-second {
    margin-top: 25px;
    margin-top: 6.66667vw; } }

.c-slider.r-second .c-slider__item__box {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background-color: #fff; }
  @media screen and (min-width: 769px), print {
    .c-slider.r-second .c-slider__item__box {
      padding: 40px 30px; } }
  @media screen and (max-width: 768px) {
    .c-slider.r-second .c-slider__item__box {
      padding: 20px; } }
  @media screen and (min-width: 769px), print {
    .c-slider.r-second .c-slider__item__box__fig {
      margin-right: 30px;
      float: left;
      width: 240px; } }
  @media screen and (max-width: 768px) {
    .c-slider.r-second .c-slider__item__box__fig {
      margin-bottom: 10px;
      margin-bottom: 2.66667vw;
      width: 100%; } }
  .c-slider.r-second .c-slider__item__box__fig img {
    width: 100%; }
  .c-slider.r-second .c-slider__item__box__txt {
    overflow: hidden; }
    .c-slider.r-second .c-slider__item__box__txt dt {
      color: #e4002b; }
      @media screen and (min-width: 769px), print {
        .c-slider.r-second .c-slider__item__box__txt dt {
          margin-bottom: 10px;
          font-size: 17px; } }
      @media screen and (max-width: 768px) {
        .c-slider.r-second .c-slider__item__box__txt dt {
          margin-bottom: 5px;
          margin-bottom: 1.33333vw;
          font-size: 16px;
          font-size: 4.26667vw; } }
    @media screen and (min-width: 769px), print {
      .c-slider.r-second .c-slider__item__box__txt dd {
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .c-slider.r-second .c-slider__item__box__txt dd {
        font-size: 14px;
        font-size: 3.73333vw; } }
  .c-slider.r-second .c-slider__item__box:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

@media screen and (min-width: 769px), print {
  .c-slider.r-second .c-slider__arrow {
    top: 90px; } }

@media screen and (max-width: 768px) {
  .c-slider.r-second .c-slider__arrow {
    top: 45%; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--pnl.r-csr--second-topics .c-slider .c-slider__indicator {
    margin-top: 20px; } }

@media screen and (min-width: 769px), print {
  .p-quality-label {
    margin-top: 45px; }
    .p-quality-label:after {
      content: "";
      display: block;
      clear: both; } }

@media screen and (max-width: 768px) {
  .p-quality-label {
    margin-top: 29px;
    margin-top: 7.73333vw; } }

.p-quality-label__box.r-type01 {
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box.r-type01 {
      float: left;
      width: 242px; }
      .p-quality-label__box.r-type01 .r-mayo img {
        width: 160px; }
      .p-quality-label__box.r-type01 .r-dressing img {
        width: 160px; }
      .p-quality-label__box.r-type01 .r-baby img {
        width: 220px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box.r-type01 {
      margin-bottom: 60px;
      margin-bottom: 16vw; }
      .p-quality-label__box.r-type01 .r-mayo img {
        width: 162px;
        width: 43.2vw; }
      .p-quality-label__box.r-type01 .r-baby img {
        width: 207.5px;
        width: 55.33333vw; }
      .p-quality-label__box.r-type01 .r-dressing img {
        width: 120px;
        width: 32vw; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box.r-type02 {
    float: right;
    width: 508px; } }

.p-quality-label__box__ttl {
  border-bottom: 1px solid #ccc;
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__ttl {
      padding-bottom: 16px;
      font-size: 16px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__ttl {
      padding-bottom: 20px;
      padding-bottom: 5.33333vw;
      font-size: 16px;
      font-size: 4.26667vw;
      margin-bottom: 25px;
      margin-bottom: 6.66667vw; } }

.p-quality-label__box__mayonnaise:after {
  content: "";
  display: block;
  clear: both; }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__mayonnaise {
    width: 245px;
    margin: 0px auto; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__mayonnaise {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__mayonnaise__block {
    width: 115px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__mayonnaise__block {
    width: 161px;
    width: 42.93333vw; } }

.p-quality-label__box__mayonnaise__block:nth-child(odd) {
  float: left; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__mayonnaise__block:nth-child(odd) .r-cap {
      right: 133px;
      text-align: right; } }

.p-quality-label__box__mayonnaise__block:nth-child(even) {
  float: right; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__mayonnaise__block:nth-child(even) .r-cap {
      left: 133px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__mayonnaise__block__itm {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__mayonnaise__block__itm {
    margin-bottom: 15px;
    margin-bottom: 4vw; } }

.p-quality-label__box__mayonnaise__block__itm--mark {
  position: relative; }
  .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 {
    position: relative;
    overflow: visible; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 {
        margin-bottom: 15px;
        width: 55px; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 {
        width: 75px;
        width: 20vw;
        margin-bottom: 15px;
        margin-bottom: 4vw; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01:hover {
      cursor: pointer; }
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01:hover .r-img {
        border: 1px dashed #e1000e; }
      @media screen and (min-width: 769px), print {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01:hover .r-cap {
          opacity: 0.7; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-img {
      box-sizing: border-box;
      border: 1px solid  #dddddd;
      -webkit-transition: .3s;
      transition: .3s; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-cap {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 13px;
        display: block;
        width: 110px;
        right: 78px;
        -webkit-transition: .3s;
        transition: .3s; } }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-cap_left {
        right: initial;
        left: -79px !important; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-cap {
        display: none; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-loupe {
      position: absolute; }
      @media screen and (min-width: 769px), print {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-loupe {
          width: 22px;
          right: 0px;
          bottom: -4px;
          z-index: 5; } }
      @media screen and (max-width: 768px) {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm01 .r-loupe {
          width: 25px;
          width: 6.66667vw;
          right: -4px;
          right: -1.06667vw;
          bottom: -5px;
          bottom: -1.33333vw;
          z-index: 5; } }
  .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 {
    position: absolute;
    overflow: visible; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 {
        width: 55px;
        bottom: 0px;
        right: -5px; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 {
        width: 75px;
        width: 20vw;
        bottom: 0px;
        right: 0px; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02:hover {
      cursor: pointer; }
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02:hover .r-img {
        border: 1px dashed #e1000e; }
      @media screen and (min-width: 769px), print {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02:hover .r-cap {
          opacity: 0.7; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-img {
      box-sizing: border-box;
      border: 1px solid #dddddd;
      -webkit-transition: .3s;
      transition: .3s; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-cap {
        position: absolute;
        top: inherit;
        bottom: -40px;
        right: 0px;
        font-size: 13px;
        display: block;
        width: 110px;
        text-align: right;
        -webkit-transition: .3s;
        transition: .3s; } }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-cap-right {
        bottom: 0;
        right: initial;
        left: 29px; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-cap {
        display: none; } }
    .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-loupe {
      position: absolute; }
      @media screen and (min-width: 769px), print {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-loupe {
          width: 22px;
          right: 0px;
          bottom: -4px;
          z-index: 5; } }
      @media screen and (max-width: 768px) {
        .p-quality-label__box__mayonnaise__block__itm--mark .r-modal.r-itm02 .r-loupe {
          width: 25px;
          width: 6.66667vw;
          right: -4px;
          right: -1.06667vw;
          bottom: -5px;
          bottom: -1.33333vw;
          z-index: 5; } }

.p-quality-label__box__dressing:after {
  content: "";
  display: block;
  clear: both; }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__dressing {
    width: 245px;
    margin: 0px auto; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__dressing {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__dressing__block {
    width: 115px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__dressing__block {
    width: 161px;
    width: 42.93333vw; } }

.p-quality-label__box__dressing__block:nth-child(odd) {
  float: left; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block:nth-child(odd) .r-cap {
      right: 133px;
      text-align: right; } }

.p-quality-label__box__dressing__block:nth-child(even) {
  float: right; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block:nth-child(even) .r-cap {
      left: 133px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__dressing__block__itm {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__dressing__block__itm {
    margin-bottom: 15px;
    margin-bottom: 4vw; } }

.p-quality-label__box__dressing__block__itm.r-column02a {
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__dressing__block__itm.r-column02a {
      margin-bottom: 45px;
      margin-bottom: 12vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02a .r-itm01 {
      width: 68px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__dressing__block__itm.r-column02a .r-itm01 {
      width: 89.5px;
      width: 23.86667vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02a .r-itm01 .r-cap {
      right: 87px; } }
  .p-quality-label__box__dressing__block__itm.r-column02a .r-itm02 {
    position: absolute;
    right: 0px;
    top: 0px; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__dressing__block__itm.r-column02a .r-itm02 {
        width: 36px; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__dressing__block__itm.r-column02a .r-itm02 {
        width: 56.5px;
        width: 15.06667vw; } }

.p-quality-label__box__dressing__block__itm.r-column02b:after {
  content: "";
  display: block;
  clear: both; }

.p-quality-label__box__dressing__block__itm.r-column02b .r-itm01 {
  float: left; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm01 {
      width: 68px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm01 {
      width: 92.5px;
      width: 24.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm01 .r-cap {
      right: 87px; } }

.p-quality-label__box__dressing__block__itm.r-column02b .r-itm02 {
  float: right; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm02 {
      width: 37px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm02 {
      width: 53.5px;
      width: 14.26667vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm.r-column02b .r-itm02 .r-cap {
      right: 0px;
      bottom: -35px;
      top: inherit;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); } }

.p-quality-label__box__dressing__block__itm .r-modal {
  position: relative;
  overflow: visible; }
  .p-quality-label__box__dressing__block__itm .r-modal:hover {
    cursor: pointer; }
    .p-quality-label__box__dressing__block__itm .r-modal:hover .r-img {
      border: 1px dashed #e1000e; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__dressing__block__itm .r-modal:hover .r-cap {
        opacity: 0.7; } }
  .p-quality-label__box__dressing__block__itm .r-modal .r-img {
    box-sizing: border-box;
    border: 1px solid  #dddddd;
    -webkit-transition: .3s;
    transition: .3s; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__dressing__block__itm .r-modal .r-cap {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 13px;
      display: block;
      width: 110px;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__dressing__block__itm .r-modal .r-cap {
      display: none; } }
  .p-quality-label__box__dressing__block__itm .r-modal .r-loupe {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__dressing__block__itm .r-modal .r-loupe {
        width: 22px;
        right: -4px;
        bottom: -4px;
        z-index: 5; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__dressing__block__itm .r-modal .r-loupe {
        width: 25px;
        width: 6.66667vw;
        right: -4px;
        right: -1.06667vw;
        bottom: -5px;
        bottom: -1.33333vw;
        z-index: 5; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__baby-food.r-stage01 {
    margin-bottom: 50px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__baby-food.r-stage01 {
    margin-bottom: 40px;
    margin-bottom: 10.66667vw; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__baby-food {
    width: 245px;
    margin: 0px auto; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__baby-food {
    width: 100%; } }

@media screen and (min-width: 769px), print {
  .p-quality-label__box__baby-food__block {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .p-quality-label__box__baby-food__block {
    margin-bottom: 15px;
    margin-bottom: 4vw; } }

.p-quality-label__box__baby-food__block:after {
  content: "";
  display: block;
  clear: both; }

.r-column02a .p-quality-label__box__baby-food__block__itm:nth-child(odd) {
  float: left; }
  @media screen and (min-width: 769px), print {
    .r-column02a .p-quality-label__box__baby-food__block__itm:nth-child(odd) .r-modal .r-cap {
      right: 133px;
      text-align: right; } }

.r-column02a .p-quality-label__box__baby-food__block__itm:nth-child(even) {
  float: right; }
  @media screen and (min-width: 769px), print {
    .r-column02a .p-quality-label__box__baby-food__block__itm:nth-child(even) .r-modal .r-cap {
      left: 133px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .r-column02a .p-quality-label__box__baby-food__block__itm {
    width: 115px; } }

@media screen and (max-width: 768px) {
  .r-column02a .p-quality-label__box__baby-food__block__itm {
    width: 161px;
    width: 42.93333vw; } }

.r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(odd) {
  float: left; }
  @media screen and (min-width: 769px), print {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(odd) {
      width: 150px; } }
  @media screen and (max-width: 768px) {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(odd) {
      width: 223.5px;
      width: 59.6vw; } }
  @media screen and (min-width: 769px), print {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(odd) .r-modal .r-cap {
      right: 171px;
      text-align: right; } }

.r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(even) {
  float: right; }
  @media screen and (min-width: 769px), print {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(even) {
      width: 79px; } }
  @media screen and (max-width: 768px) {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(even) {
      width: 99px;
      width: 26.4vw; } }
  @media screen and (min-width: 769px), print {
    .r-column02b .p-quality-label__box__baby-food__block__itm:nth-child(even) .r-modal .r-cap {
      left: 99px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .r-column02b .p-quality-label__box__baby-food__block__itm {
    width: 115px; } }

@media screen and (max-width: 768px) {
  .r-column02b .p-quality-label__box__baby-food__block__itm {
    width: 161px;
    width: 42.93333vw; } }

.r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(odd) {
  float: left; }
  @media screen and (min-width: 769px), print {
    .r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(odd) .r-modal .r-cap {
      right: 133px;
      text-align: right; } }

.r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(even) {
  float: right; }
  @media screen and (min-width: 769px), print {
    .r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(even) {
      width: 79px; } }
  @media screen and (max-width: 768px) {
    .r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(even) {
      width: 99px;
      width: 26.4vw; } }
  @media screen and (min-width: 769px), print {
    .r-column02c .p-quality-label__box__baby-food__block__itm:nth-child(even) .r-modal .r-cap {
      left: 99px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .r-column02c .p-quality-label__box__baby-food__block__itm {
    width: 115px; } }

@media screen and (max-width: 768px) {
  .r-column02c .p-quality-label__box__baby-food__block__itm {
    width: 161px;
    width: 42.93333vw; } }

.r-column01a .p-quality-label__box__baby-food__block__itm {
  float: right; }
  @media screen and (min-width: 769px), print {
    .r-column01a .p-quality-label__box__baby-food__block__itm {
      width: 115px; } }
  @media screen and (max-width: 768px) {
    .r-column01a .p-quality-label__box__baby-food__block__itm {
      width: 161px;
      width: 42.93333vw; } }
  @media screen and (min-width: 769px), print {
    .r-column01a .p-quality-label__box__baby-food__block__itm .r-modal .r-cap {
      left: 133px;
      text-align: left; } }

@media screen and (min-width: 769px), print {
  .r-column01b .p-quality-label__box__baby-food__block__itm .r-modal .r-cap {
    right: 265px;
    text-align: right; } }

@media screen and (min-width: 769px), print {
  .r-column01c .p-quality-label__box__baby-food__block__itm .r-modal .r-cap {
    right: 265px;
    text-align: right; } }

.p-quality-label__box__baby-food__block__itm .r-modal {
  position: relative;
  overflow: visible; }
  .p-quality-label__box__baby-food__block__itm .r-modal:hover {
    cursor: pointer; }
    .p-quality-label__box__baby-food__block__itm .r-modal:hover .r-img {
      border: 1px dashed #e1000e; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__baby-food__block__itm .r-modal:hover .r-cap {
        opacity: 0.7; } }
  .p-quality-label__box__baby-food__block__itm .r-modal .r-img {
    box-sizing: border-box;
    border: 1px solid  #dddddd;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%; }
  @media screen and (min-width: 769px), print {
    .p-quality-label__box__baby-food__block__itm .r-modal .r-cap {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 13px;
      display: block;
      width: 110px;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 768px) {
    .p-quality-label__box__baby-food__block__itm .r-modal .r-cap {
      display: none; } }
  .p-quality-label__box__baby-food__block__itm .r-modal .r-loupe {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .p-quality-label__box__baby-food__block__itm .r-modal .r-loupe {
        width: 22px;
        right: -4px;
        bottom: -4px;
        z-index: 5; } }
    @media screen and (max-width: 768px) {
      .p-quality-label__box__baby-food__block__itm .r-modal .r-loupe {
        width: 25px;
        width: 6.66667vw;
        right: -4px;
        right: -1.06667vw;
        bottom: -5px;
        bottom: -1.33333vw;
        z-index: 5; } }

@media screen and (min-width: 769px), print {
  .p-quality-label-modal[aria-hidden="false"] {
    overflow-y: scroll;
    width: 900px;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) {
  .p-quality-label-modal[aria-hidden="false"] {
    width: 335px;
    width: 89.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-quality-label-modal[aria-hidden="false"]::-webkit-scrollbar {
    display: none; } }

.p-quality-label-modal-detail {
  background: #fff; }
  @media screen and (min-width: 769px), print {
    .p-quality-label-modal-detail {
      padding: 60px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label-modal-detail {
      padding: 30px;
      padding: 8vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label-modal-detail__ttl-lv2 {
      font-size: 24px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label-modal-detail__ttl-lv2 {
      font-size: 23px;
      font-size: 6.13333vw;
      margin-bottom: 35px;
      margin-bottom: 9.33333vw; } }
  .p-quality-label-modal-detail__ttl-lv3 {
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd; }
    .p-quality-label-modal-detail__ttl-lv3:before {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      height: 1px;
      background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-quality-label-modal-detail__ttl-lv3 {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 15px; }
        .p-quality-label-modal-detail__ttl-lv3:before {
          width: 132px; } }
    @media screen and (max-width: 768px) {
      .p-quality-label-modal-detail__ttl-lv3 {
        line-height: 1.5;
        font-size: 17px;
        font-size: 4.53333vw;
        padding-bottom: 15px;
        padding-bottom: 4vw;
        margin-bottom: 25px;
        margin-bottom: 6.66667vw; }
        .p-quality-label-modal-detail__ttl-lv3:before {
          bottom: -0.5px;
          bottom: -0.13333vw;
          width: 89px;
          width: 23.73333vw;
          height: 0.5px;
          height: 0.13333vw; } }
    .p-quality-label-modal-detail__ttl-lv3 .r-duty {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
      color: #fff;
      background-color: #e4002b;
      border-radius: 100px; }
      @media screen and (min-width: 769px), print {
        .p-quality-label-modal-detail__ttl-lv3 .r-duty {
          font-size: 14px;
          padding: 2px 8px; } }
      @media screen and (max-width: 768px) {
        .p-quality-label-modal-detail__ttl-lv3 .r-duty {
          font-size: 11px;
          font-size: 2.93333vw;
          padding: 2.5px 6px;
          padding: 0.66667vw 1.6vw;
          top: inherit;
          bottom: 15px;
          bottom: 4vw; } }
    .p-quality-label-modal-detail__ttl-lv3 .r-any {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
      color: #e4002b;
      background-color: #fff;
      border-radius: 100px;
      border: 1px solid #e4002b;
      box-sizing: border-box; }
      @media screen and (min-width: 769px), print {
        .p-quality-label-modal-detail__ttl-lv3 .r-any {
          font-size: 14px;
          padding: 2px 8px; } }
      @media screen and (max-width: 768px) {
        .p-quality-label-modal-detail__ttl-lv3 .r-any {
          font-size: 11px;
          font-size: 2.93333vw;
          padding: 2.5px 6px;
          padding: 0.66667vw 1.6vw;
          top: inherit;
          bottom: 15px;
          bottom: 4vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label-modal-detail__box__txt {
      margin-bottom: 20px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label-modal-detail__box__txt {
      margin-bottom: 17.5px;
      margin-bottom: 4.66667vw; } }
  .p-quality-label-modal-detail__box__img {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-quality-label-modal-detail__box__img img {
        width: 150px;
        width: 40vw; } }
    @media screen and (max-width: 768px) {
      .p-quality-label-modal-detail__box__img.r-small img {
        width: 115px;
        width: 30.66667vw; } }
    @media screen and (max-width: 768px) {
      .p-quality-label-modal-detail__box__img.r-big img {
        width: 275px;
        width: 73.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label-modal-detail__box .c-btn-list__itm {
      width: 375px; } }
  @media screen and (min-width: 769px), print {
    .p-quality-label-modal-detail__box__btn {
      width: 375px;
      height: 46px;
      margin: 30px auto 0px; } }
  @media screen and (max-width: 768px) {
    .p-quality-label-modal-detail__box__btn {
      height: 41px;
      height: 10.93333vw;
      width: 100%;
      margin-top: 17.5px;
      margin-top: 4.66667vw; } }
  .p-quality-label-modal-detail__box__btn .r-btn {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #e4002b;
    text-decoration: none;
    border: 1px solid #e4002b;
    border-radius: 100px; }
    .p-quality-label-modal-detail__box__btn .r-btn:after {
      content: '';
      position: absolute;
      top: 0;
      left: -200%;
      z-index: 0;
      width: 150%;
      height: 450%;
      border-radius: 50%;
      background-color: #e4002b;
      -webkit-transition: top .65s ease, left .65s ease;
      transition: top .65s ease, left .65s ease; }
    @media screen and (min-width: 769px), print {
      .p-quality-label-modal-detail__box__btn .r-btn:hover {
        cursor: pointer; }
        .p-quality-label-modal-detail__box__btn .r-btn:hover:after {
          top: -100%;
          left: -20%; } }
    .p-quality-label-modal-detail__box__btn .r-btn .r-txt {
      display: inline-block;
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .p-quality-label-modal-detail__box__btn .r-btn .r-txt:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        border-right: 1px solid #e4002b;
        border-bottom: 1px solid #e4002b;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: border-color .65s ease;
        transition: border-color .65s ease; }
      .p-quality-label-modal-detail__box__btn .r-btn .r-txt:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        z-index: 1;
        border-right: 1px solid #e4002b;
        border-bottom: 1px solid #e4002b;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: border-color .65s ease;
        transition: border-color .65s ease; }
      @media screen and (min-width: 769px), print {
        .p-quality-label-modal-detail__box__btn .r-btn .r-txt {
          font-size: 14px;
          -webkit-transition: color .65s ease;
          transition: color .65s ease; }
          .p-quality-label-modal-detail__box__btn .r-btn .r-txt:before {
            right: 21px;
            width: 10px;
            height: 1px; }
          .p-quality-label-modal-detail__box__btn .r-btn .r-txt:after {
            right: 21px;
            width: 10px;
            height: 1px; }
          .p-quality-label-modal-detail__box__btn .r-btn .r-txt:hover {
            color: #fff;
            -webkit-transition: color .5s ease .08s;
            transition: color .5s ease .08s; }
            .p-quality-label-modal-detail__box__btn .r-btn .r-txt:hover:before {
              border-color: #fff;
              -webkit-transition: border-color .4s ease .185s;
              transition: border-color .4s ease .185s; }
            .p-quality-label-modal-detail__box__btn .r-btn .r-txt:hover:after {
              border-color: #fff;
              -webkit-transition: border-color .4s ease .185s;
              transition: border-color .4s ease .185s; } }
      @media screen and (max-width: 768px) {
        .p-quality-label-modal-detail__box__btn .r-btn .r-txt {
          font-size: 3.46667vw;
          line-height: 1.5;
          font-size: 13px;
          font-size: 3.46667vw;
          padding-top: 11px;
          padding-top: 2.93333vw;
          padding-bottom: 11px;
          padding-bottom: 2.93333vw; }
          .p-quality-label-modal-detail__box__btn .r-btn .r-txt:before {
            right: 25px;
            right: 6.66667vw;
            width: 10px;
            width: 2.66667vw;
            height: 0.5px;
            height: 0.13333vw; }
          .p-quality-label-modal-detail__box__btn .r-btn .r-txt:after {
            right: 25px;
            right: 6.66667vw;
            width: 10px;
            width: 2.66667vw;
            height: 0.5px;
            height: 0.13333vw; } }

.r-modal {
  position: relative;
  overflow: visible; }
  .r-modal:hover {
    cursor: pointer; }
    .r-modal:hover .r-img {
      border: 1px dashed #e1000e; }
    @media screen and (min-width: 769px), print {
      .r-modal:hover .r-cap {
        opacity: 0.7; } }
  .r-modal .r-img {
    box-sizing: border-box;
    border: 1px solid  #dddddd;
    -webkit-transition: .3s;
    transition: .3s; }
  @media screen and (min-width: 769px), print {
    .r-modal .r-cap {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 13px;
      display: block;
      width: 110px;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 768px) {
    .r-modal .r-cap {
      display: none; } }
  .r-modal .r-loupe {
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .r-modal .r-loupe {
        width: 22px;
        right: -4px;
        bottom: -4px;
        z-index: 5; } }
    @media screen and (max-width: 768px) {
      .r-modal .r-loupe {
        width: 25px;
        width: 6.66667vw;
        right: -4px;
        right: -1.06667vw;
        bottom: -5px;
        bottom: -1.33333vw;
        z-index: 5; } }

@media screen and (min-width: 769px), print {
  .p-second-sec {
    margin-top: 76px; } }

@media screen and (max-width: 768px) {
  .p-second-sec {
    margin-top: 60px;
    margin-top: 16vw; } }

.p-second-sec--top {
  position: relative;
  opacity: 0;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease; }
  .p-second-sec--top.r-education {
    opacity: 0;
    -webkit-transition: opacity .45s ease;
    transition: opacity .45s ease; }
    @media screen and (min-width: 769px), print {
      .p-second-sec--top.r-education {
        background-image: url(/assets/img/project/education/idx/education_kv_pc.png); } }
    @media screen and (max-width: 768px) {
      .p-second-sec--top.r-education {
        background-image: url(/assets/img/project/education/idx/education_kv_sp.jpg); } }

.p-second__mv {
  margin: 0 auto; }
  @media screen and (min-width: 769px), print {
    .p-second__mv {
      position: relative;
      max-width: 1040px;
      padding-top: 75px; } }
  @media screen and (max-width: 768px) {
    .p-second__mv {
      width: 340px;
      width: 90.66667vw;
      padding-top: 33px;
      padding-top: 8.8vw; } }
  @media screen and (min-width: 769px), print {
    .p-second__mv__img {
      width: 100%;
      margin-top: -229px;
      z-index: 2; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--lead {
    margin-top: 76px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--lead {
    margin-top: 35px;
    margin-top: 9.33333vw; } }

.p-second-sec--lead__hdg {
  color: #e4002b;
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--lead__hdg {
      font-size: 24px; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--lead__hdg {
      font-size: 23px;
      font-size: 6.13333vw; } }

.p-second-sec--lead__inr {
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--lead__inr {
      max-width: 774px;
      margin-left: auto;
      margin-right: auto;
      font-size: 15px;
      line-height: 2;
      line-height: 2;
      margin-top: 22.5px;
      margin-bottom: -7.5px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-sec--lead__inr {
      margin-top: calc(30px - (((1rem * 2) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 2) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-sec--lead__inr {
      margin-top: 3vw;
      margin-bottom: -1vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--lead__inr {
      font-size: 14px;
      font-size: 3.73333vw;
      line-height: 1.7;
      margin-top: 60.2px;
      margin-bottom: -9.8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-sec--lead__inr {
      margin-top: calc(70px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-sec--lead__inr {
      margin-top: 8.02667vw;
      margin-bottom: -1.30667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.p-second-hr {
  width: 100%;
  background-repeat: repeat-x;
  background-position: 0 0; }
  @media screen and (min-width: 769px), print {
    .p-second-hr {
      height: 11px;
      background-image: url("/assets/img/project/education/idx/education_bg_pattern_pc.png");
      margin-top: 80px; } }
  @media screen and (max-width: 768px) {
    .p-second-hr {
      height: 11px;
      height: 2.93333vw;
      background-image: url("/assets/img/project/education/idx/education_bg_pattern_sp.png");
      background-size: 4.5px 11px;
      margin-top: 50px;
      margin-top: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--pnl {
    padding-top: 80px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--pnl {
    padding-top: 60px;
    padding-top: 16vw; } }

.p-second-sec--pnl__hdg {
  position: relative;
  text-align: center;
  line-height: 1.7; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--pnl__hdg {
      font-size: 24px; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--pnl__hdg {
      font-size: 23px;
      font-size: 6.13333vw; } }
  .p-second-sec--pnl__hdg .p-second-sec--pnl__hdg__icn {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      .p-second-sec--pnl__hdg .p-second-sec--pnl__hdg__icn {
        width: 54.5px;
        width: 14.53333vw;
        height: 54.5px;
        height: 14.53333vw;
        padding: 1px;
        padding: 0.26667vw; } }
  .p-second-sec--pnl__hdg__sub {
    display: block; }
    @media screen and (min-width: 769px), print {
      .p-second-sec--pnl__hdg__sub {
        font-size: 17px;
        margin-top: 17.05px;
        line-height: 1.7;
        margin-bottom: 10.05px;
        line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-sec--pnl__hdg__sub {
      margin-top: calc(23px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-sec--pnl__hdg__sub {
      margin-top: 2.27333vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-sec--pnl__hdg__sub {
      margin-bottom: calc(16px - (((1.13333rem * 1.7) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-sec--pnl__hdg__sub {
      margin-bottom: 1.34vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
    @media screen and (max-width: 768px) {
      .p-second-sec--pnl__hdg__sub {
        font-size: 16px;
        font-size: 4.26667vw;
        margin-top: 32.2px;
        line-height: 1.8;
        margin-bottom: 12.2px;
        line-height: 1.8; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-sec--pnl__hdg__sub {
      margin-top: calc(45px - (((2.13333rem * 1.8) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-sec--pnl__hdg__sub {
      margin-top: 4.29333vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-sec--pnl__hdg__sub {
      margin-bottom: calc(25px - (((2.13333rem * 1.8) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-sec--pnl__hdg__sub {
      margin-bottom: 1.62667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }
  @media screen and (min-width: 769px), print {
    .p-second-sec--pnl__hdg__main + .p-second-sec--pnl__hdg__sub {
      margin-top: 3px; } }

.p-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-second-pnl-list {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 24px; } }
  @media screen and (max-width: 768px) {
    .p-second-pnl-list {
      margin-top: 17px;
      margin-top: 4.53333vw; } }
  @media screen and (min-width: 769px), print {
    .p-second-pnl-list__itm {
      width: 242px;
      margin-left: 23px; } }
  @media screen and (max-width: 768px) {
    .p-second-pnl-list__itm {
      width: 161px;
      width: 42.93333vw;
      margin-left: 13px;
      margin-left: 3.46667vw;
      margin-top: 31.5px;
      margin-top: 8.4vw; } }
  @media screen and (min-width: 769px), print {
    .p-second-pnl-list__itm:first-child {
      margin-left: 0; } }
  @media screen and (max-width: 768px) {
    .p-second-pnl-list__itm:nth-child(odd) {
      margin-left: 0; } }
  @media screen and (max-width: 768px) {
    .p-second-pnl-list__itm:nth-child(1), .p-second-pnl-list__itm:nth-child(2) {
      margin-top: 0; } }
  .p-second-pnl-list__itm__box {
    display: block;
    text-decoration: none !important; }
    @media screen and (min-width: 769px), print {
      .p-second-pnl-list__itm__box {
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-pnl-list__itm__box:hover {
      opacity: .7; } }
  .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn {
    position: relative;
    display: inline-block; }
    @media screen and (min-width: 769px), print {
      .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn {
        width: 11px;
        height: 11px;
        margin-left: 5px; } }
    @media screen and (max-width: 768px) {
      .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn {
        width: 10px;
        width: 2.66667vw;
        height: 10px;
        height: 2.66667vw;
        margin-left: 2px;
        margin-left: 0.53333vw; } }
    .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before, .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:after {
      content: '';
      display: inline-block;
      position: absolute; }
      @media screen and (min-width: 769px), print {
        .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before, .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:after {
          width: 8px;
          height: 8px; } }
      @media screen and (max-width: 768px) {
        .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before, .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:after {
          width: 6px;
          width: 1.6vw;
          height: 6px;
          height: 1.6vw; } }
    .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before {
      border: 1px solid #333; }
      @media screen and (min-width: 769px), print {
        .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before {
          bottom: 3px;
          left: 3px; } }
      @media screen and (max-width: 768px) {
        .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:before {
          bottom: 2px;
          bottom: 0.53333vw;
          left: 2px;
          left: 0.53333vw; } }
    .p-second-pnl-list__itm__box[target="_blank"] .p-second-pnl-list__itm__txt .p-second-pnl-list__itm__txt__external-icn:after {
      content: '';
      text-indent: -99999px;
      overflow: hidden;
      bottom: 0;
      left: 0;
      border-bottom: 1px solid #333;
      border-left: 1px solid #333; }
  .p-second-pnl-list__itm__txt {
    text-align: center; }
    @media screen and (min-width: 769px), print {
      .p-second-pnl-list__itm__txt {
        line-height: 1.7;
        line-height: 1.7;
        margin-top: 9.75px;
        margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-pnl-list__itm__txt {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-pnl-list__itm__txt {
      margin-top: 1.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
    @media screen and (max-width: 768px) {
      .p-second-pnl-list__itm__txt {
        line-height: 1.9;
        line-height: 1.9;
        margin-top: 10.3px;
        margin-bottom: -11.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-pnl-list__itm__txt {
      margin-top: calc(22px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-pnl-list__itm__txt {
      margin-top: 1.37333vw;
      margin-bottom: -1.56vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  @media screen and (min-width: 769px), print {
    .p-second-pnl-list__itm__description {
      line-height: 1.7;
      line-height: 1.7;
      margin-top: 9.75px;
      margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-pnl-list__itm__description {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-pnl-list__itm__description {
      margin-top: 1.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-second-pnl-list__itm__description {
      line-height: 1.9;
      line-height: 1.9;
      margin-top: 10.3px;
      margin-bottom: -11.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-pnl-list__itm__description {
      margin-top: calc(22px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-pnl-list__itm__description {
      margin-top: 1.37333vw;
      margin-bottom: -1.56vw;
      font-size: 13px;
      font-size: 3.46667vw; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx {
    margin-top: 60px;
    margin-top: 16vw; } }

.p-second-sec--prx__img {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: transform ease .3s, filter ease 1s;
  transition: transform ease .3s, filter ease 1s, -webkit-transform ease .3s, -webkit-filter ease 1s; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--prx__img {
      height: 251px;
      background-position: 50% calc(50% - 27.5062px);
      background-attachment: fixed; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--prx__img {
      height: 140px;
      height: 37.33333vw;
      background-position: 50% calc(50% - 27.5062px); } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx.r-bg-01 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/education/idx/education_bg_01_pc.png"); } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx.r-bg-01 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/education/idx/education_bg_01_sp.png"); } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx.r-bg-02 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/education/idx/education_bg_02_pc.png"); } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx.r-bg-02 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/education/idx/education_bg_02_sp.png"); } }

.p-second-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-second-hdg--lv1 {
      padding-bottom: 21px; } }
  @media screen and (max-width: 768px) {
    .p-second-hdg--lv1 {
      padding-bottom: 19px;
      padding-bottom: 5.06667vw; } }
  .p-second-hdg--lv1 .r-en {
    display: block; }
    @media screen and (min-width: 769px), print {
      .p-second-hdg--lv1 .r-en {
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .p-second-hdg--lv1 .r-en {
        font-size: 2.93333vw; } }
  .p-second-hdg--lv1 .r-jp {
    display: block;
    letter-spacing: .03em; }
    @media screen and (min-width: 769px), print {
      .p-second-hdg--lv1 .r-jp {
        margin-top: 11px;
        font-size: 32px; } }
    @media screen and (max-width: 768px) {
      .p-second-hdg--lv1 .r-jp {
        margin-top: 13.5px;
        margin-top: 3.6vw;
        font-size: 8vw; } }
  .p-second-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-second-hdg--lv1:after {
        width: 32px; } }
    @media screen and (max-width: 768px) {
      .p-second-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw; } }

.p-second__mv__cpy {
  letter-spacing: .03em; }
  @media screen and (min-width: 769px), print {
    .p-second__mv__cpy {
      margin-top: 19px; } }
  @media screen and (max-width: 768px) {
    .p-second__mv__cpy {
      margin-top: 23px;
      margin-top: 6.13333vw; } }

.p-second-hdg--lv2 {
  position: relative;
  color: #e4002b;
  font-weight: bold; }

@media screen and (min-width: 769px), print {
  .p-second-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 50px; } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block {
    width: 50%;
    border-right: 1px solid #ddd;
    padding-right: 25px; } }

@media screen and (max-width: 768px) {
  .p-second-info .p-second-info__block {
    margin-top: 50px;
    margin-top: 13.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block:nth-child(2) {
    padding-left: 25px;
    padding-right: 0;
    border-right: none; } }

.p-second-info .p-second-info__block .p-second-info__block__hdg-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-second-info .p-second-info__block .p-second-info__block__hdg-wrap .c-txt-link {
      top: 10px; } }

.p-second-info .p-second-info__block .p-second-info__block__hdg {
  display: inline-block; }
  @media screen and (min-width: 769px), print {
    .p-second-info .p-second-info__block .p-second-info__block__hdg {
      font-size: 24px;
      margin-right: 20px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) {
    .p-second-info .p-second-info__block .p-second-info__block__hdg {
      margin-right: 20px;
      margin-right: 5.33333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block .p-second-info__block__mark {
    position: absolute;
    top: -2px;
    right: 0;
    border: 1px solid #ddd;
    padding-left: 25px;
    padding-right: 10px;
    background-image: url(/assets/img/project/ir/index/rss.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: 40%;
    background-position-x: 7%;
    -webkit-transition: color .2s, background-image .2s;
    transition: color .2s, background-image .2s; } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block .p-second-info__block__mark:hover {
    text-decoration: none;
    color: #e4002b;
    background-image: url(/assets/img/project/ir/index/rss_on.jpg); } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block .p-second-info__block__list {
    margin-top: 15px; } }

.p-second-info .p-second-info__block .p-second-info__block__detail {
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: 14.75px;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: calc(20px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: 1.96667vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: 24.2px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: calc(34px - (((1.86667rem * 1.7) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-second-info .p-second-info__block .p-second-info__block__detail {
      margin-top: 3.22667vw;
      font-size: 14px;
      font-size: 3.73333vw; } }

.p-second-info .p-second-info__block .p-second-info__block__itm {
  position: relative;
  border-bottom: 1px solid #ddd; }
  .p-second-info .p-second-info__block .p-second-info__block__itm:last-child {
    border-bottom: none; }
  @media screen and (min-width: 769px), print {
    .p-second-info .p-second-info__block .p-second-info__block__itm {
      line-height: 16px;
      padding: 20px 20px 20px 0;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-second-info .p-second-info__block .p-second-info__block__itm {
      padding-bottom: 18px;
      padding-bottom: 4.8vw;
      padding-top: 15px;
      padding-top: 4vw; } }
  .p-second-info .p-second-info__block .p-second-info__block__itm > a {
    display: block;
    text-decoration: none; }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block .p-second-info__block__icn {
    position: absolute;
    top: 0;
    left: 0; } }

@media screen and (min-width: 769px), print {
  .p-second-info .p-second-info__block .p-second-info__block__date {
    margin-right: 22px; } }

@media screen and (min-width: 769px), print {
  .p-second-info.r-education {
    margin-top: 80px; } }

@media screen and (min-width: 769px), print {
  .p-second-info.r-education .p-second-info__block__hdg {
    font-size: 19px; } }

@media screen and (min-width: 769px), print {
  .p-second-info.r-education .p-second-info__block__hdg-wrap .c-txt-link {
    top: 5px; } }

.p-second-sec--top.r-csr {
  background-attachment: inherit !important;
  background-repeat: no-repeat;
  background-color: #f9f9f9; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--top.r-csr {
      height: 370px;
      margin-top: -48px;
      background-image: url("/assets/img/project/sustainability/index/main-visual_img_pc.jpg");
      background-position-x: calc(50% + 100px);
      background-size: 1080px 550px; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--top.r-csr {
      height: 390px;
      height: 104vw;
      background-image: url("/assets/img/project/sustainability/index/main-visual_img_sp.jpg");
      background-position-x: calc(50% + 3vw);
      background-size: cover; } }
  @media screen and (min-width: 769px), print {
    .p-second-sec--top.r-csr .p-second__mv__cpy {
      width: 505px; } }

.p-second-sec--pnl__hdg.r-csr .p-second-sec--pnl__hdg__icn {
  margin-bottom: 10px; }

.p-second-sec--pnl.r-csr--second-topics {
  background-color: #f9f9f9; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--pnl.r-csr--second-topics {
      margin-top: 78px;
      padding: 60px 0; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--pnl.r-csr--second-topics {
      margin-top: 59px;
      margin-top: 15.73333vw;
      padding-top: 30px;
      padding-top: 8vw;
      padding-bottom: 30px;
      padding-bottom: 8vw; } }

@media screen and (min-width: 769px), print {
  .p-second-sec.r-csr--second-evaluation .c-btn-list {
    width: 774px;
    margin-right: auto;
    margin-left: auto; } }

@media screen and (min-width: 769px), print {
  .p-second-sec.r-csr--second-evaluation .c-btn-list__itm {
    width: 375px;
    margin-left: 24px; } }

@media screen and (min-width: 769px), print {
  .p-second-sec.r-csr--second-evaluation .c-btn-list__itm:first-child {
    margin-left: 0; } }

.p-second-sec--top.r-rd {
  opacity: 0;
  -webkit-transition: opacity .45s ease;
  transition: opacity .45s ease;
  background-attachment: inherit !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #f9f9f9; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--top.r-rd {
      height: 370px;
      margin-top: -48px;
      background-image: url("/assets/img/project/rd/index/rd_kv_pc.jpg");
      background-position-x: calc(50% + 230px);
      background-size: 1240px 780px; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--top.r-rd {
      height: 390px;
      height: 104vw;
      background-image: url("/assets/img/project/rd/index/rd_kv_sp.jpg");
      background-size: cover; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx.r-rd {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx.r-rd {
    margin-top: 60px;
    margin-top: 16vw; } }

.p-second-sec--prx.r-rd .p-second-sec--prx__img {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: transform ease .3s, filter ease 1s;
  transition: transform ease .3s, filter ease 1s, -webkit-transform ease .3s, -webkit-filter ease 1s; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--prx.r-rd .p-second-sec--prx__img {
      height: 251px;
      background-position: 50%;
      background-attachment: fixed; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--prx.r-rd .p-second-sec--prx__img {
      height: 140px;
      height: 37.33333vw;
      background-position: 50%; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx.r-rd.r-bg-01 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/rd/index/rd_bg_01_pc.jpg"); } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx.r-rd.r-bg-01 .p-second-sec--prx__img {
    background-image: url("/assets/img/project/rd/index/rd_bg_01_sp.jpg"); } }

.c-second-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .c-second-hdg--lv1 {
      margin-top: 58px;
      padding-bottom: 23px;
      font-size: 30px; } }
  @media screen and (max-width: 768px) {
    .c-second-hdg--lv1 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  .c-second-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .c-second-hdg--lv1:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .c-second-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

.c-second-mv {
  position: absolute; }
  @media screen and (min-width: 769px), print {
    .c-second-mv {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }

.c-second-main-txt {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .c-second-main-txt {
      margin-top: 40px; } }
  @media screen and (max-width: 768px) {
    .c-second-main-txt {
      margin-top: 30px;
      margin-top: 8vw; } }

.c-second-main + .c-second-sec {
  border-top: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .c-second-main + .c-second-sec {
      padding-top: 90px; } }
  @media screen and (max-width: 768px) {
    .c-second-main + .c-second-sec {
      padding-top: 57px;
      padding-top: 15.2vw; } }

.c-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .c-second-pnl-list .c-second-pnl-list__itm {
      width: 330px;
      margin-right: 24px; }
      .c-second-pnl-list .c-second-pnl-list__itm:nth-child(3n) {
        margin-right: 0; }
      .c-second-pnl-list .c-second-pnl-list__itm:nth-child(n + 4) {
        margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .c-second-pnl-list .c-second-pnl-list__itm {
      width: 161px;
      width: 42.93333vw;
      height: 91px;
      height: 24.26667vw;
      margin-bottom: 30px;
      margin-bottom: 8vw;
      margin-right: 13px;
      margin-right: 3.46667vw; }
      .c-second-pnl-list .c-second-pnl-list__itm:nth-child(even) {
        margin-right: 0px;
        margin-right: 0vw; } }
  .c-second-pnl-list .c-second-pnl-list__box {
    position: relative;
    overflow: hidden; }
    .c-second-pnl-list .c-second-pnl-list__box .c-second-pnl-list__href {
      display: block; }
      @media screen and (min-width: 769px), print {
        .c-second-pnl-list .c-second-pnl-list__box .c-second-pnl-list__href:hover .c-second-pnl-list__img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .c-second-pnl-list .c-second-pnl-list__box .c-second-pnl-list__href:hover .c-second-pnl-list__hdg {
          color: #e4002b; } }
  @media screen and (min-width: 769px), print {
    .c-second-pnl-list .c-second-pnl-list__txt {
      line-height: 1.7;
      margin-top: 20px;
      line-height: 1.7;
      margin-top: 9.75px;
      margin-bottom: -5.25px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-second-pnl-list .c-second-pnl-list__txt {
      margin-top: calc(15px - (((1rem * 1.7) - 1rem) / 2));
      margin-bottom: calc(0px - (((1rem * 1.7) - 1rem) / 2));
      font-size: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-second-pnl-list .c-second-pnl-list__txt {
      margin-top: 1.3vw;
      margin-bottom: -0.7vw;
      font-size: 7.5px;
      font-size: 2vw; } }
  @media screen and (max-width: 768px) {
    .c-second-pnl-list .c-second-pnl-list__txt {
      line-height: 1.9;
      line-height: 1.9;
      margin-top: 10.3px;
      margin-bottom: -11.7px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-second-pnl-list .c-second-pnl-list__txt {
      margin-top: calc(22px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      margin-bottom: calc(0px - (((1.73333rem * 1.9) - 1.73333rem) / 2));
      font-size: 1.73333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-second-pnl-list .c-second-pnl-list__txt {
      margin-top: 1.37333vw;
      margin-bottom: -1.56vw;
      font-size: 13px;
      font-size: 3.46667vw; } }
  @media screen and (min-width: 769px), print {
    .c-second-pnl-list .c-second-pnl-list__img {
      width: 100%;
      max-width: none;
      display: block;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }
  .c-second-pnl-list .c-second-pnl-list__hdg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 769px), print {
      .c-second-pnl-list .c-second-pnl-list__hdg {
        line-height: 1.7;
        font-size: 19px;
        left: 30px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease; } }
    @media screen and (max-width: 768px) {
      .c-second-pnl-list .c-second-pnl-list__hdg {
        font-size: 3.46667vw;
        line-height: 1.5;
        left: 12px;
        left: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .c-second-mv.r-company {
    top: -8px;
    margin-left: 320px; } }

@media screen and (max-width: 768px) {
  .c-second-mv.r-company {
    top: -35px;
    top: -9.33333vw;
    right: -110px;
    right: -29.33333vw; } }

@media screen and (min-width: 769px), print {
  .c-second-main + .c-second-sec.r-company {
    margin-top: 147px; } }

@media screen and (max-width: 768px) {
  .c-second-main + .c-second-sec.r-company {
    margin-top: 105px;
    margin-top: 28vw; } }

@media screen and (min-width: 769px), print {
  .c-second-mv.r-group {
    top: -100px;
    margin-left: 330px; } }

@media screen and (max-width: 768px) {
  .c-second-mv.r-group {
    top: -96px;
    top: -25.6vw;
    right: 0;
    width: 246.5px;
    width: 65.73333vw;
    margin-left: 61px;
    margin-left: 16.26667vw; } }

@media screen and (min-width: 769px), print {
  .c-second-main + .c-second-sec.r-group {
    margin-top: 127px; } }

@media screen and (max-width: 768px) {
  .c-second-main + .c-second-sec.r-group {
    margin-top: 63.5px;
    margin-top: 16.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-second-main.r-qs {
    height: 258px; } }

@media screen and (max-width: 768px) {
  .c-second-main.r-qs {
    height: 341px;
    height: 90.93333vw; } }

@media screen and (min-width: 769px), print {
  .c-second-mv.r-qs {
    top: 0;
    margin-left: 248px; } }

@media screen and (max-width: 768px) {
  .c-second-mv.r-qs {
    top: -105px;
    top: -28vw;
    right: 0;
    width: 312px;
    width: 83.2vw;
    height: 446.5px;
    height: 119.06667vw; } }

@media screen and (min-width: 769px), print {
  .c-second-sec.r-qs .c-related__ttl {
    margin-top: 113.35px;
    line-height: 1.7; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .c-second-sec.r-qs .c-related__ttl {
      margin-top: calc(120px - (((1.26667rem * 1.7) - 1.26667rem) / 2));
      font-size: 1.26667rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .c-second-sec.r-qs .c-related__ttl {
      margin-top: 15.11333vw;
      font-size: 9.5px;
      font-size: 2.53333vw; } }

@media screen and (max-width: 768px) {
  .c-second-sec.r-qs .c-related__ttl {
    line-height: 1.5;
    margin-top: 141px;
    margin-bottom: -9px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .c-second-sec.r-qs .c-related__ttl {
      margin-top: calc(150px - (((2.4rem * 1.5) - 2.4rem) / 2));
      margin-bottom: calc(0px - (((2.4rem * 1.5) - 2.4rem) / 2));
      font-size: 2.4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .c-second-sec.r-qs .c-related__ttl {
      margin-top: 18.8vw;
      margin-bottom: -1.2vw;
      font-size: 18px;
      font-size: 4.8vw; } }

.c-second-main + .c-second-sec.r-qs {
  padding-top: 0; }

.rd-intro-box .rd-intro-box__inr {
  position: relative;
  background-color: #f9f9f9; }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__inr {
      padding: 60px 42px; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__inr {
      padding-top: 62.5px;
      padding-top: 16.66667vw;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-bottom: 37.5px;
      padding-bottom: 10vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }

.rd-intro-box .rd-intro-box__ttl {
  position: relative;
  z-index: 1;
  line-height: 1.5;
  color: #e4002b;
  font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__ttl {
      line-height: 1.5;
      margin-top: -7.5px;
      margin-bottom: -7.5px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__ttl {
      margin-top: calc(0px - (((2rem * 1.5) - 2rem) / 2));
      margin-bottom: calc(0px - (((2rem * 1.5) - 2rem) / 2));
      font-size: 2rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__ttl {
      margin-top: -1vw;
      margin-bottom: -1vw;
      font-size: 15px;
      font-size: 4vw; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__ttl {
      line-height: 1.5;
      margin-top: -15px;
      margin-bottom: -15px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .rd-intro-box .rd-intro-box__ttl {
      margin-top: calc(0px - (((4rem * 1.5) - 4rem) / 2));
      margin-bottom: calc(0px - (((4rem * 1.5) - 4rem) / 2));
      font-size: 4rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__ttl {
      margin-top: -2vw;
      margin-bottom: -2vw;
      font-size: 30px;
      font-size: 8vw; } }

.rd-intro-box .rd-intro-box__cpy {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__cpy {
      line-height: 1.7;
      line-height: 1.7;
      margin-top: 51.6px;
      margin-bottom: -8.4px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__cpy {
      margin-top: calc(60px - (((1.6rem * 1.7) - 1.6rem) / 2));
      margin-bottom: calc(0px - (((1.6rem * 1.7) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__cpy {
      margin-top: 6.88vw;
      margin-bottom: -1.12vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__cpy {
      line-height: 1.5;
      line-height: 1.5;
      margin-top: 58.5px;
      margin-bottom: -11.5px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .rd-intro-box .rd-intro-box__cpy {
      margin-top: calc(70px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__cpy {
      margin-top: 7.8vw;
      margin-bottom: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

.rd-intro-box .rd-intro-box__lyt {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__lyt {
      line-height: 1.9;
      margin-top: 33.7px;
      margin-bottom: -6.3px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__lyt {
      margin-top: calc(40px - (((0.93333rem * 1.9) - 0.93333rem) / 2));
      margin-bottom: calc(0px - (((0.93333rem * 1.9) - 0.93333rem) / 2));
      font-size: 0.93333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__lyt {
      margin-top: 4.49333vw;
      margin-bottom: -0.84vw;
      font-size: 7px;
      font-size: 1.86667vw; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__lyt {
      line-height: 1.9;
      margin-top: 47.4px;
      margin-bottom: -12.6px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .rd-intro-box .rd-intro-box__lyt {
      margin-top: calc(60px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      margin-bottom: calc(0px - (((1.86667rem * 1.9) - 1.86667rem) / 2));
      font-size: 1.86667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__lyt {
      margin-top: 6.32vw;
      margin-bottom: -1.68vw;
      font-size: 14px;
      font-size: 3.73333vw; } }
  .rd-intro-box .rd-intro-box__lyt .rd-intro-box__lyt__node:nth-of-type(1) {
    margin-top: 0 !important; }
  .rd-intro-box .rd-intro-box__lyt.r-fig-head {
    margin-top: 40px !important; }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__lyt.r-product-egg {
      margin-bottom: 235px;
      margin-bottom: 62.66667vw; } }

.rd-intro-box .rd-intro-box__kv-frm {
  position: absolute;
  z-index: 0; }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-packing {
      top: 18px;
      right: 47px; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-packing {
      width: 231.5px;
      width: 61.73333vw;
      height: 237px;
      height: 63.2vw;
      top: 11.5px;
      top: 3.06667vw;
      right: 0; } }
  .rd-intro-box .rd-intro-box__kv-frm.r-solution-material {
    top: 0;
    right: 0; }
    @media screen and (max-width: 768px) {
      .rd-intro-box .rd-intro-box__kv-frm.r-solution-material {
        width: 281px;
        width: 74.93333vw;
        height: 208px;
        height: 55.46667vw; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-health {
      top: 12px;
      right: 47px; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-health {
      width: 310.5px;
      width: 82.8vw;
      height: 215.5px;
      height: 57.46667vw;
      top: 5.5px;
      top: 1.46667vw;
      right: 0; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-taste {
      top: 0;
      right: 18px; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-solution-taste {
      width: 231.5px;
      width: 61.73333vw;
      height: 214px;
      height: 57.06667vw;
      top: 15px;
      top: 4vw;
      right: 0; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-global {
      top: 25px;
      right: 44px; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-global {
      width: 245px;
      width: 65.33333vw;
      height: 201px;
      height: 53.6vw;
      top: 15px;
      top: 4vw;
      right: 0; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-finechemicals {
      top: 0;
      right: 0; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-finechemicals {
      width: 243.5px;
      width: 64.93333vw;
      height: 244.5px;
      height: 65.2vw;
      top: 10.5px;
      top: 2.8vw;
      right: 0; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-egg:nth-of-type(1) {
      top: 0;
      right: 0; } }
  @media screen and (min-width: 769px), print {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-egg:nth-of-type(2) {
      top: 363px;
      right: 0; } }
  @media screen and (max-width: 768px) {
    .rd-intro-box .rd-intro-box__kv-frm.r-product-egg {
      top: 0px;
      top: 0vw;
      right: 0; }
      .rd-intro-box .rd-intro-box__kv-frm.r-product-egg:nth-of-type(2) {
        top: 620px;
        top: 165.33333vw;
        right: 50%;
        width: 354.5px;
        width: 94.53333vw;
        height: 265px;
        height: 70.66667vw;
        margin-right: -176.5px;
        margin-right: -47.06667vw; } }
  .rd-intro-box .rd-intro-box__kv-frm.r-product-vegetable, .rd-intro-box .rd-intro-box__kv-frm.r-product-seasoning {
    width: 100%;
    height: auto;
    top: 0;
    right: 0; }

@media screen and (min-width: 769px), print {
  .r-half {
    margin-top: 36px;
    width: 345px; } }

@media screen and (min-width: 769px), print {
  .p-rdcontent-bdrbox {
    border: 1px solid #ddd;
    padding: 10px; } }

.p-rd--bnr {
  width: 100%;
  height: auto; }

.p-rdhdg--lv3 {
  display: inline-block;
  position: relative;
  width: 100%;
  line-height: 1.5; }
  @media screen and (min-width: 769px), print {
    .p-rdhdg--lv3 {
      margin-top: 114px;
      line-height: 1.5; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-rdhdg--lv3 {
      margin-top: calc(120px - (((1.6rem * 1.5) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-rdhdg--lv3 {
      margin-top: 15.2vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .p-rdhdg--lv3 {
      margin-top: 138.5px;
      line-height: 1.5;
      padding-bottom: 7px;
      padding-bottom: 1.86667vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-rdhdg--lv3 {
      margin-top: calc(150px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-rdhdg--lv3 {
      margin-top: 18.46667vw;
      font-size: 23px;
      font-size: 6.13333vw; } }

.p-rdhdg__sub {
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-rdhdg__sub {
      line-height: 1.9;
      margin-top: -7.65px;
      margin-bottom: -7.65px; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-rdhdg__sub {
      margin-top: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      margin-bottom: calc(0px - (((1.13333rem * 1.9) - 1.13333rem) / 2));
      font-size: 1.13333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-rdhdg__sub {
      margin-top: -1.02vw;
      margin-bottom: -1.02vw;
      font-size: 8.5px;
      font-size: 2.26667vw; } }
  @media screen and (max-width: 768px) {
    .p-rdhdg__sub {
      line-height: 1.5;
      margin-top: -8px;
      margin-bottom: -8px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-rdhdg__sub {
      margin-top: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      margin-bottom: calc(0px - (((2.13333rem * 1.5) - 2.13333rem) / 2));
      font-size: 2.13333rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-rdhdg__sub {
      margin-top: -1.06667vw;
      margin-bottom: -1.06667vw;
      font-size: 16px;
      font-size: 4.26667vw; } }

.p-rd-research .l-main__cnt {
  position: relative; }

.p-rd-research .p-rd-research__books {
  position: absolute; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__books {
      top: -20px;
      left: 427px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__books {
      top: -15px;
      top: -4vw;
      right: 0;
      z-index: -1; } }
  .p-rd-research .p-rd-research__books img {
    display: block; }
    @media screen and (min-width: 769px), print {
      .p-rd-research .p-rd-research__books img {
        width: 380px;
        height: auto; } }
    @media screen and (max-width: 768px) {
      .p-rd-research .p-rd-research__books img {
        width: 160px;
        width: 42.66667vw;
        height: 126.5px;
        height: 33.73333vw; } }

.p-rd-research .p-rd-research__sorts .p-rd-research__sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort {
      padding: 15px 0; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort {
      padding: 15px 0px 15px 0px;
      padding: 4vw 0vw 4vw 0vw; } }
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort:nth-of-type(3) {
    border: none; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles {
      width: 50px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles {
      width: 47.5px;
      width: 12.66667vw; } }
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles--en {
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles--en {
        width: 100px;
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles--en {
        width: 75px;
        width: 20vw; } }
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles .p-rd-research__sort-title {
    font-weight: bold; }
    @media screen and (min-width: 769px), print {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-titles .p-rd-research__sort-title {
        font-size: 15px; } }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects {
      width: calc(100% - 50px); } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects {
      width: 287.5px;
      width: 76.66667vw; } }
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span {
    position: relative;
    display: inline-block;
    vertical-align: top; }
    @media screen and (min-width: 769px), print {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span {
        width: 105px;
        padding-left: 24px; } }
    @media screen and (max-width: 768px) {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span {
        width: 90px;
        width: 24vw;
        padding-left: 22.5px;
        padding-left: 6vw; } }
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span.r-field__select-span {
      display: inline-block; }
      @media screen and (min-width: 769px), print {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span.r-field__select-span {
          width: 170px;
          padding-left: 24px; } }
      @media screen and (max-width: 768px) {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span.r-field__select-span {
          display: block;
          width: 100%; } }
    @media screen and (min-width: 769px), print {
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span .r-select-label {
        cursor: pointer; } }
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span .r-select-label:before {
      position: absolute;
      display: block;
      content: "";
      border: 1px solid #ddd;
      background: #fff; }
      @media screen and (min-width: 769px), print {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span .r-select-label:before {
          width: 14px;
          height: 14px;
          top: 7px;
          left: 0; } }
      @media screen and (max-width: 768px) {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span .r-select-label:before {
          width: 14px;
          width: 3.73333vw;
          height: 14px;
          height: 3.73333vw;
          top: 6px;
          top: 1.6vw;
          left: 0; } }
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"] {
      position: absolute;
      z-index: 10;
      opacity: 0; }
      @media screen and (min-width: 769px), print {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"] {
          cursor: pointer;
          width: 100%;
          top: 5px;
          left: 0; } }
      @media screen and (max-width: 768px) {
        .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"] {
          width: 100%;
          top: 5px;
          top: 1.33333vw;
          left: 0; } }
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:before {
        position: absolute;
        display: block;
        content: "";
        border: 1px solid #e4002b !important;
        background: #e4002b !important; }
        @media screen and (min-width: 769px), print {
          .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:before {
            width: 14px;
            height: 14px;
            top: 7px;
            left: 0; } }
        @media screen and (max-width: 768px) {
          .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:before {
            width: 14px;
            width: 3.73333vw;
            height: 14px;
            height: 3.73333vw;
            top: 6px;
            top: 1.6vw;
            left: 0; } }
      .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:after {
        position: absolute;
        display: block;
        content: "";
        -webkit-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
                transform: rotate(40deg); }
        @media screen and (min-width: 769px), print {
          .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:after {
            width: 5.5px;
            height: 10px;
            top: 7.5px;
            left: 4px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff; } }
        @media screen and (max-width: 768px) {
          .p-rd-research .p-rd-research__sorts .p-rd-research__sort .p-rd-research__sort-selects .r-select-span input[type="checkbox"]:checked + .r-select-label:after {
            width: 5px;
            width: 1.33333vw;
            height: 10.5px;
            height: 2.8vw;
            top: 6.75px;
            top: 1.8vw;
            left: 4.25px;
            left: 1.13333vw;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff; } }

@media screen and (min-width: 769px), print {
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort_btns {
    padding: 15px 0 20px; } }

@media screen and (max-width: 768px) {
  .p-rd-research .p-rd-research__sorts .p-rd-research__sort_btns {
    padding: 15px 0px 15px 0px;
    padding: 4vw 0vw 4vw 0vw; } }

.p-rd-research .p-rd-research__sorts .p-rd-research__sort_btns .p-rd-research__sort_btn {
  margin: auto;
  color: #e4002b;
  text-align: center;
  font-weight: bold;
  border: 1px solid #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort_btns .p-rd-research__sort_btn {
      cursor: pointer;
      width: 242px;
      padding: 10px 0;
      border-radius: 22px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__sorts .p-rd-research__sort_btns .p-rd-research__sort_btn {
      width: 100%;
      padding: 7.5px 0px 7.5px 0px;
      padding: 2vw 0vw 2vw 0vw;
      border-radius: 20px;
      border-radius: 5.33333vw; } }

.p-rd-research .p-rd-research__columns .p-rd-research__err {
  text-align: center; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__err {
      margin-top: 40px;
      font-size: 20px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__err {
      margin-top: 20px;
      margin-top: 5.33333vw;
      font-size: 15px;
      font-size: 4vw; } }

.p-rd-research .p-rd-research__columns .p-rd-research__column[aria-hidden="true"] {
  margin: 0;
  padding: 0; }

.p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element {
      padding: 10px 0; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element {
      padding: 15px 0px 15px 0px;
      padding: 4vw 0vw 4vw 0vw; } }
  .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element:first-child {
    padding-top: 0; }
  .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element:last-child {
    padding-bottom: 0;
    border: none; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__title {
      width: 150px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__title {
      width: 70px;
      width: 18.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__title--en {
      width: 170px; } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__title--en {
      width: 90px;
      width: 24vw; } }
  .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__txt.c-txt-link {
    font-weight: bold; }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__txt {
      width: calc(100% - 150px); } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__txt {
      width: 225px;
      width: 60vw; } }
  @media screen and (min-width: 769px), print {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__txt--en {
      width: calc(100% - 170px); } }
  @media screen and (max-width: 768px) {
    .p-rd-research .p-rd-research__columns .p-rd-research__column .p-rd-research__column-elements .p-rd-research__column-element .p-rd-research__column-element__txt--en {
      width: 205px;
      width: 54.66667vw; } }

@media screen and (min-width: 769px), print {
  .p-second-sec--prx {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .p-second-sec--prx {
    margin-top: 60px;
    margin-top: 16vw; } }

.p-second-sec--prx__img {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: -webkit-transform ease .3s, -webkit-filter ease 1s;
  transition: transform ease .3s, filter ease 1s;
  transition: transform ease .3s, filter ease 1s, -webkit-transform ease .3s, -webkit-filter ease 1s; }
  @media screen and (min-width: 769px), print {
    .p-second-sec--prx__img {
      height: 251px;
      background-position: 50% calc(50% - 27.5062px);
      background-attachment: fixed; } }
  @media screen and (max-width: 768px) {
    .p-second-sec--prx__img {
      height: 140px;
      height: 37.33333vw;
      background-position: 50% calc(50% - 27.5062px); } }

.p-rd-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 769px), print {
    .p-rd-second-pnl-list {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 24px; } }
  @media screen and (max-width: 768px) {
    .p-rd-second-pnl-list {
      margin-top: 17px;
      margin-top: 4.53333vw; } }
  @media screen and (min-width: 769px), print {
    .p-rd-second-pnl-list__imgitm {
      width: 242px;
      margin-left: 26px; } }
  @media screen and (max-width: 768px) {
    .p-rd-second-pnl-list__imgitm {
      width: 335px;
      width: 89.33333vw;
      height: 190px;
      height: 50.66667vw;
      margin-left: 20px;
      margin-left: 5.33333vw;
      margin-right: 20px;
      margin-right: 5.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-rd-second-pnl-list__imgitm:first-child {
      margin-left: 0; } }
  .p-rd-second-pnl-list__imgitm__box {
    display: block; }
    @media screen and (min-width: 769px), print {
      .p-rd-second-pnl-list__imgitm__box:hover {
        opacity: 0.7;
        -webkit-transition: opacity .2s;
        transition: opacity .2s; } }
  @media screen and (min-width: 769px), print {
    .p-rd-second-pnl-list__txt {
      width: 484px;
      margin-left: 26px; } }
  @media screen and (max-width: 768px) {
    .p-rd-second-pnl-list__txt {
      margin-top: 29px;
      margin-top: 7.73333vw;
      margin-left: 20px;
      margin-left: 5.33333vw;
      margin-right: 20px;
      margin-right: 5.33333vw; } }

.p-group-second-section {
  border-top: 1px solid #ddd; }
  @media screen and (min-width: 769px), print {
    .p-group-second-section {
      margin-top: 95px;
      padding-top: 90px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-section {
      margin-top: 61.5px;
      margin-top: 16.4vw;
      padding-top: 57px;
      padding-top: 15.2vw; } }
  .p-group-second-section.r-main-visual {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 769px), print {
      .p-group-second-section.r-main-visual + .p-group-second-section {
        margin-top: 80px; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-section.r-maintxt {
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-section.r-maintxt {
      font-size: 4.26667vw; } }

.p-group-second-hdg--lv1 {
  position: relative;
  color: #e4002b; }
  @media screen and (min-width: 769px), print {
    .p-group-second-hdg--lv1 {
      margin-top: 58px;
      padding-bottom: 23px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-hdg--lv1 {
      margin-top: 40px;
      margin-top: 10.66667vw;
      padding-bottom: 22.5px;
      padding-bottom: 6vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-hdg--lv1 .r-en {
      line-height: 2.177;
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-hdg--lv1 .r-en {
      line-height: 1.524;
      font-size: 10px;
      font-size: 2.66667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-hdg--lv1 .r-jp {
      line-height: 1;
      font-size: 32px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-hdg--lv1 .r-jp {
      line-height: 1.5;
      display: inline-block;
      margin-top: 9px;
      margin-top: 2.4vw;
      font-size: 30px;
      font-size: 8vw; } }
  .p-group-second-hdg--lv1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .p-group-second-hdg--lv1:after {
        width: 32px;
        height: 2px; } }
    @media screen and (max-width: 768px) {
      .p-group-second-hdg--lv1:after {
        width: 23px;
        width: 6.13333vw;
        height: 2px;
        height: 0.53333vw; } }

@media screen and (min-width: 769px), print {
  .p-group-second__block {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .p-group-second__block {
    margin-top: 30px;
    margin-top: 8vw; } }

.p-group-second__main-visual {
  position: absolute; }
  @media screen and (min-width: 769px), print {
    .p-group-second__main-visual {
      left: 50%;
      top: 137px;
      margin-left: 375px;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
  @media screen and (max-width: 768px) {
    .p-group-second__main-visual {
      top: 83px;
      top: 22.13333vw;
      right: -20px;
      right: -5.33333vw;
      width: 318px;
      width: 84.8vw;
      margin-left: 135px;
      margin-left: 36vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second__main-visual.r-group {
      top: -100px;
      margin-left: 330px;
      margin-bottom: -60px; } }
  @media screen and (max-width: 768px) {
    .p-group-second__main-visual.r-group {
      top: -50px;
      top: -13.33333vw;
      right: 0;
      width: 246.5px;
      width: 65.73333vw;
      margin-left: 61px;
      margin-left: 16.26667vw;
      z-index: -1; } }

@media screen and (max-width: 768px) {
  .p-group-second-lead .p-group-second-lead__inr {
    width: 100%;
    padding: 0px 20px 0px 20px;
    padding: 0vw 5.33333vw 0vw 5.33333vw;
    box-sizing: border-box; } }

.p-group-second-lead .p-group-second-lead__text {
  color: #333; }
  @media screen and (max-width: 768px) {
    .p-group-second-lead .p-group-second-lead__text {
      font-size: 3.73333vw;
      line-height: 1.9; } }

.p-group-second-pnl-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .p-group-second-pnl-list__itm {
    position: relative;
    overflow: hidden; }
    @media screen and (min-width: 769px), print {
      .p-group-second-pnl-list__itm {
        width: 330px;
        height: 186px;
        margin-right: 24px; }
        .p-group-second-pnl-list__itm:nth-child(3n) {
          margin-right: 0; }
        .p-group-second-pnl-list__itm:nth-child(n + 4) {
          margin-top: 20px; } }
    @media screen and (max-width: 768px) {
      .p-group-second-pnl-list__itm {
        width: 161px;
        width: 42.93333vw;
        height: 91px;
        height: 24.26667vw;
        margin-bottom: 30px;
        margin-bottom: 8vw;
        margin-right: 13px;
        margin-right: 3.46667vw; }
        .p-group-second-pnl-list__itm:nth-child(even) {
          margin-right: 0px;
          margin-right: 0vw; } }
    .p-group-second-pnl-list__itm .p-group-second-pnl-list__href {
      display: block; }
      @media screen and (min-width: 769px), print {
        .p-group-second-pnl-list__itm .p-group-second-pnl-list__href:hover .p-group-second-pnl-list__img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .p-group-second-pnl-list__itm .p-group-second-pnl-list__href:hover .p-group-second-pnl-list__hdg {
          color: #e4002b; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl-list__img {
      width: 100%;
      max-width: none;
      display: block;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }
  .p-group-second-pnl-list__hdg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 769px), print {
      .p-group-second-pnl-list__hdg {
        line-height: 1.7;
        font-size: 19px;
        left: 30px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease; } }
    @media screen and (max-width: 768px) {
      .p-group-second-pnl-list__hdg {
        font-size: 3.46667vw;
        line-height: 1.5;
        left: 12px;
        left: 3.2vw; } }

@media screen and (min-width: 769px), print {
  .p-group-second-pnl .p-group-second-caution {
    position: absolute;
    display: inline-block;
    top: 45px;
    right: 0;
    z-index: 1; } }

@media screen and (max-width: 768px) {
  .p-group-second-pnl .p-group-second-caution {
    width: 100%;
    margin: 20px auto 0px auto;
    margin: 5.33333vw auto 0vw auto;
    padding: 0px 20px 0px 20px;
    padding: 0vw 5.33333vw 0vw 5.33333vw; } }

.p-group-second-pnl .p-group-second-caution p {
  color: #333; }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-caution p {
      font-size: 13px;
      line-height: 1.7; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-caution p {
      font-size: 2.93333vw;
      line-height: 1.7; } }

@media screen and (min-width: 769px), print {
  .p-group-second-pnl .p-group-second-life {
    margin: 55px auto 0; } }

@media screen and (max-width: 768px) {
  .p-group-second-pnl .p-group-second-life {
    margin: 35px auto 0px auto;
    margin: 9.33333vw auto 0vw auto; } }

@media screen and (min-width: 769px), print {
  .p-group-second-pnl .p-group-second-life .p-group-second-life__itm {
    position: relative;
    padding-bottom: 31px; } }

@media screen and (max-width: 768px) {
  .p-group-second-pnl .p-group-second-life .p-group-second-life__itm {
    position: relative;
    padding-bottom: 50px;
    padding-bottom: 13.33333vw; } }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-01"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_01.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-02"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_02.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-03"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_03.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-04"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_04.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-05"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_05.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm[data-item-number="item-06"] .p-group-second-life__ttl {
  background-image: url("/assets/img/project/group/index/icn_clock_06.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  background-color: transparent; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="1"] ~ .p-group-second-life__itm__hover[data-hover-target="1"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="2"] ~ .p-group-second-life__itm__hover[data-hover-target="2"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="3"] ~ .p-group-second-life__itm__hover[data-hover-target="3"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="4"] ~ .p-group-second-life__itm__hover[data-hover-target="4"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="5"] ~ .p-group-second-life__itm__hover[data-hover-target="5"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="6"] ~ .p-group-second-life__itm__hover[data-hover-target="6"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="7"] ~ .p-group-second-life__itm__hover[data-hover-target="7"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="8"] ~ .p-group-second-life__itm__hover[data-hover-target="8"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="9"] ~ .p-group-second-life__itm__hover[data-hover-target="9"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="10"] ~ .p-group-second-life__itm__hover[data-hover-target="10"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="11"] ~ .p-group-second-life__itm__hover[data-hover-target="11"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="12"] ~ .p-group-second-life__itm__hover[data-hover-target="12"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="13"] ~ .p-group-second-life__itm__hover[data-hover-target="13"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="14"] ~ .p-group-second-life__itm__hover[data-hover-target="14"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="15"] ~ .p-group-second-life__itm__hover[data-hover-target="15"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="16"] ~ .p-group-second-life__itm__hover[data-hover-target="16"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="17"] ~ .p-group-second-life__itm__hover[data-hover-target="17"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="18"] ~ .p-group-second-life__itm__hover[data-hover-target="18"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="19"] ~ .p-group-second-life__itm__hover[data-hover-target="19"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button[data-hover-item="20"] ~ .p-group-second-life__itm__hover[data-hover-target="20"] {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover {
      display: none; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; } }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="1"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_1.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="2"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_2.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="3"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_3.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="4"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_4.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="5"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_5.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="6"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_6.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="7"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_7.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="8"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_8.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="9"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_9.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="10"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_10.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="12"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_12.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="13"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_13.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="14"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_14.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="15"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_15.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="16"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_16.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="17"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_17.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="18"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_18.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="19"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_19.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__hover[data-hover-target="20"]:after {
  background-image: url("/assets/img/project/group/index/img_slide_hover_20.png"); }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg {
  position: absolute; }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-jam {
      top: 286px;
      left: 404px;
      width: 471px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-jam {
      top: 132px;
      top: 35.2vw;
      left: 49.5px;
      left: 13.2vw;
      width: 218px;
      width: 58.13333vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-mustard {
      top: 416px;
      left: 276px;
      width: 254px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-mustard {
      top: 246px;
      top: 65.6vw;
      left: 92px;
      left: 24.53333vw;
      width: 160.5px;
      width: 42.8vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-babyfood {
      top: 99px;
      left: 496px;
      width: 229px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-01-babyfood {
      top: 51px;
      top: 13.6vw;
      left: 185px;
      left: 49.33333vw;
      width: 149.5px;
      width: 39.86667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-omelet {
      top: 105px;
      left: 187px;
      width: 248px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-omelet {
      top: 71.5px;
      top: 19.06667vw;
      left: 32px;
      left: 8.53333vw;
      width: 151.5px;
      width: 40.4vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-pasta {
      top: 39px;
      left: 545px;
      width: 306px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-pasta {
      top: 45.5px;
      top: 12.13333vw;
      left: 184.5px;
      left: 49.2vw;
      width: 177.5px;
      width: 47.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-jam {
      top: 354px;
      left: 709px;
      width: 225px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-02-jam {
      top: 218px;
      top: 58.13333vw;
      left: 190px;
      left: 50.66667vw;
      width: 148px;
      width: 39.46667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-salad {
      top: 37px;
      left: -5px;
      width: 300px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-salad {
      top: 1.5px;
      top: 0.4vw;
      left: 0px;
      left: 0vw;
      width: 225px;
      width: 60vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-dressing {
      top: 52px;
      left: 205px;
      width: 332px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-dressing {
      top: 15.5px;
      top: 4.13333vw;
      left: 87.5px;
      left: 23.33333vw;
      width: 173.5px;
      width: 46.26667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-sand {
      top: 223px;
      left: 309px;
      width: 337px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-sand {
      top: 185px;
      top: 49.33333vw;
      left: 33.5px;
      left: 8.93333vw;
      width: 222px;
      width: 59.2vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-supplyment {
      top: 29px;
      left: 597px;
      width: 422px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-03-supplyment {
      top: 3px;
      top: 0.8vw;
      left: 180.5px;
      left: 48.13333vw;
      width: 184.5px;
      width: 49.2vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-spray {
      top: 12px;
      left: 557px;
      width: 231px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-spray {
      top: 13.5px;
      top: 3.6vw;
      left: 116.5px;
      left: 31.06667vw;
      width: 162px;
      width: 43.2vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-mayo {
      top: 293px;
      left: 203px;
      width: 223px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-mayo {
      top: 170.5px;
      top: 45.46667vw;
      left: 32.5px;
      left: 8.66667vw;
      width: 142.5px;
      width: 38vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-salad {
      top: 233px;
      left: 619px;
      width: 270px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-salad {
      top: 108.5px;
      top: 28.93333vw;
      left: 164.5px;
      left: 43.86667vw;
      width: 159px;
      width: 42.4vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-egg {
      top: 254px;
      left: 704px;
      width: 287px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-04-egg {
      top: 135px;
      top: 36vw;
      left: 197px;
      left: 52.53333vw;
      width: 172px;
      width: 45.86667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-track {
      top: 58px;
      left: 583px;
      width: 389px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-track {
      top: 29px;
      top: 7.73333vw;
      left: 176px;
      left: 46.93333vw;
      width: 194.5px;
      width: 51.86667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-mayodressing {
      top: 81px;
      left: 166px;
      width: 343px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-mayodressing {
      top: 91.5px;
      top: 24.4vw;
      left: 24px;
      left: 6.4vw;
      width: 178px;
      width: 47.46667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-salad {
      top: 375px;
      left: 589px;
      width: 319px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-05-salad {
      top: 214px;
      top: 57.06667vw;
      left: 238.5px;
      left: 63.6vw;
      width: 95.5px;
      width: 25.46667vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-pasta {
      top: 210px;
      left: 179px;
      width: 345px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-pasta {
      top: 109px;
      top: 29.06667vw;
      left: 28px;
      left: 7.46667vw;
      width: 104px;
      width: 27.73333vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-kaigo {
      top: 204px;
      left: 528px;
      width: 218px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-kaigo {
      top: 143px;
      top: 38.13333vw;
      left: 137px;
      left: 36.53333vw;
      width: 132.5px;
      width: 35.33333vw; } }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-salad {
      top: 442px;
      left: 103px;
      width: 264px; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg.r-06-salad {
      top: 270px;
      top: 72vw;
      left: 74px;
      left: 19.73333vw;
      width: 165px;
      width: 44vw; } }

.p-group-second-pnl .p-group-second-life .p-group-second-life__itm__button__svg > path {
  cursor: pointer; }

.p-group-second-pnl .p-group-second-life .p-group-second-life__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl {
      font-size: 24px;
      line-height: 1.9;
      padding-left: 70px;
      margin-bottom: 35px;
      background-size: 45px;
      background-position: left top; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl {
      line-height: 1.5;
      height: 37.5px;
      height: 10vw;
      padding-left: 76px;
      padding-left: 20.26667vw;
      font-size: 23px;
      font-size: 6.13333vw;
      margin: 0px auto 20px auto;
      margin: 0vw auto 5.33333vw auto;
      background-position-x: 20px;
      background-position-x: 5.33333vw;
      background-position-y: 0;
      background-size: 37.5px;
      background-size: 10vw; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl .p-group-second-life__ttl__time,
    .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl .p-group-second-life__ttl__txt {
      padding-top: 5.5px;
      padding-top: 1.46667vw;
      font-size: 4.8vw; } }
  .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl .p-group-second-life__ttl__time {
    padding-right: .75em; }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life .p-group-second-life__ttl .p-group-second-life__ttl__txt {
      padding-right: 20px;
      padding-right: 5.33333vw; } }

.p-group-second-pnl .p-group-second-life .p-group-second-life__img__off {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-animation: flashing 3.0s ease-in-out infinite;
          animation: flashing 3.0s ease-in-out infinite; }

.p-group-second-pnl .p-group-second-life__notes {
  width: 100%;
  display: block; }
  @media screen and (min-width: 769px), print {
    .p-group-second-pnl .p-group-second-life__notes {
      margin: 29px auto 0; } }
  @media screen and (max-width: 768px) {
    .p-group-second-pnl .p-group-second-life__notes {
      margin: 26px auto 0px auto;
      margin: 6.93333vw auto 0vw auto;
      padding-right: 20px;
      padding-right: 5.33333vw;
      padding-left: 20px;
      padding-left: 5.33333vw; } }

@media screen and (min-width: 769px), print {
  .p-group-second-pnl .p-group-second-life__notes__txt + .p-group-second-life__notes__list {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .p-group-second-pnl .p-group-second-life__notes__txt + .p-group-second-life__notes__list {
    margin-top: 15px;
    margin-top: 4vw; } }

@media screen and (min-width: 769px), print {
  .p-group-second-pnl .p-group-second-life__notes__itm > p {
    font-size: 14px;
    line-height: 1.9; } }

@media screen and (max-width: 768px) {
  .p-group-second-pnl .p-group-second-life__notes__itm > p {
    font-size: 3.46667vw;
    line-height: 1.7;
    padding-left: 2.3vw;
    text-indent: -2.3vw; } }

.p-group-second-life__itm__button__svg {
  pointer-events: none; }
  .p-group-second-life__itm__button__svg path {
    pointer-events: auto; }

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

@keyframes flashing {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media screen and (min-width: 769px), print {
  .p-csr-blog .l-breadcrumb {
    margin-bottom: 15px; } }

.p-csr-blog-hdg--lv2,
.p-csr-blog-hdg--lv4 {
  display: inline-block;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      padding-left: 25px;
      background: url("/assets/img/project/sustainability/blog/icon_01.png") 0 25%/1.9% no-repeat;
      margin-bottom: -10.8px;
      margin-top: -10.8px;
      line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      margin-bottom: calc(0px - (((1.6rem * 1.9) - 1.6rem) / 2));
      margin-top: calc(0px - (((1.6rem * 1.9) - 1.6rem) / 2));
      font-size: 1.6rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      margin-bottom: -1.44vw;
      margin-top: -1.44vw;
      font-size: 12px;
      font-size: 3.2vw; } }
  @media screen and (max-width: 768px) {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      margin-bottom: -11.5px;
      margin-top: -11.5px;
      line-height: 1.5;
      padding: 0px 0px 0px 23.5px;
      padding: 0vw 0vw 0vw 6.26667vw;
      background: url("/assets/img/project/sustainability/blog/icon_01.png") 0 2%/4.5% no-repeat; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      margin-bottom: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      margin-top: calc(0px - (((3.06667rem * 1.5) - 3.06667rem) / 2));
      font-size: 3.06667rem; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    .p-csr-blog-hdg--lv2,
    .p-csr-blog-hdg--lv4 {
      margin-bottom: -1.53333vw;
      margin-top: -1.53333vw;
      font-size: 23px;
      font-size: 6.13333vw; } }
  @media screen and (min-width: 769px), print {
    .p-csr-blog-hdg--lv2.r-new,
    .p-csr-blog-hdg--lv4.r-new {
      padding-left: 29px;
      background: url("/assets/img/project/sustainability/blog/icon_02.png") 0 10px/21px no-repeat; } }
  @media screen and (max-width: 768px) {
    .p-csr-blog-hdg--lv2.r-new,
    .p-csr-blog-hdg--lv4.r-new {
      padding: 0px 0px 0px 27px;
      padding: 0vw 0vw 0vw 7.2vw;
      background: url("/assets/img/project/sustainability/blog/icon_02.png") 0 25%/12% no-repeat; } }
  .p-csr-blog-hdg--lv2.r-recommend,
  .p-csr-blog-hdg--lv4.r-recommend {
    background: url("/assets/img/project/sustainability/blog/icon_03.svg") no-repeat left center; }
    @media screen and (min-width: 769px), print {
      .p-csr-blog-hdg--lv2.r-recommend,
      .p-csr-blog-hdg--lv4.r-recommend {
        padding-left: 29px;
        background-size: 29px auto; } }
    @media screen and (max-width: 768px) {
      .p-csr-blog-hdg--lv2.r-recommend,
      .p-csr-blog-hdg--lv4.r-recommend {
        padding: 0px 0px 0px 27px;
        padding: 0vw 0vw 0vw 7.2vw;
        background-size: 25px auto;
        background-size: 6.66667vw auto; } }
  @media screen and (min-width: 769px), print {
    .p-csr-blog-hdg--lv2.r-noicon,
    .p-csr-blog-hdg--lv4.r-noicon {
      padding-left: 0;
      background-image: none; } }
  @media screen and (max-width: 768px) {
    .p-csr-blog-hdg--lv2.r-noicon,
    .p-csr-blog-hdg--lv4.r-noicon {
      padding-left: 0;
      background-image: none; } }

@media screen and (min-width: 769px), print {
  .p-csr-blog-hdg--lv4 {
    margin-top: 75px;
    margin-bottom: -9px;
    margin-top: -9px;
    line-height: 1.9; } }
  @media screen and (min-width: 769px) and (min-width: 769px), print {
    .p-csr-blog-hdg--lv4 {
      margin-bottom: calc(0px - (((1.33333rem * 1.9) - 1.33333rem) / 2));
      margin-top: calc(0px - (((1.33333rem * 1.9) - 1.33333rem) / 2));
      font-size: 1.33333rem; } }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    .p-csr-blog-hdg--lv4 {
      margin-bottom: -1.2vw;
      margin-top: -1.2vw;
      font-size: 10px;
      font-size: 2.66667vw; } }

.p-csr-blog__main-visual {
  width: 100%; }
  .p-csr-blog__main-visual img {
    display: block;
    width: 100%; }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog .c-pnl-list__itm__info {
    padding-top: 20px; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .c-pnl-list__itm {
    margin-top: 37.5px;
    margin-top: 10vw; } }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog .p-csr-blog__pickups .c-pnl-list__itm {
    width: 375px; }
    .l-main--2col.p-csr-blog .p-csr-blog__pickups .c-pnl-list__itm:nth-of-type(2n) {
      margin-right: 0; } }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog .p-csr-blog__latests {
    padding-top: 110px; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .p-csr-blog__latests {
    padding: 75px 0px 0px 0px;
    padding: 20vw 0vw 0vw 0vw; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .p-csr-blog__latests .c-pnl-list__itm__txt {
    display: none; } }

.l-main--2col.p-csr-blog .p-csr-blog__latests__titles {
  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; }

.l-main--2col.p-csr-blog .p-csr-blog__latests-btn {
  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; }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog .p-csr-blog__latests-btn {
      width: 203px;
      margin-top: -12px; } }
  @media screen and (max-width: 768px) {
    .l-main--2col.p-csr-blog .p-csr-blog__latests-btn {
      width: 161.5px;
      width: 43.06667vw;
      padding: 10px 0px 0px 0px;
      padding: 2.66667vw 0vw 0vw 0vw; } }
  .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss {
    position: relative;
    color: #fff;
    border-radius: 30px;
    background: #e4002b; }
    @media screen and (min-width: 769px), print {
      .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss {
        height: 24px;
        margin-top: 10px;
        padding: 1px 20px 0 36px;
        font-size: 13px; } }
    @media screen and (max-width: 768px) {
      .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss {
        height: 18px;
        height: 4.8vw;
        padding: 0px 15px 0px 25px;
        padding: 0vw 4vw 0vw 6.66667vw;
        font-size: 11px;
        font-size: 2.93333vw; } }
    .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss:before {
      position: absolute;
      display: block;
      content: ''; }
      @media screen and (min-width: 769px), print {
        .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss:before {
          width: 11px;
          height: 11px;
          top: 7px;
          left: 20px;
          background: url("/assets/img/project/sustainability/blog/rss-icon.png") 0 0/100% no-repeat; } }
      @media screen and (max-width: 768px) {
        .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss:before {
          width: 9px;
          width: 2.4vw;
          height: 9px;
          height: 2.4vw;
          top: 5px;
          top: 1.33333vw;
          left: 11px;
          left: 2.93333vw;
          background: url("/assets/img/project/sustainability/blog/rss-icon.png") 0 0/100% no-repeat; } }
  .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss__about {
    display: inline-block; }
    @media screen and (min-width: 769px), print {
      .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss__about {
        width: 105px;
        margin: 15px 0 0 15px; } }
    @media screen and (max-width: 768px) {
      .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss__about {
        width: 92.5px;
        width: 24.66667vw;
        margin: 0px 0px 0px 15px;
        margin: 0vw 0vw 0vw 2vw; } }
    .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss__about .c-news-detail__box {
      margin-bottom: 0; }
    .l-main--2col.p-csr-blog .p-csr-blog__latests-btn .r-rss__about .c-news-detail__box .r-link {
      margin-bottom: 0; }

.l-main--2col.p-csr-blog .l-main__subcontent__ttl {
  display: none; }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .l-main__subcontent__bnrs {
    width: 320px;
    width: 85.33333vw;
    margin: auto; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .l-main__subcontent__bnrs .c-news-detail__box__hdg__lv4 {
    margin-bottom: 0; } }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog .l-main__subcontent__bnrs .l-main__subcontent__bnr {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog .l-main__subcontent__bnrs .l-main__subcontent__bnr {
    margin-top: 16px;
    margin-top: 4.26667vw; } }

.l-main--2col.p-csr-blog .l-main__subcontent__bnrs .l-main__subcontent__bnr img {
  display: block;
  width: 100%; }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog__detail .c-news-detail {
    border-top: 1px solid #333; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog__detail .c-news-detail {
    padding: 0; } }

.l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category {
  border: 1px solid;
  border-radius: 30px; }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category {
      height: 22px;
      margin-left: 10px;
      padding: 2px 10px 0;
      line-height: 1.1; } }
  @media screen and (max-width: 768px) {
    .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category {
      margin-right: 10px;
      margin-right: 2.66667vw;
      padding: 0px 7.5px 0px 7.5px;
      padding: 0vw 2vw 0vw 2vw;
      border: 1px solid; } }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category + .c-pnl-list__itm__category {
      margin-left: auto; } }
  .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category.r-society-environment {
    color: #45c062;
    border-color: #45c062; }
  .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category.r-region-society {
    color: #b97034;
    border-color: #b97034; }
  .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category.r-openkitchen {
    color: #fe7200;
    border-color: #fe7200; }
  .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category.r-foodeducation {
    color: #ff669c;
    border-color: #ff669c; }
  .l-main--2col.p-csr-blog__detail .c-pnl-list__itm__category.r-natural-environment {
    color: #00b7ee;
    border-color: #00b7ee; }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog__detail .r-dates-cats {
    margin: 30px 0 60px; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog__detail .r-dates-cats {
    padding-top: 25px;
    padding-top: 6.66667vw; } }

.l-main--2col.p-csr-blog__detail .r-date {
  display: inline-block; }

.l-main--2col.p-csr-blog__detail .r-cat {
  display: inline-block; }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog__detail .r-pagers {
    margin-top: 55px; } }

.l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss {
  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; }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss {
      width: 175px;
      margin: 0 auto 50px; } }
  @media screen and (max-width: 768px) {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss {
      width: 174px;
      width: 46.4vw;
      margin: auto;
      margin-top: 30px;
      margin-top: 8vw;
      margin-bottom: 40px;
      margin-bottom: 10.66667vw; } }
  .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss img {
    display: block; }
    @media screen and (min-width: 769px), print {
      .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss img {
        width: 29px; } }
    @media screen and (max-width: 768px) {
      .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_snss img {
        width: 30px;
        width: 8vw; } }

.l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager {
  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-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager {
      padding: 25px 0; } }
  @media screen and (max-width: 768px) {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager {
      padding: 15px 0px 15px 0px;
      padding: 4vw 0vw 4vw 0vw; } }
  .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager a {
    display: block; }
  @media screen and (min-width: 769px), print {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager .r-pagers_pager-prev {
      padding-left: 35px;
      background: url("/assets/img/project/sustainability/blog/detail_pager-prev.png") 0 45%/13% no-repeat; } }
  @media screen and (max-width: 768px) {
    .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager .r-pagers_pager-prev {
      padding-left: 25px;
      padding-left: 6.66667vw;
      background: url("/assets/img/project/sustainability/blog/detail_pager-prev.png") 0 45%/13% no-repeat; } }
  .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager .r-pagers_pager-next {
    color: #e4002b; }
    @media screen and (min-width: 769px), print {
      .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager .r-pagers_pager-next {
        padding-right: 35px;
        background: url("/assets/img/project/sustainability/blog/detail_pager-next.png") 100% 45%/13% no-repeat; } }
    @media screen and (max-width: 768px) {
      .l-main--2col.p-csr-blog__detail .r-pagers .r-pagers_pager .r-pagers_pager-next {
        padding-right: 25px;
        padding-right: 6.66667vw;
        background: url("/assets/img/project/sustainability/blog/detail_pager-next.png") 100% 45%/13% no-repeat; } }

@media screen and (min-width: 769px), print {
  .l-main--2col.p-csr-blog__detail .c-pnl-list.r-3col--pc.r-2col--sp {
    margin-top: 30px; } }

@media screen and (max-width: 768px) {
  .l-main--2col.p-csr-blog__detail .c-pnl-list.r-3col--pc.r-2col--sp {
    margin-top: 15px;
    margin-top: 4vw; } }

/*
---
name: テキスト位置揃え
menu: ユーティリティ/調整用クラス/文字位置
category: utility/adjust/text
tag:
- utility
- align
- adjust
- text
---

### 左寄せ

```html
<p class="u-align-l">テキスト</p>
<p class="u-align-l--pc">PCのみ</p>
<p class="u-align-l--sp">SPのみ</p>
```
 - テキスト左寄せ用のユーティリティクラスです（`text-align:left;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 中央寄せ

```html
<p class="u-align-c">テキスト</p>
<p class="u-align-c--pc">PCのみ</p>
<p class="u-align-c--sp">SPのみ</p>
```
 - テキスト中央寄せ用のユーティリティクラスです（`text-align:center;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 右寄せ

```html
<p class="u-align-r">テキスト</p>
<p class="u-align-r--pc">PCのみ</p>
<p class="u-align-r--sp">SPのみ</p>
```
 - テキスト右寄せ用のユーティリティクラスです（`text-align:right;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

### 上寄せ

```html
<p class="u-valign-t">テキスト</p>
<p class="u-valign-t--pc">PCのみ</p>
<p class="u-valign-t--sp">SPのみ</p>
```
 - テキスト上寄せ用のユーティリティクラスです（`vertical-align:top;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 縦中央寄せ

```html
<p class="u-valign-m">テキスト</p>
<p class="u-valign-m--pc">PCのみ</p>
<p class="u-valign-m--sp">SPのみ</p>
```
 - テキスト縦中央寄せ用のユーティリティクラスです（`vertical-align:middle;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 下寄せ

```html
<p class="u-valign-b">テキスト</p>
<p class="u-valign-b--pc">PCのみ</p>
<p class="u-valign-b--sp">SPのみ</p>
```
 - テキスト下寄せ用のユーティリティクラスです（`vertical-align:bottom;`と同等）
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します
 - `vertical-align`と同様に使用できない場合があります

### 順番入れ替え

```html
<div class="u-switch-reverse">
  <div class="u-inlineblock">最初のコンテンツ</div>
  <div class="u-inlineblock">最後のコンテンツ</div>
</div>
```
 - クラスを付与した子要素（インライン属性）の左右の順番が入れ替わります
 - `--pc`だとPCのみ、`--sp`だとSPのみ機能します

*/
.u-align-l {
  text-align: left !important; }
  @media screen and (min-width: 769px), print {
    .u-align-l--pc {
      text-align: left !important; } }
  @media screen and (max-width: 768px) {
    .u-align-l--sp {
      text-align: left !important; } }

.u-align-c {
  text-align: center !important; }
  @media screen and (min-width: 769px), print {
    .u-align-c--pc {
      text-align: center !important; } }
  @media screen and (max-width: 768px) {
    .u-align-c--sp {
      text-align: center !important; } }

.u-align-r {
  text-align: right !important; }
  @media screen and (min-width: 769px), print {
    .u-align-r--pc {
      text-align: right !important; } }
  @media screen and (max-width: 768px) {
    .u-align-r--sp {
      text-align: right !important; } }

.u-valign-t {
  vertical-align: top !important; }
  @media screen and (min-width: 769px), print {
    .u-valign-t--pc {
      vertical-align: top !important; } }
  @media screen and (max-width: 768px) {
    .u-valign-t--sp {
      vertical-align: top !important; } }

.u-valign-m {
  vertical-align: middle !important; }
  @media screen and (min-width: 769px), print {
    .u-valign-m--pc {
      vertical-align: middle !important; } }
  @media screen and (max-width: 768px) {
    .u-valign-m--sp {
      vertical-align: middle !important; } }

.u-valign-b {
  vertical-align: bottom !important; }
  @media screen and (min-width: 769px), print {
    .u-valign-b--pc {
      vertical-align: bottom !important; } }
  @media screen and (max-width: 768px) {
    .u-valign-b--sp {
      vertical-align: bottom !important; } }

.u-switch-reverse {
  direction: rtl; }
  .u-switch-reverse > * {
    direction: ltr; }
  @media screen and (min-width: 769px), print {
    .u-switch-reverse--pc {
      direction: rtl; }
      .u-switch-reverse--pc > * {
        direction: ltr; } }
  @media screen and (max-width: 768px) {
    .u-switch-reverse--sp {
      direction: rtl; }
      .u-switch-reverse--sp > * {
        direction: ltr; } }

.u-border-top-n {
  border-top: none !important; }
  @media screen and (min-width: 769px), print {
    .u-border-top-n--pc {
      border-top: none !important; } }
  @media screen and (max-width: 768px) {
    .u-border-top-n--sp {
      border-top: none !important; } }

.u-border-right-n {
  border-right: none !important; }
  @media screen and (min-width: 769px), print {
    .u-border-right-n--pc {
      border-right: none !important; } }
  @media screen and (max-width: 768px) {
    .u-border-right-n--sp {
      border-right: none !important; } }

.u-border-bottom-n {
  border-bottom: none !important; }
  @media screen and (min-width: 769px), print {
    .u-border-bottom-n--pc {
      border-bottom: none !important; } }
  @media screen and (max-width: 768px) {
    .u-border-bottom-n--sp {
      border-bottom: none !important; } }

.u-border-left-n {
  border-left: none !important; }
  @media screen and (min-width: 769px), print {
    .u-border-left-n--pc {
      border-left: none !important; } }
  @media screen and (max-width: 768px) {
    .u-border-left-n--sp {
      border-left: none !important; } }

/*
---
name: 表示・非表示 / inline属性切り替えクラス
menu: ユーティリティ/調整用クラス/表示非表示
category: utility/adjust/display
tag:
- utility
- adjust
- display
---

```html
<div class="u-none">非表示</div>
<div class="u-none--pc">PCのみ非表示</div>
<div class="u-none--sp">SPのみ非表示</div>
<div class="u-block">表示</div>
<div class="u-block--pc">PCのみ表示</div>
<div class="u-block--sp">SPのみ表示</div>
<div class="u-inlineblock">display: inline-block;</div>
<div class="u-inlineblock--pc">display: inline-block;（PCのみ）</div>
<div class="u-inlineblock--sp">display: inline-block;（SPのみ）</div>

```

- 個別の幅調整は.u-wd0--pc .u-wd0--sp のユーティリティクラスで調整を行います

*/
.u-none {
  display: none !important; }
  @media screen and (min-width: 769px), print {
    .u-none--pc {
      display: none !important; } }
  @media screen and (max-width: 768px) {
    .u-none--sp {
      display: none !important; } }

.u-inlineblock {
  display: inline-block !important; }
  @media screen and (min-width: 769px), print {
    .u-inlineblock--pc {
      display: inline-block !important; } }
  @media screen and (max-width: 768px) {
    .u-inlineblock--sp {
      display: inline-block !important; } }

.u-block {
  display: block !important; }
  @media screen and (min-width: 769px), print {
    .u-block--pc {
      display: block !important; } }
  @media screen and (max-width: 768px) {
    .u-block--sp {
      display: block !important; } }

/*
---
name: レイアウト調整 / Flex属性クラス
menu: ユーティリティ/調整用クラス/レイアウト調整/flex
category: utility/adjust/layout/flex
tag:
- utility
- adjust
- layout
- flex
---

```html
<div class="u-flex--start">justify-content: flex-start; と同等</div>
<div class="u-flex--center">justify-content: flex-center; と同等</div>
<div class="u-flex--end">justify-content: flex-end; と同等</div>
<div class="u-flex--between">justify-content: flex-between; と同等</div>
<div class="u-flex--arownd">justify-content: flex-arownd; と同等</div>
<div class="u-flex--vcenter">align-items: center; と同等</div>
<div class="u-flex--vstart">align-items: start; と同等</div>
<div class="u-flex--vend">align-items: end; と同等</div>

```

- display: flex; が同時に適用されます。

*/
.u-flex--start {
  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; }

.u-flex--center {
  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; }

.u-flex--end {
  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; }

.u-flex--between {
  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; }

.u-flex--arownd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.u-flex--vcenter {
  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; }

.u-flex--vstart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.u-flex--vend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.u--vend {
  align-items: flex-end;
}

/*
---
name: clearfix
menu: ユーティリティ/調整用クラス/レイアウト
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<div class="u-clearfix"></div>
```

- clearfix用のユーティリティクラスです

*/
.u-clear {
  clear: both; }

.u-clearfix:after {
  content: '';
  display: block;
  clear: both; }

/*
---
name: replace-deviceimage
menu: ユーティリティ/調整用クラス/レイアウト
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<img data-module="replace-deviceimage" src="/assets/img/index/slider-img-01_pc.jpg" alt="">
```

- ブレークポイントごとに画像を切り替えるためのユーティリティクラスです
- data-module="replace-deviceimage" を指定し、末尾に「_pc」のついたファイルをsrcに指定すると、ブレークポイントごとに「_pc」「_sp」のファイル名が差し替わります。

*/
/*
---
name: scroll-image
category: utility/adjust/layout
tag:
- utility
- adjust
- layout
---

```html
<div class="u-overflow-scroll">
  <div class="r-inner">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

### Large

```html
<div class="u-overflow-scroll">
  <div class="r-inner is-large">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

### Small

```html
<div class="u-overflow-scroll">
  <div class="r-inner is-small">
    <img src="/assets/img/index/slider-img-01_pc.jpg" alt="">
  </div>
</div>
```

- スクロールさせるためのユーティリティクラスです

*/
@media screen and (max-width: 768px) {
  .u-fullwidth {
    width: 100vw;
    margin-right: -20px;
    margin-right: -5.33333vw;
    margin-left: -20px;
    margin-left: -5.33333vw; } }

@media screen and (max-width: 768px) {
  .u-fullwidth--sp {
    width: 100vw;
    margin-right: -20px;
    margin-right: -5.33333vw;
    margin-left: -20px;
    margin-left: -5.33333vw; } }

.u-overflow-scroll {
  -webkit-print-color-adjust: exact;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll {
      width: 100%;
      overflow-x: scroll; } }
  .u-overflow-scroll::-webkit-scrollbar {
    height: 10px; }
  .u-overflow-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd; }
  .u-overflow-scroll::-webkit-scrollbar-track {
    background-color: #f9f9f9; }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner {
      width: 300vw;
      margin-bottom: 10px;
      margin-bottom: 2.66667vw; } }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner.is-normal {
      width: 277.3333vw; } }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner.is-large {
      width: 400vw; } }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner.is-small {
      width: 200vw; } }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner.is-xsmall {
      width: 125vw; } }
  .u-overflow-scroll .r-inner[class*="is-img"] {
    width: auto; }
    @media screen and (max-width: 768px) {
      .u-overflow-scroll .r-inner[class*="is-img"] img {
        width: auto;
        max-width: initial; } }
  @media screen and (max-width: 768px) {
    .u-overflow-scroll .r-inner.is-img-s img {
      height: 251px;
      height: 66.93333vw; } }

@media screen and (min-width: 769px), print {
  .u-mtXS {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mtXS {
    margin-top: 5px !important;
    margin-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtXS--pc {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mtXS--sp {
    margin-top: 5px !important;
    margin-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtS {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mtS {
    margin-top: 7.5px !important;
    margin-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtS--pc {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mtS--sp {
    margin-top: 7.5px !important;
    margin-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtM {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mtM {
    margin-top: 20px !important;
    margin-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtM--pc {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mtM--sp {
    margin-top: 20px !important;
    margin-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtL {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mtL {
    margin-top: 35px !important;
    margin-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtL--pc {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mtL--sp {
    margin-top: 35px !important;
    margin-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtXL {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mtXL {
    margin-top: 50px !important;
    margin-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mtXL--pc {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mtXL--sp {
    margin-top: 50px !important;
    margin-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbXS {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mbXS {
    margin-bottom: 5px !important;
    margin-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbXS--pc {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mbXS--sp {
    margin-bottom: 5px !important;
    margin-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbS {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mbS {
    margin-bottom: 7.5px !important;
    margin-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbS--pc {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mbS--sp {
    margin-bottom: 7.5px !important;
    margin-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbM {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mbM {
    margin-bottom: 20px !important;
    margin-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbM--pc {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mbM--sp {
    margin-bottom: 20px !important;
    margin-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbL {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mbL {
    margin-bottom: 35px !important;
    margin-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbL--pc {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mbL--sp {
    margin-bottom: 35px !important;
    margin-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbXL {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mbXL {
    margin-bottom: 50px !important;
    margin-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mbXL--pc {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mbXL--sp {
    margin-bottom: 50px !important;
    margin-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptS {
    padding-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-ptS {
    padding-top: 7.5px !important;
    padding-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptS--pc {
    padding-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-ptS--sp {
    padding-top: 7.5px !important;
    padding-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptM {
    padding-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-ptM {
    padding-top: 20px !important;
    padding-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptM--pc {
    padding-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-ptM--sp {
    padding-top: 20px !important;
    padding-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptL {
    padding-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-ptL {
    padding-top: 35px !important;
    padding-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptL--pc {
    padding-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-ptL--sp {
    padding-top: 35px !important;
    padding-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptXL {
    padding-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-ptXL {
    padding-top: 50px !important;
    padding-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ptXL--pc {
    padding-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-ptXL--sp {
    padding-top: 50px !important;
    padding-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pbS {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pbS {
    padding-bottom: 7.5px !important;
    padding-bottom: 2vw !important; } }

.u-pbS--pc {
  padding-bottom: 20px !important; }

.u-pbS--sp {
  padding-bottom: 7.5px !important;
  padding-bottom: 2vw !important; }

@media screen and (min-width: 769px), print {
  .u-pbM {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pbM {
    padding-bottom: 20px !important;
    padding-bottom: 5.33333vw !important; } }

.u-pbM--pc {
  padding-bottom: 30px !important; }

.u-pbM--sp {
  padding-bottom: 20px !important;
  padding-bottom: 5.33333vw !important; }

@media screen and (min-width: 769px), print {
  .u-pbL {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pbL {
    padding-bottom: 35px !important;
    padding-bottom: 9.33333vw !important; } }

.u-pbL--pc {
  padding-bottom: 50px !important; }

.u-pbL--sp {
  padding-bottom: 35px !important;
  padding-bottom: 9.33333vw !important; }

@media screen and (min-width: 769px), print {
  .u-pbXL {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pbXL {
    padding-bottom: 50px !important;
    padding-bottom: 13.33333vw !important; } }

.u-pbXL--pc {
  padding-bottom: 80px !important; }

.u-pbXL--sp {
  padding-bottom: 50px !important;
  padding-bottom: 13.33333vw !important; }

@media screen and (min-width: 769px), print {
  .u-mg0 {
    margin: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mg0 {
    margin: 0px !important;
    margin: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg0--pc {
    margin: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mg0--sp {
    margin: 0px !important;
    margin: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mt0 {
    margin-top: 0px !important;
    margin-top: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt0--pc {
    margin-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mt0--sp {
    margin-top: 0px !important;
    margin-top: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb0 {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb0--pc {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mb0--sp {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml0 {
    margin-left: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-ml0 {
    margin-left: 0px !important;
    margin-left: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml0--pc {
    margin-left: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-ml0--sp {
    margin-left: 0px !important;
    margin-left: 0vw !important; } }

.u-mlmr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (min-width: 769px), print {
  .u-mr0 {
    margin-right: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mr0 {
    margin-right: 0px !important;
    margin-right: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr0--pc {
    margin-right: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-mr0--sp {
    margin-right: 0px !important;
    margin-right: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg5 {
    margin: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mg5 {
    margin: 5px !important;
    margin: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg5--pc {
    margin: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mg5--sp {
    margin: 5px !important;
    margin: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt5 {
    margin-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mt5 {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt5--pc {
    margin-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mt5--sp {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb5 {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mb5 {
    margin-bottom: 5px !important;
    margin-bottom: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb5--pc {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mb5--sp {
    margin-bottom: 5px !important;
    margin-bottom: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml5 {
    margin-left: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-ml5 {
    margin-left: 5px !important;
    margin-left: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml5--pc {
    margin-left: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-ml5--sp {
    margin-left: 5px !important;
    margin-left: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr5 {
    margin-right: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mr5 {
    margin-right: 5px !important;
    margin-right: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr5--pc {
    margin-right: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-mr5--sp {
    margin-right: 5px !important;
    margin-right: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg10 {
    margin: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mg10 {
    margin: 10px !important;
    margin: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg10--pc {
    margin: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mg10--sp {
    margin: 10px !important;
    margin: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mt10 {
    margin-top: 10px !important;
    margin-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt10--pc {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mt10--sp {
    margin-top: 10px !important;
    margin-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb10 {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mb10 {
    margin-bottom: 10px !important;
    margin-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb10--pc {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mb10--sp {
    margin-bottom: 10px !important;
    margin-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml10 {
    margin-left: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-ml10 {
    margin-left: 10px !important;
    margin-left: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml10--pc {
    margin-left: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-ml10--sp {
    margin-left: 10px !important;
    margin-left: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr10 {
    margin-right: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mr10 {
    margin-right: 10px !important;
    margin-right: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr10--pc {
    margin-right: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-mr10--sp {
    margin-right: 10px !important;
    margin-right: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg15 {
    margin: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mg15 {
    margin: 15px !important;
    margin: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg15--pc {
    margin: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mg15--sp {
    margin: 15px !important;
    margin: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt15 {
    margin-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mt15 {
    margin-top: 15px !important;
    margin-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt15--pc {
    margin-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mt15--sp {
    margin-top: 15px !important;
    margin-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb15 {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mb15 {
    margin-bottom: 15px !important;
    margin-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb15--pc {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mb15--sp {
    margin-bottom: 15px !important;
    margin-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml15 {
    margin-left: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-ml15 {
    margin-left: 15px !important;
    margin-left: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml15--pc {
    margin-left: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-ml15--sp {
    margin-left: 15px !important;
    margin-left: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr15 {
    margin-right: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mr15 {
    margin-right: 15px !important;
    margin-right: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr15--pc {
    margin-right: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-mr15--sp {
    margin-right: 15px !important;
    margin-right: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg20 {
    margin: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mg20 {
    margin: 20px !important;
    margin: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg20--pc {
    margin: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mg20--sp {
    margin: 20px !important;
    margin: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mt20 {
    margin-top: 20px !important;
    margin-top: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt20--pc {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mt20--sp {
    margin-top: 20px !important;
    margin-top: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb20 {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mb20 {
    margin-bottom: 20px !important;
    margin-bottom: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb20--pc {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mb20--sp {
    margin-bottom: 20px !important;
    margin-bottom: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml20 {
    margin-left: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-ml20 {
    margin-left: 20px !important;
    margin-left: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml20--pc {
    margin-left: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-ml20--sp {
    margin-left: 20px !important;
    margin-left: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr20 {
    margin-right: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mr20 {
    margin-right: 20px !important;
    margin-right: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr20--pc {
    margin-right: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-mr20--sp {
    margin-right: 20px !important;
    margin-right: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg25 {
    margin: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mg25 {
    margin: 25px !important;
    margin: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg25--pc {
    margin: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mg25--sp {
    margin: 25px !important;
    margin: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt25 {
    margin-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mt25 {
    margin-top: 25px !important;
    margin-top: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt25--pc {
    margin-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mt25--sp {
    margin-top: 25px !important;
    margin-top: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb25 {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mb25 {
    margin-bottom: 25px !important;
    margin-bottom: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb25--pc {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mb25--sp {
    margin-bottom: 25px !important;
    margin-bottom: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml25 {
    margin-left: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-ml25 {
    margin-left: 25px !important;
    margin-left: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml25--pc {
    margin-left: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-ml25--sp {
    margin-left: 25px !important;
    margin-left: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr25 {
    margin-right: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mr25 {
    margin-right: 25px !important;
    margin-right: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr25--pc {
    margin-right: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-mr25--sp {
    margin-right: 25px !important;
    margin-right: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg30 {
    margin: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mg30 {
    margin: 30px !important;
    margin: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg30--pc {
    margin: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mg30--sp {
    margin: 30px !important;
    margin: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mt30 {
    margin-top: 30px !important;
    margin-top: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt30--pc {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mt30--sp {
    margin-top: 30px !important;
    margin-top: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb30 {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mb30 {
    margin-bottom: 30px !important;
    margin-bottom: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb30--pc {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mb30--sp {
    margin-bottom: 30px !important;
    margin-bottom: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml30 {
    margin-left: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-ml30 {
    margin-left: 30px !important;
    margin-left: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml30--pc {
    margin-left: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-ml30--sp {
    margin-left: 30px !important;
    margin-left: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr30 {
    margin-right: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mr30 {
    margin-right: 30px !important;
    margin-right: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr30--pc {
    margin-right: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-mr30--sp {
    margin-right: 30px !important;
    margin-right: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg35 {
    margin: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mg35 {
    margin: 35px !important;
    margin: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg35--pc {
    margin: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mg35--sp {
    margin: 35px !important;
    margin: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt35 {
    margin-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mt35 {
    margin-top: 35px !important;
    margin-top: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt35--pc {
    margin-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mt35--sp {
    margin-top: 35px !important;
    margin-top: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb35 {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mb35 {
    margin-bottom: 35px !important;
    margin-bottom: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb35--pc {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mb35--sp {
    margin-bottom: 35px !important;
    margin-bottom: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml35 {
    margin-left: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-ml35 {
    margin-left: 35px !important;
    margin-left: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml35--pc {
    margin-left: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-ml35--sp {
    margin-left: 35px !important;
    margin-left: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr35 {
    margin-right: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mr35 {
    margin-right: 35px !important;
    margin-right: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr35--pc {
    margin-right: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-mr35--sp {
    margin-right: 35px !important;
    margin-right: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg40 {
    margin: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mg40 {
    margin: 40px !important;
    margin: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg40--pc {
    margin: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mg40--sp {
    margin: 40px !important;
    margin: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mt40 {
    margin-top: 40px !important;
    margin-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt40--pc {
    margin-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mt40--sp {
    margin-top: 40px !important;
    margin-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb40 {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mb40 {
    margin-bottom: 40px !important;
    margin-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb40--pc {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mb40--sp {
    margin-bottom: 40px !important;
    margin-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml40 {
    margin-left: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-ml40 {
    margin-left: 40px !important;
    margin-left: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml40--pc {
    margin-left: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-ml40--sp {
    margin-left: 40px !important;
    margin-left: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr40 {
    margin-right: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mr40 {
    margin-right: 40px !important;
    margin-right: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr40--pc {
    margin-right: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-mr40--sp {
    margin-right: 40px !important;
    margin-right: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg45 {
    margin: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mg45 {
    margin: 45px !important;
    margin: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg45--pc {
    margin: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mg45--sp {
    margin: 45px !important;
    margin: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt45 {
    margin-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mt45 {
    margin-top: 45px !important;
    margin-top: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt45--pc {
    margin-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mt45--sp {
    margin-top: 45px !important;
    margin-top: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb45 {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mb45 {
    margin-bottom: 45px !important;
    margin-bottom: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb45--pc {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mb45--sp {
    margin-bottom: 45px !important;
    margin-bottom: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml45 {
    margin-left: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-ml45 {
    margin-left: 45px !important;
    margin-left: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml45--pc {
    margin-left: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-ml45--sp {
    margin-left: 45px !important;
    margin-left: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr45 {
    margin-right: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mr45 {
    margin-right: 45px !important;
    margin-right: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr45--pc {
    margin-right: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-mr45--sp {
    margin-right: 45px !important;
    margin-right: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg50 {
    margin: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mg50 {
    margin: 50px !important;
    margin: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg50--pc {
    margin: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mg50--sp {
    margin: 50px !important;
    margin: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mt50 {
    margin-top: 50px !important;
    margin-top: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt50--pc {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mt50--sp {
    margin-top: 50px !important;
    margin-top: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb50 {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mb50 {
    margin-bottom: 50px !important;
    margin-bottom: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb50--pc {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mb50--sp {
    margin-bottom: 50px !important;
    margin-bottom: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml50 {
    margin-left: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-ml50 {
    margin-left: 50px !important;
    margin-left: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml50--pc {
    margin-left: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-ml50--sp {
    margin-left: 50px !important;
    margin-left: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr50 {
    margin-right: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mr50 {
    margin-right: 50px !important;
    margin-right: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr50--pc {
    margin-right: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-mr50--sp {
    margin-right: 50px !important;
    margin-right: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg55 {
    margin: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mg55 {
    margin: 55px !important;
    margin: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg55--pc {
    margin: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mg55--sp {
    margin: 55px !important;
    margin: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt55 {
    margin-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mt55 {
    margin-top: 55px !important;
    margin-top: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt55--pc {
    margin-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mt55--sp {
    margin-top: 55px !important;
    margin-top: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb55 {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mb55 {
    margin-bottom: 55px !important;
    margin-bottom: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb55--pc {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mb55--sp {
    margin-bottom: 55px !important;
    margin-bottom: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml55 {
    margin-left: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-ml55 {
    margin-left: 55px !important;
    margin-left: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml55--pc {
    margin-left: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-ml55--sp {
    margin-left: 55px !important;
    margin-left: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr55 {
    margin-right: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mr55 {
    margin-right: 55px !important;
    margin-right: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr55--pc {
    margin-right: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-mr55--sp {
    margin-right: 55px !important;
    margin-right: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg60 {
    margin: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mg60 {
    margin: 60px !important;
    margin: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg60--pc {
    margin: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mg60--sp {
    margin: 60px !important;
    margin: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mt60 {
    margin-top: 60px !important;
    margin-top: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt60--pc {
    margin-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mt60--sp {
    margin-top: 60px !important;
    margin-top: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb60 {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mb60 {
    margin-bottom: 60px !important;
    margin-bottom: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb60--pc {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mb60--sp {
    margin-bottom: 60px !important;
    margin-bottom: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml60 {
    margin-left: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-ml60 {
    margin-left: 60px !important;
    margin-left: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml60--pc {
    margin-left: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-ml60--sp {
    margin-left: 60px !important;
    margin-left: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr60 {
    margin-right: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mr60 {
    margin-right: 60px !important;
    margin-right: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr60--pc {
    margin-right: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-mr60--sp {
    margin-right: 60px !important;
    margin-right: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg65 {
    margin: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mg65 {
    margin: 65px !important;
    margin: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg65--pc {
    margin: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mg65--sp {
    margin: 65px !important;
    margin: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt65 {
    margin-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mt65 {
    margin-top: 65px !important;
    margin-top: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt65--pc {
    margin-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mt65--sp {
    margin-top: 65px !important;
    margin-top: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb65 {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mb65 {
    margin-bottom: 65px !important;
    margin-bottom: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb65--pc {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mb65--sp {
    margin-bottom: 65px !important;
    margin-bottom: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml65 {
    margin-left: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-ml65 {
    margin-left: 65px !important;
    margin-left: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml65--pc {
    margin-left: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-ml65--sp {
    margin-left: 65px !important;
    margin-left: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr65 {
    margin-right: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mr65 {
    margin-right: 65px !important;
    margin-right: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr65--pc {
    margin-right: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-mr65--sp {
    margin-right: 65px !important;
    margin-right: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg70 {
    margin: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mg70 {
    margin: 70px !important;
    margin: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg70--pc {
    margin: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mg70--sp {
    margin: 70px !important;
    margin: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mt70 {
    margin-top: 70px !important;
    margin-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt70--pc {
    margin-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mt70--sp {
    margin-top: 70px !important;
    margin-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb70 {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mb70 {
    margin-bottom: 70px !important;
    margin-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb70--pc {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mb70--sp {
    margin-bottom: 70px !important;
    margin-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml70 {
    margin-left: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-ml70 {
    margin-left: 70px !important;
    margin-left: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml70--pc {
    margin-left: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-ml70--sp {
    margin-left: 70px !important;
    margin-left: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr70 {
    margin-right: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mr70 {
    margin-right: 70px !important;
    margin-right: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr70--pc {
    margin-right: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-mr70--sp {
    margin-right: 70px !important;
    margin-right: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg75 {
    margin: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mg75 {
    margin: 75px !important;
    margin: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg75--pc {
    margin: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mg75--sp {
    margin: 75px !important;
    margin: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt75 {
    margin-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mt75 {
    margin-top: 75px !important;
    margin-top: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt75--pc {
    margin-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mt75--sp {
    margin-top: 75px !important;
    margin-top: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb75 {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mb75 {
    margin-bottom: 75px !important;
    margin-bottom: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb75--pc {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mb75--sp {
    margin-bottom: 75px !important;
    margin-bottom: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml75 {
    margin-left: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-ml75 {
    margin-left: 75px !important;
    margin-left: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml75--pc {
    margin-left: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-ml75--sp {
    margin-left: 75px !important;
    margin-left: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr75 {
    margin-right: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mr75 {
    margin-right: 75px !important;
    margin-right: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr75--pc {
    margin-right: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-mr75--sp {
    margin-right: 75px !important;
    margin-right: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg80 {
    margin: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mg80 {
    margin: 80px !important;
    margin: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg80--pc {
    margin: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mg80--sp {
    margin: 80px !important;
    margin: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mt80 {
    margin-top: 80px !important;
    margin-top: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt80--pc {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mt80--sp {
    margin-top: 80px !important;
    margin-top: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb80 {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mb80 {
    margin-bottom: 80px !important;
    margin-bottom: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb80--pc {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mb80--sp {
    margin-bottom: 80px !important;
    margin-bottom: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml80 {
    margin-left: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-ml80 {
    margin-left: 80px !important;
    margin-left: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml80--pc {
    margin-left: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-ml80--sp {
    margin-left: 80px !important;
    margin-left: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr80 {
    margin-right: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mr80 {
    margin-right: 80px !important;
    margin-right: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr80--pc {
    margin-right: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-mr80--sp {
    margin-right: 80px !important;
    margin-right: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg85 {
    margin: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mg85 {
    margin: 85px !important;
    margin: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg85--pc {
    margin: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mg85--sp {
    margin: 85px !important;
    margin: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt85 {
    margin-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mt85 {
    margin-top: 85px !important;
    margin-top: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt85--pc {
    margin-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mt85--sp {
    margin-top: 85px !important;
    margin-top: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb85 {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mb85 {
    margin-bottom: 85px !important;
    margin-bottom: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb85--pc {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mb85--sp {
    margin-bottom: 85px !important;
    margin-bottom: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml85 {
    margin-left: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-ml85 {
    margin-left: 85px !important;
    margin-left: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml85--pc {
    margin-left: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-ml85--sp {
    margin-left: 85px !important;
    margin-left: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr85 {
    margin-right: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mr85 {
    margin-right: 85px !important;
    margin-right: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr85--pc {
    margin-right: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-mr85--sp {
    margin-right: 85px !important;
    margin-right: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg90 {
    margin: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mg90 {
    margin: 90px !important;
    margin: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg90--pc {
    margin: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mg90--sp {
    margin: 90px !important;
    margin: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mt90 {
    margin-top: 90px !important;
    margin-top: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt90--pc {
    margin-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mt90--sp {
    margin-top: 90px !important;
    margin-top: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb90 {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mb90 {
    margin-bottom: 90px !important;
    margin-bottom: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb90--pc {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mb90--sp {
    margin-bottom: 90px !important;
    margin-bottom: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml90 {
    margin-left: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-ml90 {
    margin-left: 90px !important;
    margin-left: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml90--pc {
    margin-left: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-ml90--sp {
    margin-left: 90px !important;
    margin-left: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr90 {
    margin-right: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mr90 {
    margin-right: 90px !important;
    margin-right: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr90--pc {
    margin-right: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-mr90--sp {
    margin-right: 90px !important;
    margin-right: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg95 {
    margin: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mg95 {
    margin: 95px !important;
    margin: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg95--pc {
    margin: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mg95--sp {
    margin: 95px !important;
    margin: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt95 {
    margin-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mt95 {
    margin-top: 95px !important;
    margin-top: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt95--pc {
    margin-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mt95--sp {
    margin-top: 95px !important;
    margin-top: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb95 {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mb95 {
    margin-bottom: 95px !important;
    margin-bottom: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb95--pc {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mb95--sp {
    margin-bottom: 95px !important;
    margin-bottom: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml95 {
    margin-left: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-ml95 {
    margin-left: 95px !important;
    margin-left: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml95--pc {
    margin-left: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-ml95--sp {
    margin-left: 95px !important;
    margin-left: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr95 {
    margin-right: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mr95 {
    margin-right: 95px !important;
    margin-right: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr95--pc {
    margin-right: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-mr95--sp {
    margin-right: 95px !important;
    margin-right: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg100 {
    margin: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mg100 {
    margin: 100px !important;
    margin: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mg100--pc {
    margin: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mg100--sp {
    margin: 100px !important;
    margin: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mt100 {
    margin-top: 100px !important;
    margin-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mt100--pc {
    margin-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mt100--sp {
    margin-top: 100px !important;
    margin-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb100 {
    margin-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mb100 {
    margin-bottom: 100px !important;
    margin-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mb100--pc {
    margin-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mb100--sp {
    margin-bottom: 100px !important;
    margin-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml100 {
    margin-left: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-ml100 {
    margin-left: 100px !important;
    margin-left: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-ml100--pc {
    margin-left: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-ml100--sp {
    margin-left: 100px !important;
    margin-left: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr100 {
    margin-right: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mr100 {
    margin-right: 100px !important;
    margin-right: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-mr100--pc {
    margin-right: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-mr100--sp {
    margin-right: 100px !important;
    margin-right: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd0 {
    padding: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pd0 {
    padding: 0px !important;
    padding: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd0--pc {
    padding: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pd0--sp {
    padding: 0px !important;
    padding: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt0 {
    padding-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pt0 {
    padding-top: 0px !important;
    padding-top: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt0--pc {
    padding-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pt0--sp {
    padding-top: 0px !important;
    padding-top: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb0 {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pb0 {
    padding-bottom: 0px !important;
    padding-bottom: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb0--pc {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pb0--sp {
    padding-bottom: 0px !important;
    padding-bottom: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl0 {
    padding-left: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pl0 {
    padding-left: 0px !important;
    padding-left: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl0--pc {
    padding-left: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pl0--sp {
    padding-left: 0px !important;
    padding-left: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr0 {
    padding-right: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pr0 {
    padding-right: 0px !important;
    padding-right: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr0--pc {
    padding-right: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-pr0--sp {
    padding-right: 0px !important;
    padding-right: 0vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd5 {
    padding: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pd5 {
    padding: 5px !important;
    padding: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd5--pc {
    padding: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pd5--sp {
    padding: 5px !important;
    padding: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt5 {
    padding-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pt5 {
    padding-top: 5px !important;
    padding-top: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt5--pc {
    padding-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pt5--sp {
    padding-top: 5px !important;
    padding-top: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb5 {
    padding-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pb5 {
    padding-bottom: 5px !important;
    padding-bottom: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb5--pc {
    padding-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pb5--sp {
    padding-bottom: 5px !important;
    padding-bottom: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl5 {
    padding-left: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pl5 {
    padding-left: 5px !important;
    padding-left: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl5--pc {
    padding-left: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pl5--sp {
    padding-left: 5px !important;
    padding-left: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr5 {
    padding-right: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pr5 {
    padding-right: 5px !important;
    padding-right: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr5--pc {
    padding-right: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-pr5--sp {
    padding-right: 5px !important;
    padding-right: 0.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd10 {
    padding: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pd10 {
    padding: 10px !important;
    padding: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd10--pc {
    padding: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pd10--sp {
    padding: 10px !important;
    padding: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt10 {
    padding-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pt10 {
    padding-top: 10px !important;
    padding-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt10--pc {
    padding-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pt10--sp {
    padding-top: 10px !important;
    padding-top: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb10 {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pb10 {
    padding-bottom: 10px !important;
    padding-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb10--pc {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pb10--sp {
    padding-bottom: 10px !important;
    padding-bottom: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl10 {
    padding-left: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pl10 {
    padding-left: 10px !important;
    padding-left: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl10--pc {
    padding-left: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pl10--sp {
    padding-left: 10px !important;
    padding-left: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr10 {
    padding-right: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pr10 {
    padding-right: 10px !important;
    padding-right: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr10--pc {
    padding-right: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-pr10--sp {
    padding-right: 10px !important;
    padding-right: 1.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd15 {
    padding: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pd15 {
    padding: 15px !important;
    padding: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd15--pc {
    padding: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pd15--sp {
    padding: 15px !important;
    padding: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt15 {
    padding-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pt15 {
    padding-top: 15px !important;
    padding-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt15--pc {
    padding-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pt15--sp {
    padding-top: 15px !important;
    padding-top: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb15 {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pb15 {
    padding-bottom: 15px !important;
    padding-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb15--pc {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pb15--sp {
    padding-bottom: 15px !important;
    padding-bottom: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl15 {
    padding-left: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pl15 {
    padding-left: 15px !important;
    padding-left: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl15--pc {
    padding-left: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pl15--sp {
    padding-left: 15px !important;
    padding-left: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr15 {
    padding-right: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pr15 {
    padding-right: 15px !important;
    padding-right: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr15--pc {
    padding-right: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-pr15--sp {
    padding-right: 15px !important;
    padding-right: 2vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd20 {
    padding: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pd20 {
    padding: 20px !important;
    padding: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd20--pc {
    padding: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pd20--sp {
    padding: 20px !important;
    padding: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt20 {
    padding-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pt20 {
    padding-top: 20px !important;
    padding-top: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt20--pc {
    padding-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pt20--sp {
    padding-top: 20px !important;
    padding-top: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb20 {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pb20 {
    padding-bottom: 20px !important;
    padding-bottom: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb20--pc {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pb20--sp {
    padding-bottom: 20px !important;
    padding-bottom: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl20 {
    padding-left: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pl20 {
    padding-left: 20px !important;
    padding-left: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl20--pc {
    padding-left: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pl20--sp {
    padding-left: 20px !important;
    padding-left: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr20 {
    padding-right: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pr20 {
    padding-right: 20px !important;
    padding-right: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr20--pc {
    padding-right: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-pr20--sp {
    padding-right: 20px !important;
    padding-right: 2.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd25 {
    padding: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pd25 {
    padding: 25px !important;
    padding: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd25--pc {
    padding: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pd25--sp {
    padding: 25px !important;
    padding: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt25 {
    padding-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pt25 {
    padding-top: 25px !important;
    padding-top: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt25--pc {
    padding-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pt25--sp {
    padding-top: 25px !important;
    padding-top: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb25 {
    padding-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pb25 {
    padding-bottom: 25px !important;
    padding-bottom: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb25--pc {
    padding-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pb25--sp {
    padding-bottom: 25px !important;
    padding-bottom: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl25 {
    padding-left: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pl25 {
    padding-left: 25px !important;
    padding-left: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl25--pc {
    padding-left: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pl25--sp {
    padding-left: 25px !important;
    padding-left: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr25 {
    padding-right: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pr25 {
    padding-right: 25px !important;
    padding-right: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr25--pc {
    padding-right: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-pr25--sp {
    padding-right: 25px !important;
    padding-right: 3.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd30 {
    padding: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pd30 {
    padding: 30px !important;
    padding: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd30--pc {
    padding: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pd30--sp {
    padding: 30px !important;
    padding: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt30 {
    padding-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pt30 {
    padding-top: 30px !important;
    padding-top: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt30--pc {
    padding-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pt30--sp {
    padding-top: 30px !important;
    padding-top: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb30 {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pb30 {
    padding-bottom: 30px !important;
    padding-bottom: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb30--pc {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pb30--sp {
    padding-bottom: 30px !important;
    padding-bottom: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl30 {
    padding-left: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pl30 {
    padding-left: 30px !important;
    padding-left: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl30--pc {
    padding-left: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pl30--sp {
    padding-left: 30px !important;
    padding-left: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr30 {
    padding-right: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pr30 {
    padding-right: 30px !important;
    padding-right: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr30--pc {
    padding-right: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-pr30--sp {
    padding-right: 30px !important;
    padding-right: 4vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd35 {
    padding: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pd35 {
    padding: 35px !important;
    padding: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd35--pc {
    padding: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pd35--sp {
    padding: 35px !important;
    padding: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt35 {
    padding-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pt35 {
    padding-top: 35px !important;
    padding-top: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt35--pc {
    padding-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pt35--sp {
    padding-top: 35px !important;
    padding-top: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb35 {
    padding-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pb35 {
    padding-bottom: 35px !important;
    padding-bottom: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb35--pc {
    padding-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pb35--sp {
    padding-bottom: 35px !important;
    padding-bottom: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl35 {
    padding-left: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pl35 {
    padding-left: 35px !important;
    padding-left: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl35--pc {
    padding-left: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pl35--sp {
    padding-left: 35px !important;
    padding-left: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr35 {
    padding-right: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pr35 {
    padding-right: 35px !important;
    padding-right: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr35--pc {
    padding-right: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-pr35--sp {
    padding-right: 35px !important;
    padding-right: 4.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd40 {
    padding: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pd40 {
    padding: 40px !important;
    padding: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd40--pc {
    padding: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pd40--sp {
    padding: 40px !important;
    padding: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt40 {
    padding-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pt40 {
    padding-top: 40px !important;
    padding-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt40--pc {
    padding-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pt40--sp {
    padding-top: 40px !important;
    padding-top: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb40 {
    padding-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pb40 {
    padding-bottom: 40px !important;
    padding-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb40--pc {
    padding-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pb40--sp {
    padding-bottom: 40px !important;
    padding-bottom: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl40 {
    padding-left: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pl40 {
    padding-left: 40px !important;
    padding-left: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl40--pc {
    padding-left: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pl40--sp {
    padding-left: 40px !important;
    padding-left: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr40 {
    padding-right: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pr40 {
    padding-right: 40px !important;
    padding-right: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr40--pc {
    padding-right: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-pr40--sp {
    padding-right: 40px !important;
    padding-right: 5.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd45 {
    padding: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pd45 {
    padding: 45px !important;
    padding: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd45--pc {
    padding: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pd45--sp {
    padding: 45px !important;
    padding: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt45 {
    padding-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pt45 {
    padding-top: 45px !important;
    padding-top: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt45--pc {
    padding-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pt45--sp {
    padding-top: 45px !important;
    padding-top: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb45 {
    padding-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pb45 {
    padding-bottom: 45px !important;
    padding-bottom: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb45--pc {
    padding-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pb45--sp {
    padding-bottom: 45px !important;
    padding-bottom: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl45 {
    padding-left: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pl45 {
    padding-left: 45px !important;
    padding-left: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl45--pc {
    padding-left: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pl45--sp {
    padding-left: 45px !important;
    padding-left: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr45 {
    padding-right: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pr45 {
    padding-right: 45px !important;
    padding-right: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr45--pc {
    padding-right: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-pr45--sp {
    padding-right: 45px !important;
    padding-right: 6vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd50 {
    padding: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pd50 {
    padding: 50px !important;
    padding: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd50--pc {
    padding: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pd50--sp {
    padding: 50px !important;
    padding: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt50 {
    padding-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pt50 {
    padding-top: 50px !important;
    padding-top: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt50--pc {
    padding-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pt50--sp {
    padding-top: 50px !important;
    padding-top: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb50 {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pb50 {
    padding-bottom: 50px !important;
    padding-bottom: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb50--pc {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pb50--sp {
    padding-bottom: 50px !important;
    padding-bottom: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl50 {
    padding-left: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pl50 {
    padding-left: 50px !important;
    padding-left: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl50--pc {
    padding-left: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pl50--sp {
    padding-left: 50px !important;
    padding-left: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr50 {
    padding-right: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pr50 {
    padding-right: 50px !important;
    padding-right: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr50--pc {
    padding-right: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-pr50--sp {
    padding-right: 50px !important;
    padding-right: 6.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd55 {
    padding: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pd55 {
    padding: 55px !important;
    padding: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd55--pc {
    padding: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pd55--sp {
    padding: 55px !important;
    padding: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt55 {
    padding-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pt55 {
    padding-top: 55px !important;
    padding-top: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt55--pc {
    padding-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pt55--sp {
    padding-top: 55px !important;
    padding-top: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb55 {
    padding-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pb55 {
    padding-bottom: 55px !important;
    padding-bottom: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb55--pc {
    padding-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pb55--sp {
    padding-bottom: 55px !important;
    padding-bottom: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl55 {
    padding-left: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pl55 {
    padding-left: 55px !important;
    padding-left: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl55--pc {
    padding-left: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pl55--sp {
    padding-left: 55px !important;
    padding-left: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr55 {
    padding-right: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pr55 {
    padding-right: 55px !important;
    padding-right: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr55--pc {
    padding-right: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-pr55--sp {
    padding-right: 55px !important;
    padding-right: 7.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd60 {
    padding: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pd60 {
    padding: 60px !important;
    padding: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd60--pc {
    padding: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pd60--sp {
    padding: 60px !important;
    padding: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt60 {
    padding-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pt60 {
    padding-top: 60px !important;
    padding-top: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt60--pc {
    padding-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pt60--sp {
    padding-top: 60px !important;
    padding-top: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb60 {
    padding-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pb60 {
    padding-bottom: 60px !important;
    padding-bottom: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb60--pc {
    padding-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pb60--sp {
    padding-bottom: 60px !important;
    padding-bottom: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl60 {
    padding-left: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pl60 {
    padding-left: 60px !important;
    padding-left: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl60--pc {
    padding-left: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pl60--sp {
    padding-left: 60px !important;
    padding-left: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr60 {
    padding-right: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pr60 {
    padding-right: 60px !important;
    padding-right: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr60--pc {
    padding-right: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-pr60--sp {
    padding-right: 60px !important;
    padding-right: 8vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd65 {
    padding: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pd65 {
    padding: 65px !important;
    padding: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd65--pc {
    padding: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pd65--sp {
    padding: 65px !important;
    padding: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt65 {
    padding-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pt65 {
    padding-top: 65px !important;
    padding-top: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt65--pc {
    padding-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pt65--sp {
    padding-top: 65px !important;
    padding-top: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb65 {
    padding-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pb65 {
    padding-bottom: 65px !important;
    padding-bottom: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb65--pc {
    padding-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pb65--sp {
    padding-bottom: 65px !important;
    padding-bottom: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl65 {
    padding-left: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pl65 {
    padding-left: 65px !important;
    padding-left: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl65--pc {
    padding-left: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pl65--sp {
    padding-left: 65px !important;
    padding-left: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr65 {
    padding-right: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pr65 {
    padding-right: 65px !important;
    padding-right: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr65--pc {
    padding-right: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-pr65--sp {
    padding-right: 65px !important;
    padding-right: 8.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd70 {
    padding: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pd70 {
    padding: 70px !important;
    padding: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd70--pc {
    padding: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pd70--sp {
    padding: 70px !important;
    padding: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt70 {
    padding-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pt70 {
    padding-top: 70px !important;
    padding-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt70--pc {
    padding-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pt70--sp {
    padding-top: 70px !important;
    padding-top: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb70 {
    padding-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pb70 {
    padding-bottom: 70px !important;
    padding-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb70--pc {
    padding-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pb70--sp {
    padding-bottom: 70px !important;
    padding-bottom: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl70 {
    padding-left: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pl70 {
    padding-left: 70px !important;
    padding-left: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl70--pc {
    padding-left: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pl70--sp {
    padding-left: 70px !important;
    padding-left: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr70 {
    padding-right: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pr70 {
    padding-right: 70px !important;
    padding-right: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr70--pc {
    padding-right: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-pr70--sp {
    padding-right: 70px !important;
    padding-right: 9.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd75 {
    padding: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pd75 {
    padding: 75px !important;
    padding: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd75--pc {
    padding: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pd75--sp {
    padding: 75px !important;
    padding: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt75 {
    padding-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pt75 {
    padding-top: 75px !important;
    padding-top: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt75--pc {
    padding-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pt75--sp {
    padding-top: 75px !important;
    padding-top: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb75 {
    padding-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pb75 {
    padding-bottom: 75px !important;
    padding-bottom: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb75--pc {
    padding-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pb75--sp {
    padding-bottom: 75px !important;
    padding-bottom: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl75 {
    padding-left: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pl75 {
    padding-left: 75px !important;
    padding-left: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl75--pc {
    padding-left: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pl75--sp {
    padding-left: 75px !important;
    padding-left: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr75 {
    padding-right: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pr75 {
    padding-right: 75px !important;
    padding-right: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr75--pc {
    padding-right: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-pr75--sp {
    padding-right: 75px !important;
    padding-right: 10vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd80 {
    padding: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pd80 {
    padding: 80px !important;
    padding: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd80--pc {
    padding: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pd80--sp {
    padding: 80px !important;
    padding: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt80 {
    padding-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pt80 {
    padding-top: 80px !important;
    padding-top: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt80--pc {
    padding-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pt80--sp {
    padding-top: 80px !important;
    padding-top: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb80 {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pb80 {
    padding-bottom: 80px !important;
    padding-bottom: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb80--pc {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pb80--sp {
    padding-bottom: 80px !important;
    padding-bottom: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl80 {
    padding-left: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pl80 {
    padding-left: 80px !important;
    padding-left: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl80--pc {
    padding-left: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pl80--sp {
    padding-left: 80px !important;
    padding-left: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr80 {
    padding-right: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pr80 {
    padding-right: 80px !important;
    padding-right: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr80--pc {
    padding-right: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-pr80--sp {
    padding-right: 80px !important;
    padding-right: 10.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd85 {
    padding: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pd85 {
    padding: 85px !important;
    padding: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd85--pc {
    padding: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pd85--sp {
    padding: 85px !important;
    padding: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt85 {
    padding-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pt85 {
    padding-top: 85px !important;
    padding-top: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt85--pc {
    padding-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pt85--sp {
    padding-top: 85px !important;
    padding-top: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb85 {
    padding-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pb85 {
    padding-bottom: 85px !important;
    padding-bottom: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb85--pc {
    padding-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pb85--sp {
    padding-bottom: 85px !important;
    padding-bottom: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl85 {
    padding-left: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pl85 {
    padding-left: 85px !important;
    padding-left: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl85--pc {
    padding-left: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pl85--sp {
    padding-left: 85px !important;
    padding-left: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr85 {
    padding-right: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pr85 {
    padding-right: 85px !important;
    padding-right: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr85--pc {
    padding-right: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-pr85--sp {
    padding-right: 85px !important;
    padding-right: 11.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd90 {
    padding: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pd90 {
    padding: 90px !important;
    padding: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd90--pc {
    padding: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pd90--sp {
    padding: 90px !important;
    padding: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt90 {
    padding-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pt90 {
    padding-top: 90px !important;
    padding-top: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt90--pc {
    padding-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pt90--sp {
    padding-top: 90px !important;
    padding-top: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb90 {
    padding-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pb90 {
    padding-bottom: 90px !important;
    padding-bottom: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb90--pc {
    padding-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pb90--sp {
    padding-bottom: 90px !important;
    padding-bottom: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl90 {
    padding-left: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pl90 {
    padding-left: 90px !important;
    padding-left: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl90--pc {
    padding-left: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pl90--sp {
    padding-left: 90px !important;
    padding-left: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr90 {
    padding-right: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pr90 {
    padding-right: 90px !important;
    padding-right: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr90--pc {
    padding-right: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-pr90--sp {
    padding-right: 90px !important;
    padding-right: 12vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd95 {
    padding: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pd95 {
    padding: 95px !important;
    padding: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd95--pc {
    padding: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pd95--sp {
    padding: 95px !important;
    padding: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt95 {
    padding-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pt95 {
    padding-top: 95px !important;
    padding-top: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt95--pc {
    padding-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pt95--sp {
    padding-top: 95px !important;
    padding-top: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb95 {
    padding-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pb95 {
    padding-bottom: 95px !important;
    padding-bottom: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb95--pc {
    padding-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pb95--sp {
    padding-bottom: 95px !important;
    padding-bottom: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl95 {
    padding-left: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pl95 {
    padding-left: 95px !important;
    padding-left: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl95--pc {
    padding-left: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pl95--sp {
    padding-left: 95px !important;
    padding-left: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr95 {
    padding-right: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pr95 {
    padding-right: 95px !important;
    padding-right: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr95--pc {
    padding-right: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-pr95--sp {
    padding-right: 95px !important;
    padding-right: 12.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd100 {
    padding: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pd100 {
    padding: 100px !important;
    padding: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pd100--pc {
    padding: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pd100--sp {
    padding: 100px !important;
    padding: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt100 {
    padding-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pt100 {
    padding-top: 100px !important;
    padding-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pt100--pc {
    padding-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pt100--sp {
    padding-top: 100px !important;
    padding-top: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb100 {
    padding-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pb100 {
    padding-bottom: 100px !important;
    padding-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pb100--pc {
    padding-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pb100--sp {
    padding-bottom: 100px !important;
    padding-bottom: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl100 {
    padding-left: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pl100 {
    padding-left: 100px !important;
    padding-left: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pl100--pc {
    padding-left: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pl100--sp {
    padding-left: 100px !important;
    padding-left: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr100 {
    padding-right: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pr100 {
    padding-right: 100px !important;
    padding-right: 13.33333vw !important; } }

@media screen and (min-width: 769px), print {
  .u-pr100--pc {
    padding-right: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-pr100--sp {
    padding-right: 100px !important;
    padding-right: 13.33333vw !important; } }

.u-clickable {
  cursor: pointer; }
  @media screen and (min-width: 769px), print {
    .u-clickable img {
      -webkit-transition: opacity .2s;
      transition: opacity .2s; } }
  @media screen and (min-width: 769px), print {
    .u-clickable:hover img {
      opacity: .7; } }

.u-clickdisable {
  pointer-events: none; }
  @media screen and (min-width: 769px), print {
    .u-clickdisable--pc {
      pointer-events: none; } }
  @media screen and (max-width: 768px) {
    .u-clickdisable--sp {
      pointer-events: none; } }
.u-bdr-ddd {
  border: 1px solid #ddd !important;
}
/*
---
name: テキスト調整クラス
menu: ユーティリティ/調整用クラス/テキスト調整
category: utility/adjust/text
tag:
- utility
- adjust
- text
---

## テキスト

<br>

### .u-txt--strong - 強調テキスト
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--strong">強調テキスト</span>
</p>
```

- 付与したタグのテキストが強調されます

### .u-txt--emphasis - 強調テキスト（赤字）
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--emphasis">強調テキスト（赤字）</span>
</p>
```

- 付与したタグのテキストが赤字で強調されます


### .u-txt--normal - 非強調テキスト
```html
<p class="u-txt u-txt--strong">
  強調テキスト
  <span class="u-txt--normal">非強調テキスト</span>
</p>
```

- 強調されているテキスト内で通常の表示を行いたい場合に指定します


### .u-txt--uline - 下線テキスト
```html
<p class="u-txt">
  テキスト
  <span class="u-txt--uline">下線テキスト</span>
</p>
```

- テキストに下線が適用されます


### .u-txt--nline - 非下線テキスト
```html
<p class="u-txt">
  <span class="u-txt--nline">非下線テキスト</span>
</p>
```

- 下線が適用されているタグの下線をとりたい場合に指定します


## インデント

<br>

### .u-indent--xx - 通常インデント
```html
<div class="u-txt">
  <p class="u-indent--1">１通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

```html
<div class="u-txt">
  <p class="u-indent--1half">１文字半通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

```html
<div class="u-txt">
  <p class="u-indent--2">２文字通常インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--disc - ・（中黒）インデント
```html
<div class="u-txt">
  <p class="u-indent--disc">自動的に・（中黒）が適用されますインデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--notice - ※（アスタリスク）インデント
```html
<div class="u-txt">
  <p class="u-indent--notice">自動的に※（アスタリスク）が適用されますインデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

### .u-indent--prefix - (0)（プレフィックス）インデント
```html
<div class="u-txt">
  <p class="u-indent--prefix"><span class="r-prefix">(1)</span>spanタグで囲った部分がインデントとして機能します。インデントテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
```

- インデントを使用したい場合に指定します

*/
@media screen and (min-width: 769px), print {
  .u-txt {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .u-txt {
    font-size: 14px;
    font-size: 3.73333vw; } }

@media screen and (min-width: 769px), print {
  .u-txt--pc {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .u-txt--sp {
    font-size: 14px;
    font-size: 3.73333vw; } }

.u-txt--bold {
  font-weight: bold !important; }

.u-txt--strong {
  font-weight: bold !important;
  font-family: 'Roboto--strong', 'YakuHanJP--strong', 'BaseFont-JP--strong' !important; }

.u-txt--emphasis {
  color: #e4002b !important; }

.u-txt--normal {
  font-weight: normal !important; }

.u-txt--uline {
  text-decoration: underline !important; }

.u-txt--nline {
  text-decoration: none !important; }

.u-txt__color--default {
  color: #333 !important; }

@media screen and (min-width: 769px), print {
  .u-txt__small {
    font-size: 12px; } }

@media screen and (max-width: 768px) {
  .u-txt__small {
    font-size: 11px;
    font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__small--pc {
    font-size: 12px; } }

@media screen and (max-width: 768px) {
  .u-txt__small--sp {
    font-size: 11px;
    font-size: 2.93333vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__midium {
    font-size: 17px; } }

@media screen and (max-width: 768px) {
  .u-txt__midium {
    font-size: 16px;
    font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__midium--pc {
    font-size: 17px !important; } }

@media screen and (max-width: 768px) {
  .u-txt__midium--sp {
    font-size: 16px;
    font-size: 4.26667vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__large {
    font-size: 24px; } }

@media screen and (max-width: 768px) {
  .u-txt__large {
    font-size: 19px;
    font-size: 5.06666vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__large--pc {
    font-size: 24px !important; } }

@media screen and (max-width: 768px) {
  .u-txt__large--sp {
    font-size: 19px;
    font-size: 5.06666vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__xlarge {
    font-size: 30px; } }

@media screen and (max-width: 768px) {
  .u-txt__xlarge {
    font-size: 23px;
    font-size: 6.13332vw; } }

@media screen and (min-width: 769px), print {
  .u-txt__xlarge--pc {
    font-size: 30px; }
  .u-indent--2_8 {
    padding-left: 2_8em;
    text-indent: -2_8em; } }

@media screen and (max-width: 768px) {
  .u-txt__xlarge--sp {
    font-size: 23px;
    font-size: 6.13332vw; } }

@media screen and (max-width: 768px) {
  .u-txt__xxlarge--sp {
    font-size: 14px !important;
    font-size: 3.6vw !important; } }

.u-indent--1 {
  padding-left: 1em;
  text-indent: -1em; }

.u-indent--1half {
  padding-left: 1.5em;
  text-indent: -1.5em; }

.u-indent--number {
  padding-left: 1.6em;
  text-indent: -1.7em; }

.u-indent--2 {
  padding-left: 2em;
  text-indent: -2em; }

.u-indent--2_8 {
  padding-left: 2.8em;
  text-indent: -2.8em; }

.u-indent--disc {
  position: relative; }
  @media screen and (min-width: 769px), print {
    .u-indent--disc {
      padding-left: 1em; } }
  @media screen and (max-width: 768px) {
    .u-indent--disc {
      padding-left: 1em; } }
  .u-indent--disc:before {
    content: '\30fb';
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .u-indent--disc:before {
        margin-left: -1em; } }
    @media screen and (max-width: 768px) {
      .u-indent--disc:before {
        margin-left: -1em; } }

.u-indent--notice {
  position: relative;
  padding-left: 1em; }
  .u-indent--notice:before {
    content: '\203b';
    position: absolute; }
    @media screen and (min-width: 769px), print {
      .u-indent--notice:before {
        margin-left: -1em; } }
    @media screen and (max-width: 768px) {
      .u-indent--notice:before {
        margin-left: -1em; } }
  .u-indent--notice2 {
    position: relative;
    text-indent: -1em;
    padding-left: 2em; }
    .u-indent--notice2:before {
      content: '\203b';
      position: absolute; }

.u-indent--prefix {
  position: relative;
  padding-left: 2em; }
  .u-indent--prefix .r-prefix {
    position: absolute;
    left: 0; }

/*
---
name: 幅調整クラス
menu: ユーティリティ/調整用クラス/幅調整
category: utility/adjust/width
tag:
- utility
- adjust
- width
---

```html
<div class="u-wd120--pc">120pxの固定幅</div>
<div class="u-wd150--sp">750px（iPhone6）の画面幅の場合150px相当の幅</div>
```

- 個別の幅調整は.u-wd0-pc .u-wd0-sp のユーティリティクラスで調整を行います
- 幅の単位は 500pxまで5px単位で用意
- SPの場合は750px（iPhone6Retina）の画面幅を元にvwで算出されます

*/
@media screen and (min-width: 769px), print {
  .u-wd5--pc {
    width: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-wd5--sp {
    width: 5px !important;
    width: 0.66667vw !important; } }

.u-wd1per {
  width: 1% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd1per--pc {
      width: 1% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd1per--sp {
      width: 1% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd10--pc {
    width: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-wd10--sp {
    width: 10px !important;
    width: 1.33333vw !important; } }

.u-wd2per {
  width: 2% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd2per--pc {
      width: 2% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd2per--sp {
      width: 2% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd15--pc {
    width: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-wd15--sp {
    width: 15px !important;
    width: 2vw !important; } }

.u-wd3per {
  width: 3% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd3per--pc {
      width: 3% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd3per--sp {
      width: 3% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd20--pc {
    width: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-wd20--sp {
    width: 20px !important;
    width: 2.66667vw !important; } }

.u-wd4per {
  width: 4% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd4per--pc {
      width: 4% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd4per--sp {
      width: 4% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd25--pc {
    width: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-wd25--sp {
    width: 25px !important;
    width: 3.33333vw !important; } }

.u-wd5per {
  width: 5% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd5per--pc {
      width: 5% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd5per--sp {
      width: 5% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd30--pc {
    width: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-wd30--sp {
    width: 30px !important;
    width: 4vw !important; } }

.u-wd6per {
  width: 6% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd6per--pc {
      width: 6% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd6per--sp {
      width: 6% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd35--pc {
    width: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-wd35--sp {
    width: 35px !important;
    width: 4.66667vw !important; } }

.u-wd7per {
  width: 7% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd7per--pc {
      width: 7% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd7per--sp {
      width: 7% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd40--pc {
    width: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-wd40--sp {
    width: 40px !important;
    width: 5.33333vw !important; } }

.u-wd8per {
  width: 8% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd8per--pc {
      width: 8% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd8per--sp {
      width: 8% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd45--pc {
    width: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-wd45--sp {
    width: 45px !important;
    width: 6vw !important; } }

.u-wd9per {
  width: 9% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd9per--pc {
      width: 9% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd9per--sp {
      width: 9% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd50--pc {
    width: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-wd50--sp {
    width: 50px !important;
    width: 6.66667vw !important; } }

.u-wd10per {
  width: 10% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd10per--pc {
      width: 10% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd10per--sp {
      width: 10% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd55--pc {
    width: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-wd55--sp {
    width: 55px !important;
    width: 7.33333vw !important; } }

.u-wd11per {
  width: 11% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd11per--pc {
      width: 11% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd11per--sp {
      width: 11% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd60--pc {
    width: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-wd60--sp {
    width: 60px !important;
    width: 8vw !important; } }

.u-wd12per {
  width: 12% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd12per--pc {
      width: 12% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd12per--sp {
      width: 12% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd65--pc {
    width: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-wd65--sp {
    width: 65px !important;
    width: 8.66667vw !important; } }

.u-wd13per {
  width: 13% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd13per--pc {
      width: 13% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd13per--sp {
      width: 13% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd70--pc {
    width: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-wd70--sp {
    width: 70px !important;
    width: 9.33333vw !important; } }

.u-wd14per {
  width: 14% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd14per--pc {
      width: 14% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd14per--sp {
      width: 14% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd75--pc {
    width: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-wd75--sp {
    width: 75px !important;
    width: 10vw !important; } }

.u-wd15per {
  width: 15% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd15per--pc {
      width: 15% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd15per--sp {
      width: 15% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd80--pc {
    width: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-wd80--sp {
    width: 80px !important;
    width: 10.66667vw !important; } }

.u-wd16per {
  width: 16% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd16per--pc {
      width: 16% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd16per--sp {
      width: 16% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd85--pc {
    width: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-wd85--sp {
    width: 85px !important;
    width: 11.33333vw !important; } }

.u-wd17per {
  width: 17% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd17per--pc {
      width: 17% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd17per--sp {
      width: 17% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd90--pc {
    width: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-wd90--sp {
    width: 90px !important;
    width: 12vw !important; } }

.u-wd18per {
  width: 18% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd18per--pc {
      width: 18% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd18per--sp {
      width: 18% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd95--pc {
    width: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-wd95--sp {
    width: 95px !important;
    width: 12.66667vw !important; } }

.u-wd19per {
  width: 19% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd19per--pc {
      width: 19% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd19per--sp {
      width: 19% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd100--pc {
    width: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-wd100--sp {
    width: 100px !important;
    width: 13.33333vw !important; } }

.u-wd20per {
  width: 20% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd20per--pc {
      width: 20% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd20per--sp {
      width: 20% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd105--pc {
    width: 105px !important; } }

@media screen and (max-width: 768px) {
  .u-wd105--sp {
    width: 105px !important;
    width: 14vw !important; } }

.u-wd21per {
  width: 21% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd21per--pc {
      width: 21% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd21per--sp {
      width: 21% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd110--pc {
    width: 110px !important; } }

@media screen and (max-width: 768px) {
  .u-wd110--sp {
    width: 110px !important;
    width: 14.66667vw !important; } }

.u-wd22per {
  width: 22% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd22per--pc {
      width: 22% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd22per--sp {
      width: 22% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd115--pc {
    width: 115px !important; } }

@media screen and (max-width: 768px) {
  .u-wd115--sp {
    width: 115px !important;
    width: 15.33333vw !important; } }

.u-wd23per {
  width: 23% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd23per--pc {
      width: 23% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd23per--sp {
      width: 23% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd120--pc {
    width: 120px !important; } }

@media screen and (max-width: 768px) {
  .u-wd120--sp {
    width: 120px !important;
    width: 16vw !important; } }

.u-wd24per {
  width: 24% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd24per--pc {
      width: 24% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd24per--sp {
      width: 24% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd125--pc {
    width: 125px !important; } }

@media screen and (max-width: 768px) {
  .u-wd125--sp {
    width: 125px !important;
    width: 16.66667vw !important; } }

.u-wd25per {
  width: 25% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd25per--pc {
      width: 25% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd25per--sp {
      width: 25% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd130--pc {
    width: 130px !important; } }

@media screen and (max-width: 768px) {
  .u-wd130--sp {
    width: 130px !important;
    width: 17.33333vw !important; } }

.u-wd26per {
  width: 26% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd26per--pc {
      width: 26% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd26per--sp {
      width: 26% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd135--pc {
    width: 135px !important; } }

@media screen and (max-width: 768px) {
  .u-wd135--sp {
    width: 135px !important;
    width: 18vw !important; } }

.u-wd27per {
  width: 27% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd27per--pc {
      width: 27% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd27per--sp {
      width: 27% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd140--pc {
    width: 140px !important; } }

@media screen and (max-width: 768px) {
  .u-wd140--sp {
    width: 140px !important;
    width: 18.66667vw !important; } }

.u-wd28per {
  width: 28% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd28per--pc {
      width: 28% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd28per--sp {
      width: 28% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd145--pc {
    width: 145px !important; } }

@media screen and (max-width: 768px) {
  .u-wd145--sp {
    width: 145px !important;
    width: 19.33333vw !important; } }

.u-wd29per {
  width: 29% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd29per--pc {
      width: 29% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd29per--sp {
      width: 29% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd150--pc {
    width: 150px !important; } }

@media screen and (max-width: 768px) {
  .u-wd150--sp {
    width: 150px !important;
    width: 20vw !important; } }

.u-wd30per {
  width: 30% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd30per--pc {
      width: 30% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd30per--sp {
      width: 30% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd155--pc {
    width: 155px !important; } }

@media screen and (max-width: 768px) {
  .u-wd155--sp {
    width: 155px !important;
    width: 20.66667vw !important; } }

.u-wd31per {
  width: 31% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd31per--pc {
      width: 31% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd31per--sp {
      width: 31% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd160--pc {
    width: 160px !important; } }

@media screen and (max-width: 768px) {
  .u-wd160--sp {
    width: 160px !important;
    width: 21.33333vw !important; } }

.u-wd32per {
  width: 32% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd32per--pc {
      width: 32% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd32per--sp {
      width: 32% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd165--pc {
    width: 165px !important; } }

@media screen and (max-width: 768px) {
  .u-wd165--sp {
    width: 165px !important;
    width: 22vw !important; } }

.u-wd33per {
  width: 33% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd33per--pc {
      width: 33% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd33per--sp {
      width: 33% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd170--pc {
    width: 170px !important; } }

@media screen and (max-width: 768px) {
  .u-wd170--sp {
    width: 170px !important;
    width: 22.66667vw !important; } }

.u-wd34per {
  width: 34% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd34per--pc {
      width: 34% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd34per--sp {
      width: 34% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd175--pc {
    width: 175px !important; } }

@media screen and (max-width: 768px) {
  .u-wd175--sp {
    width: 175px !important;
    width: 23.33333vw !important; } }

.u-wd35per {
  width: 35% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd35per--pc {
      width: 35% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd35per--sp {
      width: 35% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd180--pc {
    width: 180px !important; } }

@media screen and (max-width: 768px) {
  .u-wd180--sp {
    width: 180px !important;
    width: 24vw !important; } }

.u-wd36per {
  width: 36% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd36per--pc {
      width: 36% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd36per--sp {
      width: 36% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd185--pc {
    width: 185px !important; } }

@media screen and (max-width: 768px) {
  .u-wd185--sp {
    width: 185px !important;
    width: 24.66667vw !important; } }

.u-wd37per {
  width: 37% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd37per--pc {
      width: 37% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd37per--sp {
      width: 37% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd190--pc {
    width: 190px !important; } }

@media screen and (max-width: 768px) {
  .u-wd190--sp {
    width: 190px !important;
    width: 25.33333vw !important; } }

.u-wd38per {
  width: 38% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd38per--pc {
      width: 38% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd38per--sp {
      width: 38% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd195--pc {
    width: 195px !important; } }

@media screen and (max-width: 768px) {
  .u-wd195--sp {
    width: 195px !important;
    width: 26vw !important; } }

.u-wd39per {
  width: 39% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd39per--pc {
      width: 39% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd39per--sp {
      width: 39% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd200--pc {
    width: 200px !important; } }

@media screen and (max-width: 768px) {
  .u-wd200--sp {
    width: 200px !important;
    width: 26.66667vw !important; } }

.u-wd40per {
  width: 40% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd40per--pc {
      width: 40% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd40per--sp {
      width: 40% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd205--pc {
    width: 205px !important; } }

@media screen and (max-width: 768px) {
  .u-wd205--sp {
    width: 205px !important;
    width: 27.33333vw !important; } }

.u-wd41per {
  width: 41% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd41per--pc {
      width: 41% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd41per--sp {
      width: 41% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd210--pc {
    width: 210px !important; } }

@media screen and (max-width: 768px) {
  .u-wd210--sp {
    width: 210px !important;
    width: 28vw !important; } }

.u-wd42per {
  width: 42% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd42per--pc {
      width: 42% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd42per--sp {
      width: 42% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd215--pc {
    width: 215px !important; } }

@media screen and (max-width: 768px) {
  .u-wd215--sp {
    width: 215px !important;
    width: 28.66667vw !important; } }

.u-wd43per {
  width: 43% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd43per--pc {
      width: 43% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd43per--sp {
      width: 43% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd220--pc {
    width: 220px !important; } }

@media screen and (max-width: 768px) {
  .u-wd220--sp {
    width: 220px !important;
    width: 29.33333vw !important; } }

.u-wd44per {
  width: 44% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd44per--pc {
      width: 44% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd44per--sp {
      width: 44% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd225--pc {
    width: 225px !important; } }

@media screen and (max-width: 768px) {
  .u-wd225--sp {
    width: 225px !important;
    width: 30vw !important; } }

.u-wd45per {
  width: 45% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd45per--pc {
      width: 45% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd45per--sp {
      width: 45% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd230--pc {
    width: 230px !important; } }

@media screen and (max-width: 768px) {
  .u-wd230--sp {
    width: 230px !important;
    width: 30.66667vw !important; } }

.u-wd46per {
  width: 46% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd46per--pc {
      width: 46% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd46per--sp {
      width: 46% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd235--pc {
    width: 235px !important; } }

@media screen and (max-width: 768px) {
  .u-wd235--sp {
    width: 235px !important;
    width: 31.33333vw !important; } }

.u-wd47per {
  width: 47% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd47per--pc {
      width: 47% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd47per--sp {
      width: 47% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd240--pc {
    width: 240px !important; } }

@media screen and (max-width: 768px) {
  .u-wd240--sp {
    width: 240px !important;
    width: 32vw !important; } }

.u-wd48per {
  width: 48% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd48per--pc {
      width: 48% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd48per--sp {
      width: 48% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd245--pc {
    width: 245px !important; } }

@media screen and (max-width: 768px) {
  .u-wd245--sp {
    width: 245px !important;
    width: 32.66667vw !important; } }

.u-wd49per {
  width: 49% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd49per--pc {
      width: 49% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd49per--sp {
      width: 49% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd250--pc {
    width: 250px !important; } }

@media screen and (max-width: 768px) {
  .u-wd250--sp {
    width: 250px !important;
    width: 33.33333vw !important; } }

.u-wd50per {
  width: 50% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd50per--pc {
      width: 50% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd50per--sp {
      width: 50% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd255--pc {
    width: 255px !important; } }

@media screen and (max-width: 768px) {
  .u-wd255--sp {
    width: 255px !important;
    width: 34vw !important; } }

.u-wd51per {
  width: 51% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd51per--pc {
      width: 51% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd51per--sp {
      width: 51% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd260--pc {
    width: 260px !important; } }

@media screen and (max-width: 768px) {
  .u-wd260--sp {
    width: 260px !important;
    width: 34.66667vw !important; } }

.u-wd52per {
  width: 52% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd52per--pc {
      width: 52% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd52per--sp {
      width: 52% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd265--pc {
    width: 265px !important; } }

@media screen and (max-width: 768px) {
  .u-wd265--sp {
    width: 265px !important;
    width: 35.33333vw !important; } }

.u-wd53per {
  width: 53% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd53per--pc {
      width: 53% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd53per--sp {
      width: 53% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd270--pc {
    width: 270px !important; } }

@media screen and (max-width: 768px) {
  .u-wd270--sp {
    width: 270px !important;
    width: 36vw !important; } }

.u-wd54per {
  width: 54% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd54per--pc {
      width: 54% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd54per--sp {
      width: 54% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd275--pc {
    width: 275px !important; } }

@media screen and (max-width: 768px) {
  .u-wd275--sp {
    width: 275px !important;
    width: 36.66667vw !important; } }

.u-wd55per {
  width: 55% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd55per--pc {
      width: 55% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd55per--sp {
      width: 55% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd280--pc {
    width: 280px !important; } }

@media screen and (max-width: 768px) {
  .u-wd280--sp {
    width: 280px !important;
    width: 37.33333vw !important; } }

.u-wd56per {
  width: 56% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd56per--pc {
      width: 56% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd56per--sp {
      width: 56% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd285--pc {
    width: 285px !important; } }

@media screen and (max-width: 768px) {
  .u-wd285--sp {
    width: 285px !important;
    width: 38vw !important; } }

.u-wd57per {
  width: 57% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd57per--pc {
      width: 57% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd57per--sp {
      width: 57% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd290--pc {
    width: 290px !important; } }

@media screen and (max-width: 768px) {
  .u-wd290--sp {
    width: 290px !important;
    width: 38.66667vw !important; } }

.u-wd58per {
  width: 58% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd58per--pc {
      width: 58% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd58per--sp {
      width: 58% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd295--pc {
    width: 295px !important; } }

@media screen and (max-width: 768px) {
  .u-wd295--sp {
    width: 295px !important;
    width: 39.33333vw !important; } }

.u-wd59per {
  width: 59% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd59per--pc {
      width: 59% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd59per--sp {
      width: 59% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd300--pc {
    width: 300px !important; } }

@media screen and (max-width: 768px) {
  .u-wd300--sp {
    width: 300px !important;
    width: 40vw !important; } }

.u-wd60per {
  width: 60% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd60per--pc {
      width: 60% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd60per--sp {
      width: 60% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd305--pc {
    width: 305px !important; } }

@media screen and (max-width: 768px) {
  .u-wd305--sp {
    width: 305px !important;
    width: 40.66667vw !important; } }

.u-wd61per {
  width: 61% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd61per--pc {
      width: 61% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd61per--sp {
      width: 61% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd310--pc {
    width: 310px !important; } }

@media screen and (max-width: 768px) {
  .u-wd310--sp {
    width: 310px !important;
    width: 41.33333vw !important; } }

.u-wd62per {
  width: 62% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd62per--pc {
      width: 62% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd62per--sp {
      width: 62% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd315--pc {
    width: 315px !important; } }

@media screen and (max-width: 768px) {
  .u-wd315--sp {
    width: 315px !important;
    width: 42vw !important; } }

.u-wd63per {
  width: 63% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd63per--pc {
      width: 63% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd63per--sp {
      width: 63% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd320--pc {
    width: 320px !important; } }

@media screen and (max-width: 768px) {
  .u-wd320--sp {
    width: 320px !important;
    width: 42.66667vw !important; } }

.u-wd64per {
  width: 64% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd64per--pc {
      width: 64% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd64per--sp {
      width: 64% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd325--pc {
    width: 325px !important; } }

@media screen and (max-width: 768px) {
  .u-wd325--sp {
    width: 325px !important;
    width: 43.33333vw !important; } }

.u-wd65per {
  width: 65% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd65per--pc {
      width: 65% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd65per--sp {
      width: 65% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd330--pc {
    width: 330px !important; } }

@media screen and (max-width: 768px) {
  .u-wd330--sp {
    width: 330px !important;
    width: 44vw !important; } }

.u-wd66per {
  width: 66% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd66per--pc {
      width: 66% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd66per--sp {
      width: 66% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd335--pc {
    width: 335px !important; } }

@media screen and (max-width: 768px) {
  .u-wd335--sp {
    width: 335px !important;
    width: 44.66667vw !important; } }

.u-wd67per {
  width: 67% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd67per--pc {
      width: 67% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd67per--sp {
      width: 67% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd340--pc {
    width: 340px !important; } }

@media screen and (max-width: 768px) {
  .u-wd340--sp {
    width: 340px !important;
    width: 45.33333vw !important; } }

.u-wd68per {
  width: 68% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd68per--pc {
      width: 68% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd68per--sp {
      width: 68% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd345--pc {
    width: 345px !important; } }

@media screen and (max-width: 768px) {
  .u-wd345--sp {
    width: 345px !important;
    width: 46vw !important; } }

.u-wd69per {
  width: 69% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd69per--pc {
      width: 69% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd69per--sp {
      width: 69% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd350--pc {
    width: 350px !important; } }

@media screen and (max-width: 768px) {
  .u-wd350--sp {
    width: 350px !important;
    width: 46.66667vw !important; } }

.u-wd70per {
  width: 70% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd70per--pc {
      width: 70% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd70per--sp {
      width: 70% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd355--pc {
    width: 355px !important; } }

@media screen and (max-width: 768px) {
  .u-wd355--sp {
    width: 355px !important;
    width: 47.33333vw !important; } }

.u-wd71per {
  width: 71% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd71per--pc {
      width: 71% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd71per--sp {
      width: 71% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd360--pc {
    width: 360px !important; } }

@media screen and (max-width: 768px) {
  .u-wd360--sp {
    width: 360px !important;
    width: 48vw !important; } }

.u-wd72per {
  width: 72% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd72per--pc {
      width: 72% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd72per--sp {
      width: 72% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd365--pc {
    width: 365px !important; } }

@media screen and (max-width: 768px) {
  .u-wd365--sp {
    width: 365px !important;
    width: 48.66667vw !important; } }

.u-wd73per {
  width: 73% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd73per--pc {
      width: 73% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd73per--sp {
      width: 73% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd370--pc {
    width: 370px !important; } }

@media screen and (max-width: 768px) {
  .u-wd370--sp {
    width: 370px !important;
    width: 49.33333vw !important; } }

.u-wd74per {
  width: 74% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd74per--pc {
      width: 74% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd74per--sp {
      width: 74% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd375--pc {
    width: 375px !important; } }

@media screen and (max-width: 768px) {
  .u-wd375--sp {
    width: 375px !important;
    width: 50vw !important; } }

.u-wd75per {
  width: 75% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd75per--pc {
      width: 75% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd75per--sp {
      width: 75% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd380--pc {
    width: 380px !important; } }

@media screen and (max-width: 768px) {
  .u-wd380--sp {
    width: 380px !important;
    width: 50.66667vw !important; } }

.u-wd76per {
  width: 76% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd76per--pc {
      width: 76% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd76per--sp {
      width: 76% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd385--pc {
    width: 385px !important; } }

@media screen and (max-width: 768px) {
  .u-wd385--sp {
    width: 385px !important;
    width: 51.33333vw !important; } }

.u-wd77per {
  width: 77% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd77per--pc {
      width: 77% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd77per--sp {
      width: 77% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd390--pc {
    width: 390px !important; } }

@media screen and (max-width: 768px) {
  .u-wd390--sp {
    width: 390px !important;
    width: 52vw !important; } }

.u-wd78per {
  width: 78% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd78per--pc {
      width: 78% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd78per--sp {
      width: 78% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd395--pc {
    width: 395px !important; } }

@media screen and (max-width: 768px) {
  .u-wd395--sp {
    width: 395px !important;
    width: 52.66667vw !important; } }

.u-wd79per {
  width: 79% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd79per--pc {
      width: 79% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd79per--sp {
      width: 79% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd400--pc {
    width: 400px !important; } }

@media screen and (max-width: 768px) {
  .u-wd400--sp {
    width: 400px !important;
    width: 53.33333vw !important; } }

.u-wd80per {
  width: 80% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd80per--pc {
      width: 80% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd80per--sp {
      width: 80% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd405--pc {
    width: 405px !important; } }

@media screen and (max-width: 768px) {
  .u-wd405--sp {
    width: 405px !important;
    width: 54vw !important; } }

.u-wd81per {
  width: 81% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd81per--pc {
      width: 81% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd81per--sp {
      width: 81% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd410--pc {
    width: 410px !important; } }

@media screen and (max-width: 768px) {
  .u-wd410--sp {
    width: 410px !important;
    width: 54.66667vw !important; } }

.u-wd82per {
  width: 82% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd82per--pc {
      width: 82% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd82per--sp {
      width: 82% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd415--pc {
    width: 415px !important; } }

@media screen and (max-width: 768px) {
  .u-wd415--sp {
    width: 415px !important;
    width: 55.33333vw !important; } }

.u-wd83per {
  width: 83% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd83per--pc {
      width: 83% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd83per--sp {
      width: 83% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd420--pc {
    width: 420px !important; } }

@media screen and (max-width: 768px) {
  .u-wd420--sp {
    width: 420px !important;
    width: 56vw !important; } }

.u-wd84per {
  width: 84% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd84per--pc {
      width: 84% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd84per--sp {
      width: 84% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd425--pc {
    width: 425px !important; } }

@media screen and (max-width: 768px) {
  .u-wd425--sp {
    width: 425px !important;
    width: 56.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-wd227--pc {
    width: 227px !important; } }

@media screen and (min-width: 769px), print {
  .u-wd207--pc {
    width: 207px !important; } }

@media screen and (min-width: 769px), print {
  .u-wd680--pc {
    width: 680px !important; } }

@media screen and (min-width: 769px), print {
  .u-wd700--pc {
    width: 700px !important; } }


.u-wd85per {
  width: 85% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd85per--pc {
      width: 85% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd85per--sp {
      width: 85% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd430--pc {
    width: 430px !important; } }

@media screen and (max-width: 768px) {
  .u-wd430--sp {
    width: 430px !important;
    width: 57.33333vw !important; } }

.u-wd86per {
  width: 86% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd86per--pc {
      width: 86% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd86per--sp {
      width: 86% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd435--pc {
    width: 435px !important; } }

@media screen and (max-width: 768px) {
  .u-wd435--sp {
    width: 435px !important;
    width: 58vw !important; } }

.u-wd87per {
  width: 87% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd87per--pc {
      width: 87% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd87per--sp {
      width: 87% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd440--pc {
    width: 440px !important; } }

@media screen and (max-width: 768px) {
  .u-wd440--sp {
    width: 440px !important;
    width: 58.66667vw !important; } }

.u-wd88per {
  width: 88% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd88per--pc {
      width: 88% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd88per--sp {
      width: 88% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd445--pc {
    width: 445px !important; } }

@media screen and (max-width: 768px) {
  .u-wd445--sp {
    width: 445px !important;
    width: 59.33333vw !important; } }

.u-wd89per {
  width: 89% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd89per--pc {
      width: 89% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd89per--sp {
      width: 89% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd450--pc {
    width: 450px !important; } }

@media screen and (max-width: 768px) {
  .u-wd450--sp {
    width: 450px !important;
    width: 60vw !important; } }

.u-wd90per {
  width: 90% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd90per--pc {
      width: 90% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd90per--sp {
      width: 90% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd455--pc {
    width: 455px !important; } }

@media screen and (max-width: 768px) {
  .u-wd455--sp {
    width: 455px !important;
    width: 60.66667vw !important; } }

.u-wd91per {
  width: 91% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd91per--pc {
      width: 91% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd91per--sp {
      width: 91% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd460--pc {
    width: 460px !important; } }

@media screen and (max-width: 768px) {
  .u-wd460--sp {
    width: 460px !important;
    width: 61.33333vw !important; } }

.u-wd92per {
  width: 92% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd92per--pc {
      width: 92% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd92per--sp {
      width: 92% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd465--pc {
    width: 465px !important; } }

@media screen and (max-width: 768px) {
  .u-wd465--sp {
    width: 465px !important;
    width: 62vw !important; } }

.u-wd93per {
  width: 93% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd93per--pc {
      width: 93% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd93per--sp {
      width: 93% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd470--pc {
    width: 470px !important; } }

@media screen and (max-width: 768px) {
  .u-wd470--sp {
    width: 470px !important;
    width: 62.66667vw !important; } }

.u-wd94per {
  width: 94% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd94per--pc {
      width: 94% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd94per--sp {
      width: 94% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd475--pc {
    width: 475px !important; } }

@media screen and (max-width: 768px) {
  .u-wd475--sp {
    width: 475px !important;
    width: 63.33333vw !important; } }

.u-wd95per {
  width: 95% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd95per--pc {
      width: 95% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd95per--sp {
      width: 95% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd480--pc {
    width: 480px !important; } }

@media screen and (max-width: 768px) {
  .u-wd480--sp {
    width: 480px !important;
    width: 64vw !important; } }

.u-wd96per {
  width: 96% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd96per--pc {
      width: 96% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd96per--sp {
      width: 96% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd485--pc {
    width: 485px !important; } }

@media screen and (max-width: 768px) {
  .u-wd485--sp {
    width: 485px !important;
    width: 64.66667vw !important; } }

.u-wd97per {
  width: 97% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd97per--pc {
      width: 97% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd97per--sp {
      width: 97% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd490--pc {
    width: 490px !important; } }

@media screen and (max-width: 768px) {
  .u-wd490--sp {
    width: 490px !important;
    width: 65.33333vw !important; } }

.u-wd98per {
  width: 98% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd98per--pc {
      width: 98% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd98per--sp {
      width: 98% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd495--pc {
    width: 495px !important; } }

@media screen and (max-width: 768px) {
  .u-wd495--sp {
    width: 495px !important;
    width: 66vw !important; } }

.u-wd99per {
  width: 99% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd99per--pc {
      width: 99% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd99per--sp {
      width: 99% !important; } }

@media screen and (min-width: 769px), print {
  .u-wd500--pc {
    width: 500px !important; } }

@media screen and (max-width: 768px) {
  .u-wd500--sp {
    width: 500px !important;
    width: 66.66667vw !important; } }

@media screen and (min-width: 769px), print {
  .u-hg180--pc {
    height: 180px !important; } }


.u-wd100per {
  width: 100% !important; }
  @media screen and (min-width: 769px), print {
    .u-wd100per--pc {
      width: 100% !important; } }
  @media screen and (max-width: 768px) {
    .u-wd100per--sp {
      width: 100% !important; } }

.u-word-break-n {
  word-break: normal !important; }

.u-word-break-ba {
  word-break: break-all !important; }

.u-word-break-ka {
  word-break: keep-all !important; }

.u-bg-white {
  background-color: #fff !important; }

/*
---
name: 音声ブラウザ用注釈モジュール
menu: ユーティリティ/調整用クラス/その他
category: utility/adjust/other
tag:
- utility
- adjust
- accesibility
---

```html
<span class="u-accessibility-notice"></span>
```

*/
.u-accessibility-notice {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 1px 0 0 1px; }


.c-link-none {
  color: #333!important;
}

.p-fo-table td, .p-fo-table th {
  font-size: 13px!important;
}

.p-tbl-dotted {
  border-bottom: 2px dotted #ddd!important;
}


.p-table-pdf-box th {
  vertical-align: middle!important;
}

.c-meeting-jstream-box {
  position:relative!important;
}

[aria-hidden="true"] .c-meeting-jstream　{
  overflow: hidden;
  height: 0;
  opacity: 0; }

[aria-hidden="false"] .c-meeting-jstream {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 56.25%;
  opacity: 1;
}

@media screen and (min-width: 769px), print {
  .c-calendar-pdl {
    padding-left: 8.5em!important; } }

@media screen and (min-width: 769px), print {

.c-tbl__head.center {
  text-align: center!important;
}

}

.c-text-list ul li a{
  color: #e4002b;
}

.c-text-list__itms {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.u-vertical-m {
  vertical-align: middle!important;
}

.p-management-plan-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


@media screen and (min-width: 769px), print{
.c-text-list__itms .r-itm {
    width: 500px;
}

.p-approach-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.p-approach-box {
  display: flex;
  width: 520px;
}

.p-approach-img {
  max-width: 242px;
  width: 100%;
}

.p-approach-txt {
  margin-left: 24px;
}


}

@media screen and (max-width: 768px), print{
.c-text-list__itms .r-itm {
    width: 100%;
}

.p-approach-area {
  display: block;
}

.p-approach-box {
  display: block;
  width: 100%;
}

.p-approach-img {
  max-width: 100%;
}

.p-approach-txt {
  margin-top: 7.73333vw;
  margin-left: 0;
}
}

.p-education-class-card {
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
}


.p-management-history-img {
  width: 56%;
  margin: 0 auto;
}

@media screen and (max-width: 768px), print{
.p-management-history-img {
    width: 100%;
}
}

/*動画の装飾*/
.c-video-box {
  position: relative;
}

.c-video-inner {
  position: relative;
  width: 640px;
  height: 360px;
  margin: 0 auto;
}

@media screen and (max-width: 768px), print{
.c-video-inner{
    width: 335px;
    width: 89.33333vw;
    height: 188px;
    height: 50.13333vw;
}
}
/*テーブルの装飾*/
.p-management-bdrl {
    border-left: solid 1px #ddd!important;
}

.u-txt-to-speech {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.top-news-card-list .u-txt-to-speech,
.l-lnav__itm__link .u-txt-to-speech,
.l-main__subcontent__bnr .u-txt-to-speech {
  display: block !important;
}

@media screen and (min-width: 769px), print{
.p-ir-table-line-height th,.p-ir-table-line-height td {
  padding: 5px 10px;
}
}

@media screen and (max-width: 768px), print{
.p-ir-table-line-height th,.p-ir-table-line-height td {
  padding: 2.5vw 5.33333vw;
}
}

.c-slider__arrow.slick-disabled.is-inactive {
  display: none;
}

.c-txt-link__href.r-none-arrow {
  padding-left: 0px;
  padding-left: 0vw;
}

.c-txt-link__href.r-none-arrow:before {
  display: none;
}