@charset "UTF-8";
@import url("https://use.typekit.net/bgg2omz.css");
/*
Bilo Hairline
font-family: bilo, sans-serif;
font-weight: 100;
font-style: normal;


Bilo Hairline Italic
font-family: bilo, sans-serif;
font-weight: 100;
font-style: italic;


Bilo Thin
font-family: bilo, sans-serif;
font-weight: 200;
font-style: normal;


Bilo Thin Italic
font-family: bilo, sans-serif;
font-weight: 200;
font-style: italic;


Bilo ExtraLight
font-family: bilo, sans-serif;
font-weight: 300;
font-style: normal;


Bilo ExtraLight Italic
font-family: bilo, sans-serif;
font-weight: 300;
font-style: italic;

Bilo Light
font-family: bilo, sans-serif;
font-weight: 400;
font-style: normal;


Bilo Light Italic
font-family: bilo, sans-serif;
font-weight: 400;
font-style: italic;

Bilo Italic
font-family: bilo, sans-serif;
font-weight: 500;
font-style: italic;

Bilo Regular
font-family: bilo, sans-serif;
font-weight: 500;
font-style: normal;

Bilo Medium
font-family: bilo, sans-serif;
font-weight: 600;
font-style: normal;

Bilo Medium Italic
font-family: bilo, sans-serif;
font-weight: 600;
font-style: italic;


Bilo Bold
font-family: bilo, sans-serif;
font-weight: 700;
font-style: normal;


Bilo Bold Italic
font-family: bilo, sans-serif;
font-weight: 700;
font-style: italic;

Bilo ExtraBold
font-family: bilo, sans-serif;
font-weight: 800;
font-style: normal;

Bilo ExtraBold Italic
font-family: bilo, sans-serif;
font-weight: 800;
font-style: italic;


Bilo Black
font-family: bilo, sans-serif;
font-weight: 900;
font-style: normal;


Bilo Black Italic
font-family: bilo, sans-serif;
font-weight: 900;
font-style: italic;
*/
/*
Noto Sans CJK JP Thin
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 100;
font-style: normal;


Noto Sans CJK JP Light
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 300;
font-style: normal;


Noto Sans CJK JP DemiLight
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 300;
font-style: normal;


Noto Sans CJK JP Regular
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;


Noto Sans CJK JP Medium
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 500;
font-style: normal;


Noto Sans CJK JP Bold
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 700;
font-style: normal;


Noto Sans CJK JP Black
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 900;
font-style: normal;
*/
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Nunito:200);
@import url(https://fonts.googleapis.com/css?family=Nunito:300);
@import url(https://fonts.googleapis.com/css?family=Nunito:400);
@import url(https://fonts.googleapis.com/css?family=Nunito:600);
@import url(https://fonts.googleapis.com/css?family=Nunito:700);
@import url(https://fonts.googleapis.com/css?family=Nunito:800);
@import url(https://fonts.googleapis.com/css?family=Nunito:900);
@import url(https://fonts.googleapis.com/css?family=Lato:100);
@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Lato:400);
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://fonts.googleapis.com/css?family=Lato:900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:400);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:500);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:600);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:800);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:300);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:500);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:600);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:700);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:900);
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px; }

fieldset, img {
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ol {
  list-style-type: none; }

ul {
  list-style-type: none; }
  ul li {
    list-style-type: none; }

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

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

caption, th {
  text-align: left; }

iframe {
  border: none; }

a:focus {
  outline: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li img {
  line-height: 0;
  font-size: 0;
  vertical-align: top; }

/* IE */
* html ul li dl, * html ol li dl {
  display: inline; }
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline; }

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all; }

p {
  line-break: strict; }

a {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  a:hover {
    opacity: 0.7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

body {
  font-size: 1.4rem;
  font: inherit;
  font-family: 'Noto Sans Japanese' , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #000; }

#wrapper {
  width: 100%; }

.pc {
  display: block; }

.sp {
  display: none; }

.hide, .hidden {
  visibility: hidden; }

img {
  max-width: 100%; }

main {
  display: block; }

@media screen and (max-width: 767px) {
  a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }
    a:hover {
      opacity: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      /* IE lt 8 */
      -ms-filter: "alpha(opacity=100)";
      /* IE 8 */ }

  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%; }

  img {
    width: 100%; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
/* =========================================================
 * font
========================================================= */
/*noto-sans*/
/*Robot*/
/*Nunito*/
/*Lato*/
/*Montserrat*/
.roboto {
  font-family: 'Roboto Condensed','Roboto',sans-serif; }

.font-rk {
  font-family: Ryumin Regular KL; }

.font-mb31 {
  font-family: Midashi Go MB31; }

.font-telop {
  font-family: TelopMinPro-D; }

.font-noto {
  font-family: 'Noto Sans Japanese'; }

.font-nunito {
  font-family: 'Nunito', sans-serif; }

.font-lato {
  font-family: 'Lato', sans-serif; }

.font-montserrat {
  font-family: 'Montserrat', sans-serif; }

.fonte-gramond {
  font-family: 'EB Garamond', serif; }

.font-serif {
  font-family: 'Noto Serif JP', serif; }

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.fadein-early,
.opening {
  opacity: 0;
  transition: all 0.875s ease-in-out; }

.fade {
  transform: translate(0, 0); }

.fadein, .fadein-early {
  transform: translate(0, 50px); }

.fadein-top {
  transform: translate(0, -50px); }

.fadein-left {
  transform: translate(-50px, 0); }

.fadein-right {
  transform: translate(50px, 0); }

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.fadein-early.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.scrAnim {
  overflow: hidden; }
  .scrAnim > div {
    opacity: 0; }
  .scrAnim > span {
    display: block;
    opacity: 0; }

.isPlay {
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
  position: relative;
  opacity: 1 !important; }
  .isPlay:before {
    animation-name: maskOut;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: #000; }

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20; }
  .header--inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header--inner--logo {
      background-color: #fff;
      padding: 5px;
      max-width: 100px;
      margin-left: 5%; }
      .header--inner--logo a {
        display: block;
        width: 100%;
        height: 100%; }
        .header--inner--logo a img {
          width: 100%; }
    .header--inner--nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-right: 1.5%;
      min-width: 352px;
      width: 27%; }
      .header--inner--nav ul {
        display: flex;
        align-items: center;
        margin-right: 12px;
        transition: all .3s ease-out; }
        .header--inner--nav ul li {
          position: relative; }
          .header--inner--nav ul li a {
            font-family: bilo, sans-serif;
            font-weight: 500;
            text-decoration: none;
            line-height: 1.0;
            color: #fff;
            white-space: nowrap;
            font-size: 1.4rem; }
          .header--inner--nav ul li.active {
            color: #ffd900; }
          .header--inner--nav ul li:not(:last-child) {
            padding-right: 18px; }
            .header--inner--nav ul li:not(:last-child):after {
              content: '';
              display: block;
              position: absolute;
              width: 3px;
              height: 3px;
              background-color: #fff;
              border-radius: 50%;
              right: 8px;
              top: 50%;
              transform: translateY(-50%); }
          .header--inner--nav ul li.active a {
            color: #ffd900; }
        .header--inner--nav ul.open {
          opacity: 0;
          pointer-events: none; }
      .header--inner--nav .member {
        display: inline-block;
        margin-right: 12px;
        transition: all .3s ease-out; }
        .header--inner--nav .member a {
          font-family: bilo, sans-serif;
          font-weight: 500;
          display: block;
          width: 100%;
          height: 100%;
          line-height: 1.0;
          padding: 5px 8px;
          background-color: #ffd900;
          border: 1px solid #ffd900;
          text-decoration: none;
          color: #000;
          white-space: nowrap;
          font-size: 1.4rem;
          transition: all .3s ease-out; }
          .header--inner--nav .member a:hover {
            opacity: 1;
            background-color: #000;
            color: #ffd900; }
        .header--inner--nav .member.open {
          opacity: 0;
          pointer-events: none; }
      .header--inner--nav .menu-trigger {
        cursor: pointer;
        display: inline-block;
        transition: all .4s ease-out;
        width: 36px;
        height: 21px;
        position: relative; }
        .header--inner--nav .menu-trigger span {
          width: 36px;
          display: inline-block;
          transition: all .4s ease-out;
          position: absolute;
          left: 0;
          height: 2px;
          background-color: #ffd900; }
          .header--inner--nav .menu-trigger span:nth-of-type(1) {
            top: 0; }
          .header--inner--nav .menu-trigger span:nth-of-type(2) {
            top: 50%;
            margin-top: -1px; }
          .header--inner--nav .menu-trigger span:nth-of-type(3) {
            bottom: 0; }
        .header--inner--nav .menu-trigger.active span {
          background-color: #000; }
          .header--inner--nav .menu-trigger.active span:nth-of-type(1) {
            transform: translateY(9px) rotate(-45deg); }
          .header--inner--nav .menu-trigger.active span:nth-of-type(2) {
            opacity: 0;
            left: 10px; }
          .header--inner--nav .menu-trigger.active span:nth-of-type(3) {
            transform: translateY(-9px) rotate(45deg); }

.large-menu::-webkit-scrollbar {
  display: none; }

.large-menu {
  position: fixed;
  z-index: 19;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  opacity: 0;
  transition: all .5s ease-in-out;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .large-menu--wrap {
    background-color: #ffd900;
    position: relative;
    padding: 70px 0 25px 0; }
    .large-menu--wrap:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -74px;
      left: 0;
      width: 100%;
      height: 74px;
      background: url("../images/common/img-menu-wave_pc.png") repeat-x; }
    .large-menu--wrap--inner {
      max-width: 1024px;
      margin: 0 auto;
      min-width: 1024px; }
      .large-menu--wrap--inner .sp-language {
        display: none; }
      .large-menu--wrap--inner .totop {
        text-align: center; }
        .large-menu--wrap--inner .totop a {
          text-decoration: none;
          line-height: 1.0;
          font-family: bilo, sans-serif;
          font-weight: 600;
          color: #000;
          font-size: 2.1rem; }
      .large-menu--wrap--inner--wrap {
        margin-top: 46px;
        display: flex;
        justify-content: space-between; }
        .large-menu--wrap--inner--wrap--block {
          width: 100%; }
          .large-menu--wrap--inner--wrap--block--section .ttl {
            padding: 0 0 12px 10px;
            border-left: 1px solid #000;
            border-bottom: 1px solid #000; }
            .large-menu--wrap--inner--wrap--block--section .ttl .en, .large-menu--wrap--inner--wrap--block--section .ttl h3 {
              line-height: 1.0; }
            .large-menu--wrap--inner--wrap--block--section .ttl .en {
              font-family: bilo, sans-serif;
              font-weight: 600;
              font-size: 2.1rem; }
            .large-menu--wrap--inner--wrap--block--section .ttl h3 {
              margin-top: 10px;
              letter-spacing: -0.08em;
              font-weight: 500;
              white-space: nowrap;
              font-size: 1.35rem; }
          .large-menu--wrap--inner--wrap--block--section .language dl, .large-menu--wrap--inner--wrap--block--section .members dl {
            text-align: center; }
            .large-menu--wrap--inner--wrap--block--section .language dl dd, .large-menu--wrap--inner--wrap--block--section .members dl dd {
              margin-top: 6px;
              line-height: 1.0;
              font-weight: 600;
              font-size: 1.35rem; }
          .large-menu--wrap--inner--wrap--block--section .language dl dt img {
            max-width: 27px; }
          .large-menu--wrap--inner--wrap--block--section .language ul {
            margin-top: 6px; }
            .large-menu--wrap--inner--wrap--block--section .language ul li a {
              display: block;
              width: 100%;
              height: 100%;
              text-decoration: none;
              color: #000;
              line-height: 1.0;
              text-align: center;
              font-family: bilo, sans-serif;
              font-weight: 600;
              background-color: rgba(255, 255, 255, 0.42);
              padding: 5px 0;
              font-size: 1.4rem; }
            .large-menu--wrap--inner--wrap--block--section .language ul li:nth-of-type(n+2) {
              margin-top: 8px; }
            .large-menu--wrap--inner--wrap--block--section .language ul li.active {
              background-color: #fff; }
          .large-menu--wrap--inner--wrap--block--section .members dl dt img {
            max-width: 43px; }
          .large-menu--wrap--inner--wrap--block--section .members .login {
            margin-top: 10px; }
            .large-menu--wrap--inner--wrap--block--section .members .login a {
              padding: 5px 0;
              display: block;
              width: 100%;
              height: 100%;
              text-decoration: none;
              color: #fff;
              background-color: #000;
              border: 1px solid #000;
              text-align: center;
              line-height: 1.0;
              font-family: bilo, sans-serif;
              font-weight: 600;
              transition: all .3s ease-out;
              font-size: 1.4rem; }
              .large-menu--wrap--inner--wrap--block--section .members .login a:hover {
                opacity: 1;
                background-color: #fff;
                color: #000; }
          .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
            margin-top: 40px; }
          .large-menu--wrap--inner--wrap--block--section.members_only {
            margin-top: 14px; }
          .large-menu--wrap--inner--wrap--block:not(.b05) {
            margin-right: 10px; }
            .large-menu--wrap--inner--wrap--block:not(.b05) ul {
              margin-top: 12px; }
              .large-menu--wrap--inner--wrap--block:not(.b05) ul li a {
                color: #000;
                line-height: 1.4;
                font-weight: 500;
                display: inline-block;
                position: relative;
                text-decoration: none;
                letter-spacing: -0.08em;
                white-space: nowrap;
                text-indent: -1.2em;
                margin-left: 1.2em;
                font-size: 1.25rem; }
                .large-menu--wrap--inner--wrap--block:not(.b05) ul li a:before {
                  content: '';
                  display: inline-block;
                  margin-right: 5px;
                  width: 10px;
                  height: 10px;
                  background-color: #fff;
                  border-radius: 50%; }
              .large-menu--wrap--inner--wrap--block:not(.b05) ul li:nth-of-type(n+2) {
                margin-top: 8px; }
              .large-menu--wrap--inner--wrap--block:not(.b05) ul li ol {
                margin-top: 8px;
                margin-left: 18px; }
                .large-menu--wrap--inner--wrap--block:not(.b05) ul li ol li a:before {
                  background-color: #ffec80; }
          .large-menu--wrap--inner--wrap--block.b01 {
            max-width: 142px; }
          .large-menu--wrap--inner--wrap--block.b02 {
            max-width: 218px; }
          .large-menu--wrap--inner--wrap--block.b03 {
            max-width: 201px; }
          .large-menu--wrap--inner--wrap--block.b04 {
            max-width: 223px; }
          .large-menu--wrap--inner--wrap--block.b05 {
            max-width: 125px; }
            .large-menu--wrap--inner--wrap--block.b05 .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
              margin-top: 35px; }
  .large-menu.active {
    top: 0;
    opacity: 1; }

.under-link {
  background-color: #ffcd00;
  position: relative;
  padding: 0 0 100px;
  margin-top: 12vw; }
  .under-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    background: url("../images/common/footer_decoration01_pc.png") repeat-x;
    top: -50px;
    left: 0; }
  .under-link--pagenav ul {
    width: 330px;
    margin: 0 auto;
    padding: 70px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .under-link--pagenav ul li a {
      position: relative;
      font-size: 2.0rem;
      font-family: bilo, sans-serif;
      font-weight: 600;
      line-height: 1;
      letter-spacing: .025em;
      color: #000;
      text-decoration: none; }
    .under-link--pagenav ul li.prev a:before, .under-link--pagenav ul li.prev a:after, .under-link--pagenav ul li.next a:before, .under-link--pagenav ul li.next a:after {
      content: "";
      position: absolute;
      width: 19px;
      height: 16px;
      top: 50%;
      transform: translateY(-50%);
      transition: all .3s ease-in-out; }
    .under-link--pagenav ul li.prev a {
      padding-left: 30px; }
      .under-link--pagenav ul li.prev a:before {
        background: url("../images/common/btn_more_black.png") no-repeat center center/cover;
        left: 5%;
        top: 25%;
        transform: scale(-1, 1); }
      .under-link--pagenav ul li.prev a:hover:before {
        left: 0; }
    .under-link--pagenav ul li.next a {
      padding-right: 30px; }
      .under-link--pagenav ul li.next a:after {
        background: url("../images/common/btn_more_black.png") no-repeat center center/cover;
        right: 5%; }
      .under-link--pagenav ul li.next a:hover:after {
        right: 0; }
  .under-link--lowerpage ul {
    width: 790px;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .under-link--lowerpage ul li {
      width: 46%;
      margin-top: 30px; }
      .under-link--lowerpage ul li a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1;
        color: #000;
        background-color: #fff;
        padding: 11px .8em;
        position: relative; }
        .under-link--lowerpage ul li a:after {
          content: "";
          position: absolute;
          width: 19px;
          height: 16px;
          background: url("../images/common/btn_more_black.png") no-repeat center center/cover;
          top: 50%;
          right: 5%;
          transform: translateY(-50%);
          transition: all .3s ease-in-out; }
        .under-link--lowerpage ul li a:hover {
          opacity: 1; }
          .under-link--lowerpage ul li a:hover:after {
            right: 2%; }

.footer {
  background: url("../images/common/img-footer-earth_pc.png") no-repeat center bottom/cover;
  width: 100%;
  position: relative; }
  .footer:before {
    content: '';
    display: block;
    padding-top: 39.0168%; }
  .footer .copy {
    position: absolute;
    left: 0;
    top: 54.33%;
    width: 100%;
    text-align: center;
    line-height: 1.0;
    color: #fff;
    font-family: bilo, sans-serif;
    font-weight: 600;
    font-size: 4.6rem; }
  .footer .logo {
    position: absolute;
    max-width: 100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
    .footer .logo a {
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff;
      padding: 5px; }
      .footer .logo a img {
        width: 100%; }
  .footer .others {
    display: flex;
    position: absolute;
    left: 10px;
    bottom: 15px; }
    .footer .others li a {
      display: block;
      color: #ffd900;
      text-decoration: none;
      line-height: 1.0;
      font-weight: 500;
      font-size: 0.8rem;
      padding: 0 10px; }
    .footer .others li:not(:first-of-type) {
      border-left: 1px solid #ffd900; }
  .footer small {
    display: block;
    position: absolute;
    line-height: 1.0;
    color: #ffd900;
    font-family: bilo, sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    right: 10px;
    bottom: 15px; }

#pagetop {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 15px;
  bottom: 30px;
  z-index: 200; }
  #pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffd900;
    position: relative;
    border: 1px solid #000; }
    #pagetop a:before {
      content: '';
      display: block;
      position: absolute;
      width: 7px;
      height: 7px;
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      margin-top: 2px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg); }

.second .header--inner {
  position: relative; }
  .second .header--inner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 51px;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: -1;
    transition: all .3s ease-out; }
  .second .header--inner--nav {
    margin-top: -17px; }
.second .header.active .header--inner:before {
  opacity: 0;
  pointer-events: none; }
.second article {
  padding-top: 51px; }
  .second article .main-v {
    position: relative;
    height: 535px; }
    .second article .main-v--ttl {
      position: absolute;
      top: calc(50% - 30px);
      left: 0;
      transform: translateY(-50%);
      max-width: 321px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .second article .main-v--ttl--inner {
        width: 100%; }
        .second article .main-v--ttl--inner h1 {
          margin-top: 15px;
          font-weight: bold;
          line-height: 1.2;
          letter-spacing: .04em;
          font-size: 2.5rem; }
        .second article .main-v--ttl--inner .en {
          margin-top: 12px;
          font-family: bilo, sans-serif;
          font-weight: 600;
          line-height: 1.0;
          font-size: 1.7rem; }
    .second article .main-v:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 59px;
      left: 0;
      bottom: -0.5vw; }

@media screen and (max-width: 768px) {
  .large-menu--wrap--inner {
    max-width: 98%;
    min-width: 98%; }
    .large-menu--wrap--inner--wrap {
      flex-wrap: wrap; }
      .large-menu--wrap--inner--wrap--block--section .ttl .en {
        font-size: 1.6rem; }
      .large-menu--wrap--inner--wrap--block--section .ttl h3 {
        font-size: 1.15rem;
        white-space: normal; }
      .large-menu--wrap--inner--wrap--block--section .language dl dd, .large-menu--wrap--inner--wrap--block--section .members dl dd {
        font-size: 1.15rem; }
      .large-menu--wrap--inner--wrap--block--section .language dl dt img {
        max-width: 27px; }
      .large-menu--wrap--inner--wrap--block--section .language ul li a {
        font-size: 1.15rem; }
      .large-menu--wrap--inner--wrap--block--section .members dl dt img {
        max-width: 43px; }
      .large-menu--wrap--inner--wrap--block--section .members .login a {
        font-size: 1.15rem; }
      .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
        margin-top: 20px; }
      .large-menu--wrap--inner--wrap--block:not(.b05) {
        margin-right: 10px; }
        .large-menu--wrap--inner--wrap--block:not(.b05) ul li a {
          letter-spacing: -0.08em;
          text-indent: -1.2em;
          margin-left: 1.2em;
          font-size: 1.1rem;
          white-space: normal; }
          .large-menu--wrap--inner--wrap--block:not(.b05) ul li a:before {
            content: '';
            display: inline-block;
            margin-right: 5px;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border-radius: 50%; }
        .large-menu--wrap--inner--wrap--block:not(.b05) ul li ol {
          margin-left: 18px; }
      .large-menu--wrap--inner--wrap--block.b01 {
        max-width: 23%; }
      .large-menu--wrap--inner--wrap--block.b02 {
        max-width: 23%; }
      .large-menu--wrap--inner--wrap--block.b03 {
        max-width: 23%; }
      .large-menu--wrap--inner--wrap--block.b04 {
        max-width: 23%; }
      .large-menu--wrap--inner--wrap--block.b05 {
        margin-top: 30px;
        margin-left: 30%;
        max-width: 40%;
        display: flex;
        justify-content: space-between; }
        .large-menu--wrap--inner--wrap--block.b05 .large-menu--wrap--inner--wrap--block--section:nth-of-type(1) {
          width: 56%; }
        .large-menu--wrap--inner--wrap--block.b05 .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
          margin-top: 0; }

  .under-link--lowerpage ul {
    width: 90%; }
    .under-link--lowerpage ul li a {
      font-size: 1.5vw; }

  .footer small {
    font-size: 0.6rem;
    right: 5px; } }
@media screen and (max-width: 767px) {
  .header--inner {
    max-width: 92%;
    margin: 0 auto; }
    .header--inner--logo {
      padding: 5px;
      max-width: 100px;
      margin-left: 0;
      width: 21.15%; }
    .header--inner--nav {
      min-width: inherit;
      width: auto; }
      .header--inner--nav ul, .header--inner--nav .member {
        display: none; }
      .header--inner--nav .menu-trigger {
        width: 33px;
        height: 21px; }
        .header--inner--nav .menu-trigger span {
          width: 33px; }
        .header--inner--nav .menu-trigger.active span:nth-of-type(1) {
          transform: translateY(9px) rotate(-45deg); }
        .header--inner--nav .menu-trigger.active span:nth-of-type(2) {
          opacity: 0;
          left: 10px; }
        .header--inner--nav .menu-trigger.active span:nth-of-type(3) {
          transform: translateY(-9px) rotate(45deg); }

  .large-menu {
    height: 100%; }
    .large-menu--wrap {
      padding: 0;
      overflow-y: scroll;
      height: 100%;
      background-color: transparent; }
      .large-menu--wrap:after {
        display: none; }
      .large-menu--wrap--inner {
        max-width: 100%;
        min-width: 100%;
        position: relative;
        z-index: 2;
        padding: 75px 0; }
        .large-menu--wrap--inner:before, .large-menu--wrap--inner:after {
          content: '';
          display: block;
          position: absolute;
          left: 0; }
        .large-menu--wrap--inner:before {
          width: 100%;
          height: calc(100% - 35px);
          top: 0;
          background-color: #ffd900;
          z-index: -1; }
        .large-menu--wrap--inner:after {
          bottom: 0;
          width: 100%;
          height: 74px;
          background: url("../images/common/img-menu-wave_pc.png") repeat-x; }
        .large-menu--wrap--inner .sp-language {
          display: flex;
          justify-content: space-between;
          max-width: 84%;
          margin: 0 auto; }
          .large-menu--wrap--inner .sp-language li {
            width: 31%; }
            .large-menu--wrap--inner .sp-language li a {
              display: block;
              background-color: rgba(255, 255, 255, 0.6);
              width: 100%;
              height: 100%;
              padding: 5px 0;
              text-align: center;
              font-family: bilo, sans-serif;
              font-weight: 600;
              color: #000;
              text-decoration: none;
              line-height: 1.0;
              font-size: 12px;
              font-size: 3.75vw; }
            .large-menu--wrap--inner .sp-language li.active a {
              background-color: #fff; }
        .large-menu--wrap--inner .totop {
          margin-top: 30px; }
          .large-menu--wrap--inner .totop a {
            font-size: 16px;
            font-size: 5vw; }
        .large-menu--wrap--inner--wrap {
          max-width: 84%;
          margin: 25px auto 0 auto;
          display: block; }
          .large-menu--wrap--inner--wrap--block {
            width: 100%; }
            .large-menu--wrap--inner--wrap--block--section .ttl {
              padding: 0 0 8px 8px; }
              .large-menu--wrap--inner--wrap--block--section .ttl .en {
                font-size: 16px;
                font-size: 5vw; }
              .large-menu--wrap--inner--wrap--block--section .ttl h3 {
                margin-top: 8px;
                letter-spacing: 0;
                font-size: 12px;
                font-size: 3.75vw; }
            .large-menu--wrap--inner--wrap--block--section .language dl dd, .large-menu--wrap--inner--wrap--block--section .members dl dd {
              margin-top: 6px;
              line-height: 1.0;
              font-weight: 600;
              font-size: 1.35rem; }
            .large-menu--wrap--inner--wrap--block--section .members dl {
              display: flex; }
              .large-menu--wrap--inner--wrap--block--section .members dl dt {
                margin-right: 5px; }
                .large-menu--wrap--inner--wrap--block--section .members dl dt img {
                  max-width: 43px; }
              .large-menu--wrap--inner--wrap--block--section .members dl dd {
                font-size: 12px;
                font-size: 3.75vw; }
            .large-menu--wrap--inner--wrap--block--section .members .login {
              margin-top: 10px; }
              .large-menu--wrap--inner--wrap--block--section .members .login a {
                padding: 5px 0;
                font-size: 12px;
                font-size: 3.75vw; }
            .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
              margin-top: 40px; }
            .large-menu--wrap--inner--wrap--block:not(.b05) {
              margin-right: 0; }
              .large-menu--wrap--inner--wrap--block:not(.b05) ul {
                margin-top: 18px; }
                .large-menu--wrap--inner--wrap--block:not(.b05) ul li a {
                  letter-spacing: 0;
                  font-size: 12px;
                  font-size: 3.75vw; }
                .large-menu--wrap--inner--wrap--block:not(.b05) ul li:nth-of-type(n+2) {
                  margin-top: 16px; }
                .large-menu--wrap--inner--wrap--block:not(.b05) ul li ol {
                  margin-top: 8px;
                  margin-left: 18px; }
                  .large-menu--wrap--inner--wrap--block:not(.b05) ul li ol li a:before {
                    background-color: #ffec80; }
            .large-menu--wrap--inner--wrap--block.b01 {
              max-width: 100%; }
              .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(-n+2) {
                  width: 40%; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(n+3) {
                  width: 60%; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(n+2) {
                  margin-top: 0; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(even) {
                  margin-top: 16px; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(1) {
                  order: 1; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(2) {
                  order: 3; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(3) {
                  order: 2; }
                .large-menu--wrap--inner--wrap--block.b01 .large-menu--wrap--inner--wrap--block--section ul li:nth-of-type(4) {
                  order: 4; }
            .large-menu--wrap--inner--wrap--block.b02 {
              max-width: 100%; }
            .large-menu--wrap--inner--wrap--block.b03 {
              max-width: 100%; }
            .large-menu--wrap--inner--wrap--block.b04 {
              max-width: 100%; }
            .large-menu--wrap--inner--wrap--block.b05 {
              max-width: 100%;
              margin-left: 0;
              justify-content: center; }
              .large-menu--wrap--inner--wrap--block.b05 .large-menu--wrap--inner--wrap--block--section:nth-of-type(1) {
                display: none; }
              .large-menu--wrap--inner--wrap--block.b05 .large-menu--wrap--inner--wrap--block--section:nth-of-type(n+2) {
                margin-top: 0; }
            .large-menu--wrap--inner--wrap--block:nth-of-type(n+2) {
              margin-top: 40px; }
            .large-menu--wrap--inner--wrap--block:last-child {
              margin-top: 30px; }

  .under-link {
    padding: 6.6vw 0 10.6vw;
    margin-top: 12.5vw; }
    .under-link:before {
      height: 25px;
      background: url("../images/common/footer_decoration01_sp.png") repeat-x;
      top: -25px; }
    .under-link--pagenav ul {
      width: 73.1vw;
      padding: 6.6vw 0 0; }
      .under-link--pagenav ul li a {
        font-size: 4.2vw; }
      .under-link--pagenav ul li.prev a:before, .under-link--pagenav ul li.prev a:after, .under-link--pagenav ul li.next a:before, .under-link--pagenav ul li.next a:after {
        width: 5.3vw;
        height: 4.5vw; }
      .under-link--pagenav ul li.prev a {
        padding-left: 8vw; }
        .under-link--pagenav ul li.prev a:before {
          top: 13%; }
      .under-link--pagenav ul li.next a {
        padding-right: 8vw; }
    .under-link--lowerpage ul {
      width: 83.5%;
      margin: 3.4vw auto 0; }
      .under-link--lowerpage ul li {
        width: 100%;
        margin-top: 3.2vw; }
        .under-link--lowerpage ul li a {
          font-size: 3.4vw;
          padding: 1.8vw .8em; }
          .under-link--lowerpage ul li a:after {
            width: 5.3vw;
            height: 4.5vw;
            right: 2%; }

  .footer {
    background: url("../images/common/img-footer-earth_sp.png") no-repeat center bottom/cover;
    height: 284px;
    position: relative;
    padding-top: 0; }
    .footer:before {
      display: none; }
    .footer .copy {
      font-size: 27px;
      font-size: 8.4375vw;
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .footer .logo {
      max-width: 19.4%;
      bottom: 15vw;
      left: 50%;
      transform: translateX(-50%); }
      .footer .logo a {
        padding: 5px; }
    .footer .others {
      width: 100%;
      justify-content: center;
      left: 50%;
      bottom: 30px;
      transform: translateX(-50%); }
      .footer .others li a {
        font-size: 2.1875vw; }
    .footer small {
      font-size: 7px;
      font-size: 2.1875vw;
      right: auto;
      left: 0;
      width: 100%;
      text-align: center;
      bottom: 8px; }

  .second .header--inner:before {
    width: 110%;
    height: calc(100% - 5px);
    left: -5%; }
  .second .header--inner--nav {
    margin-top: -5px; }
  .second article {
    padding-top: 12vw; }
    .second article .main-v {
      height: 370px; }
      .second article .main-v--ttl {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 57%; }
        .second article .main-v--ttl--inner {
          width: 100%; }
          .second article .main-v--ttl--inner h1 {
            margin-top: 15px;
            letter-spacing: .02em;
            font-size: 14px;
            font-size: 4.375vw; }
          .second article .main-v--ttl--inner .en {
            margin-top: 12px;
            font-size: 12px;
            font-size: 3.75vw; }
      .second article .main-v:after {
        height: 30px;
        background-size: 16% !important;
        bottom: -1vw; }

  #pagetop {
    right: 10px; } }
.isPlay:before {
  top: -10px;
  left: 10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px); }

.top .header {
  transition: all .3s ease-out; }
  .top .header--inner {
    position: relative; }
    .top .header--inner:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 51px;
      top: 0;
      left: 0;
      background-color: #000;
      z-index: -1;
      transition: all .3s ease-out;
      opacity: 0; }
    .top .header--inner--nav {
      transition: all .3s ease-out; }
  .top .header.scrolled .header--inner:before {
    opacity: 1; }
  .top .header.scrolled .header--inner--nav {
    margin-top: -17px; }
  .top .header.active .header--inner:before {
    opacity: 0;
    pointer-events: none; }
.top article {
  overflow: hidden;
  background-color: #000; }
  .top article .main--inner {
    max-width: 940px;
    margin: 0 auto;
    position: relative; }
  .top article .main h2 {
    position: absolute;
    top: 13vw;
    right: 0;
    z-index: 2;
    font-family: bilo, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 4.5rem; }
  .top article .main--back img {
    width: 100%; }
  .top article .news {
    position: relative;
    z-index: 2;
    margin-top: -30px; }
    .top article .news--inner {
      max-width: 884px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .top article .news--inner h3 {
        font-family: bilo, sans-serif;
        font-weight: 600;
        line-height: 1.0;
        color: #fff;
        font-size: 2.3rem; }
      .top article .news--inner--block {
        width: 100%;
        max-width: 780px;
        padding-left: 20px;
        position: relative; }
        .top article .news--inner--block:before {
          content: '';
          display: block;
          position: absolute;
          top: 4px;
          left: 0;
          height: calc(100% - 8px);
          border-left: 1px solid #ffd900; }
        .top article .news--inner--block dl {
          display: flex;
          border-bottom: 1px solid #ffd900;
          padding-bottom: 6px; }
          .top article .news--inner--block dl dt, .top article .news--inner--block dl dd {
            color: #fff;
            font-size: 1.2rem; }
          .top article .news--inner--block dl dt {
            max-width: 80px;
            width: 100%; }
          .top article .news--inner--block dl dd {
            width: calc(100% -80px); }
            .top article .news--inner--block dl dd a {
              color: #fff;
              text-decoration: none; }
              .top article .news--inner--block dl dd a:hover {
                text-decoration: underline; }
          .top article .news--inner--block dl:nth-of-type(n+2) {
            margin-top: 6px; }
          .top article .news--inner--block dl:last-child {
            border-bottom: none;
            padding-bottom: 0; }
  .top article .lead {
    margin-top: 100px;
    text-align: center;
    padding-bottom: 93px; }
    .top article .lead h2, .top article .lead p {
      color: #ffcd00; }
    .top article .lead h2 {
      letter-spacing: .14em;
      font-weight: 600;
      font-size: 1.8rem; }
      .top article .lead h2 span {
        letter-spacing: -0.2em; }
    .top article .lead--txt {
      margin-top: 50px; }
      .top article .lead--txt p {
        line-height: 2.4;
        font-size: 1.5rem; }
        .top article .lead--txt p:nth-of-type(n+2) {
          margin-top: 35px; }
  .top article .contents {
    padding: 105px 0;
    background-color: #ffcd00; }
    .top article .contents--flex {
      display: flex;
      align-items: center; }
      .top article .contents--flex .image {
        width: 50.8%;
        height: 470px; }
        .top article .contents--flex .image > div {
          border: 10px solid #fff;
          width: 100%;
          height: 100%; }
          .top article .contents--flex .image > div img {
            width: 100%;
            display: none; }
      .top article .contents--flex .text {
        width: 38.5%; }
        .top article .contents--flex .text--inner--ttl {
          position: relative;
          line-height: 0.8;
          color: #fff;
          font-weight: 600;
          font-family: bilo, sans-serif;
          padding-bottom: 4.5vw;
          font-size: 5vw; }
          .top article .contents--flex .text--inner--ttl:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 2.5vw;
            min-height: 34px;
            bottom: 0;
            background: url("../images/top/img-line-short_pc.png") no-repeat 0/cover; }
        .top article .contents--flex .text--inner--wrap {
          margin-top: 20px; }
          .top article .contents--flex .text--inner--wrap h3 {
            font-weight: 600;
            font-size: 2.0rem; }
          .top article .contents--flex .text--inner--wrap p {
            margin-top: 20px;
            line-height: 1.8;
            letter-spacing: -0.02em;
            font-size: 1.3rem; }
          .top article .contents--flex .text--inner--wrap ul {
            margin-top: 30px; }
            .top article .contents--flex .text--inner--wrap ul li a {
              display: flex;
              align-items: center;
              width: 100%;
              height: 100%;
              text-decoration: none;
              transition: all .3s ease-out;
              font-weight: bold;
              background-color: #000;
              color: #ffcd00;
              position: relative;
              padding: 6px 30px 6px 12px;
              font-size: 1.4rem; }
              .top article .contents--flex .text--inner--wrap ul li a:after {
                content: '';
                display: block;
                position: absolute;
                width: 17px;
                height: 15px;
                background: url("../images/common/btn_more_yellow.png") no-repeat 0/cover;
                right: 12px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                transition: all .3s ease-out; }
              .top article .contents--flex .text--inner--wrap ul li a:hover:after {
                right: 6px; }
            .top article .contents--flex .text--inner--wrap ul li.en-newline a {
              word-break: break-all; }
            .top article .contents--flex .text--inner--wrap ul.four {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              .top article .contents--flex .text--inner--wrap ul.four li {
                width: 45%; }
                .top article .contents--flex .text--inner--wrap ul.four li:nth-of-type(n+3) {
                  margin-top: 12px; }
            .top article .contents--flex .text--inner--wrap ul.long {
              max-width: 360px; }
            .top article .contents--flex .text--inner--wrap ul.short {
              max-width: 216px; }
      .top article .contents--flex.ct01 .image > div {
        border-left: none; }
      .top article .contents--flex.ct01 .text--inner--ttl {
        padding-left: 8%; }
        .top article .contents--flex.ct01 .text--inner--ttl:after {
          left: 0; }
      .top article .contents--flex.ct01 .text--inner--wrap {
        padding-left: 8%; }
      .top article .contents--flex.ct02 {
        flex-direction: row-reverse; }
        .top article .contents--flex.ct02 .image > div {
          border-right: none; }
        .top article .contents--flex.ct02 .text--inner--ttl {
          padding-right: 8%; }
          .top article .contents--flex.ct02 .text--inner--ttl:after {
            right: 0; }
        .top article .contents--flex.ct02 .text--inner--wrap {
          padding-right: 8%; }
      .top article .contents--flex.about .image > div {
        background: url("../images/top/img-pic01_pc.png") no-repeat center/cover; }
      .top article .contents--flex.sustainability {
        margin-top: 188px; }
        .top article .contents--flex.sustainability .image > div {
          background: url("../images/top/img-pic04_pc.png") no-repeat center/cover; }
      .top article .contents--flex.column {
        margin-top: 102px; }
        .top article .contents--flex.column .image > div {
          background: url("../images/top/img-pic05_pc.png") no-repeat center/cover; }
    .top article .contents--movie {
      margin-top: 182px; }
      .top article .contents--movie--inner .image {
        max-width: 936px;
        margin: 0 auto; }
        .top article .contents--movie--inner .image a {
          display: block;
          width: 100%;
          height: 100%;
          text-decoration: none;
          position: relative; }
          .top article .contents--movie--inner .image a .title {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2; }
            .top article .contents--movie--inner .image a .title dl {
              display: flex;
              align-items: center;
              justify-content: center;
              color: #fff;
              font-family: bilo, sans-serif;
              font-weight: 600; }
              .top article .contents--movie--inner .image a .title dl dt, .top article .contents--movie--inner .image a .title dl dd {
                line-height: 1.0; }
              .top article .contents--movie--inner .image a .title dl dt {
                font-size: 3.0rem;
                margin-right: 18px; }
              .top article .contents--movie--inner .image a .title dl dd {
                font-size: 6.0rem;
                position: relative;
                padding-right: 60px; }
                .top article .contents--movie--inner .image a .title dl dd:after {
                  content: '';
                  display: block;
                  position: absolute;
                  width: 43px;
                  height: 43px;
                  top: 50%;
                  transform: translateY(-50%);
                  right: 0;
                  margin-top: 8px;
                  background: url("../images/common/img-arrow-w.png") no-repeat center/cover; }
            .top article .contents--movie--inner .image a .title h3 {
              margin-top: 15px;
              font-weight: bold;
              color: #fff;
              font-size: 1.5rem; }
          .top article .contents--movie--inner .image a .movie {
            display: block;
            position: relative;
            z-index: 1; }
            .top article .contents--movie--inner .image a .movie:before {
              content: '';
              display: block;
              width: calc(100% - 20px);
              height: calc(100% - 20px);
              position: absolute;
              top: 10px;
              left: 10px;
              background-color: rgba(0, 0, 0, 0.42);
              mix-blend-mode: multiply;
              z-index: 2; }
            .top article .contents--movie--inner .image a .movie img {
              z-index: 1;
              position: relative;
              display: block;
              border: 10px solid #fff; }
    .top article .contents--noodles {
      margin-top: -90px; }
      .top article .contents--noodles--image {
        position: relative;
        pointer-events: none; }
        .top article .contents--noodles--image .title {
          text-align: center;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          z-index: 2; }
          .top article .contents--noodles--image .title .en {
            font-family: bilo, sans-serif;
            font-weight: 600;
            line-height: 1.0;
            font-size: 8.0rem; }
          .top article .contents--noodles--image .title .line {
            margin: 25px 0; }
            .top article .contents--noodles--image .title .line img {
              width: 100%; }
          .top article .contents--noodles--image .title h3 {
            font-size: 2.0rem;
            line-height: 1.0;
            font-weight: 600; }
        .top article .contents--noodles--image .noodles {
          text-align: center;
          max-width: calc(1160px * 0.9);
          margin: 0 auto;
          position: relative;
          left: 67px; }
          .top article .contents--noodles--image .noodles img {
            width: 100%; }
          .top article .contents--noodles--image .noodles .noodle01, .top article .contents--noodles--image .noodles .noodle02 {
            width: 100%; }
          .top article .contents--noodles--image .noodles .noodle01 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2; }
          .top article .contents--noodles--image .noodles .noodle02 {
            mix-blend-mode: multiply;
            opacity: .77; }
      .top article .contents--noodles--banner {
        max-width: 1024px;
        margin: -200px auto 0 auto;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 3; }
        .top article .contents--noodles--banner--box {
          max-width: 413px; }
          .top article .contents--noodles--banner--box a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none; }
            .top article .contents--noodles--banner--box a .image {
              position: relative;
              border: 6px solid #fff;
              border-bottom: none; }
              .top article .contents--noodles--banner--box a .image .slide:nth-of-type(2) {
                display: none; }
            .top article .contents--noodles--banner--box a .text {
              padding: 16px 30px 16px 18px;
              background-color: #000;
              line-height: 1.0;
              color: #ffcd00;
              font-weight: bold;
              letter-spacing: .08em;
              font-size: 1.5rem;
              position: relative; }
              .top article .contents--noodles--banner--box a .text:after {
                content: '';
                display: block;
                position: absolute;
                width: 17px;
                height: 15px;
                background: url("../images/common/btn_more_yellow.png") no-repeat 0/cover;
                right: 12px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                transition: all .3s ease-out; }
            .top article .contents--noodles--banner--box a:hover .text:after {
              right: 6px; }
  @media screen and (max-width: 1000px) {
    .top article .contents--flex .text {
      width: 46%; } }
  .top article .contact {
    background: url("../images/top/img-people_pc.png") no-repeat center top/cover;
    height: 797px;
    padding-top: 170px; }
    .top article .contact--contents {
      text-align: center; }
      .top article .contact--contents h4, .top article .contact--contents h3 {
        color: #ffcd00; }
      .top article .contact--contents h4 {
        font-family: bilo, sans-serif;
        font-weight: 600;
        font-size: 2.8rem; }
      .top article .contact--contents h3 {
        font-weight: 600;
        font-size: 1.9rem; }
      .top article .contact--contents ul {
        max-width: 216px;
        margin: 20px auto 0 auto; }
        .top article .contact--contents ul li a {
          text-align: left;
          display: block;
          width: 100%;
          height: 100%;
          text-decoration: none;
          background-color: #fff;
          font-weight: bold;
          color: #000;
          padding: 8px 26px 8px 10px;
          font-size: 1.5rem;
          position: relative; }
          .top article .contact--contents ul li a:after {
            content: '';
            display: block;
            position: absolute;
            width: 17px;
            height: 15px;
            background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            transition: all .3s ease-out; }
          .top article .contact--contents ul li a:hover {
            opacity: 1; }
            .top article .contact--contents ul li a:hover:after {
              right: 4px; }
        .top article .contact--contents ul li:nth-of-type(n+2) {
          margin-top: 12px; }
.top .footer {
  position: relative;
  z-index: 5;
  margin-top: -16vw; }

@media screen and (max-width: 768px) {
  .top article .main h2 {
    right: 2%;
    font-size: 3.8rem; }
  .top article .news--inner {
    max-width: 94%; }
    .top article .news--inner--block {
      max-width: 87%; }
  .top article .contents--flex .text--inner--ttl {
    padding-bottom: 50px;
    font-size: 5.0rem; }
  .top article .contents--flex .text--inner--wrap h3 {
    font-size: 1.8rem; }
  .top article .contents--movie--inner .image {
    max-width: 94%; }
  .top article .contents--noodles--image .title .en {
    font-size: 6.0rem; }
  .top article .contents--noodles--banner {
    max-width: 94%;
    margin: -120px auto 0 auto; }
    .top article .contents--noodles--banner--box {
      max-width: 46%; }
  .top article .contact {
    height: 410px;
    padding-top: 70px; } }
@media screen and (max-width: 767px) {
  .top .header--inner:before {
    width: 110%;
    height: calc(100% - 5px);
    left: -5%; }
  .top .header--inner--nav {
    margin-top: -5px; }
  .top .header.scrolled .header--inner--nav {
    margin-top: -5px; }
  .top article .main {
    padding-bottom: 15px;
    padding-top: 45px; }
    .top article .main--inner {
      max-width: 100%; }
    .top article .main h2 {
      top: 20px;
      width: 100%;
      right: auto;
      left: 0;
      text-align: center;
      font-size: 28px;
      font-size: 8.75vw; }
  .top article .news {
    margin-top: 0; }
    .top article .news--inner {
      max-width: 84%;
      display: block; }
      .top article .news--inner h3 {
        text-align: center;
        font-size: 18px;
        font-size: 5.625vw; }
      .top article .news--inner--block {
        max-width: 100%;
        padding-left: 0; }
        .top article .news--inner--block:before {
          display: none; }
        .top article .news--inner--block dl {
          display: block;
          padding-bottom: 8px; }
          .top article .news--inner--block dl dt, .top article .news--inner--block dl dd {
            font-size: 10px;
            font-size: 3.125vw; }
          .top article .news--inner--block dl dt {
            max-width: 100%; }
          .top article .news--inner--block dl dd {
            margin-top: 6px;
            width: 100%; }
            .top article .news--inner--block dl dd br {
              display: none; }
          .top article .news--inner--block dl:nth-of-type(n+2) {
            margin-top: 8px; }
  .top article .lead {
    margin-top: 60px;
    padding-bottom: 65px; }
    .top article .lead h2 {
      letter-spacing: .07em;
      font-size: 16px;
      font-size: 5vw; }
    .top article .lead--txt {
      margin: 30px auto 0 auto;
      max-width: 84%; }
      .top article .lead--txt p {
        text-align: left;
        line-height: 1.8;
        font-size: 11px;
        font-size: 3.4375vw; }
        .top article .lead--txt p br {
          display: none; }
        .top article .lead--txt p:nth-of-type(n+2) {
          margin-top: 30px; }
  .top article .contents {
    padding: 45px 0 65px 0; }
    .top article .contents--flex {
      display: block;
      position: relative; }
      .top article .contents--flex .image {
        position: absolute;
        width: 84%;
        left: 8%;
        top: 22vw;
        height: 60vw;
        margin: 0 auto; }
        .top article .contents--flex .image > div {
          border: 5px solid #fff; }
      .top article .contents--flex .text {
        width: 100%;
        margin: 0 auto; }
        .top article .contents--flex .text--inner--ttl {
          text-align: center;
          padding-bottom: 0;
          font-size: 35px;
          font-size: 10.9375vw; }
          .top article .contents--flex .text--inner--ttl:after {
            margin-top: 10px;
            position: static;
            height: 6vw;
            min-height: inherit;
            background: url("../images/top/img-line-short_sp.png") no-repeat 0/cover; }
        .top article .contents--flex .text--inner--wrap {
          max-width: 84%;
          margin: 70vw auto 0 auto; }
          .top article .contents--flex .text--inner--wrap h3 {
            font-size: 14px;
            font-size: 4.375vw; }
          .top article .contents--flex .text--inner--wrap p {
            margin-top: 15px;
            line-height: 1.8;
            letter-spacing: 0;
            font-size: 11px;
            font-size: 3.4375vw; }
          .top article .contents--flex .text--inner--wrap ul {
            max-width: 100%;
            margin: 25px auto 0 auto; }
            .top article .contents--flex .text--inner--wrap ul li a {
              padding: 6px 30px 6px 12px;
              font-size: 11px;
              font-size: 3.4375vw; }
              .top article .contents--flex .text--inner--wrap ul li a:after {
                content: '';
                display: block;
                position: absolute;
                width: 17px;
                height: 15px;
                background: url("../images/common/btn_more_yellow.png") no-repeat 0/cover;
                right: 12px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                transition: all .3s ease-out; }
              .top article .contents--flex .text--inner--wrap ul li a:hover:after {
                right: 6px; }
            .top article .contents--flex .text--inner--wrap ul.four {
              display: block; }
              .top article .contents--flex .text--inner--wrap ul.four li {
                width: 100%; }
                .top article .contents--flex .text--inner--wrap ul.four li:nth-of-type(n+3) {
                  margin-top: 7px; }
                .top article .contents--flex .text--inner--wrap ul.four li:nth-of-type(n+2) {
                  margin-top: 7px; }
            .top article .contents--flex .text--inner--wrap ul.long {
              max-width: 100%; }
            .top article .contents--flex .text--inner--wrap ul.short {
              max-width: 100%; }
      .top article .contents--flex.ct01 .image > div {
        border-left: 5px solid #fff; }
      .top article .contents--flex.ct01 .text--inner--ttl {
        padding-left: 0; }
      .top article .contents--flex.ct01 .text--inner--wrap {
        padding-left: 0; }
      .top article .contents--flex.ct02 .image > div {
        border-right: 5px solid #fff; }
      .top article .contents--flex.ct02 .text--inner--ttl {
        padding-right: 0; }
      .top article .contents--flex.ct02 .text--inner--wrap {
        padding-right: 0; }
      .top article .contents--flex.about .image > div {
        background: url("../images/top/img-pic01_pc.png") no-repeat center/cover; }
      .top article .contents--flex.sustainability {
        margin-top: 70px; }
        .top article .contents--flex.sustainability .image > div {
          background: url("../images/top/img-pic04_pc.png") no-repeat center/cover; }
        .top article .contents--flex.sustainability .text--inner--ttl:after {
          margin-top: 15px; }
      .top article .contents--flex.column {
        margin-top: 70px; }
        .top article .contents--flex.column .image > div {
          background: url("../images/top/img-pic05_pc.png") no-repeat center/cover; }
    .top article .contents--movie {
      margin-top: 70px; }
      .top article .contents--movie--inner .image {
        max-width: 84%; }
        .top article .contents--movie--inner .image a .title {
          width: 100%;
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .top article .contents--movie--inner .image a .title dl {
            display: block; }
            .top article .contents--movie--inner .image a .title dl dt {
              font-size: 19px;
              font-size: 5.9375vw;
              margin-right: 0; }
            .top article .contents--movie--inner .image a .title dl dd {
              margin-top: 5px;
              font-size: 33px;
              font-size: 10.3125vw;
              padding-right: 35px;
              display: inline-block; }
              .top article .contents--movie--inner .image a .title dl dd:after {
                width: 28px;
                height: 28px;
                margin-top: 5px; }
          .top article .contents--movie--inner .image a .title h3 {
            margin-top: 12px;
            font-size: 11px;
            font-size: 3.4375vw; }
        .top article .contents--movie--inner .image a .movie {
          height: 90vw;
          border: 5px solid #fff;
          background: url("../images/top/img-history-animation.gif") no-repeat center/cover; }
          .top article .contents--movie--inner .image a .movie:before {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
          .top article .contents--movie--inner .image a .movie img {
            display: none; }
    .top article .contents--noodles {
      margin-top: -60px; }
      .top article .contents--noodles--image .title {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 2; }
        .top article .contents--noodles--image .title .en {
          font-size: 35px;
          font-size: 10.9375vw; }
        .top article .contents--noodles--image .title .line {
          margin: 20px 0 15px 0; }
        .top article .contents--noodles--image .title h3 {
          font-size: 14px;
          font-size: 4.375vw; }
      .top article .contents--noodles--image .noodles {
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        left: 0; }
      .top article .contents--noodles--banner {
        max-width: 92%;
        margin: -80px auto 0 auto; }
        .top article .contents--noodles--banner--box {
          max-width: 44.68%; }
          .top article .contents--noodles--banner--box a .text {
            text-align: center;
            padding: 10px 5px 10px 5px;
            letter-spacing: .04em;
            line-height: 1.4;
            font-size: 11px;
            font-size: 3.4375vw; }
            .top article .contents--noodles--banner--box a .text span {
              display: flex;
              align-items: center;
              justify-content: center;
              min-height: 10vw; }
            .top article .contents--noodles--banner--box a .text:after {
              position: static;
              width: 17px;
              height: 15px;
              transform: none;
              margin: 15px auto 0 auto; }
  .top article .contact {
    background: url("../images/top/img-people_sp.png") no-repeat center top/cover;
    height: 106vw;
    padding-top: 170px; }
    .top article .contact--contents h4 {
      font-size: 19px;
      font-size: 5.9375vw; }
    .top article .contact--contents h3 {
      font-size: 13px;
      font-size: 4.0625vw; }
    .top article .contact--contents ul {
      max-width: 34.6%;
      margin: 15px auto 0 auto; }
      .top article .contact--contents ul li a {
        padding: 6px 26px 6px 10px;
        font-size: 11px;
        font-size: 3.4375vw;
        text-align: center; }
        .top article .contact--contents ul li a:after {
          right: 8px; }
      .top article .contact--contents ul li:nth-of-type(n+2) {
        margin-top: 12px; }
  .top .footer {
    position: relative;
    z-index: 5;
    margin-top: -16vw; } }
.demand-common {
  overflow: hidden; }
  .demand-common a {
    text-decoration: none; }
  .demand-common .header--inner {
    align-items: flex-start; }
    .demand-common .header--inner--nav {
      margin-top: 1.1vw; }
  .demand-common article {
    /*.under-link{
    	background-color: $yellow02;
    	position: relative;
    	padding: 0 0 100px;
    	margin-top: 12vw;//105px
    	&:before{
    		content: "";
    		position: absolute;
    		width: 100%;
    		height: 50px;
    		background: url("../images/common/footer_decoration01_pc.png")repeat-x;
    		top: -50px;
    		left: 0;
    	}
    	&--pagenav{
    		ul{
    			width: 330px;//25.4vw
    			margin: 0 auto;
    			padding: 70px 0 0;//5.4vw
    			display: flex;
    			justify-content: space-between;
    			align-items: center;
    			li{
    				a{
    					position: relative;
    					font-size: 2.0rem;
    					//font-size: 1.5vw;
    					font-family: $bilo;
    					font-weight: 600;
    					line-height: 1;
    					letter-spacing: .025em;
    					color: #000;
    				}
    				&.prev,
    				&.next{
    					a{
    						//pointer-events: none;
    						&:before,
    						&:after{
    							content: "";
    							position: absolute;
    							width: 19px;//1.5vw
    							height: 16px;//1.2vw
    							top: 50%;
    							transform: translateY(-50%);
    							transition: all .3s ease-in-out;
    						}
    					}
    				}
    				&.prev{
    					a{
    						padding-left: 30px;//2.3vw
    						&:before{
    							background: url("../images/common/btn_more_black.png")no-repeat center center/cover;
    							left: 5%;
    							top: 25%;
    							transform: scale(-1,1);
    						}
    						&:hover{
    							&:before{
    								left: 0;
    							}
    						}
    					}
    				}
    				&.next{
    					a{
    						padding-right: 30px;//2.3vw
    						&:after{
    							background: url("../images/common/btn_more_black.png")no-repeat center center/cover;
    							right: 5%;
    						}
    						&:hover{
    							&:after{
    								right: 0;
    							}
    						}
    					}
    				}
    			}
    		}
    	}
    	&--lowerpage{
    		ul{
    			width: 790px;
    			margin: 10px auto 0;
    			//padding: 70px 0;//5.4vw
    			display: flex;
    			justify-content: space-between;
    			flex-wrap: wrap;
    			li{
    				width: 46%;
    				margin-top: 30px;
    				a{
    					width: 100%;
    					height: 100%;
    					display: block;
    					position: relative;
    					font-size: 1.5rem;
    					font-weight: bold;
    					line-height: 1;
    					//letter-spacing: .025em;
    					color: #000;
    					background-color: #fff;
    					padding: 11px .8em;//.8vw .8em;
    					position: relative;
    					&:after{
    						content: "";
    						position: absolute;
    						width: 19px;//1.5vw
    						height: 16px;//1.2vw
    						background: url("../images/common/btn_more_black.png")no-repeat center center/cover;
    						top: 50%;
    						right: 5%;
    						transform: translateY(-50%);
    						transition: all .3s ease-in-out;
    					}
    					&:hover{
    						opacity: 1;
    						&:after{
    							right: 2%;
    						}
    					}
    				}
    			}
    		}
    	}
    }*/ }
    .demand-common article .main-v:after {
      background: url("../images/common/img-main-under-wave-w.png") repeat-x 0; }
  .demand-common .footer {
    background-color: #000; }
  .demand-common.cn article .main--inner h2 {
    font-family: noto-sans-cjk-jp, sans-serif !important; }

.demand-index {
  background-color: #fcf4d2; }
  .demand-index article .main--inner {
    text-align: center; }
    .demand-index article .main--inner dl dt {
      font-size: 6.8vw;
      font-family: bilo, sans-serif;
      font-weight: 600;
      line-height: 1;
      color: #ffcd00;
      margin-top: 4.6vw; }
    .demand-index article .main--inner dl h2 {
      font-size: 2.9vw;
      font-weight: bold;
      line-height: 1;
      letter-spacing: .2em;
      margin-top: 3.1vw; }
    .demand-index article .main--inner p {
      font-size: 1.2vw;
      line-height: 2.4;
      letter-spacing: .025em;
      margin-top: 2.3vw; }
  .demand-index article .container--block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.2vw; }
    .demand-index article .container--block:nth-of-type(odd) .container--block--texts {
      padding-left: 4.8%; }
      .demand-index article .container--block:nth-of-type(odd) .container--block--texts .image {
        margin: 2.3vw 0 0 -10.4vw; }
        .demand-index article .container--block:nth-of-type(odd) .container--block--texts .image:before {
          width: 4.3vw;
          height: 8.5vw;
          background: url("../images/noodles/demand/table/img_decoration02.png") no-repeat center center/cover;
          top: -7.9vw;
          right: 2.9vw; }
    .demand-index article .container--block:nth-of-type(even) {
      flex-direction: row-reverse; }
      .demand-index article .container--block:nth-of-type(even) .container--block--texts {
        padding-left: 10.7%; }
        .demand-index article .container--block:nth-of-type(even) .container--block--texts .image {
          margin: 2.3vw 0 0 -10.7vw;
          transform: scale(-1, 1); }
          .demand-index article .container--block:nth-of-type(even) .container--block--texts .image:before {
            width: 7.2vw;
            height: 6.5vw;
            background: url("../images/noodles/demand/table/img_decoration03.png") no-repeat center center/cover;
            top: -4.5vw;
            right: 2.9vw;
            transform: scale(-1, 1); }
    .demand-index article .container--block--image {
      width: 58.3%; }
    .demand-index article .container--block--texts {
      width: 41.7%;
      background-color: #ffcd00;
      position: relative; }
      .demand-index article .container--block--texts dl dt {
        font-size: 2.1vw;
        font-weight: bold;
        line-height: 1.2;
        margin-top: 6.2vw; }
      .demand-index article .container--block--texts dl dd {
        font-size: 1.7vw;
        font-family: bilo, sans-serif;
        font-weight: 600;
        line-height: 1.1;
        letter-spacing: .025em;
        color: #fff;
        margin-top: .8vw; }
      .demand-index article .container--block--texts p {
        width: 26.6vw;
        font-size: 1.3vw;
        line-height: 1.6;
        margin-top: 1.9vw; }
      .demand-index article .container--block--texts .image {
        width: 47.8vw;
        position: relative; }
        .demand-index article .container--block--texts .image:before {
          content: "";
          position: absolute; }
      .demand-index article .container--block--texts .btn {
        width: 16.7vw;
        margin-top: 2.3vw; }
        .demand-index article .container--block--texts .btn a {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 1.1vw;
          font-weight: bold;
          line-height: 1;
          background-color: #000;
          color: #ffcd00;
          padding: .65em 0 .65em 1em;
          position: relative; }
          .demand-index article .container--block--texts .btn a:after {
            content: "";
            position: absolute;
            width: 1.5vw;
            height: 1.2vw;
            background: url("../images/common/btn_more_yellow.png") no-repeat right center/cover;
            top: 50%;
            right: 8%;
            transform: translateY(-50%);
            transition: all .3s ease-in-out; }
          .demand-index article .container--block--texts .btn a:hover {
            opacity: 1; }
            .demand-index article .container--block--texts .btn a:hover:after {
              right: 5%; }
  .demand-index article .under-link {
    background-color: inherit;
    padding: 0 !important;
    margin-top: 0 !important; }
    .demand-index article .under-link:before {
      display: none; }
    .demand-index article .under-link--pagenav ul {
      padding: 70px 0; }

.demand-table article .main {
  background-color: #ffcd00;
  padding: 6.5vw 0;
  margin-bottom: 50px;
  position: relative; }
  .demand-table article .main:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    background: url("../images/common/footer_decoration01_pc.png") repeat-x;
    bottom: -50px;
    left: 0;
    transform: scale(1, -1); }
  .demand-table article .main--inner {
    text-align: center;
    color: #fff; }
    .demand-table article .main--inner .icon {
      width: 11.5vw;
      padding-left: 3.7vw;
      margin: 0 auto; }
    .demand-table article .main--inner dl {
      font-family: bilo, sans-serif;
      line-height: 1;
      color: #000; }
      .demand-table article .main--inner dl h2 {
        font-size: 1.9vw;
        font-weight: bold;
        line-height: 1;
        letter-spacing: .1em;
        margin-top: 1.2vw; }
      .demand-table article .main--inner dl dd {
        font-size: 1.5vw;
        font-weight: 600;
        letter-spacing: .03em;
        margin-top: 1.2vw; }
.demand-table article .container--inner {
  width: 56.9vw;
  margin: 0 auto; }
  .demand-table article .container--inner--texts {
    text-align: right;
    padding-top: 4.2vw; }
    .demand-table article .container--inner--texts p {
      font-size: .9vw;
      letter-spacing: .03em;
      margin-top: 1.2vw; }
      .demand-table article .container--inner--texts p span {
        padding: .2em .5em;
        background-color: #fcf4d2; }
      .demand-table article .container--inner--texts p:nth-of-type(n+2) {
        margin-top: .8vw; }
  .demand-table article .container--inner table {
    width: 100%;
    margin-top: 1.5vw;
    border: 1px solid #ffcd00;
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .03em; }
    .demand-table article .container--inner table thead tr th {
      width: 14%;
      font-size: 1.2vw;
      font-weight: 500;
      text-align: center;
      background-color: #ffcd00;
      border-left: 1px solid #fff;
      padding: .8em 0; }
      .demand-table article .container--inner table thead tr th:first-of-type, .demand-table article .container--inner table thead tr th:nth-of-type(2) {
        border-left: 1px solid #ffcd00; }
      .demand-table article .container--inner table thead tr th:first-of-type {
        width: 6.5%;
        background-color: #fff; }
      .demand-table article .container--inner table thead tr th:nth-of-type(2) {
        width: 23.5%; }
    .demand-table article .container--inner table tbody tr {
      border-bottom: 1px solid #ffcd00; }
      .demand-table article .container--inner table tbody tr:last-of-type td:first-child {
        border-bottom: 1px solid #ffcd00; }
      .demand-table article .container--inner table tbody tr td {
        text-align: right;
        border-left: 1px solid #ffcd00;
        padding: .8em .5em; }
        .demand-table article .container--inner table tbody tr td:first-child {
          background-color: #ffcd00;
          text-align: center;
          padding: 0;
          border-bottom: 1px solid #fff; }
        .demand-table article .container--inner table tbody tr td:nth-child(2) {
          text-align: left; }
    .demand-table article .container--inner table tfoot {
      margin-top: 2.7vw; }
      .demand-table article .container--inner table tfoot tr td {
        width: 14%;
        text-align: right;
        border-left: 1px solid #ffcd00;
        padding: .8em .5em; }
        .demand-table article .container--inner table tfoot tr td:first-of-type {
          width: 30%;
          text-align: center;
          background-color: #ffcd00; }
  .demand-table article .container--inner .notes {
    font-size: .9vw;
    line-height: 1.3;
    letter-spacing: .03em;
    margin-top: 1.5vw; }
    .demand-table article .container--inner .notes span {
      display: block; }

.ranking article .main--inner {
  position: relative; }
  .ranking article .main--inner.main-v {
    background: url("../images/noodles/demand/ranking/main_bg_pc.png") no-repeat center/cover; }
  .ranking article .main--inner--texts {
    width: 24.7vw;
    text-align: center;
    color: #fff;
    background-color: #ffcd00;
    padding: 4.6vw 0;
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    transform: translateY(-50%); }
    .ranking article .main--inner--texts .icon {
      width: 8.7vw;
      margin: 0 auto; }
    .ranking article .main--inner--texts dl {
      font-family: bilo, sans-serif;
      line-height: 1;
      color: #000; }
      .ranking article .main--inner--texts dl h2 {
        font-size: 1.9vw;
        font-weight: bold;
        line-height: 1.2;
        margin-top: 1.5vw; }
      .ranking article .main--inner--texts dl dd {
        font-size: 1.3vw;
        font-weight: 600;
        letter-spacing: .03em;
        margin-top: 1.2vw; }
  .ranking article .main--inner h3 {
    font-size: 1.9vw;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: 3.1vw; }
  .ranking article .main--inner p {
    font-size: 1.2vw;
    line-height: 2.4;
    letter-spacing: .025em;
    margin-top: 3.8vw; }
.ranking article .more-btn {
  width: 19.5vw;
  background-color: #ffcd00;
  padding: .6vw .8vw;
  margin: 3.8vw 0 0 auto; }
  .ranking article .more-btn a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative; }
    .ranking article .more-btn a:after {
      content: '';
      position: absolute;
      background: url("../images/common/btn_more_black.png") no-repeat right center/cover;
      width: 1.4vw;
      height: 1.2vw;
      top: 50%;
      right: 1%;
      transform: translateY(-50%); }
    .ranking article .more-btn a .icon {
      width: 18.2%; }
    .ranking article .more-btn a p {
      font-size: 1vw;
      line-height: 1.2;
      letter-spacing: .03em;
      color: #000;
      margin-left: .8vw; }
.ranking article .container p.notes {
  font-size: 1vw;
  flex-wrap: 400;
  line-height: 1.6;
  text-align: right;
  margin-top: 3.5vw; }
.ranking article .container--inner {
  width: 78.8vw;
  margin: 0 auto; }
  .ranking article .container--inner--category {
    width: 100%;
    margin-top: 2.9vw;
    padding-top: 5px;
    position: relative; }
    .ranking article .container--inner--category:before {
      content: '';
      position: absolute;
      background: url("../images/noodles/demand/ranking/img_decoration01.png") repeat-x center center;
      width: 100%;
      height: 5px;
      top: 0; }
    .ranking article .container--inner--category:first-of-type {
      margin-top: 0;
      padding-top: 0; }
      .ranking article .container--inner--category:first-of-type:before {
        display: none; }
      .ranking article .container--inner--category:first-of-type .container--inner--category--title {
        margin-top: 0; }
    .ranking article .container--inner--category--title {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 3.2vw; }
      .ranking article .container--inner--category--title--ranking {
        display: flex;
        align-items: center; }
        .ranking article .container--inner--category--title--ranking .number {
          font-size: 8.5vw;
          font-family: "Roboto", sans-serif;
          font-weight: 500;
          line-height: 1;
          color: #a6a6a6;
          margin-top: -.2em; }
        .ranking article .container--inner--category--title--ranking .country {
          display: flex;
          align-items: center; }
          .ranking article .container--inner--category--title--ranking .country .flag {
            width: 4.3vw;
            margin-left: 1.8vw; }
          .ranking article .container--inner--category--title--ranking .country dl {
            margin-left: 1vw; }
            .ranking article .container--inner--category--title--ranking .country dl dt {
              font-size: 1.5vw;
              font-weight: bold;
              line-height: 1;
              letter-spacing: .03em; }
            .ranking article .container--inner--category--title--ranking .country dl dd {
              font-size: 1.3vw;
              font-family: bilo, sans-serif;
              font-weight: 500;
              line-height: .9;
              margin-top: .8vw; }
      .ranking article .container--inner--category--title--data {
        display: flex;
        align-items: center; }
        .ranking article .container--inner--category--title--data .icon {
          width: 3.2vw;
          margin-left: 1.8vw; }
        .ranking article .container--inner--category--title--data p {
          font-size: 1.7vw;
          font-weight: 500;
          line-height: 1;
          margin-left: .3em; }
          .ranking article .container--inner--category--title--data p em {
            font-size: 5.8vw;
            font-family: "Roboto", sans-serif;
            padding-right: .1em; }
    .ranking article .container--inner--category--info {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center;
      flex-wrap: wrap; }
      .ranking article .container--inner--category--info .image {
        width: 30%;
        padding: 0 .5% 0 6%;
        margin-top: -10%; }
      .ranking article .container--inner--category--info--wrap {
        width: 70%; }
        .ranking article .container--inner--category--info--wrap--texts h4 {
          font-size: 1.3vw;
          font-weight: bold;
          line-height: 1;
          margin-top: .8vw; }
        .ranking article .container--inner--category--info--wrap--texts p {
          font-size: 1vw;
          line-height: 1.8;
          margin-top: .8vw; }
        .ranking article .container--inner--category--info--wrap--component {
          display: flex;
          align-items: center; }
          .ranking article .container--inner--category--info--wrap--component dl {
            display: flex;
            align-items: center;
            margin-top: 1vw; }
            .ranking article .container--inner--category--info--wrap--component dl:nth-of-type(n+2) {
              margin-left: 2.3vw; }
            .ranking article .container--inner--category--info--wrap--component dl dt {
              font-size: .8vw;
              font-weight: bold;
              line-height: 1.2;
              background-color: #ffe166;
              white-space: nowrap;
              padding: .8em;
              display: flex;
              justify-content: center;
              align-items: center; }
              .ranking article .container--inner--category--info--wrap--component dl dt.soup {
                padding: 1.2em .8em; }
            .ranking article .container--inner--category--info--wrap--component dl dd ul li {
              display: inline-block;
              width: 3.2vw;
              margin-left: .5vw; }
    .ranking article .container--inner--category.china .container--inner--category--info {
      align-items: stretch; }
      .ranking article .container--inner--category.china .container--inner--category--info .image {
        width: 33.8%; }
      .ranking article .container--inner--category.china .container--inner--category--info:nth-of-type(2) .image {
        padding: 0 7.9% 0 5.3%;
        margin-top: 3.9vw; }
      .ranking article .container--inner--category.china .container--inner--category--info:nth-of-type(3) {
        margin-top: 0; }
        .ranking article .container--inner--category.china .container--inner--category--info:nth-of-type(3) .image {
          padding: 0 .4% 0 12.7%;
          margin-top: -1%; }
      .ranking article .container--inner--category.china .container--inner--category--info--wrap {
        width: 66.2%; }
.ranking article .container--content {
  width: 78.8vw;
  margin: 0 auto; }
  .ranking article .container--content--block {
    width: 100%;
    margin-top: 8.1vw;
    padding-top: 11px;
    position: relative; }
    .ranking article .container--content--block:before {
      content: '';
      position: absolute;
      background: url("../images/noodles/demand/ranking/img_decoration02.png") repeat-x center center;
      width: 100%;
      height: 11px;
      top: 0; }
    .ranking article .container--content--block--inner--main {
      padding: 2vw 0; }
      .ranking article .container--content--block--inner--main h3 {
        font-size: 1.8vw;
        font-weight: bold;
        line-height: 1;
        letter-spacing: .03em;
        text-align: center; }
    .ranking article .container--content--block--inner .category-open {
      position: relative;
      z-index: 1;
      padding-top: 50px;
      cursor: pointer;
      /*p{
      	font-size: 18px;
      	//font-family: $barlow;
      	line-height: 1;
      	letter-spacing: .1em;
      	color: #000;
      	text-align: center;
      	padding-top: 40px;
      	margin-top: 3px;
      	position: relative;
      	&:after{
      		content: '';
      		position: absolute;
      		width: 0;
      		height: 0;
      		border-style: solid;
      		border-width: 40px 27px 0 27px;
      		border-color: $yellow02 transparent transparent transparent;
      		top: 0;
      		left: 50%;
      		transform: translateX(-50%);
      	}
      }*/ }
      .ranking article .container--content--block--inner .category-open span {
        font-size: 1vw;
        line-height: 1;
        text-align: center;
        color: #000;
        display: inherit; }
      .ranking article .container--content--block--inner .category-open:before {
        content: '';
        position: absolute;
        background: url("../images/noodles/demand/ranking/img_decoration02.png") repeat-x center center;
        width: 100%;
        height: 11px;
        top: 0; }
      .ranking article .container--content--block--inner .category-open:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 27px 0 27px;
        border-color: #ffcd00 transparent transparent transparent;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        margin-top: 5px; }
      .ranking article .container--content--block--inner .category-open.active {
        display: none; }
    .ranking article .container--content--block--inner--category {
      display: none; }
      .ranking article .container--content--block--inner--category--wrap {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 3.8vw 0; }
        .ranking article .container--content--block--inner--category--wrap .col {
          width: calc(100%/3);
          padding: 3.5vw 2.7vw;
          border-right: 1px solid #ffcd00;
          border-bottom: 1px solid #ffcd00; }
          .ranking article .container--content--block--inner--category--wrap .col:nth-of-type(3n) {
            border-right: none; }
          .ranking article .container--content--block--inner--category--wrap .col:nth-of-type(4), .ranking article .container--content--block--inner--category--wrap .col:nth-of-type(5), .ranking article .container--content--block--inner--category--wrap .col:nth-of-type(6) {
            border-bottom: none; }
          .ranking article .container--content--block--inner--category--wrap .col--title--ranking {
            display: flex;
            align-items: center; }
            .ranking article .container--content--block--inner--category--wrap .col--title--ranking .number {
              font-size: 7.2vw;
              font-family: "Roboto", sans-serif;
              font-weight: 400;
              line-height: 1;
              letter-spacing: -.1em;
              color: #a6a6a6;
              white-space: nowrap;
              margin: -.2em 0 0 -.1em; }
            .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country {
              display: flex;
              align-items: center; }
              .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country .flag {
                width: 4vw;
                margin-left: 1.5vw; }
              .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl {
                margin-left: .5vw; }
                .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl dt {
                  font-size: 1.4vw;
                  font-weight: bold;
                  line-height: 1;
                  letter-spacing: .03em; }
                .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl dd {
                  font-size: 1vw;
                  font-family: bilo, sans-serif;
                  font-weight: 500;
                  line-height: .9;
                  margin-top: .4vw; }
          .ranking article .container--content--block--inner--category--wrap .col--title--data {
            display: flex;
            align-items: center; }
            .ranking article .container--content--block--inner--category--wrap .col--title--data .icon {
              width: 2.8vw; }
            .ranking article .container--content--block--inner--category--wrap .col--title--data p {
              font-size: 1.5vw;
              font-weight: 500;
              line-height: 1;
              margin-left: .3em; }
              .ranking article .container--content--block--inner--category--wrap .col--title--data p em {
                font-size: 4.8vw;
                font-family: "Roboto", sans-serif;
                padding-right: .1em; }
          .ranking article .container--content--block--inner--category--wrap .col--info--wrap--texts p {
            font-size: 1vw;
            line-height: 1.8;
            margin-top: 1.9vw; }
          .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component {
            margin-top: 1.5vw; }
            .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl {
              display: flex;
              align-items: center; }
              .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl:nth-of-type(n+2) {
                margin-top: 1vw; }
              .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt {
                width: 4.9vw;
                font-size: .8vw;
                font-weight: bold;
                line-height: 1.2;
                background-color: #ffe166;
                white-space: nowrap;
                padding: .8em;
                display: flex;
                justify-content: center;
                align-items: center; }
                .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt.soup {
                  padding: 1.2em .8em; }
              .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dd ul li {
                display: inline-block;
                width: 3.2vw;
                margin-left: .5vw; }
      .ranking article .container--content--block--inner--category .category-close {
        /*position: absolute;
        bottom: 4px;
        left: 50%;
        transform: translateX(-50%);*/
        position: relative;
        z-index: 1;
        padding-top: 45px;
        cursor: pointer;
        /*p{
        	font-size: 18px;
        	//font-family: $barlow;
        	line-height: 1;
        	letter-spacing: .1em;
        	color: #000;
        	text-align: center;
        	padding-bottom: 40px;
        	position: relative;
        	&:after{
        		content: '';
        		position: absolute;
        		width: 0;
        		height: 0;
        		border-style: solid;
        		border-width: 0 22px 35px 22px;
        		border-color: transparent transparent #000 transparent;
        		bottom: 0;
        		left: 50%;
        		transform: translateX(-50%);
        	}
        }*/ }
        .ranking article .container--content--block--inner--category .category-close span {
          font-size: 1vw;
          line-height: 1;
          text-align: center;
          color: #000;
          display: inherit;
          padding-bottom: 50px; }
        .ranking article .container--content--block--inner--category .category-close:before {
          content: '';
          position: absolute;
          background: url("../images/noodles/demand/ranking/img_decoration02.png") repeat-x center center;
          width: 100%;
          height: 11px;
          bottom: 0; }
        .ranking article .container--content--block--inner--category .category-close:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 27px 40px 27px;
          border-color: transparent transparent #ffcd00 transparent;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          z-index: -1;
          margin-bottom: 5px; }
.ranking.en article .container--content--block--inner--category--wrap .col--title--data p {
  font-size: 3vw; }
  .ranking.en article .container--content--block--inner--category--wrap .col--title--data p em {
    font-size: 4vw; }
.ranking.en article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt {
  width: 5.9vw; }
.ranking.cn article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt {
  width: 3.9vw; }

.ranking-modal {
  position: relative;
  /* overlay at start */
  /* overlay animate in */
  /* overlay animate out */
  /* content at start */
  /* content animate it */
  /* content animate out */ }
  .ranking-modal .mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
  .ranking-modal .mfp-bg.mfp-ready {
    opacity: 0.8; }
  .ranking-modal .mfp-bg.mfp-removing {
    opacity: 0; }
  .ranking-modal .mfp-wrap .modal-content {
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .ranking-modal .mfp-wrap.mfp-ready .modal-content {
    transform: translateY(0);
    opacity: 1; }
  .ranking-modal .mfp-wrap.mfp-removing .modal-content {
    transform: translateY(30px);
    opacity: 0; }
  .ranking-modal .mfp-bg {
    background-color: rgba(0, 0, 0, 0.8) !important; }
  .ranking-modal .mfp-close {
    display: none !important; }
  .ranking-modal .modal-content {
    width: 78.3vw;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding: 4px;
    transition: all .6s ease-out;
    border-radius: 0; }
    .ranking-modal .modal-content--inner {
      position: relative;
      padding: 0;
      border: 1px solid #ffcd00; }
      .ranking-modal .modal-content--inner .ttl-icon {
        position: absolute;
        width: 6.38vw;
        top: -3.46vw;
        left: 50%;
        transform: translateX(-50%); }
      .ranking-modal .modal-content--inner--wrap {
        padding: 3.5vw 2.7vw; }
        .ranking-modal .modal-content--inner--wrap--block {
          margin-top: 2.3vw; }
          .ranking-modal .modal-content--inner--wrap--block:first-of-type {
            margin-top: 0; }
          .ranking-modal .modal-content--inner--wrap--block .title {
            font-size: 1.3vw;
            font-weight: bold;
            line-height: 1;
            letter-spacing: .03em;
            text-align: center;
            padding: .5em 0;
            background-color: #a6a6a6;
            color: #fff; }
            .ranking-modal .modal-content--inner--wrap--block .title.soup {
              background-color: #ffcd00;
              color: #000; }
          .ranking-modal .modal-content--inner--wrap--block--category {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap; }
            .ranking-modal .modal-content--inner--wrap--block--category--col {
              width: 11.5%;
              margin: 1.5vw 0 0 3.2%; }
              .ranking-modal .modal-content--inner--wrap--block--category--col:first-of-type {
                margin-left: 0; }
              .ranking-modal .modal-content--inner--wrap--block--category--col .icon {
                width: 66.4%;
                margin: 0 auto; }
              .ranking-modal .modal-content--inner--wrap--block--category--col .texts h3 {
                font-size: .9vw;
                word-break: keep-all;
                font-weight: bold;
                line-height: 1.2;
                letter-spacing: .03em;
                text-align: center;
                margin-top: .6vw; }
              .ranking-modal .modal-content--inner--wrap--block--category--col .texts p {
                font-size: .9vw;
                font-weight: 400;
                line-height: 1.3;
                margin-top: .6vw; }
      .ranking-modal .modal-content--inner .popup-modal-dismiss {
        width: 40px;
        height: 40px;
        position: fixed;
        top: -56px;
        right: 0;
        z-index: 100; }
        .ranking-modal .modal-content--inner .popup-modal-dismiss span {
          display: block;
          position: relative;
          width: 100%;
          height: 100%; }
          .ranking-modal .modal-content--inner .popup-modal-dismiss span:before, .ranking-modal .modal-content--inner .popup-modal-dismiss span:after {
            display: block;
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            background-color: #fff;
            margin-left: 20px; }
          .ranking-modal .modal-content--inner .popup-modal-dismiss span:before {
            transform: rotate(-45deg); }
          .ranking-modal .modal-content--inner .popup-modal-dismiss span:after {
            transform: rotate(45deg); }

.history article .main {
  background-color: #000;
  padding: 4.6vw 0 6.2vw;
  margin-bottom: 21px;
  position: relative; }
  .history article .main:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 21px;
    background: url("../images/common/img_decoration01-black_pc.png") repeat-x;
    bottom: -21px;
    left: 0; }
  .history article .main--inner {
    text-align: center;
    color: #fff; }
    .history article .main--inner dl {
      font-family: bilo, sans-serif;
      line-height: 1;
      color: #ffcd00; }
      .history article .main--inner dl dt {
        font-size: 2.5vw;
        font-weight: 600;
        line-height: 1; }
      .history article .main--inner dl h2 {
        font-size: 5.6vw;
        font-weight: 600;
        letter-spacing: .03em;
        margin-top: 1vw; }
    .history article .main--inner h3 {
      font-size: 1.9vw;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: .05em;
      margin-top: 3.1vw; }
    .history article .main--inner p {
      font-size: 1.2vw;
      line-height: 2.4;
      letter-spacing: .025em;
      margin-top: 3.8vw; }
.history article .language-link ul {
  width: 72.3%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .history article .language-link ul li {
    width: 29%;
    margin-top: 5.8vw; }
    .history article .language-link ul li a {
      width: 100%;
      height: 100%;
      display: block;
      position: relative;
      font-size: 1.4vw;
      font-weight: bold;
      line-height: 1;
      letter-spacing: .025em;
      color: #ffcd00;
      background-color: #000;
      padding: .8vw .8em;
      position: relative; }
      .history article .language-link ul li a:after {
        content: "";
        position: absolute;
        width: 1.8vw;
        height: 1.6vw;
        background: url("../images/common/btn_more_yellow.png") no-repeat center center/cover;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
        transition: all .3s ease-in-out; }
      .history article .language-link ul li a:hover {
        opacity: 1; }
        .history article .language-link ul li a:hover:after {
          right: 2%; }
.history article .movie--inner {
  width: 72.3%;
  margin: 6.5vw auto 0; }
  .history article .movie--inner--block {
    width: 100%; }
    .history article .movie--inner--block a {
      display: block;
      width: 100%;
      height: 100%;
      color: #000; }
      .history article .movie--inner--block a.video_play figure {
        box-sizing: border-box;
        background: #fff;
        position: relative; }
        .history article .movie--inner--block a.video_play figure:after {
          content: "";
          position: absolute;
          width: 6.2vw;
          height: 6.2vw;
          background: url("../images/noodles/history/icon_play.png") no-repeat center center/cover;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
.history.en article .main--inner h3 {
  line-height: 1.2; }
.history.en article .main--inner p {
  line-height: 1.9;
  margin-top: 3.0vw; }

.faq article .main--inner {
  position: relative; }
  .faq article .main--inner.main-v {
    background: url("../images/noodles/faq/main_bg_pc.png") no-repeat center/cover; }
  .faq article .main--inner--texts {
    width: 24.7vw;
    text-align: center;
    color: #fff;
    background-color: #ffcd00;
    padding: 4.6vw 0;
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    transform: translateY(-50%); }
    .faq article .main--inner--texts .icon {
      width: 8.7vw;
      margin: 0 auto; }
    .faq article .main--inner--texts dl {
      font-family: bilo, sans-serif;
      line-height: 1;
      color: #000; }
      .faq article .main--inner--texts dl h2 {
        font-size: 1.9vw;
        font-weight: 600;
        line-height: 1.2;
        margin-top: 1.5vw; }
      .faq article .main--inner--texts dl dd {
        font-size: 1.3vw;
        font-weight: 600;
        letter-spacing: .03em;
        margin-top: 1.2vw; }
  .faq article .main--inner h3 {
    font-size: 1.9vw;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: 3.1vw; }
  .faq article .main--inner p {
    font-size: 1.2vw;
    line-height: 2.4;
    letter-spacing: .025em;
    margin-top: 3.8vw; }
.faq article .container--content {
  width: 78.8vw;
  margin: 0 auto;
  padding-top: .8vw; }
  .faq article .container--content--block {
    width: 100%;
    margin-top: 4.6vw; }
    .faq article .container--content--block--inner--main {
      padding-bottom: 1vw; }
      .faq article .container--content--block--inner--main dl dt {
        width: 4.6vw;
        height: 4.6vw;
        background-color: #ffcd00;
        border-radius: 50%;
        margin: 0 auto; }
        .faq article .container--content--block--inner--main dl dt span {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 2.3vw;
          font-family: bilo, sans-serif;
          font-weight: 500;
          line-height: 1;
          color: #fff;
          white-space: nowrap;
          padding-bottom: .1em; }
      .faq article .container--content--block--inner--main dl dd h2 {
        font-size: 1.8vw;
        font-weight: bold;
        line-height: 1;
        letter-spacing: .03em;
        text-align: center;
        margin-top: 1.3vw; }
    .faq article .container--content--block--inner .category-open {
      position: relative;
      z-index: 1;
      padding-top: 50px;
      cursor: pointer; }
      .faq article .container--content--block--inner .category-open span {
        font-size: 1vw;
        line-height: 1;
        text-align: center;
        color: #000;
        display: inherit; }
      .faq article .container--content--block--inner .category-open:before {
        content: '';
        position: absolute;
        background: url("../images/noodles/demand/ranking/img_decoration02.png") repeat-x center center;
        width: 100%;
        height: 11px;
        top: 0; }
      .faq article .container--content--block--inner .category-open:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 27px 0 27px;
        border-color: #ffcd00 transparent transparent transparent;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        margin-top: 5px; }
      .faq article .container--content--block--inner .category-open.active {
        display: none; }
    .faq article .container--content--block--inner--category {
      display: none; }
      .faq article .container--content--block--inner--category--wrap {
        max-width: 100%;
        padding: 2.3vw 4.2vw; }
        .faq article .container--content--block--inner--category--wrap--texts p {
          font-size: 1.1vw;
          font-weight: 400;
          line-height: 1.7; }
          .faq article .container--content--block--inner--category--wrap--texts p span {
            font-weight: bold; }
          .faq article .container--content--block--inner--category--wrap--texts p a {
            color: #ffcd00;
            text-decoration: underline; }
      .faq article .container--content--block--inner--category .category-close {
        position: relative;
        z-index: 1;
        padding-top: 45px;
        cursor: pointer; }
        .faq article .container--content--block--inner--category .category-close span {
          font-size: 1vw;
          line-height: 1;
          text-align: center;
          color: #000;
          display: inherit;
          padding-bottom: 50px; }
        .faq article .container--content--block--inner--category .category-close:before {
          content: '';
          position: absolute;
          background: url("../images/noodles/demand/ranking/img_decoration02.png") repeat-x center center;
          width: 100%;
          height: 11px;
          bottom: 0; }
        .faq article .container--content--block--inner--category .category-close:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 27px 40px 27px;
          border-color: transparent transparent #ffcd00 transparent;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          z-index: -1;
          margin-bottom: 5px; }

.trivia article {
  background-color: #fff; }
  .trivia article .main {
    background-color: #ffcd00; }
    .trivia article .main--inner {
      position: relative; }
      .trivia article .main--inner--texts {
        width: 24.7vw;
        text-align: center;
        background-color: #fcf4d2;
        padding: 4.6vw 0;
        position: absolute;
        top: 12.3vw;
        left: 0; }
        .trivia article .main--inner--texts .icon {
          width: 7.6vw;
          margin: 0 auto; }
        .trivia article .main--inner--texts dl {
          font-family: bilo, sans-serif;
          line-height: 1;
          color: #000; }
          .trivia article .main--inner--texts dl h2 {
            font-size: 1.9vw;
            font-weight: bold;
            line-height: 1.2;
            margin-top: 1.5vw; }
          .trivia article .main--inner--texts dl dd {
            font-size: 1.3vw;
            font-weight: 600;
            letter-spacing: .03em;
            margin-top: 1.2vw; }
      .trivia article .main--inner--title {
        width: 39.1vw;
        position: absolute;
        top: 21.4vw;
        left: 29.5vw;
        z-index: 5; }
      .trivia article .main--inner--cupnoodles {
        position: relative;
        z-index: 1; }
        .trivia article .main--inner--cupnoodles:after {
          content: '';
          display: block;
          padding-top: 74.5vw; }
        .trivia article .main--inner--cupnoodles .cloud {
          position: absolute;
          z-index: 1; }
          .trivia article .main--inner--cupnoodles .cloud.cloud01, .trivia article .main--inner--cupnoodles .cloud.cloud03 {
            animation: cloud ease-in-out 5s infinite alternate;
            -webkit-animation: cloud ease-in-out 5s infinite alternate;
            -moz-animation: cloud ease-in-out 5s infinite alternate; }
          .trivia article .main--inner--cupnoodles .cloud.cloud02, .trivia article .main--inner--cupnoodles .cloud.cloud04 {
            transform: scale(-1, 1);
            animation: cloud02 ease-in-out 5s infinite alternate;
            -webkit-animation: cloud02 ease-in-out 5s infinite alternate;
            -moz-animation: cloud02 ease-in-out 5s infinite alternate; }
          .trivia article .main--inner--cupnoodles .cloud.cloud01 {
            width: 13.8vw;
            top: 6.5vw;
            right: 26.9vw; }
          .trivia article .main--inner--cupnoodles .cloud.cloud02 {
            width: 11.7vw;
            top: 21.7vw;
            right: -7.6vw; }
          .trivia article .main--inner--cupnoodles .cloud.cloud03 {
            width: 20.5vw;
            bottom: 22.5vw;
            left: -.2vw; }
          .trivia article .main--inner--cupnoodles .cloud.cloud04 {
            width: 11.8vw;
            bottom: 16.4vw;
            left: 36.5vw; }
        .trivia article .main--inner--cupnoodles .cup {
          position: absolute;
          width: 20.2vw;
          top: 21.8vw;
          right: 5.1vw;
          z-index: 1; }
          .trivia article .main--inner--cupnoodles .cup:before, .trivia article .main--inner--cupnoodles .cup:after {
            content: '';
            position: absolute;
            display: block; }
          .trivia article .main--inner--cupnoodles .cup:before {
            width: 17.2vw;
            height: 11.6vw;
            background: url("../images/noodles/demand/trivia/main_cup01.png") no-repeat center center/cover;
            top: -11.6vw;
            left: 50%;
            transform: translateX(-50%);
            z-index: -2; }
          .trivia article .main--inner--cupnoodles .cup:after {
            width: 24.6vw;
            height: 13.6vw;
            background: url("../images/noodles/demand/trivia/main_cup03.png") no-repeat center center/cover;
            top: -6.2vw;
            left: 4.3vw;
            z-index: -1;
            animation: fwari ease-in-out 2s infinite alternate;
            -webkit-animation: fwari ease-in-out 2s infinite alternate;
            -moz-animation: fwari ease-in-out 2s infinite alternate; }
        .trivia article .main--inner--cupnoodles .cook {
          position: absolute;
          width: 44.2vw;
          bottom: 3.5vw;
          left: -8.5vw;
          z-index: 1; }
          .trivia article .main--inner--cupnoodles .cook:before, .trivia article .main--inner--cupnoodles .cook:after {
            content: '';
            position: absolute;
            display: block; }
          .trivia article .main--inner--cupnoodles .cook:before {
            width: 21.6vw;
            height: 22vw;
            background: url("../images/noodles/demand/trivia/main_cook01.png") no-repeat center center/cover;
            bottom: 12.3vw;
            right: 3.8vw;
            z-index: 2;
            transform-origin: top;
            -webkit-transform-origin: top;
            -moz-transform-origin: top;
            animation: pendulum ease-in-out 3s infinite alternate;
            -webkit-animation: pendulum ease-in-out 3s infinite alternate;
            -moz-animation: pendulum ease-in-out 3s infinite alternate; }
          .trivia article .main--inner--cupnoodles .cook:after {
            width: 6.62vw;
            height: 2.77vw;
            background: url("../images/noodles/demand/trivia/main_cook03.png") no-repeat center center/cover;
            bottom: -3.5vw;
            right: 10.4vw;
            animation: engine .3s infinite;
            -webkit-animation: engine .3s infinite;
            -moz-animation: engine .3s infinite; }
  .trivia article .container {
    display: block;
    height: 100%;
    background-color: #fff;
    padding-bottom: 21px;
    position: relative; }
    .trivia article .container:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 21px;
      background: url("../images/common/img_decoration01-yellow_pc.png") repeat-x;
      bottom: 0;
      left: 0; }
    .trivia article .container--inner {
      width: 100%;
      background-color: #ffcd00;
      padding: 0 10% 5.1vw;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      flex-wrap: wrap; }
      .trivia article .container--inner--category {
        width: 45%;
        height: 56.5vw;
        perspective: 200vw; }
        .trivia article .container--inner--category:nth-of-type(2) {
          margin-top: 5.4vw; }
        .trivia article .container--inner--category:nth-of-type(odd) {
          margin-top: -32.8vw; }
        .trivia article .container--inner--category:nth-of-type(even) {
          margin-top: .2vw; }
        .trivia article .container--inner--category .more {
          display: none; }
          .trivia article .container--inner--category .more:checked ~ .container--inner--category--content {
            transform: rotateY(-180deg); }
        .trivia article .container--inner--category--content {
          position: relative;
          width: 100%;
          height: 100%;
          transform-style: preserve-3d;
          transition: transform 0.8s cubic-bezier(0.75, 0, 0.85, 1);
          /*&--front{
          	&:after{
          		content: '';
          		position: absolute;
          		top: 0;
          		left: 0;
          		width: 100%;
          		height: 100%;
          		display: block;
          		border-radius: 6px;
          		backface-visibility: hidden;
          	}
          	&--inner{
          		//grid-template-rows: 5fr 1fr 1fr 2fr 1fr;
          		//justify-items: center;
          	}
          }*/ }
          .trivia article .container--inner--category--content--front, .trivia article .container--inner--category--content--back {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ffcd00;
            border-radius: 5em;
            padding: 6.5vw 0 0;
            backface-visibility: hidden;
            transform-style: preserve-3d; }
            .trivia article .container--inner--category--content--front--inner, .trivia article .container--inner--category--content--back--inner {
              min-height: 45vw;
              background-color: #fff;
              padding: 3.8vw 0;
              transform: translateZ(1px) scale(0.99);
              position: relative; }
              .trivia article .container--inner--category--content--front--inner .number, .trivia article .container--inner--category--content--back--inner .number {
                position: absolute;
                width: 16.6%;
                top: -13.6%;
                left: 4.7%; }
              .trivia article .container--inner--category--content--front--inner .title, .trivia article .container--inner--category--content--back--inner .title {
                position: relative;
                text-align: center; }
                .trivia article .container--inner--category--content--front--inner .title span, .trivia article .container--inner--category--content--back--inner .title span {
                  font-weight: bold;
                  white-space: nowrap;
                  letter-spacing: -0.04em;
                  line-height: 1.2;
                  color: #ffbf00;
                  font-size: 2.846vw; }
                .trivia article .container--inner--category--content--front--inner .title small, .trivia article .container--inner--category--content--back--inner .title small {
                  position: absolute;
                  bottom: 1vw;
                  line-height: 1.0;
                  white-space: nowrap;
                  font-weight: bold;
                  font-size: 0.92vw; }
                  .trivia article .container--inner--category--content--front--inner .title small.right, .trivia article .container--inner--category--content--back--inner .title small.right {
                    position: static;
                    display: block;
                    text-align: right;
                    margin: 0.8vw 1vw 0 0; }
                .trivia article .container--inner--category--content--front--inner .title.big span, .trivia article .container--inner--category--content--back--inner .title.big span {
                  font-size: 3.5384vw; }
                .trivia article .container--inner--category--content--front--inner .title.small span, .trivia article .container--inner--category--content--back--inner .title.small span {
                  font-size: 2.461vw; }
                .trivia article .container--inner--category--content--front--inner .title.verysmall span, .trivia article .container--inner--category--content--back--inner .title.verysmall span {
                  font-size: 2vw;
                  letter-spacing: -0.06em; }
                .trivia article .container--inner--category--content--front--inner .title.left, .trivia article .container--inner--category--content--back--inner .title.left {
                  width: 90.7%;
                  margin: 0 auto;
                  text-align: left; }
              .trivia article .container--inner--category--content--front--inner .texts, .trivia article .container--inner--category--content--back--inner .texts {
                width: 87.9%;
                margin: 2.6vw auto 0;
                font-size: 1vw;
                font-weight: 500;
                line-height: 1.7;
                letter-spacing: -.03em; }
              .trivia article .container--inner--category--content--front--inner .image, .trivia article .container--inner--category--content--back--inner .image {
                width: 76.4%;
                margin: 3.1vw auto 0; }
                .trivia article .container--inner--category--content--front--inner .image.card01-2, .trivia article .container--inner--category--content--back--inner .image.card01-2 {
                  width: 25.3%; }
                .trivia article .container--inner--category--content--front--inner .image.card02-2, .trivia article .container--inner--category--content--back--inner .image.card02-2 {
                  width: 35.8%; }
                .trivia article .container--inner--category--content--front--inner .image.card03-2, .trivia article .container--inner--category--content--back--inner .image.card03-2 {
                  width: 32.7%; }
                .trivia article .container--inner--category--content--front--inner .image.card04-2, .trivia article .container--inner--category--content--back--inner .image.card04-2 {
                  width: 51.8%; }
                .trivia article .container--inner--category--content--front--inner .image.card05-2, .trivia article .container--inner--category--content--back--inner .image.card05-2 {
                  width: 49.8%; }
                .trivia article .container--inner--category--content--front--inner .image.card06-2, .trivia article .container--inner--category--content--back--inner .image.card06-2 {
                  width: 45.9%; }
                .trivia article .container--inner--category--content--front--inner .image.card07-2, .trivia article .container--inner--category--content--back--inner .image.card07-2 {
                  width: 41.4%; }
                .trivia article .container--inner--category--content--front--inner .image.card08-2, .trivia article .container--inner--category--content--back--inner .image.card08-2 {
                  width: 39.3%; }
              .trivia article .container--inner--category--content--front--inner .button, .trivia article .container--inner--category--content--back--inner .button {
                width: 6.5vw;
                height: 6.5vw;
                font-size: 1vw;
                font-family: bilo, sans-serif;
                font-weight: 500;
                line-height: 1;
                color: #ffcd00;
                background-color: #000 !important;
                padding: 1.8vw 0 0 .5em;
                position: absolute;
                bottom: 0;
                right: 0;
                cursor: pointer;
                display: block;
                background-color: transparent;
                backface-visibility: hidden;
                transition: 0.3s ease-in-out; }
                .trivia article .container--inner--category--content--front--inner .button:after, .trivia article .container--inner--category--content--back--inner .button:after {
                  content: '';
                  position: absolute;
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 0 7vw 7vw;
                  border-color: transparent transparent #ffcd00 transparent;
                  bottom: -.25vw;
                  right: -.25vw; }
                .trivia article .container--inner--category--content--front--inner .button.return, .trivia article .container--inner--category--content--back--inner .button.return {
                  text-align: right;
                  padding: 1.8vw .5em 0 0;
                  left: 0;
                  right: inherit; }
                  .trivia article .container--inner--category--content--front--inner .button.return:after, .trivia article .container--inner--category--content--back--inner .button.return:after {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 7vw 0 0 7vw;
                    border-color: transparent transparent transparent #ffcd00;
                    bottom: -.5vw;
                    right: -.5vw; }
          .trivia article .container--inner--category--content--back {
            transform: rotateY(180deg); }
            .trivia article .container--inner--category--content--back--inner .image {
              margin: 1.4vw auto 0; }
          .trivia article .container--inner--category--content.card04 .container--inner--category--content--front .title,
          .trivia article .container--inner--category--content.card04 .container--inner--category--content--back .title, .trivia article .container--inner--category--content.card07 .container--inner--category--content--front .title,
          .trivia article .container--inner--category--content.card07 .container--inner--category--content--back .title {
            margin: 2.4vw auto 0; }
          .trivia article .container--inner--category--content.card04 .container--inner--category--content--front .image,
          .trivia article .container--inner--category--content.card04 .container--inner--category--content--back .image, .trivia article .container--inner--category--content.card07 .container--inner--category--content--front .image,
          .trivia article .container--inner--category--content.card07 .container--inner--category--content--back .image {
            margin: 4.8vw auto 0; }
.trivia.en article .container--inner--category {
  height: 59.5vw; }
  .trivia.en article .container--inner--category--content--front--inner, .trivia.en article .container--inner--category--content--back--inner {
    min-height: 47vw; }
    .trivia.en article .container--inner--category--content--front--inner .number, .trivia.en article .container--inner--category--content--back--inner .number {
      top: -13%; }
  .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--front .title,
  .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--back .title {
    margin: 0 auto; }
  .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--front .image,
  .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--back .image {
    margin: 3.1vw auto 0; }
.trivia.cn article .container--inner--category--content.card04 .container--inner--category--content--front .title,
.trivia.cn article .container--inner--category--content.card04 .container--inner--category--content--back .title {
  margin: 0 auto; }
.trivia.cn article .container--inner--category--content.card04 .container--inner--category--content--front .image,
.trivia.cn article .container--inner--category--content.card04 .container--inner--category--content--back .image {
  margin: 3.1vw auto 0; }

.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999; }
  .modal-wrap.shown {
    display: flex; }
  .modal-wrap .modal-panel {
    width: 75%;
    position: relative;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    position: relative; }
    .modal-wrap .modal-panel .modal-frame {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .modal-wrap .modal-panel .modal-frame iframe {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        /*&.active{
        	display: block!important;
        }*/ }
    .modal-wrap .modal-panel .modal-close {
      font-size: 14px;
      font-family: inherit;
      color: #444;
      margin-top: 8px;
      display: inline-block !important;
      vertical-align: middle;
      background: transparent !important;
      border: none !important;
      opacity: 1; }
      .modal-wrap .modal-panel .modal-close:hover {
        opacity: 0.7;
        transition: 0.7s; }

#video {
  display: none;
  width: 75%;
  margin: 0 auto;
  position: relative;
  background: #fff;
  padding: 15px; }

.fancybox-item,
.fancybox-close {
  display: none !important; }

@keyframes engine {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  50% {
    transform: scale(1, 0.95) translate(0%, 2%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@-webkit-keyframes engine {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%); }
  50% {
    -webkit-transform: scale(1, 0.95) translate(0%, 2%); }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%); } }
@-moz-keyframes engine {
  0% {
    -moz-transform: scale(1, 1) translate(0%, 0%); }
  50% {
    -moz-transform: scale(1, 0.95) translate(0%, 2%); }
  100% {
    -moz-transform: scale(1, 1) translate(0%, 0%); } }
@keyframes cloud {
  0% {
    transform: translate(0%, 0%);
    opacity: 1; }
  100% {
    transform: translate(-30px, 0%);
    opacity: .1; } }
@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translate(0%, 0%);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-30px, 0%);
    opacity: .1; } }
@-moz-keyframes cloud {
  0% {
    -moz-transform: translate(0%, 0%);
    opacity: 1; }
  100% {
    -moz-transform: translate(-30px, 0%);
    opacity: .1; } }
@keyframes cloud02 {
  0% {
    transform: translate(0%, 0%) scale(-1, 1);
    opacity: 1; }
  100% {
    transform: translate(-30px, 0%) scale(-1, 1);
    opacity: .1; } }
@-webkit-keyframes cloud02 {
  0% {
    -webkit-transform: translate(0%, 0%) scale(-1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-30px, 0%) scale(-1, 1);
    opacity: .1; } }
@-moz-keyframes cloud02 {
  0% {
    -moz-transform: translate(0%, 0%) scale(-1, 1);
    opacity: 1; }
  100% {
    -moz-transform: translate(-30px, 0%) scale(-1, 1);
    opacity: .1; } }
@keyframes fwari {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -10%); } }
@-webkit-keyframes fwari {
  0% {
    -webkit-transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(0%, -10%); } }
@-moz-keyframes fwari {
  0% {
    -moz-transform: translate(0%, 0%); }
  100% {
    -moz-transform: translate(0%, -10%); } }
@keyframes pendulum {
  0% {
    transform: rotate(2.5deg); }
  100% {
    transform: rotate(-2.5deg); } }
@-webkit-keyframes pendulum {
  0% {
    -webkit-transform: rotate(2.5deg); }
  100% {
    -webkit-transform: rotate(-2.5deg); } }
@-moz-keyframes pendulum {
  0% {
    -moz-transform: rotate(2.5deg); }
  100% {
    -moz-transform: rotate(-2.5deg); } }
@media screen and (max-width: 768px) {
  .demand-common article {
    /*.under-link{
    	&--lowerpage{
    		ul{
    			width: 90%;
    			li{
    				a{
    					font-size: 1.5vw;
    				}
    			}
    		}
    	}
    }*/ } }
@media screen and (max-width: 767px) {
  .demand-common .header--inner--nav {
    margin-top: 12px; }
  .demand-common article {
    padding-top: 12vw;
    /*.under-link{
    	padding: 6.6vw 0 10.6vw;
    	margin-top: 12.5vw;
    	&:before{
    		height: 25px;
    		background: url("../images/common/footer_decoration01_sp.png")repeat-x;
    		top: -25px;
    	}
    	&--pagenav{
    		ul{
    			width: 73.1vw;
    			padding: 6.6vw 0 0;
    			li{
    				a{
    					font-size: 4.2vw;
    				}
    				&.prev,
    				&.next{
    					a{
    						&:before,
    						&:after{
    							width: 5.3vw;
    							height: 4.5vw;
    						}
    					}
    				}
    				&.prev{
    					a{
    						padding-left: 8vw;
    						&:before{
    							top: 13%;
    						}
    					}
    				}
    				&.next{
    					a{
    						padding-right: 8vw;
    					}
    				}
    			}
    		}
    	}
    	&--lowerpage{
    		ul{
    			width: 83.5%;
    			margin: 3.4vw auto 0;
    			li{
    				width: 100%;
    				margin-top: 3.2vw;
    				a{
    					font-size: 3.4vw;
    					padding: 1.8vw .8em;
    					&:after{
    						width: 5.3vw;
    						height: 4.5vw;
    						right: 2%;
    					}
    				}
    			}
    		}
    	}
    }*/ }

  .demand-index article .main--inner dl dt {
    font-size: 9.8vw;
    margin-top: 9.3vw; }
  .demand-index article .main--inner dl h2 {
    font-size: 5vw;
    margin-top: 5.6vw; }
  .demand-index article .main--inner p {
    font-size: 2.7vw;
    letter-spacing: -.03em;
    margin-top: 5.3vw; }
  .demand-index article .container--block {
    margin-top: 8vw; }
    .demand-index article .container--block:nth-of-type(odd) .container--block--texts {
      padding-left: 0; }
      .demand-index article .container--block:nth-of-type(odd) .container--block--texts .image {
        margin: 4vw auto 0; }
        .demand-index article .container--block:nth-of-type(odd) .container--block--texts .image:before {
          width: 7.4vw;
          height: 14.9vw;
          top: -16.5vw;
          right: 8vw; }
    .demand-index article .container--block:nth-of-type(even) {
      flex-direction: row; }
      .demand-index article .container--block:nth-of-type(even) .container--block--texts {
        padding-left: 0; }
        .demand-index article .container--block:nth-of-type(even) .container--block--texts .image {
          margin: 4vw auto 0; }
          .demand-index article .container--block:nth-of-type(even) .container--block--texts .image:before {
            width: 12.2vw;
            height: 11.2vw;
            top: -12vw;
            right: 1.6vw; }
    .demand-index article .container--block--image {
      width: 100%; }
    .demand-index article .container--block--texts {
      width: 100%;
      text-align: center;
      padding-bottom: 7.4vw; }
      .demand-index article .container--block--texts dl dt {
        font-size: 4.2vw;
        letter-spacing: 0;
        margin-top: 5.3vw; }
      .demand-index article .container--block--texts dl dd {
        font-size: 3.7vw;
        margin-top: 2.6vw; }
      .demand-index article .container--block--texts p {
        width: inherit;
        font-size: 3.4vw;
        text-align: center;
        margin-top: 4vw; }
      .demand-index article .container--block--texts .image {
        width: 100%; }
      .demand-index article .container--block--texts .btn {
        width: 40.8vw;
        margin: 5.3vw auto 0; }
        .demand-index article .container--block--texts .btn a {
          font-size: 3.7vw;
          text-align: center;
          padding: .65em 0; }
          .demand-index article .container--block--texts .btn a:after {
            width: 5.3vw;
            height: 4.5vw; }
  .demand-index article .under-link--pagenav ul {
    padding: 11.2vw 0; }

  .demand-table article .main {
    padding: 12vw 0 16vw;
    margin-bottom: 25px; }
    .demand-table article .main:after {
      height: 25px;
      background: url("../images/common/footer_decoration01_sp.png") repeat-x;
      bottom: -25px; }
    .demand-table article .main--inner .icon {
      width: 19.5vw;
      padding-left: 0; }
    .demand-table article .main--inner dl h2 {
      font-size: 5.1vw;
      margin-top: 3.7vw; }
    .demand-table article .main--inner dl dd {
      font-size: 3.7vw;
      margin-top: 3.4vw; }
  .demand-table article .container--inner {
    width: 91.5vw;
    padding-bottom: 6vw; }
    .demand-table article .container--inner--texts {
      padding-top: 6.7vw; }
      .demand-table article .container--inner--texts p {
        font-size: 2.9vw;
        margin-top: 1.2vw; }
        .demand-table article .container--inner--texts p:nth-of-type(n+2) {
          margin-top: 1.1vw; }
    .demand-table article .container--inner table {
      margin-top: 4vw;
      font-size: 3.2vw; }
      .demand-table article .container--inner table thead tr th {
        width: 12.8%;
        font-size: 3.4vw;
        padding: .4em 0; }
        .demand-table article .container--inner table thead tr th:first-of-type {
          width: 5.4%; }
        .demand-table article .container--inner table thead tr th:nth-of-type(2) {
          width: 30.6%; }
      .demand-table article .container--inner table tbody tr td {
        padding: .2em; }
      .demand-table article .container--inner table tfoot {
        margin-top: 5.1vw; }
        .demand-table article .container--inner table tfoot tr td {
          width: 12.8%;
          padding: .4em .2em .4em 0; }
          .demand-table article .container--inner table tfoot tr td:first-of-type {
            width: 36%; }
    .demand-table article .container--inner .notes {
      font-size: 2.9vw;
      margin-top: 5.1vw; }

  .ranking article .main--inner.main-v {
    background: url("../images/noodles/demand/ranking/main_bg_sp.png") no-repeat center/cover; }
  .ranking article .main--inner--texts {
    width: 57.3vw;
    padding: 8vw 0 9.3vw;
    top: 47.5%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .ranking article .main--inner--texts .icon {
      width: 26.4vw; }
    .ranking article .main--inner--texts dl h2 {
      font-size: 4.5vw;
      margin-top: 3.2vw; }
    .ranking article .main--inner--texts dl dd {
      font-size: 3.7vw;
      margin-top: 2.9vw; }
  .ranking article .main--inner h3 {
    font-size: 1.9vw;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: 3.1vw; }
  .ranking article .main--inner p {
    font-size: 1.2vw;
    line-height: 2.4;
    letter-spacing: .025em;
    margin-top: 3.8vw; }
  .ranking article .more-btn {
    width: 83.5vw;
    padding: 2.1vw 5.3vw;
    margin: 9.3vw auto 0; }
    .ranking article .more-btn a:after {
      width: 6.1vw;
      height: 5.3vw;
      right: 0; }
    .ranking article .more-btn a .icon {
      width: 16%; }
    .ranking article .more-btn a p {
      font-size: 3.5vw;
      margin-left: 5.3vw; }
  .ranking article .container p.notes {
    font-size: 3.4vw;
    margin-top: 10.6vw;
    padding: 0 7.7vw 5.3vw; }
  .ranking article .container--inner {
    width: 83.5vw; }
    .ranking article .container--inner--category {
      margin-top: 10.6vw; }
      .ranking article .container--inner--category:first-of-type {
        margin-top: 0; }
        .ranking article .container--inner--category:first-of-type .container--inner--category--title {
          margin-top: 9.3vw; }
      .ranking article .container--inner--category--title {
        margin-top: 10.6vw; }
        .ranking article .container--inner--category--title--ranking {
          width: 100%; }
          .ranking article .container--inner--category--title--ranking .number {
            font-size: 20vw;
            letter-spacing: -.05em; }
          .ranking article .container--inner--category--title--ranking .country .flag {
            width: 9.3vw;
            margin-left: 2.1vw; }
          .ranking article .container--inner--category--title--ranking .country dl {
            margin-left: 1vw; }
            .ranking article .container--inner--category--title--ranking .country dl dt {
              font-size: 3.4vw; }
            .ranking article .container--inner--category--title--ranking .country dl dd {
              font-size: 3.4vw;
              margin-top: 1vw; }
        .ranking article .container--inner--category--title--data {
          width: 100%; }
          .ranking article .container--inner--category--title--data .icon {
            width: 7.2vw;
            margin-left: 0; }
          .ranking article .container--inner--category--title--data p {
            font-size: 3.4vw;
            margin: 0 0 -.5em .3em; }
            .ranking article .container--inner--category--title--data p em {
              font-size: 9.8vw;
              padding-right: .1em; }
      .ranking article .container--inner--category--info {
        flex-direction: row; }
        .ranking article .container--inner--category--info:nth-of-type(n+2) .image {
          margin-top: 4.8vw !important; }
        .ranking article .container--inner--category--info .image {
          width: 100% !important;
          padding: 0 14% 0 22% !important;
          margin: 2.4vw auto 0 !important; }
        .ranking article .container--inner--category--info--wrap {
          width: 100% !important; }
          .ranking article .container--inner--category--info--wrap--texts {
            margin-top: 4vw; }
            .ranking article .container--inner--category--info--wrap--texts h4 {
              font-size: 3.7vw;
              margin-top: -2vw; }
            .ranking article .container--inner--category--info--wrap--texts p {
              font-size: 3.4vw;
              margin-top: 1vw; }
          .ranking article .container--inner--category--info--wrap--component dl {
            margin-top: 4.8vw; }
            .ranking article .container--inner--category--info--wrap--component dl:nth-of-type(n+2) {
              margin-left: 8vw; }
            .ranking article .container--inner--category--info--wrap--component dl dt {
              font-size: 2.9vw;
              padding: .5em; }
              .ranking article .container--inner--category--info--wrap--component dl dt.soup {
                padding: 1em .5em; }
            .ranking article .container--inner--category--info--wrap--component dl dd ul li {
              width: 10.4vw; }
  .ranking article .container--content {
    width: 100vw; }
    .ranking article .container--content--block {
      margin-top: 10.6vw; }
      .ranking article .container--content--block--inner--main {
        padding: 3vw 0; }
        .ranking article .container--content--block--inner--main h3 {
          font-size: 3.2vw; }
      .ranking article .container--content--block--inner .category-open {
        padding-top: 28px; }
        .ranking article .container--content--block--inner .category-open span {
          font-size: 2.6vw; }
        .ranking article .container--content--block--inner .category-open:after {
          border-width: 20px 14px 0 14px;
          margin-top: 7px; }
      .ranking article .container--content--block--inner--category--wrap {
        padding: 3.4vw 7.7vw; }
        .ranking article .container--content--block--inner--category--wrap .col {
          width: 100%;
          padding: 5.3vw 0;
          border-right: none;
          border-bottom: 1px solid #ffcd00 !important; }
          .ranking article .container--content--block--inner--category--wrap .col:last-of-type {
            border-bottom: none !important; }
          .ranking article .container--content--block--inner--category--wrap .col--title--ranking .number {
            font-size: 13.3vw;
            margin: 0 0 0 -.1em; }
          .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country .flag {
            width: 9vw;
            margin-left: 3vw; }
          .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl {
            margin-left: 1vw; }
            .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl dt {
              font-size: 3.2vw; }
            .ranking article .container--content--block--inner--category--wrap .col--title--ranking .country dl dd {
              font-size: 3.2vw;
              margin-top: 1vw; }
          .ranking article .container--content--block--inner--category--wrap .col--title--data .icon {
            width: 6.4vw; }
          .ranking article .container--content--block--inner--category--wrap .col--title--data p {
            font-size: 3.2vw; }
            .ranking article .container--content--block--inner--category--wrap .col--title--data p em {
              font-size: 9.8vw; }
          .ranking article .container--content--block--inner--category--wrap .col--info--wrap--texts p {
            font-size: 3.4vw;
            margin-top: 2.6vw; }
          .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component {
            display: flex;
            align-items: center;
            margin-top: 2.6vw; }
            .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl:nth-of-type(n+2) {
              margin: 0 0 0 4vw; }
            .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt {
              width: inherit !important;
              font-size: 2.9vw;
              padding: .5em; }
              .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dt.soup {
                padding: 1em .5em; }
            .ranking article .container--content--block--inner--category--wrap .col--info--wrap--component dl dd ul li {
              width: 10.4vw;
              margin-left: 1.2vw; }
      .ranking article .container--content--block--inner--category .category-close {
        padding-top: 28px; }
        .ranking article .container--content--block--inner--category .category-close span {
          font-size: 2.6vw;
          padding-bottom: 33px; }
        .ranking article .container--content--block--inner--category .category-close:after {
          border-width: 0 14px 20px 14px;
          margin-bottom: 7px; }

  .ranking-modal {
    overflow: scroll; }
    .ranking-modal .modal-content {
      width: 91.5vw;
      padding: 1.5vw;
      margin: 10vh auto; }
      .ranking-modal .modal-content--inner {
        margin: 1px 0; }
        .ranking-modal .modal-content--inner .ttl-icon {
          width: 21.7vw;
          top: -12.43vw; }
        .ranking-modal .modal-content--inner--wrap {
          padding: 5.3vw 2.7vw; }
          .ranking-modal .modal-content--inner--wrap--block {
            margin-top: 8vw; }
            .ranking-modal .modal-content--inner--wrap--block:first-of-type {
              margin-top: 0; }
            .ranking-modal .modal-content--inner--wrap--block .title {
              font-size: 3.4vw; }
            .ranking-modal .modal-content--inner--wrap--block--category--col {
              width: 100%;
              margin: 5.3vw 0 0 0;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .ranking-modal .modal-content--inner--wrap--block--category--col .icon {
                width: 19%;
                margin: 0; }
              .ranking-modal .modal-content--inner--wrap--block--category--col .texts {
                width: 78%; }
                .ranking-modal .modal-content--inner--wrap--block--category--col .texts h3 {
                  font-size: 3.4vw;
                  text-align: left;
                  margin-top: 0; }
                .ranking-modal .modal-content--inner--wrap--block--category--col .texts p {
                  font-size: 3.4vw;
                  letter-spacing: -.03em; }

  .history article .main {
    padding: 18.6vw 0 16.7vw;
    margin-bottom: 11px; }
    .history article .main:after {
      height: 11px;
      background: url("../images/common/img_decoration01-black_sp.png") repeat-x;
      bottom: -11px; }
    .history article .main--inner dl dt {
      font-size: 4.8vw; }
    .history article .main--inner dl h2 {
      font-size: 9.8vw;
      margin-top: 2.1vw; }
    .history article .main--inner h3 {
      font-size: 4.2vw;
      margin-top: 6.1vw; }
    .history article .main--inner p {
      font-size: 3.4vw;
      line-height: 1.6;
      margin-top: 8vw; }
  .history article .language-link ul {
    width: 83.5%;
    margin-top: 6.6vw; }
    .history article .language-link ul li {
      width: 100%;
      margin-top: 3.2vw; }
      .history article .language-link ul li a {
        font-size: 3.4vw;
        padding: 1.8vw .8em; }
        .history article .language-link ul li a:after {
          width: 5.3vw;
          height: 4.5vw;
          right: 2%; }
  .history article .movie--inner {
    width: 100%;
    margin: 9.8vw auto 0; }
    .history article .movie--inner--block a.video_play figure:after {
      width: 12.8vw;
      height: 12.8vw; }

  .faq article .main--inner.main-v {
    background: url("../images/noodles/faq/main_bg_sp.png") no-repeat center/cover; }
  .faq article .main--inner--texts {
    width: 57.3vw;
    padding: 8vw 0 9.3vw;
    top: 47.5%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .faq article .main--inner--texts .icon {
      width: 26.4vw; }
    .faq article .main--inner--texts dl h2 {
      font-size: 4.5vw;
      margin-top: 3.2vw; }
    .faq article .main--inner--texts dl dd {
      font-size: 3.7vw;
      margin-top: 2.9vw; }
  .faq article .main--inner h3 {
    font-size: 1.9vw;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: 3.1vw; }
  .faq article .main--inner p {
    font-size: 1.2vw;
    line-height: 2.4;
    letter-spacing: .025em;
    margin-top: 3.8vw; }
  .faq article .container--content {
    width: 92vw;
    padding-top: 0; }
    .faq article .container--content--block {
      margin-top: 12vw; }
      .faq article .container--content--block--inner--main {
        padding-bottom: 3.4vw; }
        .faq article .container--content--block--inner--main dl dt {
          width: 9.6vw;
          height: 9.6vw; }
          .faq article .container--content--block--inner--main dl dt span {
            font-size: 4.5vw; }
        .faq article .container--content--block--inner--main dl dd h2 {
          font-size: 4vw;
          margin-top: 2.6vw; }
      .faq article .container--content--block--inner .category-open {
        padding-top: 28px; }
        .faq article .container--content--block--inner .category-open span {
          font-size: 2.6vw; }
        .faq article .container--content--block--inner .category-open:after {
          border-width: 20px 14px 0 14px;
          margin-top: 7px; }
      .faq article .container--content--block--inner--category--wrap {
        padding: 5.8vw 4vw; }
        .faq article .container--content--block--inner--category--wrap--texts p {
          font-size: 3.4vw; }
      .faq article .container--content--block--inner--category .category-close {
        padding-top: 28px; }
        .faq article .container--content--block--inner--category .category-close span {
          font-size: 2.6vw;
          padding-bottom: 33px; }
        .faq article .container--content--block--inner--category .category-close:after {
          border-width: 0 14px 20px 14px;
          margin-bottom: 7px; }

  .trivia article .main--inner--texts {
    width: 57.3vw;
    padding: 10.9vw 0 12vw;
    top: 34.7vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    .trivia article .main--inner--texts .icon {
      width: 16.5vw; }
    .trivia article .main--inner--texts dl h2 {
      font-size: 4.5vw;
      margin-top: 3.2vw; }
    .trivia article .main--inner--texts dl dd {
      font-size: 3.7vw;
      margin-top: 2.9vw; }
  .trivia article .main--inner--title {
    width: 83.7vw;
    top: inherit;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .trivia article .main--inner--cupnoodles:after {
    padding-top: 169.3vw; }
  .trivia article .main--inner--cupnoodles .cloud.cloud01 {
    width: 21.1vw;
    top: -2.4vw;
    right: 40.8vw; }
  .trivia article .main--inner--cupnoodles .cloud.cloud02 {
    width: 11.7vw;
    top: 20.8vw;
    right: -11.5vw; }
  .trivia article .main--inner--cupnoodles .cup {
    width: 30.7vw;
    top: 20.8vw;
    right: 8vw; }
    .trivia article .main--inner--cupnoodles .cup:before {
      width: 26.1vw;
      height: 17.6vw;
      top: -17.6vw; }
    .trivia article .main--inner--cupnoodles .cup:after {
      width: 37.6vw;
      height: 20.8vw;
      top: -6.2vw;
      left: 5.9vw; }
  .trivia article .main--inner--cupnoodles-sp {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
    .trivia article .main--inner--cupnoodles-sp:after {
      content: '';
      display: block;
      padding-top: 169.3vw; }
    .trivia article .main--inner--cupnoodles-sp .cloud {
      position: absolute;
      z-index: 1; }
      .trivia article .main--inner--cupnoodles-sp .cloud.cloud03 {
        width: 29.6vw;
        bottom: 67.7vw;
        left: -.8vw;
        animation: cloud ease-in-out 5s infinite alternate;
        -webkit-animation: cloud ease-in-out 5s infinite alternate;
        -moz-animation: cloud ease-in-out 5s infinite alternate; }
      .trivia article .main--inner--cupnoodles-sp .cloud.cloud04 {
        width: 17.1vw;
        bottom: 57.1vw;
        left: 52.8vw;
        transform: scale(-1, 1);
        animation: cloud02 ease-in-out 5s infinite alternate;
        -webkit-animation: cloud02 ease-in-out 5s infinite alternate;
        -moz-animation: cloud02 ease-in-out 5s infinite alternate; }
    .trivia article .main--inner--cupnoodles-sp .cook {
      position: absolute;
      width: 64vw;
      bottom: 38.4vw;
      left: -12.5vw; }
      .trivia article .main--inner--cupnoodles-sp .cook:before, .trivia article .main--inner--cupnoodles-sp .cook:after {
        content: '';
        position: absolute;
        display: block; }
      .trivia article .main--inner--cupnoodles-sp .cook:before {
        width: 31.5vw;
        height: 32vw;
        background: url("../images/noodles/demand/trivia/main_cook01.png") no-repeat center center/cover;
        bottom: 17.8vw;
        right: 5.1vw;
        z-index: 2;
        transform-origin: top;
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        animation: pendulum ease-in-out 3s infinite alternate;
        -webkit-animation: pendulum ease-in-out 3s infinite alternate;
        -moz-animation: pendulum ease-in-out 3s infinite alternate; }
      .trivia article .main--inner--cupnoodles-sp .cook:after {
        width: 9.6vw;
        height: 4vw;
        background: url("../images/noodles/demand/trivia/main_cook03.png") no-repeat center center/cover;
        bottom: -5.1vw;
        right: 14.4vw;
        animation: engine .3s infinite;
        -webkit-animation: engine .3s infinite;
        -moz-animation: engine .3s infinite; }
  .trivia article .container {
    padding-bottom: 11px; }
    .trivia article .container:after {
      height: 11px;
      background: url("../images/common/img_decoration01-yellow_sp.png") repeat-x; }
    .trivia article .container--inner {
      padding-bottom: 22.1vw; }
      .trivia article .container--inner--category {
        width: 100%;
        height: 145vw;
        margin-top: 9.3vw !important;
        perspective: 400vw; }
        .trivia article .container--inner--category--content--front, .trivia article .container--inner--category--content--back {
          height: auto;
          border-radius: 2.5em;
          padding: 17vw 0; }
          .trivia article .container--inner--category--content--front--inner, .trivia article .container--inner--category--content--back--inner {
            min-height: 128vw;
            padding: 8.8vw 0;
            transform: translateZ(1px) scale(1); }
            .trivia article .container--inner--category--content--front--inner .number, .trivia article .container--inner--category--content--back--inner .number {
              width: 15.7vw;
              top: -16.8vw;
              left: 4.5vw; }
            .trivia article .container--inner--category--content--front--inner .title span, .trivia article .container--inner--category--content--back--inner .title span {
              font-size: 6.38vw; }
            .trivia article .container--inner--category--content--front--inner .title small, .trivia article .container--inner--category--content--back--inner .title small {
              bottom: 1.8vw;
              font-size: 2.8vw; }
            .trivia article .container--inner--category--content--front--inner .title.big span, .trivia article .container--inner--category--content--back--inner .title.big span {
              font-size: 7.047vw; }
            .trivia article .container--inner--category--content--front--inner .title.small span, .trivia article .container--inner--category--content--back--inner .title.small span {
              font-size: 5.31vw; }
            .trivia article .container--inner--category--content--front--inner .title.verysmall span, .trivia article .container--inner--category--content--back--inner .title.verysmall span {
              font-size: 4.787vw; }
            .trivia article .container--inner--category--content--front--inner .texts, .trivia article .container--inner--category--content--back--inner .texts {
              margin: 5.6vw auto 0;
              font-size: 3.2vw;
              line-height: 1.4; }
            .trivia article .container--inner--category--content--front--inner .image, .trivia article .container--inner--category--content--back--inner .image {
              margin: 8.8vw auto 0; }
              .trivia article .container--inner--category--content--front--inner .image.card01-1, .trivia article .container--inner--category--content--back--inner .image.card01-1 {
                width: 105vw;
                margin-left: -5vw; }
              .trivia article .container--inner--category--content--front--inner .image.card01-2, .trivia article .container--inner--category--content--back--inner .image.card01-2 {
                width: 28.5vw; }
              .trivia article .container--inner--category--content--front--inner .image.card02-1, .trivia article .container--inner--category--content--back--inner .image.card02-1 {
                width: 90vw; }
              .trivia article .container--inner--category--content--front--inner .image.card02-2, .trivia article .container--inner--category--content--back--inner .image.card02-2 {
                width: 44.5vw; }
              .trivia article .container--inner--category--content--front--inner .image.card03-1, .trivia article .container--inner--category--content--back--inner .image.card03-1 {
                width: 108vw;
                margin-left: -10vw; }
              .trivia article .container--inner--category--content--front--inner .image.card03-2, .trivia article .container--inner--category--content--back--inner .image.card03-2 {
                width: 37.6vw; }
              .trivia article .container--inner--category--content--front--inner .image.card04-1, .trivia article .container--inner--category--content--back--inner .image.card04-1 {
                width: 80vw; }
              .trivia article .container--inner--category--content--front--inner .image.card04-2, .trivia article .container--inner--category--content--back--inner .image.card04-2 {
                width: 57.3vw;
                margin: 5.6vw auto 0 !important; }
              .trivia article .container--inner--category--content--front--inner .image.card05-1, .trivia article .container--inner--category--content--back--inner .image.card05-1 {
                width: 80vw;
                margin: 13.2vw auto 0; }
              .trivia article .container--inner--category--content--front--inner .image.card05-2, .trivia article .container--inner--category--content--back--inner .image.card05-2 {
                width: 62.7vw; }
              .trivia article .container--inner--category--content--front--inner .image.card06-1, .trivia article .container--inner--category--content--back--inner .image.card06-1 {
                width: 100vw;
                margin: 13.2vw auto 0 -5vw; }
              .trivia article .container--inner--category--content--front--inner .image.card06-2, .trivia article .container--inner--category--content--back--inner .image.card06-2 {
                width: 62.7vw; }
              .trivia article .container--inner--category--content--front--inner .image.card07-1, .trivia article .container--inner--category--content--back--inner .image.card07-1 {
                width: 100vw;
                margin: 13.2vw auto 0 -5vw !important; }
              .trivia article .container--inner--category--content--front--inner .image.card07-2, .trivia article .container--inner--category--content--back--inner .image.card07-2 {
                width: 47.7vw;
                margin: 5.6vw auto 0 !important; }
              .trivia article .container--inner--category--content--front--inner .image.card08-1, .trivia article .container--inner--category--content--back--inner .image.card08-1 {
                margin: 13.2vw auto 0; }
              .trivia article .container--inner--category--content--front--inner .image.card08-2, .trivia article .container--inner--category--content--back--inner .image.card08-2 {
                width: 47.2vw; }
            .trivia article .container--inner--category--content--front--inner .button, .trivia article .container--inner--category--content--back--inner .button {
              width: 18vw;
              height: 18vw;
              font-size: 3.2vw;
              padding: 3.7vw 0 0 .5em; }
              .trivia article .container--inner--category--content--front--inner .button:after, .trivia article .container--inner--category--content--back--inner .button:after {
                border-width: 0 0 18.5vw 18.5vw; }
              .trivia article .container--inner--category--content--front--inner .button.return, .trivia article .container--inner--category--content--back--inner .button.return {
                padding: 3.7vw .5em 0 0; }
                .trivia article .container--inner--category--content--front--inner .button.return:after, .trivia article .container--inner--category--content--back--inner .button.return:after {
                  border-width: 18.5vw 0 0 18.5vw; }
        .trivia article .container--inner--category--content--back--inner .image {
          margin: 6.4vw auto 0; }
        .trivia article .container--inner--category--content.card04 .container--inner--category--content--front .image,
        .trivia article .container--inner--category--content.card04 .container--inner--category--content--back .image, .trivia article .container--inner--category--content.card07 .container--inner--category--content--front .image,
        .trivia article .container--inner--category--content.card07 .container--inner--category--content--back .image {
          margin: 13.2vw auto 0; }
  .trivia article .under-link {
    margin-top: 22.5vw; }
  .trivia.en article .container--inner {
    padding-bottom: 22.1vw; }
    .trivia.en article .container--inner--category {
      height: 177.6vw; }
      .trivia.en article .container--inner--category--content--front--inner, .trivia.en article .container--inner--category--content--back--inner {
        min-height: 151.6vw;
        padding: 8.8vw 0 4.4vw; }
        .trivia.en article .container--inner--category--content--front--inner .number, .trivia.en article .container--inner--category--content--back--inner .number {
          top: -16.8vw; }
        .trivia.en article .container--inner--category--content--front--inner .image.card01-1, .trivia.en article .container--inner--category--content--front--inner .image.card02-1, .trivia.en article .container--inner--category--content--front--inner .image.card03-1, .trivia.en article .container--inner--category--content--front--inner .image.card06-1, .trivia.en article .container--inner--category--content--back--inner .image.card01-1, .trivia.en article .container--inner--category--content--back--inner .image.card02-1, .trivia.en article .container--inner--category--content--back--inner .image.card03-1, .trivia.en article .container--inner--category--content--back--inner .image.card06-1 {
          margin-top: 17.6vw; }
        .trivia.en article .container--inner--category--content--front--inner .image.card04-1, .trivia.en article .container--inner--category--content--front--inner .image.card05-1, .trivia.en article .container--inner--category--content--front--inner .image.card08-1, .trivia.en article .container--inner--category--content--back--inner .image.card04-1, .trivia.en article .container--inner--category--content--back--inner .image.card05-1, .trivia.en article .container--inner--category--content--back--inner .image.card08-1 {
          margin: 26.4vw auto 0 !important; }
        .trivia.en article .container--inner--category--content--front--inner .image.card07-1, .trivia.en article .container--inner--category--content--back--inner .image.card07-1 {
          margin: 26.4vw 0 0 -4.5vw !important; }
      .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--front .image,
      .trivia.en article .container--inner--category--content.card04 .container--inner--category--content--back .image, .trivia.en article .container--inner--category--content.card07 .container--inner--category--content--front .image,
      .trivia.en article .container--inner--category--content.card07 .container--inner--category--content--back .image {
        margin: 13.2vw auto 0; }
  .trivia.cn article .container--inner--category--content--front--inner .image.card03-1, .trivia.cn article .container--inner--category--content--back--inner .image.card03-1 {
    margin: 4.4vw 0 0 -10vw; }

  .modal-wrap .modal-panel {
    width: 87.5%;
    padding: 1.5vw; }
    .modal-wrap .modal-panel .modal-close {
      font-size: 3.7vw; }

  #video {
    width: 100%;
    padding: 1.5vw; }
    #video .modal-close {
      font-size: 3.7vw; } }
.sustainability-common article .main-v--ttl {
  background-color: #000;
  padding: 60px 0; }
  .sustainability-common article .main-v--ttl--inner .icon {
    max-width: calc(80px * .84);
    margin: 0 auto; }
    .sustainability-common article .main-v--ttl--inner .icon img {
      width: 100%; }
  .sustainability-common article .main-v--ttl--inner h1, .sustainability-common article .main-v--ttl--inner .en {
    color: #fff; }
.sustainability-common article .main-v:after {
  background: url("../images/common/img-main-under-wave-w.png") repeat-x 0; }
.sustainability-common .footer {
  background-color: #000; }

.seven article .main-v {
  background: url("../images/sustainability/seven_principle/img-main_pc.png") no-repeat center/cover; }
.seven article .contents {
  padding: 85px 0 90px 0; }
  .seven article .contents--inner {
    max-width: 938px;
    margin: 0 auto; }
    .seven article .contents--inner--box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .seven article .contents--inner--box .image {
        width: 100%;
        max-width: 452px; }
      .seven article .contents--inner--box .text {
        width: 100%;
        max-width: 435px; }
        .seven article .contents--inner--box .text h3 {
          position: relative;
          line-height: 1.2;
          font-weight: bold;
          font-size: 2.2rem; }
          .seven article .contents--inner--box .text h3:after {
            margin-top: 12px;
            content: '';
            display: block;
            width: 100%;
            height: 14px;
            background: url("../images/sustainability/seven_principle/img-line_pc.png") no-repeat center/cover; }
        .seven article .contents--inner--box .text p {
          margin-top: 24px;
          font-size: 1.4rem;
          word-break: normal; }
        .seven article .contents--inner--box .text .link-btn {
          margin-top: 30px;
          max-width: 197px; }
          .seven article .contents--inner--box .text .link-btn a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            transition: all .3s ease-out;
            font-weight: bold;
            background-color: #000;
            color: #ffcd00;
            position: relative;
            padding: 6px 30px 6px 12px;
            font-size: 1.4rem; }
            .seven article .contents--inner--box .text .link-btn a:after {
              content: '';
              display: block;
              position: absolute;
              width: 17px;
              height: 15px;
              background: url("../images/common/btn_more_yellow.png") no-repeat 0/cover;
              right: 12px;
              top: 50%;
              transform: translateY(-50%);
              z-index: 2;
              transition: all .3s ease-out; }
            .seven article .contents--inner--box .text .link-btn a:hover:after {
              right: 6px; }
      .seven article .contents--inner--box:nth-of-type(n+2) {
        margin-top: 85px; }
.seven article .principle {
  position: relative;
  margin: 95px 0 0 0;
  padding-top: 40px; }
  .seven article .principle .image {
    max-width: 473px;
    margin: 0 auto;
    position: relative;
    right: -40px; }
    .seven article .principle .image img {
      width: 100%; }
  .seven article .principle .back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 466px;
    background-color: #fffae5;
    z-index: -1; }
    .seven article .principle .back span {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      .seven article .principle .back span:before, .seven article .principle .back span:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 46px; }
      .seven article .principle .back span:before {
        top: -46px;
        background: url("../images/sustainability/seven_principle/img-upper.png") repeat-x 0; }
      .seven article .principle .back span:after {
        bottom: -46px;
        background: url("../images/sustainability/seven_principle/img-under.png") repeat-x 0; }
.seven article .under-link {
  margin-top: 22vw; }

.emergency article {
  overflow: hidden; }
  .emergency article .main-v {
    background: url("../images/sustainability/emergency/img-main_pc.png") no-repeat center top 20%/cover; }
  .emergency article .contents {
    padding-top: 130px; }
    .emergency article .contents--inner {
      max-width: 1024px;
      margin: 0 auto; }
      .emergency article .contents--inner .lead p {
        text-align: center;
        line-height: 1.8;
        font-size: 1.5rem; }
      .emergency article .contents--inner .sortbtn {
        min-width: 1024px;
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        border-bottom: 1px solid #000; }
        .emergency article .contents--inner .sortbtn ul li {
          width: 100%;
          max-width: 102px; }
          .emergency article .contents--inner .sortbtn ul li a {
            cursor: pointer;
            padding: 10px 0;
            line-height: 1.0;
            display: block;
            width: 100%;
            height: 100%;
            color: #000;
            text-decoration: none;
            text-align: center;
            border: 1px solid #000;
            transition: all .3s ease-out;
            font-weight: 600;
            font-size: 1.5rem; }
            .emergency article .contents--inner .sortbtn ul li a.active {
              background-color: #000;
              color: #fff; }
        .emergency article .contents--inner .sortbtn--all {
          max-width: 103px;
          width: 100%; }
        .emergency article .contents--inner .sortbtn--years {
          max-width: 888px;
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
          .emergency article .contents--inner .sortbtn--years li {
            margin-right: 29px; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(7n) {
              margin-right: 0; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(n+8) {
              margin-top: 12px; }
      .emergency article .contents--inner--block {
        padding-top: 85px; }
        .emergency article .contents--inner--block .box {
          max-width: 940px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between; }
          .emergency article .contents--inner--block .box .text {
            width: 64%;
            max-width: 600px; }
            .emergency article .contents--inner--block .box .text--ttl .title {
              background-color: #ffcd00;
              color: #000;
              padding: 6px 10px;
              font-weight: bold;
              font-size: 2.2rem; }
            .emergency article .contents--inner--block .box .text--ttl .year {
              font-weight: bold;
              font-size: 1.7rem;
              margin-top: 5px; }
            .emergency article .contents--inner--block .box .text--ttl p {
              margin-top: 20px;
              font-size: 1.4rem; }
            .emergency article .contents--inner--block .box .text--about {
              position: relative;
              margin-top: 30px; }
              .emergency article .contents--inner--block .box .text--about--box h4 {
                max-width: 100px;
                margin-bottom: 10px;
                padding: 4px 0;
                background-color: #ffcd00;
                font-weight: bold;
                line-height: 1.0;
                color: #000;
                text-align: center;
                font-size: 1.4rem; }
              .emergency article .contents--inner--block .box .text--about--box dl {
                display: flex; }
                .emergency article .contents--inner--block .box .text--about--box dl dt, .emergency article .contents--inner--block .box .text--about--box dl dd {
                  font-size: 1.4rem; }
                .emergency article .contents--inner--block .box .text--about--box dl dt {
                  max-width: 4em;
                  width: 100%;
                  margin-right: 1em; }
                .emergency article .contents--inner--block .box .text--about--box dl:nth-of-type(n+2) {
                  margin-top: 8px; }
                .emergency article .contents--inner--block .box .text--about--box dl.mt {
                  margin-top: 20px; }
              .emergency article .contents--inner--block .box .text--about--box:nth-of-type(n+2) {
                margin-top: 20px; }
              .emergency article .contents--inner--block .box .text--about--box.maw07 dl dt {
                max-width: 7em; }
              .emergency article .contents--inner--block .box .text--about:after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 35px;
                width: 298px;
                height: 184px;
                background: url("../images/sustainability/emergency/img-hands.png") no-repeat center/cover;
                z-index: -1; }
          .emergency article .contents--inner--block .box .images {
            width: 31.5%; }
            .emergency article .contents--inner--block .box .images li img {
              width: 100%; }
            .emergency article .contents--inner--block .box .images li:nth-of-type(n+2) {
              margin-top: 18px; }
          .emergency article .contents--inner--block .box:not(:last-child) {
            margin-bottom: 105px; }

@media screen and (max-width: 768px) {
  .seven article .contents--inner {
    padding: 0 2%; }
    .seven article .contents--inner--box .image {
      max-width: 45%; }
    .seven article .contents--inner--box .text {
      max-width: 50%; }

  .emergency article .contents--inner {
    padding: 0 3%; }
    .emergency article .contents--inner .sortbtn {
      min-width: 100%; }
      .emergency article .contents--inner .sortbtn--all {
        margin-right: 20px; }
      .emergency article .contents--inner .sortbtn--years li {
        margin-right: 20px; }
        .emergency article .contents--inner .sortbtn--years li:nth-of-type(7n) {
          margin-right: 20px; }
        .emergency article .contents--inner .sortbtn--years li:nth-of-type(5n) {
          margin-right: 0; }
        .emergency article .contents--inner .sortbtn--years li:nth-of-type(n+6) {
          margin-top: 12px; } }
@media screen and (max-width: 767px) {
  .sustainability-common article .main-v--ttl {
    padding: 25px 0 30px 0; }
    .sustainability-common article .main-v--ttl--inner .icon {
      max-width: 21.4%; }

  .seven article .main-v {
    background: url("../images/sustainability/seven_principle/img-main_sp.png") no-repeat center/cover; }
  .seven article .contents {
    padding: 35px 0 50px 0; }
    .seven article .contents--inner {
      padding: 0;
      max-width: 82%; }
      .seven article .contents--inner--box {
        display: block;
        position: relative; }
        .seven article .contents--inner--box .image {
          max-width: 100%;
          position: absolute;
          top: 17vw; }
        .seven article .contents--inner--box .text {
          max-width: 100%; }
          .seven article .contents--inner--box .text h3 {
            font-size: 15px;
            font-size: 4.6875vw;
            text-align: center; }
            .seven article .contents--inner--box .text h3:after {
              margin-top: 10px; }
          .seven article .contents--inner--box .text p {
            margin-top: 61vw;
            line-height: 1.8;
            font-size: 11px;
            font-size: 3.4375vw; }
          .seven article .contents--inner--box .text .link-btn {
            margin-top: 20px;
            max-width: 100%; }
            .seven article .contents--inner--box .text .link-btn a {
              padding: 6px 30px 6px 12px;
              font-size: 11px;
              font-size: 3.4375vw; }
        .seven article .contents--inner--box:nth-of-type(n+2) {
          margin-top: 55px; }
  .seven article .principle {
    padding-top: 0;
    margin-top: 0; }
    .seven article .principle .image {
      position: static;
      max-width: 100%; }
    .seven article .principle .back {
      display: none; }

  .emergency article .main-v {
    background: url("../images/sustainability/emergency/img-main_sp.png") no-repeat top center/cover; }
  .emergency article .contents {
    padding-top: 60px;
    padding-bottom: 70px; }
    .emergency article .contents--inner {
      max-width: 92%;
      padding: 0; }
      .emergency article .contents--inner .lead p {
        font-size: 11px;
        font-size: 3.4375vw;
        line-height: 1.8; }
      .emergency article .contents--inner .sortbtn {
        margin-top: 45px;
        display: block;
        padding-bottom: 50px; }
        .emergency article .contents--inner .sortbtn ul li {
          width: 100%;
          max-width: 22%; }
          .emergency article .contents--inner .sortbtn ul li a {
            padding: 7px 0;
            font-size: 1.5rem; }
        .emergency article .contents--inner .sortbtn--all {
          max-width: 100%;
          width: 100%; }
          .emergency article .contents--inner .sortbtn--all li {
            margin: 0 auto; }
        .emergency article .contents--inner .sortbtn--years {
          max-width: 100%;
          justify-content: center;
          margin-top: 15px; }
          .emergency article .contents--inner .sortbtn--years li {
            margin-right: 4%; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(5n) {
              margin-right: 4%; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(7n) {
              margin-right: 4%; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(n+8) {
              margin-top: 15px; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(n+6) {
              margin-top: 15px; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(n+5) {
              margin-top: 15px; }
            .emergency article .contents--inner .sortbtn--years li:nth-of-type(4n) {
              margin-right: 0; }
            .emergency article .contents--inner .sortbtn--years li:nth-last-of-type(2) {
              margin-left: 4%; }
      .emergency article .contents--inner--block {
        padding-top: 45px; }
        .emergency article .contents--inner--block .box {
          max-width: 92%;
          display: block; }
          .emergency article .contents--inner--block .box .text {
            width: 100%;
            max-width: 100%; }
            .emergency article .contents--inner--block .box .text--ttl .title {
              padding: 5px 8px;
              font-size: 12px;
              font-size: 3.75vw; }
            .emergency article .contents--inner--block .box .text--ttl .year {
              font-size: 11px;
              font-size: 3.4375vw;
              margin-top: 8px; }
            .emergency article .contents--inner--block .box .text--ttl p {
              margin-top: 10px;
              font-size: 11px;
              font-size: 3.4375vw; }
            .emergency article .contents--inner--block .box .text--about {
              margin-top: 15px; }
              .emergency article .contents--inner--block .box .text--about--box h4 {
                display: inline-block;
                margin-bottom: 8px;
                padding: 4px 2%;
                font-size: 12px;
                font-size: 3.75vw; }
              .emergency article .contents--inner--block .box .text--about--box dl dt, .emergency article .contents--inner--block .box .text--about--box dl dd {
                font-size: 11px;
                font-size: 3.4375vw;
                line-height: 1.2; }
              .emergency article .contents--inner--block .box .text--about--box dl dt {
                max-width: 4em;
                width: 100%;
                margin-right: 1em;
                white-space: nowrap; }
              .emergency article .contents--inner--block .box .text--about--box dl:nth-of-type(n+2) {
                margin-top: 8px; }
              .emergency article .contents--inner--block .box .text--about--box:nth-of-type(n+2) {
                margin-top: 15px; }
              .emergency article .contents--inner--block .box .text--about:after {
                right: auto;
                top: 60px;
                left: 50%;
                transform: translateX(-50%);
                width: 70%;
                height: 37vw; }
          .emergency article .contents--inner--block .box .images {
            margin-top: 20px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .emergency article .contents--inner--block .box .images li {
              width: 48%; }
              .emergency article .contents--inner--block .box .images li:nth-of-type(n+2) {
                margin-top: 0; }
              .emergency article .contents--inner--block .box .images li:nth-of-type(n+3) {
                margin-top: 10px; }
          .emergency article .contents--inner--block .box:not(:last-child) {
            margin-bottom: 50px; } }
.become article .main {
  background-color: #ffd900; }
  .become article .main--inner {
    padding: 75px 0 70px 0;
    position: relative;
    height: 100%;
    width: 100%; }
    .become article .main--inner--ttl {
      text-align: center; }
      .become article .main--inner--ttl h1, .become article .main--inner--ttl p {
        line-height: 1.0; }
      .become article .main--inner--ttl h1 {
        font-weight: bold;
        font-size: 3.0rem; }
      .become article .main--inner--ttl p {
        margin-top: 15px;
        font-family: bilo, sans-serif;
        color: #000;
        font-weight: 600;
        font-size: 2.0rem; }
    .become article .main--inner:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 24px;
      left: 0;
      bottom: -24px;
      background: url("../images/contact/become/img-mainline_pc.png") repeat-x 0; }
.become article .contents {
  padding: 65px 0 150px 0;
  background-color: #fff6cc; }
  .become article .contents--area {
    background-color: #fff;
    max-width: 926px;
    margin: 0 auto;
    padding: 70px 0 80px 10px;
    position: relative; }
    .become article .contents--area:before {
      content: '';
      display: block;
      position: absolute;
      width: 12px;
      height: 100%;
      background: url("../images/common/img-verticalline_pc.png") repeat-y 0;
      left: -10px;
      top: 0; }
    .become article .contents--area--inner {
      max-width: 804px;
      margin: 0 auto; }
      .become article .contents--area--inner--block {
        padding: 0 48px; }
        .become article .contents--area--inner--block h2 {
          text-align: center;
          font-weight: 500;
          letter-spacing: .08em;
          font-size: 2.2rem; }
        .become article .contents--area--inner--block--box .ttl h3 {
          line-height: 1.0;
          font-weight: bold;
          font-size: 2.0rem; }
        .become article .contents--area--inner--block--box .ttl small {
          margin-top: 15px;
          display: block;
          font-size: 1.2rem; }
        .become article .contents--area--inner--block--box .table {
          margin-top: 15px;
          border: 1px solid #ffd900; }
          .become article .contents--area--inner--block--box .table dl {
            display: flex; }
            .become article .contents--area--inner--block--box .table dl dt, .become article .contents--area--inner--block--box .table dl dd {
              padding: 18px 0;
              font-weight: 500;
              font-size: 1.35rem; }
            .become article .contents--area--inner--block--box .table dl dt {
              width: 88px;
              background-color: #fff8d1;
              border-right: 1px solid #ffd900; }
            .become article .contents--area--inner--block--box .table dl dd {
              width: calc(100% - 88px); }
            .become article .contents--area--inner--block--box .table dl:nth-of-type(n+2) {
              border-top: 1px solid #ffd900; }
        .become article .contents--area--inner--block--box .list li {
          text-indent: -1em;
          margin-left: 1em;
          margin-top: 20px;
          font-size: 1.35rem; }
        .become article .contents--area--inner--block.block01 {
          padding-bottom: 50px;
          border-bottom: 1px solid #ccc; }
          .become article .contents--area--inner--block.block01 .contents--area--inner--block--box .table dl dt {
            text-align: center; }
          .become article .contents--area--inner--block.block01 .contents--area--inner--block--box .table dl dd {
            padding-left: 10px;
            letter-spacing: -0.02em; }
          .become article .contents--area--inner--block.block01 .contents--area--inner--block--box.b01 {
            margin-top: 40px; }
          .become article .contents--area--inner--block.block01 .contents--area--inner--block--box.b02 {
            margin-top: 70px; }
        .become article .contents--area--inner--block.block02 {
          margin-top: 60px; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl.first dt, .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl.first dd {
            background-color: #f7f7f7;
            text-align: center; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl dt {
            width: 226px;
            padding-left: 15px; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl dd {
            width: 240px;
            padding-right: 15px;
            text-align: right; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl dd:nth-of-type(1) {
              border-right: 1px solid #ffd900; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box p {
            margin-top: 15px;
            letter-spacing: -0.03em;
            font-size: 1.35rem; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box p a {
              color: #ffaa00;
              font-weight: bold; }
              .become article .contents--area--inner--block.block02 .contents--area--inner--block--box p a:hover {
                opacity: 1;
                text-decoration: none; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box.b01 {
            margin-top: 20px; }
          .become article .contents--area--inner--block.block02 .contents--area--inner--block--box.b02 {
            margin-top: 60px; }
      .become article .contents--area--inner--login h2 {
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        font-size: 1.8rem; }
      .become article .contents--area--inner--login p {
        text-align: center;
        margin-top: 20px;
        font-size: 1.4rem; }
      .become article .contents--area--inner--login--block {
        margin-top: 30px; }
        .become article .contents--area--inner--login--block form .input {
          max-width: 600px;
          margin: 0 auto; }
          .become article .contents--area--inner--login--block form .input dl {
            display: flex;
            justify-content: space-between; }
            .become article .contents--area--inner--login--block form .input dl dt {
              padding-top: 11px;
              line-height: 1.0;
              text-align: right;
              width: 100px;
              font-size: 1.4rem; }
            .become article .contents--area--inner--login--block form .input dl dd {
              width: 480px; }
              .become article .contents--area--inner--login--block form .input dl dd input {
                width: 100%;
                height: 40px;
                background-color: #fff5cc;
                border: none;
                padding: 0 10px; }
              .become article .contents--area--inner--login--block form .input dl dd .error {
                width: 100%;
                margin-top: 5px;
                color: #e90000;
                font-size: 1.4rem; }
            .become article .contents--area--inner--login--block form .input dl:nth-of-type(n+2) {
              margin-top: 20px; }
        .become article .contents--area--inner--login--block form .btn {
          max-width: 216px;
          margin: 28px auto 0 auto;
          position: relative;
          cursor: pointer;
          transition: all .3s ease-out; }
          .become article .contents--area--inner--login--block form .btn:after {
            content: '';
            display: block;
            position: absolute;
            width: 17px;
            height: 15px;
            background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            transition: all .3s ease-out; }
          .become article .contents--area--inner--login--block form .btn input {
            cursor: pointer;
            width: 100%;
            border: none;
            background-color: #ffd900;
            text-align: center;
            line-height: 1.0;
            padding: 8px 0;
            font-weight: bold;
            font-size: 1.5rem; }
          .become article .contents--area--inner--login--block form .btn:hover {
            opacity: .7; }
            .become article .contents--area--inner--login--block form .btn:hover:after {
              right: 6px; }
        .become article .contents--area--inner--login--block small {
          display: block;
          text-align: center;
          margin-top: 25px;
          font-size: 1.4rem; }
          .become article .contents--area--inner--login--block small a {
            display: inline-block;
            padding-left: 0.5em;
            font-weight: bold;
            color: #ffd900;
            text-decoration: underline; }
            .become article .contents--area--inner--login--block small a:hover {
              opacity: 1;
              text-decoration: none; }
.become article .under-link {
  margin-top: 0; }
.become .footer {
  background-color: #000; }

.login .footer:after, .contact .footer:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 59px;
  background: url("../images/common/img-login-wave_pc.png") repeat-x;
  top: -40px;
  left: 0; }

.contact article .contents--steps {
  max-width: 628px;
  margin: 65px auto 0 auto; }
  .contact article .contents--steps ul {
    display: flex;
    justify-content: space-between; }
    .contact article .contents--steps ul li {
      max-width: 200px;
      width: 100%;
      height: 62px;
      text-align: center;
      position: relative; }
      .contact article .contents--steps ul li:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 31px 0 31px 40px;
        border-color: transparent transparent transparent #fff; }
      .contact article .contents--steps ul li span {
        background-color: #fff;
        height: 100%;
        display: block;
        line-height: 62px;
        font-weight: bold;
        width: 160px;
        letter-spacing: .08em;
        font-size: 2.2rem;
        padding-left: 1em; }
      .contact article .contents--steps ul li.active:after {
        border-color: transparent transparent transparent #ffd900; }
      .contact article .contents--steps ul li.active span {
        background-color: #ffd900; }
.contact article .contents--area {
  margin-top: 105px; }
  .contact article .contents--area--inner--contact h2 {
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem; }
  .contact article .contents--area--inner--contact p {
    text-align: center;
    margin-top: 45px;
    font-size: 1.4rem; }
  .contact article .contents--area--inner--contact .topbtn {
    max-width: 216px;
    margin: 45px auto 0 auto; }
    .contact article .contents--area--inner--contact .topbtn a {
      display: block;
      text-decoration: none;
      color: #000;
      width: 100%;
      height: 100%;
      position: relative;
      line-height: 1.0;
      padding: 8px 0;
      font-weight: bold;
      text-align: center;
      background-color: #ffcd00;
      font-size: 1.5rem; }
      .contact article .contents--area--inner--contact .topbtn a:after {
        content: '';
        display: block;
        position: absolute;
        width: 17px;
        height: 15px;
        background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        transition: all .3s ease-out; }
      .contact article .contents--area--inner--contact .topbtn a:hover:after {
        right: 6px; }
  .contact article .contents--area--inner--contact form {
    margin-top: 60px; }
    .contact article .contents--area--inner--contact form .form-table {
      max-width: 614px;
      margin: 0 auto; }
      .contact article .contents--area--inner--contact form .form-table tr {
        display: flex;
        align-items: center; }
        .contact article .contents--area--inner--contact form .form-table tr th, .contact article .contents--area--inner--contact form .form-table tr td {
          display: block; }
        .contact article .contents--area--inner--contact form .form-table tr th {
          width: calc(100% - 500px);
          padding-right: 14px;
          text-align: right;
          font-weight: bold;
          font-size: 1.4rem; }
          .contact article .contents--area--inner--contact form .form-table tr th em {
            font-weight: bold;
            display: inline-block;
            letter-spacing: -0.04em;
            position: relative;
            left: 6px; }
        .contact article .contents--area--inner--contact form .form-table tr td {
          width: 500px;
          font-weight: bold;
          font-size: 1.4rem; }
          .contact article .contents--area--inner--contact form .form-table tr td a {
            color: #ffd900;
            text-decoration: none; }
          .contact article .contents--area--inner--contact form .form-table tr td input {
            padding: 10px 15px;
            height: 40px;
            border: none;
            background-color: #fff5cc;
            color: #262626;
            font-size: 1.4rem; }
            .contact article .contents--area--inner--contact form .form-table tr td input.long {
              width: 100%; }
            .contact article .contents--area--inner--contact form .form-table tr td input.short {
              width: 160px; }
            .contact article .contents--area--inner--contact form .form-table tr td input.name01-01, .contact article .contents--area--inner--contact form .form-table tr td input.name02-01 {
              margin-right: 25px; }
            .contact article .contents--area--inner--contact form .form-table tr td input.postal-code01 {
              width: 60px;
              margin-right: 10px; }
            .contact article .contents--area--inner--contact form .form-table tr td input.postal-code02 {
              width: 90px;
              margin-right: 13px; }
            .contact article .contents--area--inner--contact form .form-table tr td input.address02, .contact article .contents--area--inner--contact form .form-table tr td input.address03 {
              width: 100%; }
            .contact article .contents--area--inner--contact form .form-table tr td input.policy {
              padding: 0;
              border-radius: 0;
              width: 30px;
              height: 30px; }
            .contact article .contents--area--inner--contact form .form-table tr td input.error {
              background-color: #e90000; }
          .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] {
            display: none; }
            .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label {
              display: block;
              position: relative;
              padding-left: 35px;
              margin-bottom: 20px;
              font-size: 1.4rem;
              cursor: pointer;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none; }
              .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label:before {
                content: '';
                display: block;
                width: 30px;
                height: 30px;
                border: 1px solid #ffcd00;
                background-color: #fff5cc;
                position: absolute;
                left: 0;
                top: -5px;
                -webkit-transition: all .12s, border-color .08s;
                transition: all .12s, border-color .08s; }
              .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label:after {
                content: '';
                display: block;
                width: 10px;
                height: 25px;
                position: absolute;
                left: 10px;
                top: -7px;
                border: 1px solid #ffcd00;
                border-top-color: transparent;
                border-left-color: transparent;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                opacity: 0; }
              .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label.error:before {
                background-color: #e90000; }
            .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"]:checked + label:after {
              opacity: 1; }
          .contact article .contents--area--inner--contact form .form-table tr td textarea {
            width: 100%;
            height: 200px;
            background-color: #fff5cc;
            border: none;
            resize: none; }
            .contact article .contents--area--inner--contact form .form-table tr td textarea.error {
              background-color: #e90000; }
          .contact article .contents--area--inner--contact form .form-table tr td select {
            width: 138px;
            height: 40px;
            padding: 10px 15px;
            font-weight: bold;
            border: none;
            font-size: 1.4rem;
            background-color: #fff5cc; }
          .contact article .contents--area--inner--contact form .form-table tr td span {
            display: inline-block;
            width: 2em; }
            .contact article .contents--area--inner--contact form .form-table tr td span.policytxt {
              width: auto;
              margin-left: 0.5em; }
          .contact article .contents--area--inner--contact form .form-table tr td button.postal-search {
            background-color: transparent;
            border: none;
            cursor: pointer;
            font-weight: bold;
            font-size: 1.4rem;
            color: #000;
            text-decoration: underline; }
            .contact article .contents--area--inner--contact form .form-table tr td button.postal-search:hover {
              opacity: 1;
              text-decoration: none; }
          .contact article .contents--area--inner--contact form .form-table tr td .radio {
            margin: 0.5rem;
            display: inline-block; }
            .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] {
              position: absolute;
              opacity: 0; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label {
                line-height: 1.0; }
                .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label:before {
                  content: '';
                  background: #fff5cc;
                  border-radius: 100%;
                  border: 1px solid #ffcd00;
                  display: inline-block;
                  width: 30px;
                  height: 30px;
                  position: relative;
                  top: -0.2em;
                  margin-right: 1em;
                  vertical-align: top;
                  cursor: pointer;
                  text-align: center;
                  transition: all 250ms ease; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:checked + .radio-label:before {
                background-color: #ffcd00;
                box-shadow: inset 0 0 0 4px #fff5cc; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:focus + .radio-label:before {
                outline: none;
                border-color: #ffcd00; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:disabled + .radio-label:before {
                box-shadow: inset 0 0 0 4px #fff5cc;
                border-color: #b4b4b4;
                background: #b4b4b4; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label:empty:before {
                margin-right: 0; }
          .contact article .contents--area--inner--contact form .form-table tr td dl {
            display: flex;
            align-items: center; }
            .contact article .contents--area--inner--contact form .form-table tr td dl dt {
              width: 140px;
              line-height: 1.0; }
            .contact article .contents--area--inner--contact form .form-table tr td dl dd {
              width: calc(100% - 140px); }
            .contact article .contents--area--inner--contact form .form-table tr td dl:nth-of-type(n+2) {
              margin-top: 30px; }
        .contact article .contents--area--inner--contact form .form-table tr:nth-of-type(n+2) {
          margin-top: 30px; }
        .contact article .contents--area--inner--contact form .form-table tr.verticaltop {
          align-items: flex-start; }
        .contact article .contents--area--inner--contact form .form-table tr.must {
          position: relative; }
          .contact article .contents--area--inner--contact form .form-table tr.must:before {
            content: '必須';
            position: absolute;
            left: -55px;
            top: 50%;
            transform: translateY(-50%);
            padding: 5px 10px;
            display: inline-block;
            line-height: 1.0;
            font-weight: bold;
            color: #fff;
            background-color: #e90000;
            font-size: 1.4rem; }
          .contact article .contents--area--inner--contact form .form-table tr.must.verticaltop:before {
            top: 0;
            transform: none; }
      .contact article .contents--area--inner--contact form .form-table.confirm {
        max-width: 100%;
        display: block; }
        .contact article .contents--area--inner--contact form .form-table.confirm tbody {
          display: block; }
          .contact article .contents--area--inner--contact form .form-table.confirm tbody tr {
            border-top: 1px solid #ffd900;
            padding-top: 30px;
            justify-content: space-between; }
            .contact article .contents--area--inner--contact form .form-table.confirm tbody tr th {
              width: 183px; }
            .contact article .contents--area--inner--contact form .form-table.confirm tbody tr td {
              width: 600px; }
            .contact article .contents--area--inner--contact form .form-table.confirm tbody tr:last-child {
              border-bottom: 1px solid #ffd900;
              padding-bottom: 30px; }
    .contact article .contents--area--inner--contact form .errormsg {
      max-width: 216px;
      margin: 30px auto 0 auto;
      text-align: center;
      color: #fff;
      background-color: #e90000;
      font-weight: bold;
      line-height: 1.0;
      padding: 10px 0;
      font-size: 1.4rem; }
    .contact article .contents--area--inner--contact form .btn {
      max-width: 216px;
      margin: 30px auto 0 auto;
      position: relative;
      cursor: pointer;
      transition: all .3s ease-out; }
      .contact article .contents--area--inner--contact form .btn:after {
        content: '';
        display: block;
        position: absolute;
        width: 17px;
        height: 15px;
        background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        transition: all .3s ease-out; }
      .contact article .contents--area--inner--contact form .btn input {
        cursor: pointer;
        width: 100%;
        border: none;
        background-color: #ffd900;
        text-align: center;
        line-height: 1.0;
        padding: 8px 0;
        font-weight: bold;
        font-size: 1.5rem; }
      .contact article .contents--area--inner--contact form .btn:hover {
        opacity: .7; }
        .contact article .contents--area--inner--contact form .btn:hover:after {
          right: 6px; }
    .contact article .contents--area--inner--contact form .confirm-btn {
      max-width: 520px;
      margin: 85px auto 0 auto;
      display: flex;
      justify-content: space-between; }
      .contact article .contents--area--inner--contact form .confirm-btn .btn, .contact article .contents--area--inner--contact form .confirm-btn .backbtn {
        width: 100%; }
      .contact article .contents--area--inner--contact form .confirm-btn .btn {
        margin: 0; }
      .contact article .contents--area--inner--contact form .confirm-btn .backbtn {
        max-width: 216px; }
        .contact article .contents--area--inner--contact form .confirm-btn .backbtn a {
          display: block;
          text-decoration: none;
          color: #000;
          width: 100%;
          height: 100%;
          position: relative;
          line-height: 1.0;
          padding: 8px 0;
          font-weight: bold;
          text-align: center;
          background-color: #fff5cc;
          font-size: 1.5rem; }
          .contact article .contents--area--inner--contact form .confirm-btn .backbtn a:after {
            content: '';
            display: block;
            position: absolute;
            width: 17px;
            height: 15px;
            background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
            left: 12px;
            top: 50%;
            transform: translateY(-50%) rotate(-180deg);
            z-index: 2;
            transition: all .3s ease-out; }
          .contact article .contents--area--inner--contact form .confirm-btn .backbtn a:hover:after {
            left: 6px; }

@media screen and (max-width: 768px) {
  .become article .contents {
    padding: 65px 3% 150px 3%; }
    .become article .contents--area--inner {
      max-width: 90%; }
      .become article .contents--area--inner--block {
        padding: 0 5%; }
        .become article .contents--area--inner--block.block01 .contents--area--inner--block--box .table dl dd {
          margin-right: 15px; } }
@media screen and (max-width: 767px) {
  .become article .main--inner {
    padding: 55px 0 55px 0; }
    .become article .main--inner--ttl h1 {
      font-size: 17px;
      font-size: 5.3125vw; }
    .become article .main--inner--ttl p {
      margin-top: 10px;
      font-size: 12px;
      font-size: 3.75vw; }
    .become article .main--inner:after {
      height: 24px;
      left: 0;
      bottom: -22px;
      background: url("../images/contact/become/img-mainline_sp.png") repeat-x 0/16%; }
  .become article .contents {
    padding: 70px 0 60px 0; }
    .become article .contents--area {
      max-width: 84%;
      padding: 20px 0 35px 0; }
      .become article .contents--area:before {
        width: 12px;
        background: url("../images/common/img-verticalline_sp.png") repeat-y 0/76%;
        left: -8px; }
      .become article .contents--area--inner {
        max-width: 92%;
        margin: 0 auto; }
        .become article .contents--area--inner--block {
          padding: 0; }
          .become article .contents--area--inner--block h2 {
            letter-spacing: .04em;
            font-size: 16px;
            font-size: 5vw; }
          .become article .contents--area--inner--block--box .ttl h3 {
            font-size: 12px;
            font-size: 3.75vw; }
          .become article .contents--area--inner--block--box .ttl small {
            margin-top: 8px;
            font-size: 10px;
            font-size: 3.125vw; }
          .become article .contents--area--inner--block--box .table {
            margin-top: 10px; }
            .become article .contents--area--inner--block--box .table dl dt, .become article .contents--area--inner--block--box .table dl dd {
              padding: 8px 0;
              font-size: 11px;
              font-size: 3.4375vw; }
            .become article .contents--area--inner--block--box .table dl dt {
              width: 23%; }
            .become article .contents--area--inner--block--box .table dl dd {
              width: calc(100% - 23%); }
          .become article .contents--area--inner--block--box .list li {
            margin-top: 20px;
            font-size: 11px;
            font-size: 3.4375vw; }
          .become article .contents--area--inner--block.block01 {
            padding-bottom: 40px; }
            .become article .contents--area--inner--block.block01 .contents--area--inner--block--box .table dl dd {
              padding-left: 10px;
              letter-spacing: 0; }
            .become article .contents--area--inner--block.block01 .contents--area--inner--block--box.b01 {
              margin-top: 20px; }
            .become article .contents--area--inner--block.block01 .contents--area--inner--block--box.b02 {
              margin-top: 40px; }
          .become article .contents--area--inner--block.block02 {
            margin-top: 40px; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl.first dd {
              padding-right: 0 !important; }
              .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl.first dd:nth-of-type(1) {
                display: flex;
                justify-content: center;
                align-items: center; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl dt {
              width: 32%;
              padding-left: 5px; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box .table dl dd {
              width: 34%;
              padding-right: 5px; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box p {
              margin-top: 15px;
              letter-spacing: 0;
              font-size: 11px;
              font-size: 3.4375vw; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box.b01 {
              margin-top: 25px; }
            .become article .contents--area--inner--block.block02 .contents--area--inner--block--box.b02 {
              margin-top: 45px; }
        .become article .contents--area--inner--login h2 {
          font-size: 12px;
          font-size: 3.75vw; }
        .become article .contents--area--inner--login p {
          text-align: left;
          margin-top: 15px;
          font-size: 11px;
          font-size: 3.4375vw; }
        .become article .contents--area--inner--login--block {
          margin-top: 20px; }
          .become article .contents--area--inner--login--block:nth-of-type(2) {
            margin-top: 35px; }
          .become article .contents--area--inner--login--block form .input {
            max-width: 100%; }
            .become article .contents--area--inner--login--block form .input dl {
              display: block; }
              .become article .contents--area--inner--login--block form .input dl dt {
                padding-top: 0;
                text-align: left;
                width: 100%;
                font-size: 11px;
                font-size: 3.4375vw; }
              .become article .contents--area--inner--login--block form .input dl dd {
                width: 100%;
                margin-top: 8px; }
                .become article .contents--area--inner--login--block form .input dl dd input {
                  width: 100%;
                  height: 30px;
                  padding: 0 8px; }
                .become article .contents--area--inner--login--block form .input dl dd .error {
                  font-size: 11px;
                  font-size: 3.4375vw; }
              .become article .contents--area--inner--login--block form .input dl:nth-of-type(n+2) {
                margin-top: 15px; }
          .become article .contents--area--inner--login--block form .btn {
            max-width: 60%;
            margin: 30px auto 0 auto; }
            .become article .contents--area--inner--login--block form .btn input {
              font-size: 13px;
              font-size: 4.0625vw; }
            .become article .contents--area--inner--login--block form .btn:hover {
              opacity: 1; }
              .become article .contents--area--inner--login--block form .btn:hover:after {
                right: 12px; }
          .become article .contents--area--inner--login--block small {
            margin-top: 15px;
            font-size: 11px;
            font-size: 3.4375vw; }

  .contact article {
    overflow: hidden; }
    .contact article .contents--steps {
      max-width: 90%;
      margin: 30px auto 0 auto; }
      .contact article .contents--steps ul li {
        max-width: 32%;
        height: 30px; }
        .contact article .contents--steps ul li:after {
          border-width: 15px 0 15px 20px; }
        .contact article .contents--steps ul li span {
          line-height: 30px;
          width: calc(100% - 20px);
          letter-spacing: .04em;
          font-size: 16px;
          font-size: 5vw;
          padding-left: 1em; }
    .contact article .contents--area {
      margin-top: 50px; }
      .contact article .contents--area--inner--contact h2 {
        font-size: 14px;
        font-size: 4.375vw; }
      .contact article .contents--area--inner--contact p {
        margin-top: 25px;
        font-size: 11px;
        font-size: 3.4375vw; }
      .contact article .contents--area--inner--contact .btn {
        max-width: 70%;
        margin: 25px auto 0 auto; }
        .contact article .contents--area--inner--contact .btn a {
          font-size: 13px;
          font-size: 4.0625vw; }
          .contact article .contents--area--inner--contact .btn a:hover:after {
            right: 12px; }
      .contact article .contents--area--inner--contact form {
        margin-top: 30px; }
        .contact article .contents--area--inner--contact form .form-table {
          max-width: 100%; }
          .contact article .contents--area--inner--contact form .form-table tr {
            display: block; }
            .contact article .contents--area--inner--contact form .form-table tr th {
              text-align: left;
              width: 100%;
              padding-right: 0;
              font-size: 11px;
              font-size: 3.4375vw; }
              .contact article .contents--area--inner--contact form .form-table tr th em {
                letter-spacing: 0;
                left: 0; }
            .contact article .contents--area--inner--contact form .form-table tr td {
              margin-top: 5px;
              width: 100%;
              font-size: 11px;
              font-size: 3.4375vw; }
              .contact article .contents--area--inner--contact form .form-table tr td input {
                padding: 5px 10px;
                height: 30px;
                font-size: 11px;
                font-size: 3.4375vw; }
                .contact article .contents--area--inner--contact form .form-table tr td input.long {
                  width: 100%; }
                .contact article .contents--area--inner--contact form .form-table tr td input.short {
                  width: 30%; }
                .contact article .contents--area--inner--contact form .form-table tr td input.name01-01, .contact article .contents--area--inner--contact form .form-table tr td input.name02-01 {
                  margin-right: 15px; }
                .contact article .contents--area--inner--contact form .form-table tr td input.postal-code01 {
                  width: 30%;
                  margin-right: 10px; }
                .contact article .contents--area--inner--contact form .form-table tr td input.postal-code02 {
                  width: 45%;
                  margin-right: 0; }
                .contact article .contents--area--inner--contact form .form-table tr td input.address02, .contact article .contents--area--inner--contact form .form-table tr td input.address03 {
                  width: 100%; }
                .contact article .contents--area--inner--contact form .form-table tr td input.policy {
                  padding: 0;
                  border-radius: 0;
                  width: 30px;
                  height: 30px; }
              .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] {
                display: none; }
                .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label {
                  display: block;
                  position: relative;
                  padding-left: 35px;
                  margin-bottom: 20px;
                  font-size: 1.4rem;
                  cursor: pointer;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none; }
                  .contact article .contents--area--inner--contact form .form-table tr td input[type="checkbox"] + label.error:before {
                    background-color: #e90000; }
              .contact article .contents--area--inner--contact form .form-table tr td textarea {
                height: 120px; }
              .contact article .contents--area--inner--contact form .form-table tr td select {
                width: 100%;
                height: 30px;
                padding: 5px 10px;
                font-size: 11px;
                font-size: 3.4375vw; }
              .contact article .contents--area--inner--contact form .form-table tr td span {
                display: inline-block;
                width: 2em; }
                .contact article .contents--area--inner--contact form .form-table tr td span.policytxt {
                  width: auto;
                  margin-left: 0.5em; }
              .contact article .contents--area--inner--contact form .form-table tr td button.postal-search {
                font-size: 11px;
                font-size: 3.4375vw;
                margin-top: 10px; }
              .contact article .contents--area--inner--contact form .form-table tr td .radio {
                margin: 0.5rem;
                display: inline-block; }
                .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] {
                  position: absolute;
                  opacity: 0; }
                  .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label {
                    line-height: 1.0; }
                    .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label:before {
                      content: '';
                      background: #fff5cc;
                      border-radius: 100%;
                      border: 1px solid #ffcd00;
                      display: inline-block;
                      width: 30px;
                      height: 30px;
                      position: relative;
                      top: -0.2em;
                      margin-right: 1em;
                      vertical-align: top;
                      cursor: pointer;
                      text-align: center;
                      transition: all 250ms ease; }
                  .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:checked + .radio-label:before {
                    background-color: #ffcd00;
                    box-shadow: inset 0 0 0 4px #fff5cc; }
                  .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:focus + .radio-label:before {
                    outline: none;
                    border-color: #ffcd00; }
                  .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"]:disabled + .radio-label:before {
                    box-shadow: inset 0 0 0 4px #fff5cc;
                    border-color: #b4b4b4;
                    background: #b4b4b4; }
                  .contact article .contents--area--inner--contact form .form-table tr td .radio input[type="radio"] + .radio-label:empty:before {
                    margin-right: 0; }
              .contact article .contents--area--inner--contact form .form-table tr td dl {
                display: block; }
                .contact article .contents--area--inner--contact form .form-table tr td dl dt {
                  width: 100%; }
                .contact article .contents--area--inner--contact form .form-table tr td dl dd {
                  width: 50%;
                  margin-top: 5px; }
                .contact article .contents--area--inner--contact form .form-table tr td dl:nth-of-type(n+2) {
                  margin-top: 30px; }
                  .contact article .contents--area--inner--contact form .form-table tr td dl:nth-of-type(n+2) dd {
                    width: 100%; }
                .contact article .contents--area--inner--contact form .form-table tr td dl:first-child {
                  margin-top: 15px; }
            .contact article .contents--area--inner--contact form .form-table tr:nth-of-type(n+2) {
              margin-top: 30px; }
            .contact article .contents--area--inner--contact form .form-table tr.verticaltop {
              align-items: flex-start; }
            .contact article .contents--area--inner--contact form .form-table tr.must {
              position: relative; }
              .contact article .contents--area--inner--contact form .form-table tr.must:before {
                display: inline-block;
                position: static;
                transform: none;
                padding: 3px 8px;
                font-size: 11px;
                font-size: 3.4375vw; }
              .contact article .contents--area--inner--contact form .form-table tr.must th {
                position: relative;
                margin-left: 10px;
                top: -1vw;
                width: auto;
                display: inline-block; }
              .contact article .contents--area--inner--contact form .form-table tr.must.verticaltop:before {
                top: 0;
                transform: none; }
          .contact article .contents--area--inner--contact form .form-table.confirm tbody tr th {
            width: 100%; }
          .contact article .contents--area--inner--contact form .form-table.confirm tbody tr td {
            width: 100%; }
        .contact article .contents--area--inner--contact form .errormsg {
          max-width: 80%;
          margin: 30px auto 0 auto;
          padding: 8px 0;
          font-size: 12px;
          font-size: 3.75vw; }
        .contact article .contents--area--inner--contact form .btn {
          max-width: 60%;
          margin: 30px auto 0 auto; }
          .contact article .contents--area--inner--contact form .btn input {
            font-size: 13px;
            font-size: 4.0625vw; }
          .contact article .contents--area--inner--contact form .btn:hover {
            opacity: 1; }
            .contact article .contents--area--inner--contact form .btn:hover:after {
              right: 12px; }
        .contact article .contents--area--inner--contact form .confirm-btn {
          max-width: 100%;
          margin: 40px auto 0 auto; }
          .contact article .contents--area--inner--contact form .confirm-btn .btn, .contact article .contents--area--inner--contact form .confirm-btn .backbtn {
            width: 48%; }
          .contact article .contents--area--inner--contact form .confirm-btn .backbtn {
            max-width: 48%; }
            .contact article .contents--area--inner--contact form .confirm-btn .backbtn a {
              font-size: 13px;
              font-size: 4.0625vw; }
              .contact article .contents--area--inner--contact form .confirm-btn .backbtn a:hover:after {
                left: 12px; }

  .login .footer:after, .contact .footer:after {
    height: 42px;
    background: url("../images/common/img-login-wave_pc.png") repeat-x 0/25%;
    top: -20px; } }
.outline-common .footer {
  background-color: #000; }

.about article .main-v {
  background: #FFEFAD; }
  .about article .main-v--ttl {
    background-color: #fff;
    padding: 60px 0 80px 0; }
    .about article .main-v--ttl--inner .icon {
      max-width: calc(77px * .84);
      margin: 0 auto; }
      .about article .main-v--ttl--inner .icon img {
        width: 100%; }
    .about article .main-v--ttl--inner h1, .about article .main-v--ttl--inner .en {
      color: #000; }
    .about article .main-v--ttl--inner .en {
      color: #000; }
  .about article .main-v:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/outline/about/img-main_pc.png") no-repeat center/contain; }
  .about article .main-v:after {
    background: url("../images/common/img-main-under-wave-y.png") repeat-x 0; }
.about article .contents {
  background-color: #fff5cc;
  padding: 115px 0 110px 0; }
  .about article .contents--inner {
    max-width: 926px;
    margin: 0 auto; }
    .about article .contents--inner--block {
      position: relative;
      background-color: #fff;
      padding: 40px 55px 50px; }
      .about article .contents--inner--block:before {
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 100%;
        background: url("../images/common/img-verticalline_pc.png") repeat-y 0;
        left: -10px;
        top: 0; }
      .about article .contents--inner--block .ttl {
        text-align: center; }
        .about article .contents--inner--block .ttl h2, .about article .contents--inner--block .ttl .en {
          line-height: 1.0; }
        .about article .contents--inner--block .ttl h2 {
          font-weight: bold;
          letter-spacing: .12em;
          font-size: 2.4rem;
          padding-left: .3em; }
        .about article .contents--inner--block .ttl .en {
          margin-top: 10px;
          font-family: bilo, sans-serif;
          font-weight: 600;
          color: #000;
          font-size: 1.4rem; }
      .about article .contents--inner--block p {
        font-size: 1.4rem; }
      .about article .contents--inner--block .table {
        margin-top: 30px; }
        .about article .contents--inner--block .table dl {
          display: flex; }
          .about article .contents--inner--block .table dl dt {
            padding: 6px 0;
            line-height: 1.0;
            width: 76px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ffcd00;
            font-weight: 600;
            font-size: 1.4rem; }
          .about article .contents--inner--block .table dl dd {
            padding-left: 12px;
            width: calc(100% - 76px);
            font-size: 1.4rem; }
            .about article .contents--inner--block .table dl dd ol {
              padding-left: 1em; }
              .about article .contents--inner--block .table dl dd ol li {
                list-style-type: decimal; }
          .about article .contents--inner--block .table dl:nth-of-type(n+2) {
            margin-top: 20px; }
      .about article .contents--inner--block .flex {
        margin-top: 45px;
        display: flex;
        justify-content: space-between; }
        .about article .contents--inner--block .flex .logo {
          max-width: 182px; }
          .about article .contents--inner--block .flex .logo img {
            width: 100%; }
        .about article .contents--inner--block .flex .text {
          max-width: 615px; }
          .about article .contents--inner--block .flex .text h3 {
            font-weight: bold;
            font-size: 1.5rem; }
          .about article .contents--inner--block .flex .text p {
            margin-top: 25px; }
      .about article .contents--inner--block:nth-of-type(n+2) {
        margin-top: 60px; }
      .about article .contents--inner--block.b01 p {
        margin-top: 40px; }
  .about article .contents .link-btn {
    max-width: 216px;
    margin: 85px auto 0 auto; }
    .about article .contents .link-btn a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      padding: 6px 0;
      text-align: center;
      background-color: #ffcd00;
      line-height: 1.0;
      color: #000;
      font-weight: bold;
      letter-spacing: .08em;
      font-size: 1.5rem;
      position: relative; }
      .about article .contents .link-btn a:after {
        content: '';
        display: block;
        position: absolute;
        width: 17px;
        height: 15px;
        background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        transition: all .3s ease-out; }
      .about article .contents .link-btn a:hover:after {
        right: 6px; }
.about article .under-link {
  margin-top: 0; }

.kiyaku article .kiyaku-main {
  background-color: #fff5cc;
  width: 100%;
  height: 324px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .kiyaku article .kiyaku-main--ttl {
    width: 210px;
    text-align: center; }
    .kiyaku article .kiyaku-main--ttl .icon {
      max-width: 79px;
      margin: 0 auto; }
      .kiyaku article .kiyaku-main--ttl .icon img {
        width: 100%; }
    .kiyaku article .kiyaku-main--ttl h2 {
      margin-top: 15px;
      color: #000;
      font-weight: bold;
      line-height: 1.2;
      letter-spacing: .04em;
      font-size: 3.0rem; }
    .kiyaku article .kiyaku-main--ttl .en {
      margin-top: 12px;
      font-family: bilo, sans-serif;
      color: #000;
      font-weight: 600;
      line-height: 1.0;
      font-size: 2.0rem; }
.kiyaku article .contents {
  background-color: #fff5cc;
  padding: 0 0 110px 0; }
  .kiyaku article .contents--inner {
    max-width: 1032px;
    margin: 0 auto; }
    .kiyaku article .contents--inner--block {
      position: relative;
      background-color: #fff;
      padding: 40px 55px 50px; }
      .kiyaku article .contents--inner--block:before {
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 100%;
        background: url("../images/common/img-verticalline_pc.png") repeat-y 0;
        left: -10px;
        top: 0; }
      .kiyaku article .contents--inner--block .ttl {
        text-align: center; }
        .kiyaku article .contents--inner--block .ttl h3, .kiyaku article .contents--inner--block .ttl .en {
          line-height: 1.0; }
        .kiyaku article .contents--inner--block .ttl h3 {
          font-weight: bold;
          letter-spacing: .12em;
          font-size: 2.4rem; }
        .kiyaku article .contents--inner--block .ttl .en {
          margin-top: 10px;
          font-family: bilo, sans-serif;
          font-weight: 600;
          color: #000;
          font-size: 1.4rem; }
      .kiyaku article .contents--inner--block .intro {
        margin-top: 40px;
        font-size: 1.4rem;
        text-align: center; }
      .kiyaku article .contents--inner--block .list {
        margin-top: 50px; }
        .kiyaku article .contents--inner--block .list--block--c {
          width: 100%;
          height: 30px;
          display: flex;
          justify-content: flex-start; }
          .kiyaku article .contents--inner--block .list--block--c .number {
            width: 71px;
            background: #ffcd00;
            font-size: 1.6rem;
            font-weight: 600;
            letter-spacing: .025em;
            line-height: 30px;
            text-align: center; }
          .kiyaku article .contents--inner--block .list--block--c .item {
            width: 100%;
            font-size: 1.6rem;
            font-weight: 600;
            letter-spacing: .025em;
            line-height: 30px;
            border-bottom: 1px solid #ffcd00; }
        .kiyaku article .contents--inner--block .list--block--txt {
          font-size: 1.4rem;
          line-height: 1.5;
          margin-top: 11px;
          letter-spacing: -.05em; }
        .kiyaku article .contents--inner--block .list--block ol {
          padding-left: 1.5em; }
          .kiyaku article .contents--inner--block .list--block ol li {
            margin-top: 11px;
            padding-left: 1em;
            font-size: 1.4rem;
            letter-spacing: -.03em;
            line-height: 1.5;
            list-style-type: decimal; }
        .kiyaku article .contents--inner--block .list--block .figure {
          margin-top: 17px;
          padding-bottom: 13px;
          display: flex;
          justify-content: flex-start; }
          .kiyaku article .contents--inner--block .list--block .figure--box p {
            font-size: 1.4rem;
            line-height: 1.5; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c dl dt, .kiyaku article .contents--inner--block .list--block .figure--box--c dl dd {
            height: 36px;
            line-height: 36px;
            font-size: 1.4rem;
            border: 1px solid #D9D9D9;
            border-collapse: collapse; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c dl dt {
            background: #F7F7F7;
            padding-left: 4px; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c dl dd {
            margin-top: -36px; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c dl:not(:last-of-type) dt, .kiyaku article .contents--inner--block .list--block .figure--box--c dl:not(:last-of-type) dd {
            border-bottom: none; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 {
            margin-top: 10px; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl {
              width: 304px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dt {
                width: 114px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dd {
                padding-left: 127px; }
          .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 {
            margin-top: 24px; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl {
              width: 593px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dt {
                width: 109px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dd {
                padding-left: 122px; }
          .kiyaku article .contents--inner--block .list--block .figure--box:not(:first-of-type) {
            margin-left: 66px; }
        .kiyaku article .contents--inner--block .list--block .ref {
          margin-top: 40px; }
          .kiyaku article .contents--inner--block .list--block .ref--ttl {
            font-size: 1.6rem;
            font-weight: 600;
            letter-spacing: .025em; }
          .kiyaku article .contents--inner--block .list--block .ref .list--block--txt {
            margin-top: 4px; }
          .kiyaku article .contents--inner--block .list--block .ref ul {
            margin: 15px 0 0 1.8em; }
            .kiyaku article .contents--inner--block .list--block .ref ul li {
              font-size: 1.4rem;
              line-height: 1.5;
              list-style-type: disc; }
        .kiyaku article .contents--inner--block .list--block:not(:first-of-type) {
          margin-top: 42px; }
.kiyaku article .under-link {
  margin-top: 0; }

.member article {
  background: #fff; }
  .member article .main-v {
    background: url("../images/outline/member/img-main_pc.jpg") no-repeat center/cover; }
    .member article .main-v--ttl {
      background-color: #fff;
      padding: 60px 0 80px 0; }
      .member article .main-v--ttl--inner .icon {
        max-width: calc(77px * .84);
        margin: 0 auto; }
        .member article .main-v--ttl--inner .icon img {
          width: 100%; }
      .member article .main-v--ttl--inner h1 {
        color: #000; }
      .member article .main-v--ttl--inner .en {
        color: #000; }
    .member article .main-v:after {
      background: url("../images/common/img-main-under-wave-w.png") repeat-x 0; }
  .member article .anc {
    margin-top: 52px; }
    .member article .anc ul {
      max-width: 935px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      .member article .anc ul li {
        width: 32%;
        height: 30px;
        position: relative; }
        .member article .anc ul li a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #ffcd00;
          text-decoration: none; }
          .member article .anc ul li a span {
            font-size: 2.0rem;
            line-height: 30px;
            color: #000;
            font-family: bilo, sans-serif;
            font-weight: 600; }
        .member article .anc ul li::after {
          content: '';
          display: block;
          position: absolute;
          bottom: -20px;
          left: 50%;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-top: 10px solid #ffcd00;
          border-right: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 10px solid transparent; }
  .member article .section--inner {
    max-width: 935px;
    margin: 0 auto; }
    .member article .section--inner h2 {
      background: #ffcd00;
      font-size: 2.7rem;
      line-height: 38px;
      color: #000;
      font-family: bilo, sans-serif;
      font-weight: 600;
      text-align: center;
      width: 233px;
      margin: 0 auto; }
    .member article .section--inner ul {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .member article .section--inner ul li {
        width: 22%;
        margin: 35px 4% 0 0; }
        .member article .section--inner ul li:nth-of-type(4n) {
          margin-right: 0; }
        .member article .section--inner ul li a {
          display: block;
          width: 100%;
          color: #000;
          text-decoration: none; }
          .member article .section--inner ul li a .box figure {
            width: 100%;
            border: 1px solid #ffcd00;
            box-sizing: border-box;
            position: relative; }
            .member article .section--inner ul li a .box figure::after {
              content: '';
              display: block;
              position: absolute;
              bottom: 4px;
              right: 4px;
              width: 25px;
              height: 25px;
              background: url("../images/common/img-arrow-blank.png") no-repeat center/contain; }
            .member article .section--inner ul li a .box figure img {
              width: 100%; }
          .member article .section--inner ul li a .box--txt {
            margin-top: 10px;
            font-size: 14px;
            line-height: 1.2; }
  .member article .section.governor {
    margin-top: 67px; }
  .member article .section.special {
    margin-top: 60px; }
  .member article .section.regular {
    margin-top: 110px; }
    .member article .section.regular .section--inner h2 {
      width: 380px; }
    .member article .section.regular .section--inner .regular-block {
      width: 100%;
      margin-top: 24px;
      display: flex;
      justify-content: space-between; }
      .member article .section.regular .section--inner .regular-block--c {
        width: 47%; }
        .member article .section.regular .section--inner .regular-block--c h3 {
          font-size: 2.4rem;
          color: #000;
          font-family: bilo, sans-serif;
          font-weight: 600;
          text-align: center; }
        .member article .section.regular .section--inner .regular-block--c--box {
          width: 100%;
          margin-top: 25px;
          border-top: 1px solid #ffcd00;
          border-right: 1px solid #ffcd00;
          border-left: 1px solid #ffcd00; }
          .member article .section.regular .section--inner .regular-block--c--box--item {
            width: 100%;
            display: flex;
            border-bottom: 1px solid #ffcd00; }
            .member article .section.regular .section--inner .regular-block--c--box--item--area {
              width: 28%;
              min-height: 52px;
              font-size: 1.4rem;
              color: #000;
              padding: 14px;
              background: #FFF8D1;
              border-right: 1px solid #ffcd00; }
            .member article .section.regular .section--inner .regular-block--c--box--item--members {
              width: 72%; }
              .member article .section.regular .section--inner .regular-block--c--box--item--members--name {
                width: 100%;
                min-height: 52px; }
                .member article .section.regular .section--inner .regular-block--c--box--item--members--name a {
                  display: block;
                  width: 100%;
                  height: 100%;
                  padding: 14px;
                  background: #fff;
                  color: #000;
                  font-size: 1.4rem;
                  line-height: 1.3;
                  letter-spacing: .025em;
                  text-decoration: none;
                  font-weight: 400;
                  position: relative; }
                  .member article .section.regular .section--inner .regular-block--c--box--item--members--name a.no-icon {
                    pointer-events: none; }
                    .member article .section.regular .section--inner .regular-block--c--box--item--members--name a.no-icon::after {
                      display: none; }
                  .member article .section.regular .section--inner .regular-block--c--box--item--members--name a::after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    width: 25px;
                    height: 25px;
                    background: url("../images/common/img-arrow-blank.png") no-repeat center/contain; }
                .member article .section.regular .section--inner .regular-block--c--box--item--members--name:not(:last-of-type) {
                  border-bottom: 1px solid #ffcd00; }

.message article .main {
  padding: 50px 0;
  border-top: 24px solid #ffcd00; }
  .message article .main--inner {
    text-align: center; }
    .message article .main--inner .icon {
      width: 4.6vw;
      margin: 0 auto; }
    .message article .main--inner dl {
      line-height: 1; }
      .message article .main--inner dl h2 {
        font-size: 2.3vw;
        font-weight: bold;
        line-height: 1;
        letter-spacing: .1em;
        color: #000;
        margin-top: 1.8vw; }
      .message article .main--inner dl dd {
        font-size: 1.5vw;
        font-family: bilo, sans-serif;
        font-weight: 600;
        letter-spacing: .03em;
        color: #000;
        margin-top: 1.4vw; }
.message article .container--inner {
  width: 72.3vw;
  margin: 0 auto; }
  .message article .container--inner--message p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .03em;
    text-align: justify; }
  .message article .container--inner--profile {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin: 0 0 0 auto; }
    .message article .container--inner--profile .image {
      width: 200px;
      margin-top: 40px; }
    .message article .container--inner--profile--texts {
      padding-right: 20px;
      line-height: 1;
      letter-spacing: .03em; }
      .message article .container--inner--profile--texts p {
        font-size: 1.5rem;
        margin-top: 10px; }
      .message article .container--inner--profile--texts dl dt {
        font-size: 1.8rem;
        margin-top: 19px; }
      .message article .container--inner--profile--texts dl dd {
        font-size: 1.2rem;
        margin-top: 9px; }
.message article .under-link:before {
  display: none; }

.summit article .main-v {
  background: url("../images/outline/summit/img-main_pc.jpg") no-repeat center/cover; }
  .summit article .main-v--ttl {
    background-color: #fff;
    padding: 60px 0 80px 0; }
    .summit article .main-v--ttl--inner .icon {
      max-width: calc(63px * .84);
      margin: 0 auto; }
      .summit article .main-v--ttl--inner .icon img {
        width: 100%; }
    .summit article .main-v--ttl--inner h1 {
      color: #000; }
    .summit article .main-v--ttl--inner .en {
      color: #000; }
  .summit article .main-v:after {
    background: url("../images/common/img-main-under-wave-w.png") repeat-x 0; }
.summit article .events {
  margin-top: 78px;
  padding-bottom: 50px; }
  .summit article .events--inner {
    max-width: 1023px;
    margin: 0 auto; }
    .summit article .events--inner .ttl {
      text-align: center; }
      .summit article .events--inner .ttl h2, .summit article .events--inner .ttl .en {
        line-height: 1.0; }
      .summit article .events--inner .ttl h2 {
        font-weight: bold;
        letter-spacing: .12em;
        font-size: 2.4rem; }
      .summit article .events--inner .ttl .en {
        margin-top: 10px;
        font-family: bilo, sans-serif;
        font-weight: 600;
        color: #000;
        font-size: 1.4rem; }
    .summit article .events--inner ul {
      width: 100%;
      margin-top: 57px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .summit article .events--inner ul li {
        width: 30%;
        margin-right: 5%; }
        .summit article .events--inner ul li a {
          display: block;
          width: 100%;
          text-decoration: none; }
          .summit article .events--inner ul li a figure {
            width: 100%;
            border: 4px solid #ffcd00;
            box-sizing: border-box; }
            .summit article .events--inner ul li a figure img {
              width: 100%; }
          .summit article .events--inner ul li a .info {
            margin-top: 15px;
            position: relative; }
            .summit article .events--inner ul li a .info h3 {
              color: #000;
              font-size: 1.6rem;
              letter-spacing: .025em;
              font-weight: 600; }
            .summit article .events--inner ul li a .info--c {
              color: #000;
              font-size: 1.3rem; }
              .summit article .events--inner ul li a .info--c.time {
                margin-top: 10px; }
            .summit article .events--inner ul li a .info::after {
              content: '';
              display: block;
              position: absolute;
              bottom: -42px;
              left: 0;
              width: 28px;
              height: 25px;
              background: url("../images/common/btn_more_black-y.png") no-repeat center/contain; }
        .summit article .events--inner ul li:nth-of-type(3n) {
          margin-right: 0; }
        .summit article .events--inner ul li:nth-of-type(n+4) {
          margin-top: 118px; }

.event article .main-v {
  background: #ffcd00;
  height: 360px;
  display: flex;
  align-items: center;
  position: relative; }
  .event article .main-v--inner {
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .event article .main-v--inner--info h2 {
      color: #000;
      font-size: 2.8rem;
      letter-spacing: .025em;
      font-weight: 600; }
    .event article .main-v--inner--info--c {
      color: #000;
      font-size: 1.6rem;
      font-weight: 500; }
      .event article .main-v--inner--info--c.time {
        margin-top: 24px; }
    .event article .main-v--inner--img {
      width: 42%; }
      .event article .main-v--inner--img img {
        width: 100%; }
  .event article .main-v:after {
    height: 29px;
    bottom: -19px;
    background: url("../images/common/img_decoration02-yellow_pc.png") repeat-x 0; }
.event article .contents {
  margin-top: 78px;
  padding-bottom: 50px;
  background: #fff; }
  .event article .contents .tab-panel .tab-group {
    max-width: 937px;
    margin: 0 auto;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .event article .contents .tab-panel .tab-group::before, .event article .contents .tab-panel .tab-group::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      width: 4.7%;
      height: 1px;
      background: #000; }
    .event article .contents .tab-panel .tab-group::before {
      left: -4.7%; }
    .event article .contents .tab-panel .tab-group::after {
      right: -4.7%; }
    .event article .contents .tab-panel .tab-group .tab {
      min-width: 183px;
      height: 41px;
      background: #fff;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      border-left: 1px solid #000;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .event article .contents .tab-panel .tab-group .tab span {
        font-size: 1.6rem;
        line-height: 41px;
        letter-spacing: .1em;
        text-align: center; }
      .event article .contents .tab-panel .tab-group .tab.is-active {
        background: #000;
        transition: all 0.875s ease-out; }
        .event article .contents .tab-panel .tab-group .tab.is-active span {
          color: #fff; }
  .event article .contents .tab-panel .panel-group .panel {
    display: none;
    max-width: 937px;
    margin: 0 auto; }
    .event article .contents .tab-panel .panel-group .panel.is-show {
      display: block; }
    .event article .contents .tab-panel .panel-group .panel--inner h3 {
      margin-top: 50px;
      font-size: 2.2rem;
      letter-spacing: .1em;
      line-height: 30px;
      padding-left: 12px;
      border-left: 4px solid #ffcd00; }
    .event article .contents .tab-panel .panel-group .panel--inner .table--info {
      margin-top: 18px; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl {
        display: flex;
        justify-content: flex-start; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl:not(:first-of-type) {
          margin-top: 6px; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dt {
          background: #ffcd00;
          width: 133px;
          height: 22px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dt p {
            font-size: 1.4rem;
            text-align: center; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dd {
          padding-left: 10px;
          display: flex;
          align-items: center;
          width: calc(100% - 143px); }
          .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dd .med {
            font-size: 1.4rem;
            line-height: 22px; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl:not(:first-of-type) {
        margin-top: 27px; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dt {
        height: auto; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dt--c figure {
          width: 39px;
          margin: 0 auto; }
          .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dt--c figure img {
            width: 100%; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd {
        display: block; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .med-item {
          font-size: 1.4rem;
          line-height: 1.9; }
          .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .med-item .yellow {
            color: #ffcd00; }
          .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .med-item:not(:first-of-type) {
            margin-top: 6px; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .reg {
          font-size: 1.4rem;
          line-height: 1.5;
          font-weight: 400;
          margin-top: .5em; }
    .event article .contents .tab-panel .panel-group .panel--inner .report {
      margin-top: 24px;
      display: flex;
      justify-content: space-between; }
      .event article .contents .tab-panel .panel-group .panel--inner .report:not(:first-of-type) {
        margin-top: 42px; }
      .event article .contents .tab-panel .panel-group .panel--inner .report--info {
        width: 57%; }
        .event article .contents .tab-panel .panel-group .panel--inner .report--info--ttl {
          border-bottom: 1px solid #ffcd00; }
          .event article .contents .tab-panel .panel-group .panel--inner .report--info--ttl h4 {
            height: 29px;
            padding: 0 9px;
            background: #ffcd00;
            font-size: 1.6rem;
            line-height: 29px;
            display: inline-block; }
        .event article .contents .tab-panel .panel-group .panel--inner .report--info--txt {
          margin-top: 20px;
          font-size: 1.4rem;
          line-height: 1.7;
          font-weight: 400;
          text-align: justify; }
      .event article .contents .tab-panel .panel-group .panel--inner .report figure {
        width: 39%;
        margin-left: 4%; }
        .event article .contents .tab-panel .panel-group .panel--inner .report figure img {
          width: 100%; }
    .event article .contents .tab-panel .panel-group .panel--inner .report-s {
      margin-top: 24px; }
      .event article .contents .tab-panel .panel-group .panel--inner .report-s h5 {
        font-size: 1.5rem; }
      .event article .contents .tab-panel .panel-group .panel--inner .report-s--txt {
        margin-top: 5px;
        font-size: 1.3rem;
        line-height: 1.7;
        font-weight: 400;
        text-align: justify; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s--txt a {
          color: #000;
          font-weight: bold; }
      .event article .contents .tab-panel .panel-group .panel--inner .report-s ol {
        margin: 1em 0 0 2em; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s ol li {
          font-size: 1.3rem;
          line-height: 1.7;
          font-weight: 400;
          list-style-type: decimal; }
      .event article .contents .tab-panel .panel-group .panel--inner .report-s.img {
        position: relative;
        min-height: 210px; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s.img .report-s--txt {
          width: 62%; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s.img figure {
          position: absolute;
          top: 0;
          right: 0;
          width: 35%; }
          .event article .contents .tab-panel .panel-group .panel--inner .report-s.img figure img {
            width: 100%; }
    .event article .contents .tab-panel .panel-group .panel--inner--txt {
      margin-top: 27px;
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400;
      text-align: justify; }
      .event article .contents .tab-panel .panel-group .panel--inner--txt.big {
        font-size: 1.6rem; }
    .event article .contents .tab-panel .panel-group .panel--inner ol {
      margin: 27px 0 0 2em; }
      .event article .contents .tab-panel .panel-group .panel--inner ol li {
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: 400;
        list-style-type: decimal; }
    .event article .contents .tab-panel .panel-group .panel--inner .att {
      margin-top: 56px;
      text-align: right;
      font-size: 1.4rem;
      font-weight: 400; }
    .event article .contents .tab-panel .panel-group .panel.tab-b .panel--inner--txt {
      letter-spacing: -.08em; }
    .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum {
      margin-top: 25px;
      border: 1px solid #ffcd00; }
      .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum:not(:first-of-type) {
        margin-top: 58px; }
      .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl {
        background: #ffcd00;
        padding: 9px 14px;
        display: flex;
        justify-content: flex-start; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--number, .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--txt {
          font-size: 1.6rem; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--txt {
          padding-left: 43px; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--txt.no-space {
            padding-left: 0; }
      .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c {
        padding: 19px 22px 25px;
        display: flex;
        justify-content: space-between; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c figure {
          width: 25%; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c figure img {
            width: 100%; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info {
          width: 72%; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info .name {
            font-size: 1.8rem; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info .who {
            margin-top: 20px;
            font-size: 1.4rem; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--txt {
            margin-top: 27px;
            font-size: 1.4rem;
            line-height: 1.6;
            letter-spacing: -.025em;
            text-align: justify; }
            .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--txt.small {
              font-size: 1.2rem; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--att {
            margin-top: 25px;
            font-size: 1.2rem;
            line-height: 1.5;
            letter-spacing: -.025em;
            text-align: justify; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c.center {
          align-items: center; }
    .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner {
      padding-top: 62px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal {
        width: 22%;
        margin-right: 4%;
        border: 4px solid #ffcd00;
        box-sizing: border-box;
        padding-top: 22%;
        position: relative; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal:nth-of-type(4n) {
          margin-right: 0; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal:nth-of-type(n+5) {
          margin-top: 36px; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-1 a {
          background: url("../images/outline/summit/01/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-2 a {
          background: url("../images/outline/summit/01/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-3 a {
          background: url("../images/outline/summit/01/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-4 a {
          background: url("../images/outline/summit/01/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-5 a {
          background: url("../images/outline/summit/01/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-6 a {
          background: url("../images/outline/summit/01/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-7 a {
          background: url("../images/outline/summit/01/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-8 a {
          background: url("../images/outline/summit/01/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-9 a {
          background: url("../images/outline/summit/01/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-10 a {
          background: url("../images/outline/summit/01/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-11 a {
          background: url("../images/outline/summit/01/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-12 a {
          background: url("../images/outline/summit/01/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-13 a {
          background: url("../images/outline/summit/01/gal013.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-14 a {
          background: url("../images/outline/summit/01/gal014.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-15 a {
          background: url("../images/outline/summit/01/gal015.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-16 a {
          background: url("../images/outline/summit/01/gal016.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-17 a {
          background: url("../images/outline/summit/01/gal017.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-18 a {
          background: url("../images/outline/summit/01/gal018.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-19 a {
          background: url("../images/outline/summit/01/gal019.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-20 a {
          background: url("../images/outline/summit/01/gal020.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-21 a {
          background: url("../images/outline/summit/01/gal021.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-22 a {
          background: url("../images/outline/summit/01/gal022.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-23 a {
          background: url("../images/outline/summit/01/gal023.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-24 a {
          background: url("../images/outline/summit/01/gal024.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-25 a {
          background: url("../images/outline/summit/01/gal025.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-26 a {
          background: url("../images/outline/summit/01/gal026.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-27 a {
          background: url("../images/outline/summit/01/gal027.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal1-28 a {
          background: url("../images/outline/summit/01/gal028.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-1 a {
          background: url("../images/outline/summit/02/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-2 a {
          background: url("../images/outline/summit/02/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-3 a {
          background: url("../images/outline/summit/02/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-4 a {
          background: url("../images/outline/summit/02/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-5 a {
          background: url("../images/outline/summit/02/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-6 a {
          background: url("../images/outline/summit/02/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-7 a {
          background: url("../images/outline/summit/02/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-8 a {
          background: url("../images/outline/summit/02/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-9 a {
          background: url("../images/outline/summit/02/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-10 a {
          background: url("../images/outline/summit/02/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-11 a {
          background: url("../images/outline/summit/02/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-12 a {
          background: url("../images/outline/summit/02/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-13 a {
          background: url("../images/outline/summit/02/gal013.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-14 a {
          background: url("../images/outline/summit/02/gal014.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-15 a {
          background: url("../images/outline/summit/02/gal015.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-16 a {
          background: url("../images/outline/summit/02/gal016.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-17 a {
          background: url("../images/outline/summit/02/gal017.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal2-18 a {
          background: url("../images/outline/summit/02/gal018.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-1 a {
          background: url("../images/outline/summit/03/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-2 a {
          background: url("../images/outline/summit/03/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-3 a {
          background: url("../images/outline/summit/03/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-4 a {
          background: url("../images/outline/summit/03/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-5 a {
          background: url("../images/outline/summit/03/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-6 a {
          background: url("../images/outline/summit/03/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-7 a {
          background: url("../images/outline/summit/03/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-8 a {
          background: url("../images/outline/summit/03/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-9 a {
          background: url("../images/outline/summit/03/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-10 a {
          background: url("../images/outline/summit/03/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-11 a {
          background: url("../images/outline/summit/03/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-12 a {
          background: url("../images/outline/summit/03/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-13 a {
          background: url("../images/outline/summit/03/gal013.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-14 a {
          background: url("../images/outline/summit/03/gal014.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal3-15 a {
          background: url("../images/outline/summit/03/gal015.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-1 a {
          background: url("../images/outline/summit/04/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-2 a {
          background: url("../images/outline/summit/04/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-3 a {
          background: url("../images/outline/summit/04/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-4 a {
          background: url("../images/outline/summit/04/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-5 a {
          background: url("../images/outline/summit/04/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-6 a {
          background: url("../images/outline/summit/04/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-7 a {
          background: url("../images/outline/summit/04/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-8 a {
          background: url("../images/outline/summit/04/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-9 a {
          background: url("../images/outline/summit/04/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-10 a {
          background: url("../images/outline/summit/04/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-11 a {
          background: url("../images/outline/summit/04/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-12 a {
          background: url("../images/outline/summit/04/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-13 a {
          background: url("../images/outline/summit/04/gal013.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-14 a {
          background: url("../images/outline/summit/04/gal014.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-15 a {
          background: url("../images/outline/summit/04/gal015.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-16 a {
          background: url("../images/outline/summit/04/gal016.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-17 a {
          background: url("../images/outline/summit/04/gal017.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-18 a {
          background: url("../images/outline/summit/04/gal018.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-19 a {
          background: url("../images/outline/summit/04/gal019.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-20 a {
          background: url("../images/outline/summit/04/gal020.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-21 a {
          background: url("../images/outline/summit/04/gal021.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-22 a {
          background: url("../images/outline/summit/04/gal022.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal4-23 a {
          background: url("../images/outline/summit/04/gal023.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-1 a {
          background: url("../images/outline/summit/05/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-2 a {
          background: url("../images/outline/summit/05/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-3 a {
          background: url("../images/outline/summit/05/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-4 a {
          background: url("../images/outline/summit/05/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-5 a {
          background: url("../images/outline/summit/05/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-6 a {
          background: url("../images/outline/summit/05/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-7 a {
          background: url("../images/outline/summit/05/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-8 a {
          background: url("../images/outline/summit/05/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-9 a {
          background: url("../images/outline/summit/05/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-10 a {
          background: url("../images/outline/summit/05/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-11 a {
          background: url("../images/outline/summit/05/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-12 a {
          background: url("../images/outline/summit/05/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-13 a {
          background: url("../images/outline/summit/05/gal013.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-14 a {
          background: url("../images/outline/summit/05/gal014.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-15 a {
          background: url("../images/outline/summit/05/gal015.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-16 a {
          background: url("../images/outline/summit/05/gal016.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal5-17 a {
          background: url("../images/outline/summit/05/gal017.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-1 a {
          background: url("../images/outline/summit/06/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-2 a {
          background: url("../images/outline/summit/06/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-3 a {
          background: url("../images/outline/summit/06/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-4 a {
          background: url("../images/outline/summit/06/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-5 a {
          background: url("../images/outline/summit/06/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-6 a {
          background: url("../images/outline/summit/06/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-7 a {
          background: url("../images/outline/summit/06/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-8 a {
          background: url("../images/outline/summit/06/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-9 a {
          background: url("../images/outline/summit/06/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-10 a {
          background: url("../images/outline/summit/06/gal010.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-11 a {
          background: url("../images/outline/summit/06/gal011.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal6-12 a {
          background: url("../images/outline/summit/06/gal012.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-1 a {
          background: url("../images/outline/summit/07/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-2 a {
          background: url("../images/outline/summit/07/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-3 a {
          background: url("../images/outline/summit/07/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-4 a {
          background: url("../images/outline/summit/07/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-5 a {
          background: url("../images/outline/summit/07/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-6 a {
          background: url("../images/outline/summit/07/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-7 a {
          background: url("../images/outline/summit/07/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal7-8 a {
          background: url("../images/outline/summit/07/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-1 a {
          background: url("../images/outline/summit/010/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-2 a {
          background: url("../images/outline/summit/010/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-3 a {
          background: url("../images/outline/summit/010/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-4 a {
          background: url("../images/outline/summit/010/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-5 a {
          background: url("../images/outline/summit/010/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-6 a {
          background: url("../images/outline/summit/010/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal10-7 a {
          background: url("../images/outline/summit/010/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-1 a {
          background: url("../images/outline/summit/011/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-2 a {
          background: url("../images/outline/summit/011/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-3 a {
          background: url("../images/outline/summit/011/gal03.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-4 a {
          background: url("../images/outline/summit/011/gal04.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-5 a {
          background: url("../images/outline/summit/011/gal05.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-6 a {
          background: url("../images/outline/summit/011/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-7 a {
          background: url("../images/outline/summit/011/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-8 a {
          background: url("../images/outline/summit/011/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal11-9 a {
          background: url("../images/outline/summit/011/gal09.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-1 a {
          background: url("../images/outline/summit/012/gal01.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-2 a {
          background: url("../images/outline/summit/012/gal02.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-3 a {
          background: url("../images/outline/summit/012/gal03.jpg") left 20% center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-4 a {
          background: url("../images/outline/summit/012/gal04.jpg") right 19% center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-5 a {
          background: url("../images/outline/summit/012/gal05.jpg") right 23% center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-6 a {
          background: url("../images/outline/summit/012/gal06.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-7 a {
          background: url("../images/outline/summit/012/gal07.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-8 a {
          background: url("../images/outline/summit/012/gal08.jpg") center/cover; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal.modal12-9 a {
          background: url("../images/outline/summit/012/gal09.jpg") center/cover; }
      .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner.no-modal {
        max-width: 450px;
        margin: 0 auto;
        height: auto; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner.no-modal img {
          width: 100%;
          align-self: flex-start; }

.mfp-close {
  display: none !important; }

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-wrap .modal-content {
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/* content animate it */
.mfp-wrap.mfp-ready .modal-content {
  transform: translateY(0);
  opacity: 1; }

/* content animate out */
.mfp-wrap.mfp-removing .modal-content {
  transform: translateY(30px);
  opacity: 0; }

/*next-back button*/
.button-all {
  width: 480px;
  height: 34px;
  position: absolute;
  bottom: 67px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%); }
  .button-all .mfp-arrow {
    height: 34px;
    opacity: 1;
    top: auto;
    bottom: 0;
    margin-top: 0;
    transition: all .6s ease-out; }
    .button-all .mfp-arrow:before, .button-all .mfp-arrow:after {
      display: none; }
    .button-all .mfp-arrow.mfp-arrow-left {
      width: 67px;
      background: url("../images/common/modal-back.png") no-repeat left bottom/contain; }
    .button-all .mfp-arrow.mfp-arrow-right {
      width: 63px;
      background: url("../images/common/modal-next.png") no-repeat right bottom/contain; }

.modal-content {
  background: #ffcd00;
  transition: all .6s ease-out;
  border-radius: 0;
  max-width: 940px;
  margin: 30px auto;
  position: relative; }
  .modal-content .popup-modal-close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    top: -37px;
    z-index: 2;
    cursor: pointer; }
    .modal-content .popup-modal-close span {
      width: 100%; }
      .modal-content .popup-modal-close span img {
        width: 100%; }
  .modal-content--inner {
    padding: 30px 30px 90px; }
    .modal-content--inner--fig {
      width: 100%;
      height: auto; }
      .modal-content--inner--fig img {
        width: 100%; }

@media screen and (max-width: 768px) {
  .about article .contents {
    padding: 115px 3% 110px 3%; }
    .about article .contents--inner--block {
      padding: 40px 5% 50px; }

  .kiyaku article .contents {
    padding: 0 3% 110px 3%; }
    .kiyaku article .contents--inner--block {
      padding: 40px 5% 50px; }

  .member article .anc ul li a {
    font-size: 1.8rem; } }
@media screen and (max-width: 767px) {
  .about article .main-v--ttl {
    padding: 22px 0 30px 0; }
    .about article .main-v--ttl--inner .icon {
      max-width: 26.8%; }
  .about article .main-v:before {
    background: url("../images/outline/about/img-main_sp.png") no-repeat center/contain; }
  .about article .contents {
    padding: 50px 0 60px 0; }
    .about article .contents--inner {
      max-width: 88%; }
      .about article .contents--inner--block {
        padding: 20px 4.5%; }
        .about article .contents--inner--block:before {
          width: 12px;
          background: url("../images/common/img-verticalline_sp.png") repeat-y 0/76%;
          left: -8px; }
        .about article .contents--inner--block .ttl h2 {
          letter-spacing: .06em;
          font-size: 14px;
          font-size: 4.375vw; }
        .about article .contents--inner--block .ttl .en {
          font-size: 13px;
          font-size: 4.0625vw; }
        .about article .contents--inner--block p {
          font-size: 11px;
          font-size: 3.4375vw; }
        .about article .contents--inner--block .table {
          margin-top: 20px; }
          .about article .contents--inner--block .table dl {
            display: block;
            text-align: center; }
            .about article .contents--inner--block .table dl dt {
              padding: 4px 0;
              line-height: 1.0;
              width: 100%;
              display: block;
              font-size: 11px;
              font-size: 3.4375vw; }
            .about article .contents--inner--block .table dl dd {
              margin-top: 7px;
              padding-left: 0;
              width: 100%;
              font-size: 11px;
              font-size: 3.4375vw; }
            .about article .contents--inner--block .table dl:nth-of-type(n+2) {
              margin-top: 20px; }
            .about article .contents--inner--block .table dl:last-child dd {
              line-height: 2.0; }
        .about article .contents--inner--block .flex {
          margin-top: 25px;
          display: block; }
          .about article .contents--inner--block .flex .logo {
            max-width: 42%;
            margin: 0 auto; }
          .about article .contents--inner--block .flex .text {
            max-width: 100%;
            margin-top: 25px; }
            .about article .contents--inner--block .flex .text h3 {
              font-size: 11px;
              font-size: 3.4375vw;
              text-align: center; }
            .about article .contents--inner--block .flex .text p {
              margin-top: 15px; }
        .about article .contents--inner--block:nth-of-type(n+2) {
          margin-top: 35px; }
        .about article .contents--inner--block.b01 p {
          margin-top: 15px; }
    .about article .contents .link-btn {
      max-width: 57%;
      margin: 40px auto 0 auto; }
      .about article .contents .link-btn a {
        padding: 10px 0;
        font-size: 13px;
        font-size: 4.0625vw; }

  .kiyaku article .kiyaku-main {
    height: 174px; }
    .kiyaku article .kiyaku-main--ttl {
      width: 144px; }
      .kiyaku article .kiyaku-main--ttl .icon {
        max-width: 56px; }
      .kiyaku article .kiyaku-main--ttl h2 {
        margin-top: 6px;
        font-size: 5.067vw; }
      .kiyaku article .kiyaku-main--ttl .en {
        margin-top: 10px;
        font-size: 3.733vw; }
  .kiyaku article .contents {
    padding: 0 0 60px 0; }
    .kiyaku article .contents--inner {
      max-width: 88%; }
      .kiyaku article .contents--inner--block {
        padding: 30px 4.5%; }
        .kiyaku article .contents--inner--block:before {
          width: 12px;
          background: url("../images/common/img-verticalline_sp.png") repeat-y 0/76%;
          left: -8px; }
        .kiyaku article .contents--inner--block .ttl h3 {
          font-size: 4.533vw; }
        .kiyaku article .contents--inner--block .ttl .en {
          font-size: 3.467vw; }
        .kiyaku article .contents--inner--block .intro {
          margin-top: 26px;
          font-size: 3.467vw; }
        .kiyaku article .contents--inner--block .list {
          margin-top: 22px; }
          .kiyaku article .contents--inner--block .list--block--c {
            height: 6.525vw; }
            .kiyaku article .contents--inner--block .list--block--c .number {
              width: 13.58vw;
              font-size: 3.467vw;
              line-height: 6.525vw; }
            .kiyaku article .contents--inner--block .list--block--c .item {
              font-size: 3.467vw;
              line-height: 6.525vw; }
          .kiyaku article .contents--inner--block .list--block--txt {
            font-size: 3.467vw;
            margin-top: 15px; }
          .kiyaku article .contents--inner--block .list--block ol li {
            margin-top: 20px;
            padding-left: .5em;
            font-size: 3.467vw; }
          .kiyaku article .contents--inner--block .list--block .figure {
            margin-top: 28px;
            padding-bottom: 5px;
            display: block; }
            .kiyaku article .contents--inner--block .list--block .figure--box p {
              font-size: 3.467vw; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c dl dt, .kiyaku article .contents--inner--block .list--block .figure--box--c dl dd {
              height: 9vw;
              line-height: 9vw;
              font-size: 3.467vw; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c dl dt {
              padding-left: 1vw; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c dl dd {
              margin-top: -9vw; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 {
              margin-top: 5px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl {
                width: 100%; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dt {
                  width: 34%; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dd {
                  padding-left: 38%; }
            .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 {
              margin-top: 20px; }
              .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl {
                width: 100%; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dt, .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dd {
                  height: 12.916vw;
                  line-height: 12.916vw; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dt {
                  width: 19%;
                  text-align: center; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dd {
                  padding-left: 23%;
                  margin-top: -12.916vw; }
                .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl:nth-of-type(1) dd, .kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl:nth-of-type(7) dd {
                  line-height: 1.3;
                  padding-top: 2vw; }
            .kiyaku article .contents--inner--block .list--block .figure--box:not(:first-of-type) {
              margin-left: 0;
              margin-top: 32px; }
          .kiyaku article .contents--inner--block .list--block .ref {
            margin-top: 20px; }
            .kiyaku article .contents--inner--block .list--block .ref--ttl {
              font-size: 3.467vw; }
            .kiyaku article .contents--inner--block .list--block .ref .list--block--txt {
              margin-top: 2px; }
            .kiyaku article .contents--inner--block .list--block .ref ul li {
              font-size: 3.467vw; }
          .kiyaku article .contents--inner--block .list--block:not(:first-of-type) {
            margin-top: 30px; }

  .member article .main-v {
    background: url("../images/outline/member/img-main_sp.jpg") no-repeat center/cover; }
    .member article .main-v--ttl {
      padding: 30px 0 40px 0; }
      .member article .main-v--ttl--inner .icon {
        max-width: 60px; }
  .member article .anc {
    margin-top: 26px; }
    .member article .anc ul {
      max-width: 100%; }
      .member article .anc ul li {
        height: 14.67vw; }
        .member article .anc ul li a span {
          font-size: 4vw;
          line-height: 1; }
        .member article .anc ul li::after {
          bottom: -10px;
          border-top: 5px solid #ffcd00;
          border-right: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid transparent; }
  .member article .section--inner {
    max-width: 92%; }
    .member article .section--inner h2 {
      font-size: 4.267vw;
      line-height: 8.5vw;
      width: 100%; }
    .member article .section--inner ul {
      display: block; }
      .member article .section--inner ul li {
        width: 100%;
        margin: 20px 0 0 0; }
        .member article .section--inner ul li:first-of-type {
          margin-top: 30px; }
        .member article .section--inner ul li a .box {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start; }
          .member article .section--inner ul li a .box figure {
            width: 37%; }
            .member article .section--inner ul li a .box figure::after {
              bottom: auto;
              top: 0;
              right: -10.93vw;
              width: 8.27vw;
              height: 8.27vw; }
          .member article .section--inner ul li a .box--txt {
            margin-top: 9.5vw;
            font-size: 3.467vw;
            line-height: 1.3;
            padding-left: 2.67vw;
            letter-spacing: -.05em; }
  .member article .section.governor {
    margin-top: 45px; }
  .member article .section.special {
    margin-top: 60px; }
  .member article .section.regular {
    margin: 64px 0 70px; }
    .member article .section.regular .section--inner h2 {
      width: 100%; }
    .member article .section.regular .section--inner .regular-block {
      margin-top: 0;
      display: block; }
      .member article .section.regular .section--inner .regular-block--c {
        width: 100%; }
        .member article .section.regular .section--inner .regular-block--c h3 {
          font-size: 4.267vw;
          margin-top: 20px; }
        .member article .section.regular .section--inner .regular-block--c--box {
          margin-top: 27px; }
          .member article .section.regular .section--inner .regular-block--c--box--item--area {
            min-height: 14vw;
            font-size: 3.467vw;
            padding: 2.9vw; }
          .member article .section.regular .section--inner .regular-block--c--box--item--members--name {
            width: 100%;
            min-height: 14vw; }
            .member article .section.regular .section--inner .regular-block--c--box--item--members--name a {
              padding: 2.9vw;
              font-size: 3.467vw; }
              .member article .section.regular .section--inner .regular-block--c--box--item--members--name a::after {
                top: 2.9vw;
                right: 2.9vw;
                width: 8.27vw;
                height: 8.27vw; }

  .message article .main {
    padding: 9.3vw 0;
    border-top: none; }
    .message article .main--inner .icon {
      width: 12vw; }
    .message article .main--inner dl h2 {
      font-size: 5vw;
      margin-top: 2.6vw; }
    .message article .main--inner dl dd {
      font-size: 3.7vw;
      margin-top: 2.6vw; }
  .message article .container--inner {
    width: 83.5vw; }
    .message article .container--inner--message p {
      font-size: 3.4vw;
      line-height: 1.7; }
    .message article .container--inner--profile {
      width: 52vw;
      flex-direction: row;
      margin: 0 auto; }
      .message article .container--inner--profile .image {
        width: 100%;
        margin: 10.6vw auto 0; }
      .message article .container--inner--profile--texts {
        padding-right: 1.5vw;
        line-height: 1;
        letter-spacing: .03em; }
        .message article .container--inner--profile--texts p {
          font-size: 3.4vw;
          margin-top: 2.6vw; }
        .message article .container--inner--profile--texts dl dt {
          font-size: 3.4vw;
          margin-top: 2.6vw; }
        .message article .container--inner--profile--texts dl dd {
          font-size: 3.4vw;
          margin-top: 1.3vw; }
  .message article .under-link:before {
    display: none; }

  .summit article .main-v {
    background: url("../images/outline/summit/img-main_sp.jpg") no-repeat center/cover; }
    .summit article .main-v--ttl {
      padding: 30px 0 40px 0; }
      .summit article .main-v--ttl--inner .icon {
        max-width: 39px; }
  .summit article .events {
    margin-top: 44px;
    padding-bottom: 30px; }
    .summit article .events--inner {
      max-width: 90%; }
      .summit article .events--inner .ttl h2 {
        font-size: 4.267vw; }
      .summit article .events--inner .ttl .en {
        margin-top: 13px;
        font-size: 5.333vw; }
      .summit article .events--inner ul {
        width: 100%;
        margin-top: 40px;
        display: block; }
        .summit article .events--inner ul li {
          width: 100%;
          margin-right: 0; }
          .summit article .events--inner ul li a .info h3 {
            font-size: 3.467vw; }
          .summit article .events--inner ul li a .info--c {
            font-size: 3.467vw; }
            .summit article .events--inner ul li a .info--c.time {
              margin-top: 7px; }
          .summit article .events--inner ul li a .info::after {
            bottom: 0;
            left: auto;
            right: 0;
            width: 10vw;
            height: 9.2vw; }
          .summit article .events--inner ul li:nth-of-type(n+4) {
            margin-top: 46px; }
          .summit article .events--inner ul li:not(:first-of-type) {
            margin-top: 46px; }

  .event article .main-v {
    height: 108vw; }
    .event article .main-v--inner {
      max-width: 90%;
      display: block; }
      .event article .main-v--inner--info h2 {
        font-size: 5.067vw;
        letter-spacing: .06em;
        text-align: center; }
      .event article .main-v--inner--info--c {
        font-size: 3.467vw;
        text-align: center;
        line-height: 1.5; }
        .event article .main-v--inner--info--c.time {
          margin-top: 4.27vw; }
      .event article .main-v--inner--img {
        width: 100%;
        margin: 6.5vw auto 0; }
    .event article .main-v:after {
      height: 22px;
      bottom: -4vw;
      background: url("../images/common/img_decoration02-yellow_sp.png") repeat-x 0; }
  .event article .contents {
    margin-top: 12.53vw; }
    .event article .contents .tab-panel .tab-group {
      max-width: 95%; }
      .event article .contents .tab-panel .tab-group::before, .event article .contents .tab-panel .tab-group::after {
        width: 2.5%; }
      .event article .contents .tab-panel .tab-group::before {
        left: -2.5%; }
      .event article .contents .tab-panel .tab-group::after {
        right: -2.5%; }
      .event article .contents .tab-panel .tab-group .tab {
        min-width: 19.2%;
        height: 13.6vw; }
        .event article .contents .tab-panel .tab-group .tab span {
          font-size: 3.467vw;
          line-height: 1.1;
          letter-spacing: 0; }
    .event article .contents .tab-panel .panel-group .panel {
      max-width: 90%; }
      .event article .contents .tab-panel .panel-group .panel--inner h3 {
        margin: 41px auto 0;
        font-size: 4.267vw;
        letter-spacing: .025em;
        line-height: 1;
        padding-left: 6px;
        border-left: 7px solid #ffcd00;
        display: table; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl:not(:first-of-type) {
        margin-top: 10px; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dt {
        width: 18.6vw;
        height: auto;
        padding: 9px 0; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dt p {
          font-size: 3.2vw;
          line-height: 1.2; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dd {
        padding-left: .5em;
        width: 76vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info--dl--dd .med {
          font-size: 3.2vw;
          line-height: 1; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl:not(:first-of-type) {
        margin-top: 14.5%; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dt--c figure {
        width: 6.8vw; }
      .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd {
        width: 80.67vw;
        margin-left: 1.867vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .med-item {
          font-size: 3.2vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .table--info.big-table .table--info--dl--dd .reg {
          font-size: 3.2vw;
          line-height: 1.37;
          margin-top: .8em;
          letter-spacing: -.03em; }
      .event article .contents .tab-panel .panel-group .panel--inner .report {
        margin-top: 17px;
        display: block; }
        .event article .contents .tab-panel .panel-group .panel--inner .report:not(:first-of-type) {
          margin-top: 64px; }
        .event article .contents .tab-panel .panel-group .panel--inner .report--info {
          width: 100%; }
          .event article .contents .tab-panel .panel-group .panel--inner .report--info--ttl h4 {
            height: 6.53vw;
            font-size: 3.467vw;
            line-height: 6.53vw; }
          .event article .contents .tab-panel .panel-group .panel--inner .report--info--txt {
            margin-top: 19px;
            font-size: 3.467vw;
            line-height: 1.5; }
        .event article .contents .tab-panel .panel-group .panel--inner .report figure {
          width: 100%;
          margin-left: 0;
          margin-top: 14px; }
      .event article .contents .tab-panel .panel-group .panel--inner .report-s {
        margin-top: 17px; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s h5 {
          font-size: 3.467vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s--txt {
          font-size: 3.2vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s ol li {
          font-size: 3.2vw; }
        .event article .contents .tab-panel .panel-group .panel--inner .report-s.img {
          min-height: auto;
          min-height: initial;
          margin-bottom: 120px; }
          .event article .contents .tab-panel .panel-group .panel--inner .report-s.img .report-s--txt {
            width: 100%; }
          .event article .contents .tab-panel .panel-group .panel--inner .report-s.img figure {
            top: auto;
            right: auto;
            bottom: -94px;
            left: 50%;
            transform: translateX(-50%);
            width: 45%; }
      .event article .contents .tab-panel .panel-group .panel--inner--txt {
        margin-top: 20px;
        font-size: 3.467vw;
        line-height: 1.5; }
        .event article .contents .tab-panel .panel-group .panel--inner--txt.big {
          font-size: 4vw; }
      .event article .contents .tab-panel .panel-group .panel--inner ol {
        margin: 20px 0 0 2em; }
        .event article .contents .tab-panel .panel-group .panel--inner ol li {
          font-size: 3.2vw; }
      .event article .contents .tab-panel .panel-group .panel--inner .att {
        margin-top: 30px;
        font-size: 3.2vw; }
      .event article .contents .tab-panel .panel-group .panel.tab-b .panel--inner--txt {
        letter-spacing: -.08em; }
      .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum {
        margin-top: 18px; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum:not(:first-of-type) {
          margin-top: 44px; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl {
          padding: 9px 0;
          display: block; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--number, .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--txt {
            font-size: 3.733vw;
            text-align: center; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--txt {
            padding-left: 0; }
        .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c {
          padding: 23px 7.6vw 30px;
          display: block; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c figure {
            width: 100%; }
          .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info {
            width: 100%; }
            .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info .name {
              margin-top: 18px;
              font-size: 3.467vw; }
            .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info .who {
              margin-top: 4px;
              font-size: 3.467vw; }
            .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--txt {
              margin-top: 20px;
              font-size: 3.467vw;
              letter-spacing: 0; }
              .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--txt.small {
                font-size: 3.2vw; }
            .event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--c--info--att {
              margin-top: 27px;
              font-size: 3.467vw;
              line-height: 1.6;
              letter-spacing: 0; }
      .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner {
        padding-top: 43px; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal {
          width: 30%;
          margin-right: 5%;
          border: 2px solid #ffcd00;
          padding-top: 30%; }
          .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal:nth-of-type(4n) {
            margin-right: 5%; }
          .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal:nth-of-type(3n) {
            margin-right: 0; }
          .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner .modal:nth-of-type(n+4) {
            margin-top: 10px; }
        .event article .contents .tab-panel .panel-group .panel.tab-d .panel--inner.no-modal {
          max-width: 100%; }

  /*next-back button*/
  .button-all {
    width: 80.8vw;
    height: 24px;
    bottom: 58px; }
    .button-all .mfp-arrow {
      height: 24px; }
      .button-all .mfp-arrow.mfp-arrow-left {
        width: 100px; }
      .button-all .mfp-arrow.mfp-arrow-right {
        width: 94px; }

  .modal-content {
    max-width: 95%; }
    .modal-content--inner {
      margin: 10px 0;
      padding: 5px 5px 20vw; } }
.outline-common .footer {
  background-color: #000; }

.columnindex article {
  background: #fff; }
  .columnindex article .main-v {
    background: url("../images/column/img-main_pc.png") no-repeat center/cover; }
    .columnindex article .main-v--ttl {
      background-color: #B7B373;
      padding: 60px 0 80px 0; }
      .columnindex article .main-v--ttl--inner .icon {
        max-width: calc(77px * .84);
        margin: 0 auto; }
        .columnindex article .main-v--ttl--inner .icon img {
          width: 100%; }
      .columnindex article .main-v--ttl--inner h1 {
        color: #fff; }
      .columnindex article .main-v--ttl--inner .en {
        color: #fff; }
    .columnindex article .main-v:after {
      background: url("../images/common/img-main-under-wave-w.png") repeat-x 0; }
  .columnindex article .contents {
    width: 100%;
    background: #fff; }
    .columnindex article .contents--inner {
      max-width: 940px;
      margin: 0 auto;
      padding: 40px 0 100px; }
      .columnindex article .contents--inner ul {
        width: 100%;
        margin-top: 107px; }
        .columnindex article .contents--inner ul li {
          width: 100%; }
          .columnindex article .contents--inner ul li a {
            display: block;
            width: 100%;
            border: 9px solid #ffcd00;
            box-sizing: border-box;
            color: #000;
            text-decoration: none; }
            .columnindex article .contents--inner ul li a .list-inner {
              width: 100%;
              display: flex;
              position: relative; }
              .columnindex article .contents--inner ul li a .list-inner figure {
                width: 57%; }
                .columnindex article .contents--inner ul li a .list-inner figure img {
                  width: 100%; }
              .columnindex article .contents--inner ul li a .list-inner--txt {
                width: 43%;
                border-left: 1px solid #ffcd00; }
                .columnindex article .contents--inner ul li a .list-inner--txt--ttl {
                  width: 101%;
                  display: flex;
                  align-items: center;
                  background: #ffcd00;
                  padding: 42px 4.7%; }
                  .columnindex article .contents--inner ul li a .list-inner--txt--ttl p {
                    font-size: 2.0rem;
                    line-height: 1.6;
                    font-weight: bold;
                    letter-spacing: .1em; }
                .columnindex article .contents--inner ul li a .list-inner--txt--c {
                  width: 100%;
                  background: #fff;
                  padding: 25px 4.7% 0; }
                  .columnindex article .contents--inner ul li a .list-inner--txt--c p {
                    font-size: 1.4rem;
                    line-height: 1.7;
                    font-weight: 400;
                    text-align: justify; }
              .columnindex article .contents--inner ul li a .list-inner--btn {
                position: absolute;
                bottom: -9px;
                right: -9px;
                width: 54px;
                height: 54px; }
                .columnindex article .contents--inner ul li a .list-inner--btn img {
                  width: 100%; }
              .columnindex article .contents--inner ul li a .list-inner--new {
                position: absolute;
                top: -37px;
                left: 28px;
                width: 123px;
                height: 65px;
                background: #B7B373;
                display: flex;
                justify-content: center;
                align-items: center; }
                .columnindex article .contents--inner ul li a .list-inner--new p {
                  color: #fff;
                  font-size: 2.8rem;
                  letter-spacing: .025em;
                  text-align: center;
                  font-family: bilo, sans-serif;
                  line-height: .8; }
                  .columnindex article .contents--inner ul li a .list-inner--new p span {
                    font-size: 1.7rem; }

.column article {
  background: #fff; }
  .column article .contents {
    background: #B7B373;
    padding: 60px 0;
    margin-bottom: 150px;
    position: relative; }
    .column article .contents::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -24px;
      left: 0;
      width: 100%;
      height: 25px;
      background: url("../images/common/img_decoration03-green_pc.png") repeat-x; }
    .column article .contents--inner {
      max-width: 1183px;
      width: 90%;
      margin: 0 auto;
      padding: 55px 0 105px;
      background: #fff;
      position: relative; }
      .column article .contents--inner--new {
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        width: 152px;
        height: 80px;
        background: #ffcd00;
        display: flex;
        justify-content: center;
        align-items: center; }
        .column article .contents--inner--new p {
          color: #000;
          font-size: 3.4rem;
          letter-spacing: .025em;
          text-align: center;
          font-family: bilo, sans-serif;
          line-height: .8; }
          .column article .contents--inner--new p span {
            font-size: 2.0rem; }
      .column article .contents--inner--block {
        width: 80%;
        margin: 0 auto; }
        .column article .contents--inner--block .deco {
          width: 100%; }
          .column article .contents--inner--block .deco img {
            width: 100%; }
        .column article .contents--inner--block--ttl {
          width: 100%;
          padding: 23px 0;
          margin-top: 48px;
          border-top: 2px solid rgba(255, 205, 0, 0.75);
          border-bottom: 2px solid rgba(255, 205, 0, 0.75); }
          .column article .contents--inner--block--ttl h2 {
            font-size: 2.6rem;
            font-weight: bold;
            text-align: center;
            color: #000;
            line-height: 1; }
        .column article .contents--inner--block--c {
          margin-top: 48px;
          padding-bottom: 66px;
          border-bottom: 2px solid rgba(255, 205, 0, 0.75);
          display: flex;
          justify-content: space-between; }
          .column article .contents--inner--block--c--txt {
            width: 42%; }
            .column article .contents--inner--block--c--txt p {
              color: #000;
              font-size: 1.5rem;
              line-height: 2.1;
              text-align: justify; }
          .column article .contents--inner--block--c--fig {
            width: 53%; }
            .column article .contents--inner--block--c--fig .fig01 {
              width: 100%; }
              .column article .contents--inner--block--c--fig .fig01 img {
                width: 100%; }
            .column article .contents--inner--block--c--fig .ref {
              width: 100%;
              margin-top: 49px; }
              .column article .contents--inner--block--c--fig .ref--ttl {
                font-size: 1.5rem;
                font-weight: 400; }
              .column article .contents--inner--block--c--fig .ref--example {
                margin-top: 35px;
                font-size: 1.5rem;
                line-height: 1.5;
                font-weight: 400; }
                .column article .contents--inner--block--c--fig .ref--example--link a {
                  color: #000;
                  text-decoration: none; }

@media screen and (max-width: 768px) {
  .columnindex article .contents--inner ul li a .list-inner figure {
    width: 52%; }
  .columnindex article .contents--inner ul li a .list-inner--txt {
    width: 48%; }
    .columnindex article .contents--inner ul li a .list-inner--txt--ttl {
      padding: 15px  4.7%; }
      .columnindex article .contents--inner ul li a .list-inner--txt--ttl p {
        font-size: 1.8rem; }
    .columnindex article .contents--inner ul li a .list-inner--txt--c {
      padding: 15px 4.7% 0; }
      .columnindex article .contents--inner ul li a .list-inner--txt--c p {
        font-size: 1.3rem; }

  .column article .contents--inner--block--c {
    display: block; }
    .column article .contents--inner--block--c--txt {
      width: 100%;
      margin-top: 30px; }
    .column article .contents--inner--block--c--fig {
      width: 100%; }
      .column article .contents--inner--block--c--fig .fig01 {
        margin-top: 49px; } }
@media screen and (max-width: 767px) {
  .columnindex article .main-v {
    background: url("../images/column/img-main_sp.png") no-repeat center/cover; }
    .columnindex article .main-v--ttl {
      padding: 30px 0 40px 0; }
      .columnindex article .main-v--ttl--inner .icon {
        max-width: 60px; }
  .columnindex article .contents--inner {
    max-width: 92%;
    padding: 7.487vw 0 10vw; }
    .columnindex article .contents--inner ul {
      margin-top: 15.755vw; }
      .columnindex article .contents--inner ul li a {
        border: 1.6vw solid #ffcd00; }
        .columnindex article .contents--inner ul li a .list-inner {
          display: block; }
          .columnindex article .contents--inner ul li a .list-inner figure {
            width: 100%; }
          .columnindex article .contents--inner ul li a .list-inner--txt {
            width: 100%;
            border: none; }
            .columnindex article .contents--inner ul li a .list-inner--txt--ttl {
              width: 100%;
              justify-content: center;
              padding: 2.8vw 2vw; }
              .columnindex article .contents--inner ul li a .list-inner--txt--ttl p {
                font-size: 3.733vw;
                line-height: 1.46;
                letter-spacing: .05em; }
            .columnindex article .contents--inner ul li a .list-inner--txt--c {
              padding: 2.8vw 2vw; }
              .columnindex article .contents--inner ul li a .list-inner--txt--c p {
                font-size: 3.467vw;
                line-height: 1.6; }
          .columnindex article .contents--inner ul li a .list-inner--btn {
            bottom: -1.6vw;
            right: -1.6vw;
            width: 13.3vw;
            height: 13.3vw; }
          .columnindex article .contents--inner ul li a .list-inner--new {
            top: -6.417vw;
            left: 6vw;
            width: 20.9vw;
            height: 11.7vw; }
            .columnindex article .contents--inner ul li a .list-inner--new p {
              font-size: 4.8vw; }
              .columnindex article .contents--inner ul li a .list-inner--new p span {
                font-size: 2.933vw; }

  .column article .contents {
    padding: 13px 0 24px;
    margin-bottom: 100px; }
    .column article .contents::after {
      bottom: -13px;
      height: 14px;
      background: url("../images/common/img_decoration03-green_sp.png") repeat-x; }
    .column article .contents--inner {
      max-width: 92%;
      width: 92%;
      padding: 15.559vw 0 53px; }
      .column article .contents--inner--new {
        top: -13px;
        width: 25.9vw;
        height: 13.564vw; }
        .column article .contents--inner--new p {
          font-size: 5.867vw; }
          .column article .contents--inner--new p span {
            font-size: 3.467vw; }
      .column article .contents--inner--block {
        width: 90%; }
        .column article .contents--inner--block .deco {
          width: 95%;
          margin: 0 auto; }
        .column article .contents--inner--block--ttl {
          padding: 8px 0;
          margin-top: 32px;
          border-top: 1px solid #ffcd00;
          border-bottom: 1px solid #ffcd00; }
          .column article .contents--inner--block--ttl h2 {
            font-size: 4vw;
            line-height: 1.2;
            letter-spacing: -.02em; }
        .column article .contents--inner--block--c {
          margin-top: 22px;
          padding-bottom: 0;
          border-bottom: none; }
          .column article .contents--inner--block--c--txt {
            width: 100%;
            margin-top: 34px; }
            .column article .contents--inner--block--c--txt p {
              font-size: 3.467vw;
              line-height: 1.58; }
          .column article .contents--inner--block--c--fig .fig01 {
            margin-top: 38px; }
          .column article .contents--inner--block--c--fig .ref {
            margin-top: 36px; }
            .column article .contents--inner--block--c--fig .ref--ttl {
              font-size: 3.467vw; }
            .column article .contents--inner--block--c--fig .ref--example {
              margin-top: 20px;
              font-size: 3.467vw; } }
.membersonly article .main-v {
  width: 100%;
  height: 210px;
  background: #ffd900;
  display: flex;
  justify-content: center;
  align-items: center; }
  .membersonly article .main-v--inner h2 {
    font-size: 3.0rem;
    letter-spacing: .1em;
    font-weight: bold;
    text-align: center; }
  .membersonly article .main-v--inner .en {
    font-size: 2.0rem;
    letter-spacing: .025em;
    font-weight: bold;
    text-align: center;
    color: #000;
    font-family: bilo, sans-serif; }
  .membersonly article .main-v:after {
    height: 29px;
    bottom: -19px;
    background: url("../images/common/img_decoration03-yellow_pc.png") repeat-x 0; }
.membersonly article .contents {
  width: 100%;
  background: #FFF6CC;
  padding: 5vw 0 12vw; }
  .membersonly article .contents--inner {
    max-width: 926px;
    margin: 0 auto; }
    .membersonly article .contents--inner--block {
      position: relative;
      background: #fff;
      padding: 76px 55px 78px; }
      .membersonly article .contents--inner--block::before {
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 100%;
        background: url("../images/common/img-verticalline_pc.png") repeat-y 0;
        left: -10px;
        top: 0; }
    .membersonly article .contents--inner .link-btn {
      max-width: 363px;
      margin-top: 36px; }
      .membersonly article .contents--inner .link-btn a {
        display: block;
        width: 100%;
        padding: 6px 0 6px 7px;
        font-size: 1.5rem;
        line-height: 1.2;
        letter-spacing: .025em;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        background: #ffd900;
        position: relative; }
        .membersonly article .contents--inner .link-btn a::after {
          content: '';
          display: block;
          position: absolute;
          width: 17px;
          height: 15px;
          background: url("../images/common/btn_more_black.png") no-repeat 0/cover;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          z-index: 2;
          transition: all .3s ease-out; }
        .membersonly article .contents--inner .link-btn a:hover:after {
          right: 6px; }
.membersonly article .under-link {
  background: #ffd900; }
  .membersonly article .under-link::before {
    background: url("../images/common/footer_decoration02_pc.png") repeat-x; }
.membersonly .footer {
  background-color: #000; }

.c-message article .message-en {
  width: 100%;
  background: #fff;
  margin-top: 80px;
  padding-bottom: 75px; }
  .c-message article .message-en--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .c-message article .message-en--inner--date {
      font-size: 2.2rem;
      letter-spacing: .025em;
      font-family: bilo, sans-serif;
      color: #ffc000; }
    .c-message article .message-en--inner--ttl {
      margin-top: 30px;
      font-size: 2.2rem;
      letter-spacing: .1em;
      line-height: 1.5;
      word-break: normal; }
    .c-message article .message-en--inner--txt {
      margin-top: 30px;
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400;
      word-break: normal;
      text-align: justify; }
    .c-message article .message-en--inner--sign {
      width: 153px;
      margin: 30px 0 0 auto; }
      .c-message article .message-en--inner--sign img {
        width: 100%; }
.c-message article .message-jp, .c-message article .message-cn {
  width: 100%;
  background: #FCF4D2;
  padding-bottom: 75px; }
  .c-message article .message-jp--inner, .c-message article .message-cn--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .c-message article .message-jp--inner--translate, .c-message article .message-cn--inner--translate {
      width: 156px;
      height: 63px;
      font-size: 1.8rem;
      line-height: 63px;
      letter-spacing: .1em;
      text-align: center;
      background: #ffd900; }
    .c-message article .message-jp--inner--date, .c-message article .message-cn--inner--date {
      margin-top: 30px;
      font-size: 2.2rem;
      letter-spacing: .1em;
      color: #ffc000; }
    .c-message article .message-jp--inner--ttl, .c-message article .message-cn--inner--ttl {
      margin-top: 30px;
      font-size: 2.2rem;
      letter-spacing: .1em;
      line-height: 1.5; }
    .c-message article .message-jp--inner--txt, .c-message article .message-cn--inner--txt {
      margin-top: 30px;
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400;
      text-align: justify; }
    .c-message article .message-jp--inner--sign, .c-message article .message-cn--inner--sign {
      margin-top: 18px; }
      .c-message article .message-jp--inner--sign p, .c-message article .message-cn--inner--sign p {
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: 400;
        text-align: right; }

.value article .value-en {
  width: 100%;
  background: #fff;
  margin-top: 86px;
  padding-bottom: 75px; }
  .value article .value-en--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .value article .value-en--inner--txt, .value article .value-en--inner--main-txt {
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400; }
    .value article .value-en--inner h3 {
      margin-top: 38px;
      font-size: 2.2rem;
      letter-spacing: .1em; }
    .value article .value-en--inner--main-txt {
      margin-top: 44px;
      word-break: normal;
      text-align: justify; }
    .value article .value-en--inner--c {
      margin-top: 30px; }
      .value article .value-en--inner--c h4 {
        font-size: 1.8rem;
        letter-spacing: .1em;
        word-break: normal; }
      .value article .value-en--inner--c--txt {
        margin-top: 12px;
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: 400;
        word-break: normal; }
.value article .value-jp, .value article .value-cn {
  width: 100%;
  background: #FCF4D2;
  padding-bottom: 75px; }
  .value article .value-jp--inner, .value article .value-cn--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .value article .value-jp--inner--translate, .value article .value-cn--inner--translate {
      width: 156px;
      height: 63px;
      font-size: 1.8rem;
      line-height: 63px;
      letter-spacing: .1em;
      text-align: center;
      background: #ffd900; }
    .value article .value-jp--inner h3, .value article .value-cn--inner h3 {
      margin-top: 76px;
      font-size: 2.2rem;
      letter-spacing: .1em;
      font-weight: 500; }
    .value article .value-jp--inner--main-txt, .value article .value-cn--inner--main-txt {
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400;
      margin-top: 40px;
      text-align: justify; }
    .value article .value-jp--inner--c, .value article .value-cn--inner--c {
      margin-top: 30px; }
      .value article .value-jp--inner--c h4, .value article .value-cn--inner--c h4 {
        font-size: 1.8rem;
        letter-spacing: .1em;
        font-weight: 500; }
      .value article .value-jp--inner--c--txt, .value article .value-cn--inner--c--txt {
        margin-top: 12px;
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: 400; }

.safety-info article .contents--inner--block--c {
  width: 100%;
  max-width: 832px;
  margin: 0 auto 74px; }
  .safety-info article .contents--inner--block--c--ttl {
    width: 100%;
    padding-left: 20px;
    border-bottom: 1px solid #ffd900;
    position: relative; }
    .safety-info article .contents--inner--block--c--ttl::before {
      content: '';
      display: block;
      position: absolute;
      width: 15px;
      height: 100%;
      background: #ffd900;
      left: 0;
      top: 0; }
    .safety-info article .contents--inner--block--c--ttl p {
      font-size: 1.8rem;
      letter-spacing: .025em;
      padding: 4px 0;
      line-height: 1; }
  .safety-info article .contents--inner--block--c--items--item {
    width: 100%;
    margin-top: 36px; }
    .safety-info article .contents--inner--block--c--items--item a {
      display: block;
      width: 100%;
      color: #000;
      text-decoration: none; }
      .safety-info article .contents--inner--block--c--items--item a .item-pdf {
        display: flex; }
        .safety-info article .contents--inner--block--c--items--item a .item-pdf figure {
          width: 37px; }
          .safety-info article .contents--inner--block--c--items--item a .item-pdf figure img {
            width: 100%; }
        .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt {
          width: calc(100% - 62px);
          margin: -.35em 0 0 25px; }
          .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt .date, .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt .what {
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.7; }
.safety-info article .contents--inner--block--info {
  width: 100%;
  border-top: 1px solid #000;
  padding-top: 75px; }
  .safety-info article .contents--inner--block--info--ttl {
    font-size: 1.8rem;
    letter-spacing: .025em; }
.safety-info article .under-link {
  margin-top: 0; }

.guideline article .contents--inner--block--c {
  width: 100%;
  max-width: 832px;
  margin: 0 auto 74px; }
  .guideline article .contents--inner--block--c:last-of-type {
    margin: 0 auto; }
  .guideline article .contents--inner--block--c--ttl {
    width: 100%;
    padding-left: 20px;
    border-bottom: 1px solid #ffd900;
    position: relative; }
    .guideline article .contents--inner--block--c--ttl::before {
      content: '';
      display: block;
      position: absolute;
      width: 15px;
      height: 100%;
      background: #ffd900;
      left: 0;
      top: 0; }
    .guideline article .contents--inner--block--c--ttl p {
      font-size: 1.8rem;
      letter-spacing: .025em;
      padding: 4px 0;
      line-height: 1; }
  .guideline article .contents--inner--block--c--items--item {
    width: 100%;
    margin-top: 36px; }
    .guideline article .contents--inner--block--c--items--item a {
      display: block;
      width: 100%;
      color: #000;
      text-decoration: none; }
      .guideline article .contents--inner--block--c--items--item a .item-pdf {
        display: flex; }
        .guideline article .contents--inner--block--c--items--item a .item-pdf figure {
          width: 37px; }
          .guideline article .contents--inner--block--c--items--item a .item-pdf figure img {
            width: 100%; }
        .guideline article .contents--inner--block--c--items--item a .item-pdf--txt {
          width: calc(100% - 62px);
          margin-left: 25px;
          display: flex;
          align-items: center; }
          .guideline article .contents--inner--block--c--items--item a .item-pdf--txt .what {
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.7; }
  .guideline article .contents--inner--block--c--att {
    width: 100%;
    padding-top: 38px;
    font-size: 1.4rem;
    color: #F80000; }
.guideline article .under-link {
  margin-top: 0; }

.newsletter article .letter-list {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px; }
  .newsletter article .letter-list--inner {
    width: 78%;
    max-width: 1023px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    .newsletter article .letter-list--inner li {
      width: 30%;
      margin-left: 5%; }
      .newsletter article .letter-list--inner li:nth-of-type(n+4) {
        margin-top: 76px; }
      .newsletter article .letter-list--inner li:nth-of-type(3n+1) {
        margin-left: 0; }
      .newsletter article .letter-list--inner li a {
        display: block;
        width: 100%;
        color: #000;
        text-decoration: none; }
        .newsletter article .letter-list--inner li a .banner {
          width: 100%; }
          .newsletter article .letter-list--inner li a .banner img {
            width: 100%; }
        .newsletter article .letter-list--inner li a h3 {
          margin-top: 14px;
          font-size: 1.6rem;
          letter-spacing: .025em;
          font-weight: 500; }
        .newsletter article .letter-list--inner li a .arrow {
          margin-top: 10px;
          width: 37px; }
          .newsletter article .letter-list--inner li a .arrow img {
            width: 100%; }

.inspection article .contents--inner--block--txt {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: -.01em;
  font-weight: 400; }
.inspection article .contents--inner--block--items {
  margin-top: 34px; }
  .inspection article .contents--inner--block--items h3 {
    font-size: 2.0rem;
    letter-spacing: .025em;
    font-weight: bold; }
  .inspection article .contents--inner--block--items--c {
    max-width: 674px;
    margin: 0 auto; }
    .inspection article .contents--inner--block--items--c p {
      font-size: 1.4rem;
      font-weight: 400;
      letter-spacing: -.01em;
      text-align: right; }
    .inspection article .contents--inner--block--items--c--figure {
      width: 100%;
      margin-top: 6px; }
      .inspection article .contents--inner--block--items--c--figure table {
        width: 100%; }
        .inspection article .contents--inner--block--items--c--figure table tbody {
          width: 100%;
          border-top: 1px solid #ffd900;
          border-right: 1px solid #ffd900;
          border-left: 1px solid #ffd900; }
          .inspection article .contents--inner--block--items--c--figure table tbody tr {
            height: 60px;
            border-bottom: 1px solid #ffd900; }
            .inspection article .contents--inner--block--items--c--figure table tbody tr th {
              padding: 0 1em;
              background: #F7F7F7;
              vertical-align: middle;
              font-size: 1.4rem;
              letter-spacing: .025em;
              font-weight: 500; }
              .inspection article .contents--inner--block--items--c--figure table tbody tr th:first-of-type {
                width: 46%; }
              .inspection article .contents--inner--block--items--c--figure table tbody tr th:not(:first-of-type) {
                width: 27%;
                border-left: 1px solid #ffd900;
                box-sizing: border-box; }
            .inspection article .contents--inner--block--items--c--figure table tbody tr td {
              padding: 0 1em;
              vertical-align: middle;
              font-size: 1.4rem;
              letter-spacing: .025em;
              font-weight: 500; }
              .inspection article .contents--inner--block--items--c--figure table tbody tr td:first-of-type {
                width: 46%;
                background: #FFF8D1; }
              .inspection article .contents--inner--block--items--c--figure table tbody tr td:not(:first-of-type) {
                width: 27%;
                border-left: 1px solid #ffd900;
                box-sizing: border-box;
                text-align: right; }
.inspection article .contents--inner--block--att {
  margin-top: 39px; }
  .inspection article .contents--inner--block--att p {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: -.01em;
    font-weight: 400; }
.inspection article .under-link {
  margin-top: 0; }

.download article .contents--inner--block--c--ttl {
  font-size: 2.0rem;
  line-height: 1.5;
  letter-spacing: .025em;
  font-weight: bold; }
.download article .contents--inner--block--c--att {
  margin-top: 17px; }
  .download article .contents--inner--block--c--att ul {
    width: 100%; }
    .download article .contents--inner--block--c--att ul li {
      font-size: 1.4rem;
      line-height: 1.8;
      letter-spacing: -.04em;
      font-weight: 400;
      padding-left: 1.2em;
      position: relative; }
      .download article .contents--inner--block--c--att ul li::before {
        content: '※';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 1em; }
.download article .contents--inner--block--c--list {
  max-width: 674px;
  margin: 47px auto 0; }
  .download article .contents--inner--block--c--list--item {
    width: 100%; }
    .download article .contents--inner--block--c--list--item a {
      width: 100%;
      display: block;
      color: #000;
      text-decoration: none; }
      .download article .contents--inner--block--c--list--item a .material {
        width: 100%;
        height: 60px;
        border-top: 1px solid #ffd900;
        display: flex;
        align-items: center;
        position: relative; }
        .download article .contents--inner--block--c--list--item a .material .what {
          font-size: 1.4rem;
          letter-spacing: .025em;
          font-weight: 400; }
        .download article .contents--inner--block--c--list--item a .material::after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          width: 27.5px;
          height: 25px;
          background: url("../images/common/btn_more_black-y.png") no-repeat center/contain; }
    .download article .contents--inner--block--c--list--item:last-of-type a .material {
      border-bottom: 1px solid #ffd900; }
.download article .contents--inner--block--c:nth-of-type(2) {
  margin-top: 72px; }
  .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--att p {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -.01em;
    padding: 36px 0; }
  .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item {
    width: 100%;
    margin-top: 36px; }
    .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a {
      display: block;
      width: 100%;
      color: #000;
      text-decoration: none; }
      .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf {
        display: flex; }
        .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf figure {
          width: 37px; }
          .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf figure img {
            width: 100%; }
        .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf--txt {
          width: calc(100% - 62px);
          margin-left: 25px;
          display: flex;
          align-items: center; }
          .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf--txt .what {
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.7; }
.download article .contents--inner--block--c--dl-list {
  max-width: 774px;
  margin: 30px auto 0;
  border-top: 1px solid #ffd900;
  border-right: 1px solid #ffd900;
  border-left: 1px solid #ffd900; }
  .download article .contents--inner--block--c--dl-list--dl {
    display: flex;
    border-bottom: 1px solid #ffd900; }
    .download article .contents--inner--block--c--dl-list--dl--dt {
      display: flex;
      align-items: center;
      background: #FFF8D1;
      width: 28%;
      padding: 1em; }
      .download article .contents--inner--block--c--dl-list--dl--dt p {
        font-size: 1.4rem;
        letter-spacing: .025em; }
    .download article .contents--inner--block--c--dl-list--dl--dd {
      width: 72%;
      border-left: 1px solid #ffd900;
      padding: 36px 0 36px 23px; }
      .download article .contents--inner--block--c--dl-list--dl--dd--item {
        width: 100%; }
        .download article .contents--inner--block--c--dl-list--dl--dd--item:not(:first-of-type) {
          margin-top: 23px; }
        .download article .contents--inner--block--c--dl-list--dl--dd--item a {
          display: block;
          width: 100%;
          color: #000;
          text-decoration: none; }
          .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf {
            display: flex; }
            .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf figure {
              width: 37px; }
              .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf figure img {
                width: 100%; }
            .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf--txt {
              width: calc(100% - 62px);
              margin-left: 20px;
              display: flex;
              align-items: center; }
              .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf--txt .what {
                font-size: 1.4rem;
                font-weight: 400;
                line-height: 1.36;
                letter-spacing: -.06em; }
.download article .under-link {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .membersonly article .contents {
    padding: 5vw 3% 12vw 3%; }
    .membersonly article .contents--inner--block {
      padding: 76px 5% 78px; } }
@media screen and (max-width: 767px) {
  .membersonly article .main-v {
    height: 40.7vw; }
    .membersonly article .main-v--inner h2 {
      font-size: 5.067vw; }
    .membersonly article .main-v--inner .en {
      font-size: 3.733vw; }
    .membersonly article .main-v:after {
      background: url("../images/common/img_decoration03-yellow_sp.png") repeat-x 0; }
  .membersonly article .contents {
    padding: 56px 0 68px; }
    .membersonly article .contents--inner {
      max-width: 84.8vw; }
      .membersonly article .contents--inner--block {
        padding: 20px 4.5%; }
        .membersonly article .contents--inner--block::before {
          background: url("../images/common/img-verticalline_sp.png") repeat-y 0/76%;
          left: -8px; }
      .membersonly article .contents--inner .link-btn {
        max-width: 100%;
        margin-top: 13px; }
        .membersonly article .contents--inner .link-btn a {
          padding: 10px 0 10px .5em;
          font-size: 3.467vw; }
  .membersonly article .under-link {
    margin-top: 22.5vw; }
    .membersonly article .under-link::before {
      background: url("../images/common/footer_decoration02_sp.png") repeat-x;
      height: 31px;
      top: -31px; }

  .c-message article .message-en {
    margin-top: 45px;
    padding-bottom: 45px; }
    .c-message article .message-en--inner {
      width: 84%;
      max-width: 84%; }
      .c-message article .message-en--inner--date {
        font-size: 5.333vw; }
      .c-message article .message-en--inner--ttl {
        margin-top: 19px;
        font-size: 3.467vw;
        letter-spacing: 0; }
      .c-message article .message-en--inner--txt {
        margin-top: 15px;
        font-size: 3.467vw;
        line-height: 1.5; }
      .c-message article .message-en--inner--sign {
        width: 36.8vw;
        margin: 23px 0 0 auto; }
  .c-message article .message-jp .message-cn {
    padding-bottom: 45px; }
    .c-message article .message-jp .message-cn--inner {
      width: 84%;
      max-width: 84%; }
      .c-message article .message-jp .message-cn--inner--translate {
        width: 76vw;
        height: 5.2vw;
        font-size: 3.467vw;
        line-height: 5.2vw;
        letter-spacing: -.02em;
        margin: 0 auto;
        font-weight: bold; }
      .c-message article .message-jp .message-cn--inner--date {
        margin-top: 20px;
        font-size: 5.333vw; }
      .c-message article .message-jp .message-cn--inner--ttl {
        margin-top: 18px;
        font-size: 3.467vw;
        letter-spacing: 0; }
      .c-message article .message-jp .message-cn--inner--txt {
        margin-top: 16px;
        font-size: 3.467vw;
        line-height: 1.5; }
      .c-message article .message-jp .message-cn--inner--sign p {
        font-size: 3.467vw;
        line-height: 1.5; }

  .value article .value-en {
    margin-top: 50px;
    padding-bottom: 47px; }
    .value article .value-en--inner {
      width: 84%;
      max-width: 84%; }
      .value article .value-en--inner--txt, .value article .value-en--inner--main-txt {
        font-size: 3.467vw;
        line-height: 1.5; }
      .value article .value-en--inner--txt {
        letter-spacing: -.08em; }
      .value article .value-en--inner h3 {
        font-size: 4vw;
        letter-spacing: 0;
        text-align: center;
        font-weight: bold; }
      .value article .value-en--inner--main-txt {
        margin-top: 28px; }
      .value article .value-en--inner--c {
        margin-top: 40px; }
        .value article .value-en--inner--c h4 {
          font-size: 3.467vw;
          letter-spacing: 0;
          font-weight: 600; }
        .value article .value-en--inner--c--txt {
          margin-top: 3px;
          font-size: 3.467vw;
          line-height: 1.5;
          text-align: justify; }
  .value article .value-jp, .value article .value-cn {
    padding-bottom: 47px; }
    .value article .value-jp--inner, .value article .value-cn--inner {
      width: 84%;
      max-width: 84%; }
      .value article .value-jp--inner--translate, .value article .value-cn--inner--translate {
        width: 76vw;
        height: 5.2vw;
        font-size: 3.467vw;
        line-height: 5.2vw;
        letter-spacing: -.02em;
        margin: 0 auto;
        font-weight: bold; }
      .value article .value-jp--inner h3, .value article .value-cn--inner h3 {
        margin-top: 26px;
        font-size: 3.733vw;
        font-weight: bold;
        text-align: center; }
      .value article .value-jp--inner--main-txt, .value article .value-cn--inner--main-txt {
        font-size: 3.467vw;
        margin-top: 20px;
        letter-spacing: -.08em; }
      .value article .value-jp--inner--c, .value article .value-cn--inner--c {
        margin-top: 36px; }
        .value article .value-jp--inner--c h4, .value article .value-cn--inner--c h4 {
          font-size: 3.467vw;
          font-weight: bold; }
        .value article .value-jp--inner--c--txt, .value article .value-cn--inner--c--txt {
          margin-top: 8px;
          font-size: 3.467vw;
          letter-spacing: -.08em; }

  .safety-info article .contents--inner--block--c {
    max-width: 100%;
    margin: 0 auto 49px; }
    .safety-info article .contents--inner--block--c--ttl {
      padding-left: 1.5em; }
      .safety-info article .contents--inner--block--c--ttl::before {
        width: .8em; }
      .safety-info article .contents--inner--block--c--ttl p {
        font-size: 3.2vw;
        letter-spacing: 0;
        padding: 6px 0;
        line-height: 1.2; }
    .safety-info article .contents--inner--block--c--items--item {
      margin-top: 15px; }
      .safety-info article .contents--inner--block--c--items--item a .item-pdf figure {
        width: 10vw; }
      .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt {
        width: calc(100% - 10vw - .5em);
        margin: -.15em 0 0 .5em; }
        .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt .date, .safety-info article .contents--inner--block--c--items--item a .item-pdf--txt .what {
          font-size: 3.2vw;
          line-height: 1.3;
          letter-spacing: -.07em; }
  .safety-info article .contents--inner--block--info {
    padding-top: 40px; }
    .safety-info article .contents--inner--block--info--ttl {
      font-size: 3.2vw;
      letter-spacing: 0; }
  .safety-info article .under-link {
    margin-top: 0; }

  .guideline article .contents--inner--block--c {
    max-width: 100%;
    margin: 0 auto 49px; }
    .guideline article .contents--inner--block--c--ttl {
      padding-left: 1.5em; }
      .guideline article .contents--inner--block--c--ttl::before {
        width: .8em; }
      .guideline article .contents--inner--block--c--ttl p {
        font-size: 3.2vw;
        letter-spacing: 0;
        padding: 6px 0;
        line-height: 1.2; }
    .guideline article .contents--inner--block--c--items--item {
      width: 100%;
      margin-top: 15px; }
      .guideline article .contents--inner--block--c--items--item a .item-pdf figure {
        width: 10vw; }
      .guideline article .contents--inner--block--c--items--item a .item-pdf--txt {
        width: calc(100% - 10vw - .5em);
        margin: -.15em 0 0 .5em; }
        .guideline article .contents--inner--block--c--items--item a .item-pdf--txt .what {
          font-size: 3.2vw;
          line-height: 1.3;
          letter-spacing: -.07em; }
    .guideline article .contents--inner--block--c--att {
      padding-top: 15px;
      font-size: 2.933vw; }
  .guideline article .under-link {
    margin-top: 0; }

  .newsletter article .letter-list {
    padding: 50px 0 10px; }
    .newsletter article .letter-list--inner {
      width: 84%;
      max-width: 84%;
      display: block; }
      .newsletter article .letter-list--inner li {
        width: 100%;
        margin-left: 0; }
        .newsletter article .letter-list--inner li:nth-of-type(n+4) {
          margin-top: 40px; }
        .newsletter article .letter-list--inner li:not(:first-of-type) {
          margin-top: 40px; }
        .newsletter article .letter-list--inner li a {
          position: relative; }
          .newsletter article .letter-list--inner li a h3 {
            margin-top: 9px;
            font-size: 3.467vw;
            padding-bottom: 26px; }
          .newsletter article .letter-list--inner li a .arrow {
            margin-top: 0;
            width: 10vw;
            position: absolute;
            bottom: 0;
            right: 0; }

  .inspection article .contents--inner--block--txt {
    font-size: 2.933vw;
    line-height: 1.7;
    letter-spacing: -.04em; }
  .inspection article .contents--inner--block--items h3 {
    font-size: 3.467vw;
    letter-spacing: 0;
    text-align: center; }
  .inspection article .contents--inner--block--items--c {
    max-width: 100%; }
    .inspection article .contents--inner--block--items--c p {
      font-size: 3.467vw; }
    .inspection article .contents--inner--block--items--c--figure table tbody tr {
      height: 14.5vw; }
      .inspection article .contents--inner--block--items--c--figure table tbody tr th {
        padding: 0 .5em;
        font-size: 3.467vw; }
        .inspection article .contents--inner--block--items--c--figure table tbody tr th:first-of-type {
          width: 50%; }
        .inspection article .contents--inner--block--items--c--figure table tbody tr th:not(:first-of-type) {
          width: 25%;
          text-align: center; }
      .inspection article .contents--inner--block--items--c--figure table tbody tr td {
        padding: 0 .5em;
        font-size: 3.467vw; }
        .inspection article .contents--inner--block--items--c--figure table tbody tr td:first-of-type {
          width: 50%;
          letter-spacing: -.02em; }
        .inspection article .contents--inner--block--items--c--figure table tbody tr td:not(:first-of-type) {
          width: 25%; }
  .inspection article .contents--inner--block--att {
    margin-top: 19px; }
    .inspection article .contents--inner--block--att p {
      font-size: 2.933vw;
      line-height: 1.7;
      letter-spacing: -.04em; }
  .inspection article .under-link {
    margin-top: 0; }

  .download article .contents {
    padding: 56px 0 21px; }
    .download article .contents--inner--block--c--ttl {
      font-size: 3.467vw;
      line-height: 1.6;
      letter-spacing: 0;
      text-align: center; }
    .download article .contents--inner--block--c--att ul li {
      font-size: 2.933vw;
      letter-spacing: -.06em;
      text-align: justify; }
    .download article .contents--inner--block--c--list {
      max-width: 100%;
      margin: 34px auto 0; }
      .download article .contents--inner--block--c--list--item a .material {
        height: 14.47vw; }
        .download article .contents--inner--block--c--list--item a .material .what {
          font-size: 3.467vw;
          letter-spacing: -.04em;
          padding-left: .5em; }
        .download article .contents--inner--block--c--list--item a .material::after {
          width: 6.578vw;
          height: 6.578vw; }
    .download article .contents--inner--block--c:nth-of-type(2) {
      margin-top: 39px; }
      .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--att {
        margin-top: 10px; }
        .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--att p {
          font-size: 2.933vw;
          letter-spacing: -.06em;
          padding: 12px 0;
          text-align: justify; }
      .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item {
        width: 100%;
        margin-top: 15px; }
        .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf figure {
          width: 10vw; }
        .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf--txt {
          width: calc(100% - 10vw - .5em);
          margin: -.15em 0 0 .5em; }
          .download article .contents--inner--block--c:nth-of-type(2) .contents--inner--block--c--items--item a .item-pdf--txt .what {
            font-size: 3.2vw;
            line-height: 1.3;
            letter-spacing: -.07em; }
    .download article .contents--inner--block--c--dl-list {
      max-width: 100%;
      margin: 25px auto 0; }
      .download article .contents--inner--block--c--dl-list--dl {
        display: block; }
        .download article .contents--inner--block--c--dl-list--dl--dt {
          justify-content: center;
          width: 100%;
          padding: 8px 0;
          border-bottom: 1px solid #ffd900; }
          .download article .contents--inner--block--c--dl-list--dl--dt p {
            font-size: 3.467vw;
            letter-spacing: 0; }
        .download article .contents--inner--block--c--dl-list--dl--dd {
          width: 100%;
          border-left: none;
          padding: 16px 0 14px 3.2vw; }
          .download article .contents--inner--block--c--dl-list--dl--dd--item:not(:first-of-type) {
            margin-top: 36px; }
          .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf figure {
            width: 10vw; }
          .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf--txt {
            width: calc(100% - 10vw - .5em);
            margin: -.15em 0 0 .5em; }
            .download article .contents--inner--block--c--dl-list--dl--dd--item a .item-pdf--txt .what {
              font-size: 3.2vw;
              line-height: 1.5; }
    .download article .contents--inner .link-btn {
      margin-top: 42px; } }
.others article .main-v {
  width: 100%;
  height: 210px;
  background: #ffd900;
  display: flex;
  justify-content: center;
  align-items: center; }
  .others article .main-v--inner h2 {
    font-size: 3.0rem;
    letter-spacing: .1em;
    font-weight: bold;
    text-align: center; }
  .others article .main-v:after {
    height: 29px;
    bottom: -19px;
    background: url("../images/common/img_decoration03-yellow_pc.png") repeat-x 0; }
.others .footer {
  background-color: #000; }

.usage article .usage-info {
  width: 100%;
  background: #fff;
  margin-top: 86px;
  padding-bottom: 75px; }
  .usage article .usage-info--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .usage article .usage-info--inner--txt {
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400; }
    .usage article .usage-info--inner--c {
      margin-top: 30px; }
      .usage article .usage-info--inner--c h4 {
        font-size: 1.8rem;
        word-break: normal; }
      .usage article .usage-info--inner--c--txt {
        margin-top: 12px;
        font-size: 1.4rem;
        line-height: 1.7;
        font-weight: 400;
        word-break: normal; }
        .usage article .usage-info--inner--c--txt a {
          color: #000; }

.privacy article .privacy-info {
  width: 100%;
  background: #fff;
  margin-top: 86px;
  padding-bottom: 75px; }
  .privacy article .privacy-info--inner {
    width: 72%;
    max-width: 938px;
    margin: 0 auto; }
    .privacy article .privacy-info--inner--txt {
      font-size: 1.4rem;
      line-height: 1.7;
      font-weight: 400; }
    .privacy article .privacy-info--inner--c {
      margin-top: 60px; }
      .privacy article .privacy-info--inner--c > li {
        margin-top: 50px;
        font-size: 2.4rem;
        font-weight: 600;
        list-style-type: decimal;
        word-break: normal; }
        .privacy article .privacy-info--inner--c > li > ol > li {
          margin-top: 30px;
          font-size: 1.8rem;
          font-weight: normal;
          word-break: normal;
          list-style-type: none;
          counter-increment: cnt;
          position: relative; }
          .privacy article .privacy-info--inner--c > li > ol > li::before {
            content: "(" counter(cnt) ")";
            text-align: right;
            position: absolute;
            top: 0;
            left: -1.8em; }
        .privacy article .privacy-info--inner--c > li .privacy-txt, .privacy article .privacy-info--inner--c > li .privacy-ttl-small, .privacy article .privacy-info--inner--c > li .privacy-txt-c {
          font-size: 1.4rem;
          font-weight: 400;
          word-break: normal; }
        .privacy article .privacy-info--inner--c > li .privacy-ttl-small {
          margin-top: 20px;
          padding-left: 1.2em;
          line-height: 1;
          position: relative; }
          .privacy article .privacy-info--inner--c > li .privacy-ttl-small::before {
            content: '・';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 1em;
            height: 1em; }
        .privacy article .privacy-info--inner--c > li .privacy-txt, .privacy article .privacy-info--inner--c > li .privacy-txt-c {
          margin-top: 10px;
          line-height: 1.7; }

@media screen and (max-width: 768px) {
  .others article .contents {
    padding: 5vw 3% 12vw 3%; }
    .others article .contents--inner--block {
      padding: 76px 5% 78px; } }
@media screen and (max-width: 767px) {
  .others article .main-v {
    height: 40.7vw; }
    .others article .main-v--inner h2 {
      font-size: 5.067vw; }
    .others article .main-v:after {
      background: url("../images/common/img_decoration03-yellow_sp.png") repeat-x 0; }

  .usage article .usage-info {
    margin-top: 50px;
    padding-bottom: 47px; }
    .usage article .usage-info--inner {
      width: 84%;
      max-width: 84%; }
      .usage article .usage-info--inner--txt {
        font-size: 3.467vw;
        line-height: 1.5; }
      .usage article .usage-info--inner--c {
        margin-top: 40px; }
        .usage article .usage-info--inner--c h4 {
          font-size: 3.467vw;
          font-weight: 600; }
        .usage article .usage-info--inner--c--txt {
          margin-top: 3px;
          font-size: 3.467vw;
          line-height: 1.5; }

  .privacy article .privacy-info {
    margin-top: 50px;
    padding-bottom: 47px; }
    .privacy article .privacy-info--inner {
      width: 80%;
      max-width: 80%; }
      .privacy article .privacy-info--inner--txt {
        font-size: 3.467vw;
        line-height: 1.5; }
      .privacy article .privacy-info--inner--c {
        margin-top: 40px; }
        .privacy article .privacy-info--inner--c > li {
          margin-top: 35px;
          font-size: 5.067vw; }
          .privacy article .privacy-info--inner--c > li > ol > li {
            margin-top: 25px;
            font-size: 4vw; }
            .privacy article .privacy-info--inner--c > li > ol > li::before {
              left: -1.7em; }
          .privacy article .privacy-info--inner--c > li .privacy-txt, .privacy article .privacy-info--inner--c > li .privacy-ttl-small, .privacy article .privacy-info--inner--c > li .privacy-txt-c {
            font-size: 3.467vw; }
          .privacy article .privacy-info--inner--c > li .privacy-ttl-small {
            line-height: 1.4; } }
.en * {
  word-break: normal; }
.en .large-menu--wrap--inner--wrap--block--section .ttl h3 {
  display: none; }
.en.top article .contents--flex.ct02 .text--inner--wrap ul.long {
  max-width: 400px; }
.en.demand-table article .container--inner table tbody {
  padding: .8em .5em; }
.en.become article .contents--area--inner--block--box .table dl dt {
  width: 188px; }
.en.emergency article .contents--inner--block .box .text--about--box dl dt {
  max-width: 7em; }
.en.emergency article .contents--inner--block .box .text--about--box h4 {
  max-width: 210px; }
.en.about article .contents--inner--block .table dl dt {
  width: 158px; }
.en.about article .contents .link-btn {
  max-width: 304px; }
.en.kiyaku article .contents--inner--block .list--block--c .number {
  width: 102px; }
.en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dt {
  width: 180px; }
.en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dd {
  padding-left: 188px; }
.en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl {
  width: 788px; }
  .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dt {
    width: 70px;
    text-align: center; }
  .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dd {
    padding-left: 84px; }
.en.event article .contents .tab-panel .panel-group .panel.tab-b .panel--inner--txt {
  letter-spacing: 0; }
.en.event article .contents .tab-panel .panel-group .panel.tab-c .panel--inner .forum--ttl--number {
  white-space: nowrap; }
.en.download article .contents--inner--block--c--att ul li {
  padding-left: .5em; }
  .en.download article .contents--inner--block--c--att ul li::before {
    content: '*'; }
.en.usage article .usage-info--inner--txt .bold {
  font-weight: bold; }
.en.privacy article .privacy-info--inner--txt .bold {
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .en.top article .contents--flex.ct02 .text--inner--wrap ul.long {
    max-width: 100%; }
  .en.demand-table article .container--inner table tbody tr td {
    padding: .2em 0; }
  .en.become article .contents--area--inner--block--box .table dl dt {
    width: 70%; }
  .en.about article .contents--inner--block .table dl dt {
    width: 100%; }
  .en.kiyaku article .contents--inner--block .list--block--c {
    height: auto; }
    .en.kiyaku article .contents--inner--block .list--block--c .number {
      width: 26vw; }
    .en.kiyaku article .contents--inner--block .list--block--c .item {
      padding-left: 2vw; }
  .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dt {
    width: 60%; }
  .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure01 dl dd {
    padding-left: 65%; }
  .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl {
    width: 100%; }
    .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl:first-of-type {
      height: 18vw; }
      .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl:first-of-type dt {
        height: 100%;
        line-height: 18vw; }
      .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl:first-of-type dd {
        margin-top: -18vw;
        height: 100%; }
    .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dt {
      width: 18%; }
    .en.kiyaku article .contents--inner--block .list--block .figure--box--c.figure02 dl dd {
      padding: 10px 0 10px 20%;
      line-height: 1.2; }
  .en.download article .contents--inner--block--c--dl-list--dl--dd {
    padding: 14px 3.2vw 14px 3.2vw; } }
.cn {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal; }
  .cn * {
    word-break: normal; }
  .cn .header--inner--nav {
    min-width: 293px;
    width: 20%; }
    .cn .header--inner--nav ul li a {
      font-family: noto-sans-cjk-jp, sans-serif; }
    .cn .header--inner--nav .member a {
      font-family: noto-sans-cjk-jp, sans-serif; }
  .cn.dl-index article .contents--inner--block--c:first-of-type .contents--inner--block--c--att ul li {
    padding-left: 0; }
    .cn.dl-index article .contents--inner--block--c:first-of-type .contents--inner--block--c--att ul li::before {
      content: ''; }
  .cn.usage article .usage-info--inner--txt .bold {
    font-weight: bold; }
  .cn.privacy article .privacy-info--inner--txt .bold {
    font-weight: bold; }

.cn.faq article .main--inner--texts dl {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal; }

.cn.demand-table article .main--inner dl h2 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .cn .header--inner--nav {
    min-width: inherit;
    width: auto; }
  .cn.download article .contents--inner--block--c--dl-list--dl--dd {
    padding: 16px 3.2vw 14px 3.2vw; } }