@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap");
header {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 16.4705882353vw;
  background: white;
  z-index: 5;
  opacity: 0;
  transition: all 0.8s ease;
  filter: blur(1vw);
  will-change: opacity, filter;
  border-right: 0.0735294118vw solid #ccc; }
  header.active {
    opacity: 1;
    filter: blur(0); }
  header h1 {
    width: 9.4117647059vw;
    margin: 2.2058823529vw auto; }
    header h1 small {
      display: block;
      text-align: center;
      font-family: "Noto Serif JP", serif;
      font-weight: 700;
      color: #e3007f;
      margin-top: 0.7352941176vw;
      font-size: 0.9558823529vw; }
  header nav .link {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 1.0294117647vw; }
    header nav .link a {
      display: block;
      padding: 0.7352941176vw 1.4705882353vw;
      transition: all 0.3s ease;
      background-color: transparent;
      border-top: 0.0735294118vw solid transparent;
      border-bottom: 0.0735294118vw solid transparent; }
      header nav .link a:hover {
        color: #e72993;
        background-color: #fff;
        border-top: 0.0735294118vw solid #e72993;
        border-bottom: 0.0735294118vw solid #e72993; }
      header nav .link a.active {
        color: #e72993;
        background-color: #fff;
        border-top: 0.0735294118vw solid #e72993;
        border-bottom: 0.0735294118vw solid #e72993; }
  header nav .btn {
    margin-top: 1.1029411765vw;
    padding: 0 1.4705882353vw; }
  header .hamburger {
    display: none; }

.zooming {
  transition: all 0.8s ease;
  filter: blur(1vw);
  transform: translateY(50px) scale(1.1);
  opacity: 0;
  will-change: transform, opacity, filter; }

.zooming.active {
  filter: blur(0);
  transform: translateY(0) scale(1);
  opacity: 1; }

footer {
  width: 100%;
  position: relative;
  padding: 2.2058823529vw 0; }
  footer .pagetop {
    width: 4.7058823529vw;
    position: fixed;
    right: 1.4705882353vw;
    bottom: 4.4117647059vw;
    transition: transform 0.3s ease; }
    footer .pagetop:after {
      position: absolute;
      content: "TOPへ戻る";
      font-size: 0.8823529412vw;
      font-weight: 500;
      bottom: -0.3676470588vw; }
    footer .pagetop:hover {
      transform: scale(1.1); }
      footer .pagetop:hover:after {
        transform: scale(1); }
  footer .inner {
    width: 83.5294117647vw;
    margin: 0 0 0 auto; }
    footer .inner .continner {
      width: 76.4705882353vw;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      footer .inner .continner small {
        font-size: 0.9558823529vw; }
      footer .inner .continner ul {
        display: flex;
        font-size: 0.9558823529vw; }
        footer .inner .continner ul li {
          margin-right: 3.6764705882vw; }
          footer .inner .continner ul li a {
            display: block;
            position: relative;
            transition: opacity 0.3s ease-out; }
            footer .inner .continner ul li a:after {
              position: absolute;
              content: "";
              background: url("../img/top/img_blank.svg") no-repeat center center/cover;
              width: 0.8823529412vw;
              height: 0.8823529412vw;
              top: 0.2941176471vw;
              margin-left: 0.2941176471vw; }
            footer .inner .continner ul li a:hover {
              opacity: 0.5; }

@media screen and (max-width: 767px) {
  header {
    position: fixed;
    height: 13.8666666667vw;
    width: 100%;
    background: #fff; }
    header h1 {
      width: 66.6666666667vw;
      margin: 3.2vw auto 0 4vw; }
      header h1 img {
        width: 21.3333333333vw;
        height: auto; }
      header h1 small {
        display: inline-block;
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        color: #e3007f;
        margin-top: 0;
        font-size: 3.2vw;
        margin: 0 0 0 2.6666666667vw;
        padding-bottom: 1.6vw; }
    header nav {
      display: none;
      position: absolute;
      right: 0;
      top: 13.8666666667vw;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: 100vh; }
      header nav .inner {
        background: #fff;
        width: 68.8vw;
        height: 100vh;
        padding: 0 5.3333333333vw 0vw;
        margin: 0vw 0 0 auto;
        justify-content: space-between;
        flex-wrap: wrap; }
      header nav .link {
        width: 100%;
        font-size: 3.7333333333vw; }
        header nav .link a {
          display: block;
          padding: 4.2666666667vw 0vw; }
      header nav .btn {
        width: 100%;
        margin-top: 2.6666666667vw; }
    header .hamburger {
      display: block;
      position: absolute;
      z-index: 21;
      top: 0vw;
      right: 0vw;
      width: 13.8666666667vw;
      height: 13.8666666667vw;
      cursor: pointer;
      text-align: center;
      background: #fff; }
      header .hamburger:after {
        position: absolute;
        content: "MENU";
        bottom: 1.3333333333vw;
        text-align: center;
        font-family: "STIX Two Text", serif;
        font-weight: 400;
        font-size: 3.4666666667vw;
        width: 100%;
        left: 0; }
      header .hamburger span {
        display: block;
        position: absolute;
        width: 9.6vw;
        margin-left: -4.8vw;
        height: 0.5333333333vw;
        left: 50%;
        background: #000;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
        header .hamburger span:nth-child(1) {
          top: 3.7333333333vw; }
        header .hamburger span:nth-child(2) {
          top: 5.6vw;
          width: 4.8vw; }
      header .hamburger.active {
        background: #fff; }
        header .hamburger.active:after {
          content: "CLOSE"; }
        header .hamburger.active span:nth-child(1) {
          top: 4.6666666667vw;
          transform: rotate(345deg); }
        header .hamburger.active span:nth-child(2) {
          width: 9.6vw;
          top: 4.6666666667vw;
          transform: rotate(-345deg); }

  footer {
    width: 100%;
    position: relative;
    padding-bottom: 2.6666666667vw; }
    footer .pagetop {
      width: 12.1904761905vw;
      position: fixed;
      right: 2.6666666667vw;
      bottom: 12vw;
      transition: transform 0.3s ease; }
      footer .pagetop:after {
        position: absolute;
        content: "TOPへ戻る";
        font-size: 2.4vw;
        font-weight: 500;
        bottom: -1.3333333333vw; }
      footer .pagetop:hover {
        transform: scale(1.1); }
        footer .pagetop:hover:after {
          transform: scale(1); }
    footer .inner {
      width: 100vw;
      margin: 5.3333333333vw 0 0 auto; }
      footer .inner .continner {
        width: 89.3333333333vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        footer .inner .continner small {
          width: 100%;
          text-align: center;
          font-size: 2.9333333333vw;
          margin-top: 2.6666666667vw; }
        footer .inner .continner ul {
          width: 90%;
          display: flex;
          justify-content: flex-start;
          font-size: 3.4666666667vw;
          gap: 9.3333333333vw;
          margin-left: 1.3333333333vw; }
          footer .inner .continner ul li {
            margin-right: 0; }
            footer .inner .continner ul li a {
              display: block;
              position: relative; }
              footer .inner .continner ul li a:after {
                position: absolute;
                content: "";
                background: url("../img/top/img_blank.svg") no-repeat center center/cover;
                width: 3.2vw;
                height: 3.2vw;
                top: 1.0666666667vw;
                margin-left: 1.0666666667vw; } }
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
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; }
    ul li img {
      line-height: 0;
      font-size: 0;
      vertical-align: top; }

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; }

/* 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%;
  overflow: auto; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
  /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/ }

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-size: 1vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #231815;
  letter-spacing: 0.01em; }

a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color: #231815;
  -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)"; }

.soon {
  pointer-events: none;
  opacity: .5; }

.hide, .hidden {
  visibility: hidden; }

p {
  line-break: strict; }

img {
  width: 100%;
  height: auto; }

main {
  display: block; }

.pc {
  display: block; }

.sp {
  display: none; }

html.active {
  position: fixed;
  width: 100%;
  height: 100%; }

body {
  -webkit-text-size-adjust: 100%;
  background: #fff;
  min-width: 100%; }
  body.active {
    position: fixed;
    width: 100%;
    height: 100%; }

@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 */ }

  img {
    width: 100%; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
/* =========================================================
 * font
========================================================= */
.font-noto {
  font-family: "Noto Sans JP", sans-serif; }

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

.font-stix {
  font-family: "STIX Two Text", serif; }

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

/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out , transform 0.875s ease-in-out; }

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

.fadein {
  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,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

/* =========================================================
 * scrollbar　　   /*フスクロールバー
========================================================= */
/*::-webkit-scrollbar{
	display: none;
	-webkit-appearance: none;
}*/
.top {
  position: relative; }
  .top article .kv {
    position: relative; }
    .top article .kv--inner {
      position: absolute;
      width: 83.5294117647vw;
      top: 0;
      right: 0;
      z-index: 1;
      /* 表示後 */ }
      .top article .kv--inner h2 {
        width: 100%;
        position: relative; }
        .top article .kv--inner h2 span {
          position: absolute; }
          .top article .kv--inner h2 span.cp_top {
            width: 42.2058823529vw;
            left: 13.6029411765vw;
            top: 5vw; }
          .top article .kv--inner h2 span.cp_middle {
            width: 40.1470588235vw;
            left: 32.5vw;
            top: 18.75vw; }
          .top article .kv--inner h2 span.cp_bottom {
            width: 56.3970588235vw;
            left: 12.5vw;
            top: 32.5vw; }
      .top article .kv--inner .middletxt {
        position: absolute;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        font-size: 0.8088235294vw;
        letter-spacing: 0.08em;
        color: #fff;
        top: 26.4705882353vw;
        left: 17.6470588235vw;
        line-height: 1.2; }
        .top article .kv--inner .middletxt strong {
          display: block;
          font-family: "Noto Serif JP", serif;
          font-size: 1.1029411765vw;
          font-weight: 500;
          margin-top: 0.7352941176vw; }
      .top article .kv--inner .cp_top, .top article .kv--inner .cp_middle, .top article .kv--inner .cp_bottom, .top article .kv--inner .middletxt {
        display: inline-block;
        opacity: 0;
        filter: blur(10px);
        transform: scale(1.2) translateX(0);
        transition: all 0.8s ease;
        will-change: transform, opacity, filter; }
      .top article .kv--inner .cp_top, .top article .kv--inner .cp_bottom {
        transform: scale(1.2) translateX(-50px);
        /* 左から */ }
      .top article .kv--inner .cp_middle, .top article .kv--inner .middletxt {
        transform: scale(1.2) translateX(50px);
        /* 右から */ }
      .top article .kv--inner .cp_top.active,
      .top article .kv--inner .cp_middle.active,
      .top article .kv--inner .cp_bottom.active,
      .top article .kv--inner .middletxt.active {
        opacity: 1;
        filter: blur(0);
        transform: scale(1) translateX(0); }
  .top article .contents .btns {
    background: url("../img/top/section_back_btn.jpg") no-repeat top center/cover; }
    .top article .contents .btns--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto;
      display: flex;
      justify-content: center;
      padding: 5.1470588235vw 0; }
      .top article .contents .btns--inner .btnbox {
        width: 23.5294117647vw;
        text-align: center;
        margin: 0 2.9411764706vw; }
        .top article .contents .btns--inner .btnbox .btncaps {
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.4705882353vw;
          color: #fff;
          margin-bottom: 0.7352941176vw; }
        .top article .contents .btns--inner .btnbox .btn {
          background: #fff; }
          .top article .contents .btns--inner .btnbox .btn.cl_1 {
            font-family: "Noto Serif JP", serif;
            font-weight: 600;
            font-size: 2.3529411765vw; }
            .top article .contents .btns--inner .btnbox .btn.cl_1 a {
              display: block;
              color: #8ba2b5;
              position: relative;
              padding: 0.7352941176vw 0;
              transition: right 0.3s ease;
              box-sizing: border-box;
              transition: opacity 0.3s ease-out; }
              .top article .contents .btns--inner .btnbox .btn.cl_1 a:after {
                position: absolute;
                content: "";
                background: url("../img/top/arrow_gr.svg") no-repeat center center/cover;
                width: 2.4264705882vw;
                height: 0.5882352941vw;
                right: 1.0294117647vw;
                top: 50%;
                margin-top: -0.2941176471vw;
                transition: right 0.3s ease; }
              .top article .contents .btns--inner .btnbox .btn.cl_1 a:hover {
                color: #fff;
                background: url("../img/top/btn_back_1.jpg") no-repeat center center/cover;
                border: 0.2941176471vw solid #fff;
                padding: 0.4411764706vw 0;
                opacity: 1; }
                .top article .contents .btns--inner .btnbox .btn.cl_1 a:hover:after {
                  background: url("../img/top/arrow_w.svg") no-repeat center center/cover;
                  right: 0vw; }
          .top article .contents .btns--inner .btnbox .btn.cl_2 {
            font-family: "STIX Two Text", serif;
            font-weight: 400;
            font-size: 3.0882352941vw;
            line-height: 1.06; }
            .top article .contents .btns--inner .btnbox .btn.cl_2 a {
              display: block;
              color: #e72993;
              position: relative;
              padding: 1.0294117647vw 0 0.4411764706vw 0;
              transition: opacity 0.3s ease-out; }
              .top article .contents .btns--inner .btnbox .btn.cl_2 a:after {
                position: absolute;
                content: "";
                background: url("../img/top/arrow_pi.svg") no-repeat center center/cover;
                width: 2.4264705882vw;
                height: 0.5882352941vw;
                right: 1.0294117647vw;
                top: 50%;
                margin-top: -0.2941176471vw;
                transition: right 0.3s ease; }
              .top article .contents .btns--inner .btnbox .btn.cl_2 a:hover {
                color: #fff;
                background: url("../img/top/btn_back_2.jpg") no-repeat center center/cover;
                border: 0.2941176471vw solid #fff;
                padding: 0.7352941176vw 0 0.1470588235vw 0;
                opacity: 1; }
                .top article .contents .btns--inner .btnbox .btn.cl_2 a:hover:after {
                  background: url("../img/top/arrow_w.svg") no-repeat center center/cover;
                  right: 0vw; }
  .top article .contents .message {
    background: url("../img/top/section_back_01.jpg") no-repeat top center/cover;
    padding-bottom: 7.3529411765vw; }
    .top article .contents .message--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .message--inner--upper--box {
        display: flex;
        justify-content: space-between; }
        .top article .contents .message--inner--upper--box.rev {
          flex-direction: row-reverse; }
        .top article .contents .message--inner--upper--box figure.mt_1 {
          width: 32.0588235294vw;
          margin: 7.5735294118vw 0 0 6.0294117647vw; }
        .top article .contents .message--inner--upper--box figure.mt_2 {
          width: 23.75vw;
          margin: 1.8382352941vw 9.7058823529vw 0 0; }
        .top article .contents .message--inner--upper--box figure.mt_3 {
          width: 34.1176470588vw;
          margin: 6.0294117647vw 0 0 6.0294117647vw; }
        .top article .contents .message--inner--upper--box figure.mt_4 {
          width: 29.0441176471vw;
          margin: 1.7647058824vw 3.5294117647vw 0 0; }
        .top article .contents .message--inner--upper--box figure.mt_5 {
          width: 31.3970588235vw;
          margin: 4.4117647059vw 0 0 8.2352941176vw; }
        .top article .contents .message--inner--upper--box figure.mt_6 {
          width: 23.0147058824vw;
          margin: 19.8529411765vw 13.2352941176vw 0 0; }
        .top article .contents .message--inner--upper--box h3 {
          color: #fff;
          font-size: 1.4705882353vw;
          font-weight: 500;
          line-height: 2; }
          .top article .contents .message--inner--upper--box h3 span {
            font-family: "Noto Serif JP", serif;
            font-size: 2.0588235294vw; }
          .top article .contents .message--inner--upper--box h3.wid_1 {
            margin: 5.8823529412vw 8.8235294118vw 0 0; }
          .top article .contents .message--inner--upper--box h3.wid_2 {
            margin: 5.8823529412vw 0 0 11.7647058824vw; }
          .top article .contents .message--inner--upper--box h3.wid_3 {
            margin: 5.8823529412vw 11.7647058824vw 0 0; }
          .top article .contents .message--inner--upper--box h3.wid_4 {
            font-size: 2.0588235294vw;
            margin: 5.8823529412vw 0 0 8.2352941176vw; }
            .top article .contents .message--inner--upper--box h3.wid_4 span {
              font-size: 2.7941176471vw; }
  .top article .contents .second {
    background: url("../img/top/section_back_02.jpg") no-repeat top center/cover;
    padding: 7.3529411765vw 0; }
    .top article .contents .second--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .second--inner .leadttl {
        width: 24.2647058824vw;
        margin-bottom: 0.7352941176vw;
        margin-left: 2.9411764706vw; }
      .top article .contents .second--inner--upper .flexbox {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 2.9411764706vw;
        margin-top: 3.6764705882vw; }
        .top article .contents .second--inner--upper .flexbox.end {
          align-items: flex-end;
          margin-top: -5.8823529412vw; }
        .top article .contents .second--inner--upper .flexbox.rev {
          flex-direction: row-reverse; }
          .top article .contents .second--inner--upper .flexbox.rev .profile {
            position: absolute;
            width: 17.6470588235vw;
            top: -1.8382352941vw;
            margin-right: -11.7647058824vw;
            right: 50%;
            font-family: "Noto Serif JP", serif;
            font-size: 1.4705882353vw;
            color: #fff;
            font-weight: 600;
            background: linear-gradient(to right, #e72993 70%, rgba(255, 255, 255, 0));
            padding: 0.7352941176vw;
            z-index: 4; }
        .top article .contents .second--inner--upper .flexbox figure.mt_1 {
          width: 29.0441176471vw; }
        .top article .contents .second--inner--upper .flexbox figure.mt_2 {
          width: 40.2941176471vw; }
        .top article .contents .second--inner--upper .flexbox figure.mt_3 {
          width: 40.2941176471vw; }
        .top article .contents .second--inner--upper .flexbox h3 {
          font-size: 0.9558823529vw;
          font-weight: 400;
          line-height: 1.8; }
          .top article .contents .second--inner--upper .flexbox h3 strong {
            font-family: "Noto Serif JP", serif;
            display: block;
            font-size: 2.2058823529vw; }
          .top article .contents .second--inner--upper .flexbox h3 small {
            font-family: "Noto Serif JP", serif;
            display: block;
            font-size: 1.1764705882vw;
            padding: 1.4705882353vw 0; }
          .top article .contents .second--inner--upper .flexbox h3.wid_1 {
            width: 43.3823529412vw; }
          .top article .contents .second--inner--upper .flexbox h3 span {
            color: #e72993; }
        .top article .contents .second--inner--upper .flexbox h4 {
          font-size: 0.9558823529vw;
          font-weight: 400;
          line-height: 1.8; }
          .top article .contents .second--inner--upper .flexbox h4 strong {
            font-family: "Noto Serif JP", serif;
            display: block;
            font-size: 1.5441176471vw;
            padding-bottom: 1.1029411765vw; }
          .top article .contents .second--inner--upper .flexbox h4.wid_1 {
            width: 34.2647058824vw; }
          .top article .contents .second--inner--upper .flexbox h4.wid_2 {
            width: 34.2647058824vw; }
  .top article .contents .third {
    background: url("../img/top/section_back_03.jpg") no-repeat top center/cover;
    padding: 0 0 5.8823529412vw 0; }
    .top article .contents .third--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .third--inner--under {
        position: relative; }
        .top article .contents .third--inner--under .obj {
          position: absolute;
          width: 87.3529411765vw;
          top: -6.9852941176vw;
          left: -0.7352941176vw;
          z-index: 4; }
        .top article .contents .third--inner--under--top {
          position: relative; }
          .top article .contents .third--inner--under--top .txtbox {
            position: absolute;
            top: 0;
            right: 0;
            width: 36.7647058824vw;
            z-index: 3; }
            .top article .contents .third--inner--under--top .txtbox .leadttl {
              width: 26.1764705882vw;
              margin-top: 6.3235294118vw;
              margin-bottom: 0.7352941176vw; }
            .top article .contents .third--inner--under--top .txtbox .txt {
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.1029411765vw;
              line-height: 1.8; }
              .top article .contents .third--inner--under--top .txtbox .txt strong {
                display: block;
                font-size: 2.2058823529vw;
                margin-bottom: 1.4705882353vw;
                margin-top: 0.7352941176vw; }
              .top article .contents .third--inner--under--top .txtbox .txt span {
                color: #e72993; }
        .top article .contents .third--inner--under--bottom {
          position: relative;
          margin-top: -13.0882352941vw; }
          .top article .contents .third--inner--under--bottom .txtbox {
            position: absolute;
            top: 0;
            left: 0;
            width: 35.2941176471vw;
            z-index: 3; }
            .top article .contents .third--inner--under--bottom .txtbox .txt {
              font-weight: 400;
              font-size: 0.9558823529vw;
              line-height: 2;
              margin: 18.2352941176vw 0 0 3.3088235294vw;
              text-align: justify; }
        .top article .contents .third--inner--under--flex {
          width: 72.2058823529vw;
          margin: -13.0882352941vw auto 0;
          display: flex;
          justify-content: space-between;
          position: relative;
          z-index: 2; }
          .top article .contents .third--inner--under--flex .pointbox {
            width: 21.3235294118vw;
            background: linear-gradient(#bdd3e6, #fff);
            padding: 1.4705882353vw; }
            .top article .contents .third--inner--under--flex .pointbox h4 {
              font-family: "Noto Serif JP", serif;
              font-size: 1.3235294118vw;
              font-weight: 600; }
              .top article .contents .third--inner--under--flex .pointbox h4 span {
                font-family: "STIX Two Text", serif;
                font-weight: 400;
                color: #537a81;
                display: block;
                font-size: 1.7647058824vw; }
            .top article .contents .third--inner--under--flex .pointbox figure {
              padding: 0.7352941176vw 0; }
            .top article .contents .third--inner--under--flex .pointbox .txts {
              font-size: 0.9558823529vw;
              line-height: 1.8;
              text-align: justify; }
  .top article .contents .interview {
    background: url("../img/top/section_back_04.jpg") no-repeat top center/cover;
    padding-bottom: 7.3529411765vw; }
    .top article .contents .interview--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto;
      padding: 0 2.9411764706vw; }
      .top article .contents .interview--inner--upper .leadttl {
        width: 43.8235294118vw;
        margin: 0 auto 1.4705882353vw;
        padding-top: 6.6176470588vw; }
      .top article .contents .interview--inner--upper h3 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.8382352941vw;
        margin-bottom: 1.8382352941vw; }
      .top article .contents .interview--inner--upper h4 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.1029411765vw;
        line-height: 1.6911764706vw; }
      .top article .contents .interview--inner--box {
        margin-top: 5.5147058824vw;
        background: #fff; }
        .top article .contents .interview--inner--box .togglebtnarea {
          position: absolute;
          width: 100%;
          height: 100%;
          bottom: 0;
          left: 0;
          z-index: 2;
          cursor: pointer; }
          .top article .contents .interview--inner--box .togglebtnarea:after {
            position: absolute;
            content: "";
            width: 3.9705882353vw;
            height: 3.9705882353vw;
            background: #fff;
            right: 0;
            bottom: 0;
            opacity: 1;
            transition: opacity 0.3s ease;
            z-index: 1; }
          .top article .contents .interview--inner--box .togglebtnarea:before {
            position: absolute;
            content: "";
            width: 3.9705882353vw;
            height: 3.9705882353vw;
            background: url("../img/top/interview_objclose.png") no-repeat center center/cover;
            right: 0;
            bottom: 0;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 2; }
          .top article .contents .interview--inner--box .togglebtnarea .togglebtn {
            cursor: pointer;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0; }
            .top article .contents .interview--inner--box .togglebtnarea .togglebtn:before {
              position: absolute;
              content: "";
              z-index: 3;
              width: 2.3529411765vw;
              height: 2.3529411765vw;
              background: url("../img/top/interview_objwide.png") no-repeat center center/cover;
              right: 0.7352941176vw;
              bottom: 0.7352941176vw;
              opacity: 1;
              transition: opacity 0.3s ease;
              z-index: 3; }
            .top article .contents .interview--inner--box .togglebtnarea .togglebtn:after {
              position: absolute;
              content: "";
              z-index: 3;
              width: 2.3529411765vw;
              height: 2.3529411765vw;
              background: url("../img/top/interview_objwide_open.png") no-repeat center center/cover;
              right: 0.7352941176vw;
              bottom: 0.7352941176vw;
              opacity: 0;
              transition: opacity 0.3s ease;
              z-index: 2; }
          .top article .contents .interview--inner--box .togglebtnarea:hover::before {
            opacity: 1; }
          .top article .contents .interview--inner--box .togglebtnarea:hover:after {
            opacity: 0; }
          .top article .contents .interview--inner--box .togglebtnarea:hover .togglebtn::before {
            opacity: 0; }
          .top article .contents .interview--inner--box .togglebtnarea:hover .togglebtn::after {
            opacity: 1; }
          .top article .contents .interview--inner--box .togglebtnarea.close {
            height: 3.9705882353vw; }
            .top article .contents .interview--inner--box .togglebtnarea.close:after {
              background: url("../img/top/interview_objclose.png") no-repeat center center/cover; }
            .top article .contents .interview--inner--box .togglebtnarea.close:before {
              background: #fff; }
            .top article .contents .interview--inner--box .togglebtnarea.close .togglebtn:before {
              background: url("../img/top/interview_objwide_close.png") no-repeat center center/cover; }
            .top article .contents .interview--inner--box .togglebtnarea.close .togglebtn:after {
              background: url("../img/top/interview_objwide_closehover.png") no-repeat center center/cover; }
            .top article .contents .interview--inner--box .togglebtnarea.close:hover::before {
              opacity: 1; }
            .top article .contents .interview--inner--box .togglebtnarea.close:hover:after {
              opacity: 0; }
            .top article .contents .interview--inner--box .togglebtnarea.close:hover .togglebtn::before {
              opacity: 0; }
            .top article .contents .interview--inner--box .togglebtnarea.close:hover .togglebtn::after {
              opacity: 1; }
        .top article .contents .interview--inner--box .toggletop {
          position: relative;
          cursor: pointer; }
          .top article .contents .interview--inner--box .toggletop .obj {
            position: absolute;
            width: 24.2647058824vw;
            right: 1.4705882353vw;
            top: 1.8382352941vw;
            z-index: 2; }
            .top article .contents .interview--inner--box .toggletop .obj.left {
              right: auto;
              left: 1.4705882353vw; }
          .top article .contents .interview--inner--box .toggletop .backimg {
            position: relative;
            overflow: hidden; }
            .top article .contents .interview--inner--box .toggletop .backimg img {
              transition: transform 0.4s ease; }
              .top article .contents .interview--inner--box .toggletop .backimg img.hovered {
                transform: scale(1.05);
                /* 5%拡大 */ }
          .top article .contents .interview--inner--box .toggletop .txtbox {
            position: absolute;
            width: 36.7647058824vw;
            height: 29.7794117647vw;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            padding-left: 6.0294117647vw; }
            .top article .contents .interview--inner--box .toggletop .txtbox h5 {
              width: 100%;
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.8382352941vw;
              line-height: 2; }
              .top article .contents .interview--inner--box .toggletop .txtbox h5 span {
                background: #8ba2b5;
                color: #fff;
                padding: 0.0735294118vw 0.5882352941vw 0.2941176471vw; }
            .top article .contents .interview--inner--box .toggletop .txtbox .name {
              width: 13.3088235294vw;
              height: 3.0882352941vw;
              text-align: center;
              background: url("../img/top/interview_nameback.png") no-repeat center center/cover;
              color: #fff;
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.5441176471vw;
              margin-top: 3.3088235294vw;
              padding-top: 0.2941176471vw; }
              .top article .contents .interview--inner--box .toggletop .txtbox .name small {
                display: inline-block;
                font-size: 1.0294117647vw;
                padding-left: 0.7352941176vw;
                position: relative;
                top: -0.1470588235vw; }
        .top article .contents .interview--inner--box .toggleinner {
          display: none;
          padding: 0 3.9705882353vw 3.9705882353vw; }
          .top article .contents .interview--inner--box .toggleinner .interviewbox {
            padding: 3.2352941176vw 0;
            border-bottom: 0.0735294118vw solid #d1d1d1;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .top article .contents .interview--inner--box .toggleinner .interviewbox.lst {
              border-bottom: none; }
            .top article .contents .interview--inner--box .toggleinner .interviewbox h6 {
              width: 23.3823529412vw;
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.4705882353vw;
              padding-left: 2.9411764706vw;
              padding-bottom: 1.1029411765vw;
              position: relative; }
              .top article .contents .interview--inner--box .toggleinner .interviewbox h6:after {
                position: absolute;
                content: "";
                width: 4.5588235294vw;
                border-top: 0.0735294118vw solid #e72993;
                bottom: 0;
                left: 2.9411764706vw; }
            .top article .contents .interview--inner--box .toggleinner .interviewbox .txt {
              width: 50.7352941176vw;
              font-size: 0.9558823529vw;
              line-height: 2;
              text-align: justify; }
          .top article .contents .interview--inner--box .toggleinner .photobox {
            display: flex;
            justify-content: space-between;
            gap: 0 0.1470588235vw; }
  .top article .contents .environment {
    padding-bottom: 7.3529411765vw; }
    .top article .contents .environment--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .environment--inner h5 {
        width: 100%;
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.7647058824vw;
        color: #e72993;
        position: relative; }
        .top article .contents .environment--inner h5 span {
          background: #fff;
          padding: 0.3676470588vw 1.8382352941vw;
          position: relative;
          z-index: 1; }
        .top article .contents .environment--inner h5:before, .top article .contents .environment--inner h5:after {
          position: absolute;
          content: "";
          width: 100%;
          border-top: 0.0735294118vw solid #e72993;
          top: 50%;
          left: 0; }
        .top article .contents .environment--inner h5:before {
          margin-top: -0.1470588235vw; }
        .top article .contents .environment--inner h5:after {
          margin-top: 0.1470588235vw; }
      .top article .contents .environment--inner--upper .leadttl {
        width: 57.7941176471vw;
        margin: 0 auto 1.4705882353vw;
        padding-top: 6.6176470588vw; }
      .top article .contents .environment--inner--upper h3 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.8382352941vw;
        margin-bottom: 1.8382352941vw; }
      .top article .contents .environment--inner--upper h4 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.1029411765vw;
        line-height: 1.6911764706vw; }
      .top article .contents .environment--inner--middle {
        margin-top: 5.8823529412vw;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0 6.3235294118vw; }
        .top article .contents .environment--inner--middle .evi_box {
          width: 17.6470588235vw;
          margin-top: 3.0882352941vw; }
          .top article .contents .environment--inner--middle .evi_box figure {
            width: 14.7058823529vw;
            margin: 0 auto; }
          .top article .contents .environment--inner--middle .evi_box .txts {
            font-size: 0.9558823529vw;
            line-height: 1.4705882353vw;
            text-align: justify;
            margin-top: 0.8823529412vw; }
      .top article .contents .environment--inner--under {
        margin-top: 5.8823529412vw; }
        .top article .contents .environment--inner--under .undertxt {
          text-align: center;
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.1029411765vw;
          line-height: 1.9117647059vw;
          margin: 2.0588235294vw 0; }
        .top article .contents .environment--inner--under--comment {
          background: #d2e1e8;
          border: 0.4411764706vw solid #a8c4d2;
          padding: 2.2058823529vw 0; }
          .top article .contents .environment--inner--under--comment .lead {
            text-align: center;
            font-family: "Noto Serif JP", serif;
            font-weight: 600;
            font-size: 1.4705882353vw;
            margin-bottom: 0.8823529412vw; }
            .top article .contents .environment--inner--under--comment .lead small {
              display: block;
              font-size: 1.5441176471vw;
              margin-bottom: 0.4411764706vw;
              line-height: 1; }
          .top article .contents .environment--inner--under--comment .leadtxt {
            text-align: center;
            font-size: 0.9558823529vw;
            line-height: 1.4705882353vw; }
          .top article .contents .environment--inner--under--comment .slide {
            position: relative; }
            .top article .contents .environment--inner--under--comment .slide .slick-dots--thumb .dot-thumb {
              display: block;
              width: 100%;
              height: 100%;
              padding: 0;
              border: none;
              background: none; }
              .top article .contents .environment--inner--under--comment .slide .slick-dots--thumb .dot-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block; }
            .top article .contents .environment--inner--under--comment .slide .slider-nav button {
              position: absolute;
              top: 50%;
              margin-top: -1.4705882353vw;
              background: none;
              border: none;
              width: 3.1617647059vw;
              transition: transform 0.4s ease; }
              .top article .contents .environment--inner--under--comment .slide .slider-nav button.prev {
                left: 4.4117647059vw; }
              .top article .contents .environment--inner--under--comment .slide .slider-nav button.next {
                right: 4.4117647059vw; }
              .top article .contents .environment--inner--under--comment .slide .slider-nav button:hover {
                transform: scale(1.2);
                /* 5%拡大 */
                opacity: 0.9; }
          .top article .contents .environment--inner--under--comment .slides {
            background: #fff;
            border-radius: 1.4705882353vw;
            margin: 0 5.8823529412vw;
            margin-top: 2.2058823529vw; }
            .top article .contents .environment--inner--under--comment .slides--box {
              padding: 0 5.8823529412vw;
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 1.4705882353vw 0 1.8382352941vw 0;
              gap: 0 1.4705882353vw;
              opacity: 0;
              transform: translateX(-20px);
              transition: opacity 0.6s ease, transform 0.6s ease; }
              .top article .contents .environment--inner--under--comment .slides--box figure {
                width: 7.5vw; }
              .top article .contents .environment--inner--under--comment .slides--box .txts {
                width: 49.2647058824vw;
                font-size: 1.1029411765vw;
                line-height: 1.9117647059vw;
                text-align: justify; }
              .top article .contents .environment--inner--under--comment .slides--box.is-show {
                opacity: 1;
                transform: translateX(0); }
            .top article .contents .environment--inner--under--comment .slides .slick-dots {
              width: 22.0588235294vw;
              bottom: 0.7352941176vw;
              right: 0.7352941176vw; }
              .top article .contents .environment--inner--under--comment .slides .slick-dots li {
                width: 1.8382352941vw;
                height: 1.9962071078vw;
                margin: 0 0.3676470588vw;
                border-radius: 0.7352941176vw;
                transition: opacity 0.3s ease-out; }
                .top article .contents .environment--inner--under--comment .slides .slick-dots li:hover {
                  opacity: 0.6; }
                .top article .contents .environment--inner--under--comment .slides .slick-dots li button {
                  width: 1.8382352941vw;
                  height: 1.9962071078vw; }
                .top article .contents .environment--inner--under--comment .slides .slick-dots li.slick-active button {
                  transform: scale(1.3); }
  .top article .contents .feeling {
    background: url("../img/top/section_back_05.jpg") no-repeat top center/cover;
    padding-bottom: 7.3529411765vw; }
    .top article .contents .feeling--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .feeling--inner--upper .leadttl {
        width: 55.4411764706vw;
        margin: 0 auto 1.4705882353vw;
        padding-top: 5.4411764706vw; }
      .top article .contents .feeling--inner--upper h3 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.8382352941vw;
        margin-bottom: 1.8382352941vw;
        color: #fff; }
      .top article .contents .feeling--inner--middle {
        margin-top: 2.9411764706vw; }
        .top article .contents .feeling--inner--middle .flexbox {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap; }
          .top article .contents .feeling--inner--middle .flexbox.rev {
            flex-direction: row-reverse; }
          .top article .contents .feeling--inner--middle .flexbox .txtbox {
            width: 30.1470588235vw;
            padding: 2.9411764706vw;
            border-radius: 1.4705882353vw;
            background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, white 15%, white 50%, white 85%, rgba(255, 255, 255, 0) 100%); }
            .top article .contents .feeling--inner--middle .flexbox .txtbox h4 {
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.4705882353vw;
              color: #e72993;
              margin-bottom: 1.1029411765vw; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox .txt {
              font-family: "Noto Serif JP", serif;
              font-weight: 500;
              font-size: 1.0294117647vw;
              line-height: 1.9117647059vw;
              text-align: justify; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_1 {
              margin: 3.6764705882vw 0 0 12.7941176471vw; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_2 {
              margin: -2.9411764706vw 7.2058823529vw 0 0; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_3 {
              margin: 2.5vw 0 0 16.6176470588vw; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_4 {
              margin: -5.1470588235vw 8.8235294118vw 0 0; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_5 {
              margin: 3.9705882353vw 0 0 3.9705882353vw; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_6 {
              margin: -4.4117647059vw 5.1470588235vw 0 auto; }
            .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_7 {
              margin: -7.3529411765vw 0 0 7.3529411765vw; }
          .top article .contents .feeling--inner--middle .flexbox figure.pos_1 {
            width: 28.6764705882vw;
            margin: 0 5.4411764706vw 0 0; }
          .top article .contents .feeling--inner--middle .flexbox figure.pos_2 {
            width: 28.9705882353vw;
            margin: 3.6764705882vw 0 0 8.3823529412vw; }
          .top article .contents .feeling--inner--middle .flexbox figure.pos_3 {
            width: 24.2647058824vw;
            margin: 0 7.6470588235vw 0 0; }
          .top article .contents .feeling--inner--middle .flexbox figure.pos_4 {
            width: 30.6617647059vw;
            margin: 4.4117647059vw 0 0 8.3823529412vw;
            position: relative;
            z-index: 2; }
          .top article .contents .feeling--inner--middle .flexbox figure.pos_5 {
            width: 30.1470588235vw;
            margin: -2.9411764706vw 16.1764705882vw 0 0; }
        .top article .contents .feeling--inner--middle .evi_box {
          width: 17.6470588235vw;
          margin-top: 3.0882352941vw; }
          .top article .contents .feeling--inner--middle .evi_box figure {
            width: 14.7058823529vw;
            margin: 0 auto; }
          .top article .contents .feeling--inner--middle .evi_box .txts {
            font-size: 0.9558823529vw;
            line-height: 1.4705882353vw;
            text-align: justify;
            margin-top: 0.8823529412vw; }
  .top article .contents .aboutus {
    padding-bottom: 2.9411764706vw; }
    .top article .contents .aboutus--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .aboutus--inner--upper .leadttl {
        width: 38.5294117647vw;
        margin: 0 auto 1.4705882353vw;
        padding-top: 6.6176470588vw; }
      .top article .contents .aboutus--inner--upper h3 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.8382352941vw;
        padding-bottom: 1.8382352941vw;
        margin-bottom: 1.8382352941vw;
        position: relative; }
        .top article .contents .aboutus--inner--upper h3:after {
          position: absolute;
          content: "";
          width: 8.8235294118vw;
          border-top: 0.1470588235vw solid #8ba2b5;
          bottom: 0;
          left: 50%;
          margin-left: -4.4117647059vw; }
      .top article .contents .aboutus--inner--upper h4 {
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.1029411765vw;
        line-height: 1.9117647059vw; }
      .top article .contents .aboutus--inner--middle {
        width: 69.8529411765vw;
        margin: 0 auto; }
        .top article .contents .aboutus--inner--middle .blocks {
          margin-top: 3.6764705882vw; }
          .top article .contents .aboutus--inner--middle .blocks .btn {
            width: 19.4117647059vw;
            margin: 1.7647058824vw auto 0; }
            .top article .contents .aboutus--inner--middle .blocks .btn.wid {
              width: 19.4117647059vw; }
          .top article .contents .aboutus--inner--middle .blocks .lead {
            text-align: center;
            font-family: "Noto Serif JP", serif;
            font-weight: 600;
            font-size: 1.3235294118vw; }
          .top article .contents .aboutus--inner--middle .blocks .leadtxt {
            text-align: center;
            font-family: "Noto Serif JP", serif;
            font-weight: 600;
            font-size: 1.0294117647vw;
            line-height: 1.9852941176vw;
            padding: 1.4705882353vw 0 0; }
  .top article .contents .guideline {
    background: url("../img/top/section_back_06.jpg") no-repeat top center/cover;
    padding-bottom: 7.3529411765vw;
    margin-top: 6.6176470588vw; }
    .top article .contents .guideline--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .guideline--inner--upper .leadttl {
        width: 56.6176470588vw;
        margin: 0 auto 1.4705882353vw;
        position: relative;
        top: -0.2941176471vw; }
      .top article .contents .guideline--inner--middle {
        width: 64.7058823529vw;
        margin: 0 auto;
        margin-top: 2.9411764706vw;
        padding: 2.9411764706vw;
        background: #fff; }
        .top article .contents .guideline--inner--middle h3 {
          text-align: center;
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.6911764706vw;
          margin-bottom: 1.8382352941vw; }
        .top article .contents .guideline--inner--middle .blocks dl {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          border-bottom: 0.0735294118vw solid #6496af;
          padding: 1.1029411765vw 0; }
          .top article .contents .guideline--inner--middle .blocks dl:last-child {
            border-bottom: none; }
          .top article .contents .guideline--inner--middle .blocks dl dt {
            width: 7.5vw;
            font-family: "Noto Serif JP", serif;
            font-weight: 600;
            background: #6496af;
            color: #fff;
            font-size: 1.1029411765vw;
            text-align: center;
            padding: 0.2941176471vw 0; }
          .top article .contents .guideline--inner--middle .blocks dl dd {
            width: 57.2058823529vw;
            padding: 0.2941176471vw 0 0;
            padding-left: 1.8382352941vw;
            font-size: 0.9558823529vw;
            line-height: 1.3970588235vw; }
            .top article .contents .guideline--inner--middle .blocks dl dd strong {
              font-size: 1.1029411765vw;
              display: block;
              margin-bottom: 0.7352941176vw; }
            .top article .contents .guideline--inner--middle .blocks dl dd a {
              width: auto;
              display: inline-block;
              height: auto;
              text-decoration: underline; }
      .top article .contents .guideline--inner--under {
        width: 64.7058823529vw;
        margin: 0 auto;
        margin-top: 4.1176470588vw;
        padding: 2.9411764706vw 0;
        background: #fff; }
        .top article .contents .guideline--inner--under h3 {
          text-align: center;
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.6911764706vw;
          margin-bottom: 1.8382352941vw; }
        .top article .contents .guideline--inner--under .flexblock {
          display: flex;
          justify-content: center;
          margin-top: 4.4117647059vw;
          gap: 0 1.9852941176vw; }
          .top article .contents .guideline--inner--under .flexblock--box {
            width: 13.0882352941vw;
            background: #d2e1e8;
            position: relative; }
            .top article .contents .guideline--inner--under .flexblock--box:after {
              position: absolute;
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 0.9558823529vw solid transparent;
              border-bottom: 0.9558823529vw solid transparent;
              border-left: 1.4705882353vw solid #6496af;
              border-right: 0;
              right: -1.4705882353vw;
              top: 50%;
              margin-top: -0.9558823529vw; }
            .top article .contents .guideline--inner--under .flexblock--box:last-child:after {
              content: none; }
            .top article .contents .guideline--inner--under .flexblock--box .num {
              font-family: "STIX Two Text", serif;
              font-weight: 400;
              font-size: 1.3235294118vw;
              color: #6496af;
              text-align: center;
              line-height: 1;
              position: relative;
              top: -2.9411764706vw;
              margin-bottom: -2.9411764706vw; }
              .top article .contents .guideline--inner--under .flexblock--box .num strong {
                display: block;
                font-size: 3.5294117647vw; }
            .top article .contents .guideline--inner--under .flexblock--box .lead {
              font-family: "Noto Serif JP", serif;
              font-weight: 600;
              font-size: 1.1764705882vw;
              text-align: center;
              margin: 0.7352941176vw auto 1.4705882353vw; }
            .top article .contents .guideline--inner--under .flexblock--box .txts {
              font-size: 0.9558823529vw;
              line-height: 1.3970588235vw;
              padding: 0 1.4705882353vw 1.4705882353vw;
              text-align: justify; }
  .top article .contents .faq {
    padding-bottom: 7.3529411765vw; }
    .top article .contents .faq--inner {
      width: 83.5294117647vw;
      margin: 0 0 0 auto; }
      .top article .contents .faq--inner--upper .leadttl {
        width: 15.2941176471vw;
        margin: 0 auto 0vw;
        padding-top: 6.6176470588vw; }
      .top article .contents .faq--inner--middle {
        width: 64.7058823529vw;
        margin: 1.9117647059vw auto 0; }
        .top article .contents .faq--inner--middle .blocks {
          padding: 1.7647058824vw 0;
          border-bottom: 0.0735294118vw solid #e0eaef; }
          .top article .contents .faq--inner--middle .blocks:last-child {
            border-bottom: none; }
          .top article .contents .faq--inner--middle .blocks dl {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .top article .contents .faq--inner--middle .blocks dl dt {
              width: 2.6470588235vw;
              height: 2.6470588235vw;
              font-family: "STIX Two Text", serif;
              font-weight: 400;
              font-size: 1.5441176471vw;
              border-radius: 50%;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center; }
            .top article .contents .faq--inner--middle .blocks dl dd {
              width: 61.0294117647vw;
              font-size: 0.9558823529vw;
              line-height: 1.3970588235vw; }
            .top article .contents .faq--inner--middle .blocks dl.qes {
              margin-bottom: 0.7352941176vw; }
              .top article .contents .faq--inner--middle .blocks dl.qes dt {
                background: #6496af;
                color: #fff; }
              .top article .contents .faq--inner--middle .blocks dl.qes dd {
                font-family: "Noto Serif JP", serif;
                font-weight: 600;
                font-size: 1.1764705882vw; }
            .top article .contents .faq--inner--middle .blocks dl.ans {
              align-items: flex-start; }
              .top article .contents .faq--inner--middle .blocks dl.ans dt {
                background: #e72993;
                color: #fff; }
              .top article .contents .faq--inner--middle .blocks dl.ans dd {
                padding-top: 0.4411764706vw; }

@media screen and (max-width: 767px) {
  .top {
    position: relative; } }
@media screen and (max-width: 767px) {
  .top {
    position: relative; }
    .top article {
      margin-top: 13.8666666667vw; }
      .top article .kv {
        position: relative; }
        .top article .kv--inner {
          width: 100vw; }
          .top article .kv--inner h2 span.cp_top {
            width: 66.4vw;
            left: 5.8666666667vw;
            top: 15.3333333333vw; }
          .top article .kv--inner h2 span.cp_middle {
            width: 64.8vw;
            left: 35.2vw;
            top: 37.3333333333vw; }
          .top article .kv--inner h2 span.cp_bottom {
            width: 88.2666666667vw;
            left: 4vw;
            top: 59.7333333333vw; }
          .top article .kv--inner .middletxt {
            font-size: 1.6vw;
            letter-spacing: 0.02em;
            top: 49.3333333333vw;
            left: 10.6666666667vw; }
            .top article .kv--inner .middletxt strong {
              display: block;
              font-family: "Noto Serif JP", serif;
              font-size: 3.2vw;
              font-weight: 500;
              margin-top: 0.7352941176vw; }
      .top article .contents .btns {
        background: url("../img/top/section_back_btn.jpg") no-repeat top center/cover; }
        .top article .contents .btns--inner {
          width: 89.3333333333vw;
          margin: 0 auto;
          padding: 9.3333333333vw 0; }
          .top article .contents .btns--inner .btnbox {
            width: 38.6666666667vw;
            text-align: center;
            margin: 0 2.9411764706vw; }
            .top article .contents .btns--inner .btnbox .btncaps {
              font-size: 3.7333333333vw;
              color: #fff;
              margin-bottom: 1.3333333333vw; }
            .top article .contents .btns--inner .btnbox .btn {
              background: #fff; }
              .top article .contents .btns--inner .btnbox .btn.cl_1 {
                font-size: 4vw; }
                .top article .contents .btns--inner .btnbox .btn.cl_1 a {
                  padding: 1.3333333333vw 0; }
                  .top article .contents .btns--inner .btnbox .btn.cl_1 a:after {
                    width: 5.1764705882vw;
                    height: 1.2549019608vw;
                    right: 1.568627451vw;
                    margin-top: -0.6274509804vw; }
              .top article .contents .btns--inner .btnbox .btn.cl_2 {
                font-family: "STIX Two Text", serif;
                font-weight: 400;
                font-size: 5.3333333333vw;
                line-height: 1.06; }
                .top article .contents .btns--inner .btnbox .btn.cl_2 a {
                  padding: 1.8666666667vw 0 0.8vw 0; }
                  .top article .contents .btns--inner .btnbox .btn.cl_2 a:after {
                    width: 5.1764705882vw;
                    height: 1.2549019608vw;
                    right: 1.568627451vw;
                    margin-top: -0.6274509804vw; }
      .top article .contents .message {
        background: url("../img/top/section_back_01.jpg") no-repeat top center/cover;
        padding-bottom: 13.3333333333vw; }
        .top article .contents .message--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .message--inner--upper--box {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .top article .contents .message--inner--upper--box.rev {
              flex-direction: row-reverse; }
            .top article .contents .message--inner--upper--box figure.mt_1 {
              order: 2;
              width: 66.6666666667vw;
              margin: 5.3333333333vw auto 0 5.3333333333vw; }
            .top article .contents .message--inner--upper--box figure.mt_2 {
              width: 39.2vw;
              margin: 5.3333333333vw 4.8vw 0 auto; }
            .top article .contents .message--inner--upper--box figure.mt_3 {
              order: 1;
              width: 61.8666666667vw;
              margin: -26.6666666667vw auto 0 5.3333333333vw; }
            .top article .contents .message--inner--upper--box figure.mt_4 {
              width: 89.3333333333vw;
              margin: 5.3333333333vw auto; }
            .top article .contents .message--inner--upper--box figure.mt_5 {
              order: 1;
              width: 68.5333333333vw;
              margin: 0vw auto 0 16vw; }
            .top article .contents .message--inner--upper--box figure.mt_6 {
              display: none; }
            .top article .contents .message--inner--upper--box h3 {
              font-size: 3.7333333333vw; }
              .top article .contents .message--inner--upper--box h3 span {
                font-family: "Noto Serif JP", serif;
                font-size: 4.8vw; }
              .top article .contents .message--inner--upper--box h3.wid_1 {
                order: 1;
                margin: 10.6666666667vw auto 0 5.3333333333vw; }
              .top article .contents .message--inner--upper--box h3.wid_2 {
                margin: 10.6666666667vw 0 0 5.3333333333vw; }
              .top article .contents .message--inner--upper--box h3.wid_3 {
                order: 2;
                margin: 5.3333333333vw auto 0 5.3333333333vw; }
              .top article .contents .message--inner--upper--box h3.wid_4 {
                order: 2;
                font-size: 4.8vw;
                margin: 5.3333333333vw auto 0 5.3333333333vw; }
                .top article .contents .message--inner--upper--box h3.wid_4 span {
                  font-size: 6.6666666667vw; }
      .top article .contents .second {
        background: url("../img/top/section_back_02_sp.jpg") no-repeat top right/cover;
        padding: 10.6666666667vw 0; }
        .top article .contents .second--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .second--inner .leadttl {
            width: 33.8461538462vw;
            margin-bottom: 0vw;
            margin-left: 5.3333333333vw; }
          .top article .contents .second--inner--upper .flexbox {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 0 5.3333333333vw;
            margin-top: 10.6666666667vw;
            flex-direction: column-reverse; }
            .top article .contents .second--inner--upper .flexbox.end {
              align-items: flex-end;
              margin-top: 5.3333333333vw; }
            .top article .contents .second--inner--upper .flexbox.rev {
              flex-direction: column-reverse; }
              .top article .contents .second--inner--upper .flexbox.rev .profile {
                position: absolute;
                width: 37.3333333333vw;
                top: -2.6666666667vw;
                margin-right: auto;
                right: auto;
                left: 0;
                font-family: "Noto Serif JP", serif;
                font-size: 3.7333333333vw;
                padding: 1.8666666667vw 2.6666666667vw;
                z-index: 4; }
            .top article .contents .second--inner--upper .flexbox figure.mt_1 {
              position: absolute;
              right: 5.3333333333vw;
              width: 40vw;
              top: 21.3333333333vw; }
            .top article .contents .second--inner--upper .flexbox figure.mt_2 {
              width: 100%;
              margin: 0 auto 0 0;
              overflow: hidden; }
              .top article .contents .second--inner--upper .flexbox figure.mt_2 img {
                width: 120%; }
            .top article .contents .second--inner--upper .flexbox figure.mt_3 {
              width: 100%;
              margin: 0 0 0 auto;
              overflow: hidden; }
              .top article .contents .second--inner--upper .flexbox figure.mt_3 img {
                width: 120%; }
            .top article .contents .second--inner--upper .flexbox h3 {
              font-size: 3.4666666667vw;
              font-weight: 400;
              line-height: 1.6;
              text-align: justify; }
              .top article .contents .second--inner--upper .flexbox h3 strong {
                font-size: 4.8vw;
                line-height: 1.6; }
              .top article .contents .second--inner--upper .flexbox h3 small {
                font-size: 3.4666666667vw;
                padding: 5.3333333333vw 0; }
              .top article .contents .second--inner--upper .flexbox h3.wid_1 {
                width: 100%; }
            .top article .contents .second--inner--upper .flexbox h4 {
              font-size: 3.4666666667vw;
              text-align: justify;
              line-height: 1.6; }
              .top article .contents .second--inner--upper .flexbox h4 strong {
                font-size: 4.2666666667vw;
                padding-bottom: 4vw; }
              .top article .contents .second--inner--upper .flexbox h4.wid_1 {
                width: 100%;
                margin-top: 5.3333333333vw; }
              .top article .contents .second--inner--upper .flexbox h4.wid_2 {
                width: 100%;
                margin-top: 5.3333333333vw; }
      .top article .contents .third {
        padding: 0 0 10.6666666667vw 0; }
        .top article .contents .third--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .third--inner--under {
            position: relative; }
            .top article .contents .third--inner--under .obj {
              position: absolute;
              width: 103.7333333333vw;
              top: -5.3333333333vw;
              left: -8vw;
              z-index: 4; }
            .top article .contents .third--inner--under--top {
              position: relative; }
              .top article .contents .third--inner--under--top .txtbox {
                position: absolute;
                top: 0;
                right: 0;
                width: 45.3333333333vw;
                z-index: 3; }
                .top article .contents .third--inner--under--top .txtbox .leadttl {
                  width: 36.5128205128vw;
                  margin: 5.3333333333vw 0 1.3333333333vw 0;
                  line-height: 1; }
                .top article .contents .third--inner--under--top .txtbox .txt {
                  font-family: "Noto Serif JP", serif;
                  font-weight: 600;
                  font-size: 1.1029411765vw;
                  line-height: 1.6; }
                  .top article .contents .third--inner--under--top .txtbox .txt strong {
                    display: block;
                    font-size: 4.8vw;
                    margin-bottom: 2.6666666667vw;
                    margin-top: 2.6666666667vw;
                    line-height: 1.6; }
                  .top article .contents .third--inner--under--top .txtbox .txt span {
                    color: #e72993; }
            .top article .contents .third--inner--under--bottom {
              position: relative;
              margin-top: -13.0882352941vw; }
              .top article .contents .third--inner--under--bottom .txtbox {
                position: static;
                top: 0;
                left: 0;
                width: 89.3333333333vw;
                margin: 0 auto;
                z-index: 3; }
                .top article .contents .third--inner--under--bottom .txtbox .lead {
                  font-family: "Noto Serif JP", serif;
                  font-size: 3.7333333333vw;
                  font-weight: 500;
                  margin: 5.3333333333vw auto; }
                .top article .contents .third--inner--under--bottom .txtbox .txt {
                  font-weight: 400;
                  font-size: 3.4666666667vw;
                  line-height: 1.6;
                  margin: 5.3333333333vw auto;
                  text-align: justify; }
            .top article .contents .third--inner--under--flex {
              width: 89.3333333333vw;
              margin: 0vw auto 0;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              .top article .contents .third--inner--under--flex .pointbox {
                width: 100%;
                padding: 5.3333333333vw;
                margin-top: 5.3333333333vw; }
                .top article .contents .third--inner--under--flex .pointbox h4 {
                  position: absolute;
                  width: 37.3333333333vw;
                  height: 30.1333333333vw;
                  display: flex;
                  align-items: center;
                  align-content: center;
                  right: 0;
                  font-size: 4.2666666667vw;
                  flex-wrap: wrap; }
                  .top article .contents .third--inner--under--flex .pointbox h4 span {
                    width: 100%;
                    display: block;
                    font-size: 5.3333333333vw; }
                .top article .contents .third--inner--under--flex .pointbox figure {
                  width: 42.4vw;
                  margin: 0 auto 0 0;
                  padding: 0vw 0 2.6666666667vw; }
                .top article .contents .third--inner--under--flex .pointbox .txts {
                  font-size: 3.4666666667vw;
                  line-height: 1.6; }
      .top article .contents .interview {
        background: url("../img/top/section_back_04_sp.jpg") no-repeat top center/cover;
        padding-bottom: 13.3333333333vw; }
        .top article .contents .interview--inner {
          width: 100vw;
          margin: 0 auto;
          padding: 0 0vw; }
          .top article .contents .interview--inner--upper .leadttl {
            width: 61.1282051282vw;
            margin: 0 auto 2.6666666667vw;
            padding-top: 10.6666666667vw; }
          .top article .contents .interview--inner--upper h3 {
            font-size: 4.8vw;
            margin-bottom: 1.8382352941vw; }
          .top article .contents .interview--inner--upper h4 {
            font-size: 3.7333333333vw;
            line-height: 6.6666666667vw; }
          .top article .contents .interview--inner--box {
            margin-top: 5.5147058824vw;
            background: #fff; }
            .top article .contents .interview--inner--box .togglebtnarea:after, .top article .contents .interview--inner--box .togglebtnarea:before {
              width: 9vw;
              height: 9vw; }
            .top article .contents .interview--inner--box .togglebtnarea .togglebtn:after, .top article .contents .interview--inner--box .togglebtnarea .togglebtn:before {
              width: 5.3333333333vw;
              height: 5.3333333333vw;
              right: 1.6666666667vw;
              bottom: 1.6666666667vw; }
            .top article .contents .interview--inner--box .togglebtnarea.close {
              height: 9vw; }
            .top article .contents .interview--inner--box .toggletop {
              position: relative;
              cursor: pointer; }
              .top article .contents .interview--inner--box .toggletop .obj {
                position: absolute;
                width: 44vw;
                right: -16vw;
                top: 3.3333333333vw;
                z-index: 2; }
                .top article .contents .interview--inner--box .toggletop .obj.left {
                  right: auto;
                  left: -16vw; }
              .top article .contents .interview--inner--box .toggletop .backimg {
                position: relative; }
              .top article .contents .interview--inner--box .toggletop .txtbox {
                position: absolute;
                width: 62.5vw;
                height: 50.9333333333vw;
                top: 0;
                left: 0;
                display: flex;
                align-items: center;
                align-content: center;
                flex-wrap: wrap;
                padding-left: 2.6666666667vw; }
                .top article .contents .interview--inner--box .toggletop .txtbox h5 {
                  width: 100%;
                  font-size: 3.4666666667vw; }
                  .top article .contents .interview--inner--box .toggletop .txtbox h5 span {
                    background: #8ba2b5;
                    color: #fff;
                    padding: 0.2666666667vw 1.0666666667vw 1.0666666667vw; }
                .top article .contents .interview--inner--box .toggletop .txtbox .name {
                  width: 26.8148148148vw;
                  height: 6.2222222222vw;
                  text-align: center;
                  color: #fff;
                  font-family: "Noto Serif JP", serif;
                  font-weight: 600;
                  font-size: 3.7333333333vw;
                  margin-top: 6vw; }
                  .top article .contents .interview--inner--box .toggletop .txtbox .name small {
                    display: inline-block;
                    font-size: 2.6666666667vw;
                    padding-left: 1.3333333333vw; }
            .top article .contents .interview--inner--box .toggleinner {
              display: none;
              padding: 0 9vw 9vw; }
              .top article .contents .interview--inner--box .toggleinner .interviewbox {
                padding: 5.3333333333vw 0;
                flex-wrap: wrap; }
                .top article .contents .interview--inner--box .toggleinner .interviewbox h6 {
                  width: 100%;
                  font-size: 4.2666666667vw;
                  padding-left: 0;
                  padding-bottom: 2vw;
                  position: relative;
                  line-height: 1.8; }
                  .top article .contents .interview--inner--box .toggleinner .interviewbox h6:after {
                    position: absolute;
                    content: "";
                    width: 16.5333333333vw;
                    border-top: 0.2666666667vw solid #e72993;
                    bottom: 0;
                    left: 0vw; }
                .top article .contents .interview--inner--box .toggleinner .interviewbox .txt {
                  width: 100%;
                  font-size: 3.4666666667vw;
                  line-height: 1.6;
                  text-align: justify;
                  margin-top: 5.3333333333vw; }
              .top article .contents .interview--inner--box .toggleinner .photobox {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 2.6666666667vw; }
                .top article .contents .interview--inner--box .toggleinner .photobox figure {
                  width: 100%; }
      .top article .contents .environment {
        padding-bottom: 13.3333333333vw; }
        .top article .contents .environment--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .environment--inner h5 {
            width: 100%;
            font-size: 4.2666666667vw; }
            .top article .contents .environment--inner h5 span {
              background: #fff;
              padding: 0.6666666667vw 3.3333333333vw;
              position: relative;
              z-index: 1; }
            .top article .contents .environment--inner h5:before, .top article .contents .environment--inner h5:after {
              position: absolute;
              content: "";
              width: 100%;
              border-top: 0.2666666667vw solid #e72993;
              top: 50%;
              left: 0; }
            .top article .contents .environment--inner h5:before {
              margin-top: -0.5333333333vw; }
            .top article .contents .environment--inner h5:after {
              margin-top: 0.5333333333vw; }
          .top article .contents .environment--inner--upper .leadttl {
            width: 80.6153846154vw;
            margin: 0 auto 2.6666666667vw;
            padding-top: 10.6666666667vw; }
          .top article .contents .environment--inner--upper h3 {
            font-size: 4.8vw;
            margin-bottom: 1.8382352941vw; }
          .top article .contents .environment--inner--upper h4 {
            font-size: 3.7333333333vw;
            line-height: 6.6666666667vw; }
          .top article .contents .environment--inner--middle {
            margin-top: 10.6666666667vw;
            padding: 0 5.3333333333vw;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 0 8%; }
            .top article .contents .environment--inner--middle .evi_box {
              width: 46%;
              margin-top: 3.0882352941vw; }
              .top article .contents .environment--inner--middle .evi_box figure {
                width: 95%;
                margin: 0 auto; }
              .top article .contents .environment--inner--middle .evi_box .txts {
                font-size: 3.4666666667vw;
                line-height: 5.3333333333vw;
                text-align: justify;
                margin-top: 3.2vw; }
          .top article .contents .environment--inner--under {
            margin-top: 10.6666666667vw; }
            .top article .contents .environment--inner--under .undertxt {
              font-size: 3.4666666667vw;
              line-height: 5.3333333333vw;
              margin: 3.7333333333vw 0;
              padding: 0 5.3333333333vw;
              text-align: justify; }
              .top article .contents .environment--inner--under .undertxt br {
                display: none; }
            .top article .contents .environment--inner--under--comment {
              width: 89.3333333333vw;
              margin: 0 auto;
              border: 0.8vw solid #a8c4d2;
              padding-bottom: 4vw; }
              .top article .contents .environment--inner--under--comment .lead {
                font-size: 4vw;
                margin-bottom: 1.6vw;
                padding-top: 2.1333333333vw; }
                .top article .contents .environment--inner--under--comment .lead small {
                  display: block;
                  font-size: 3.7333333333vw;
                  margin-bottom: 1.6vw; }
              .top article .contents .environment--inner--under--comment .leadtxt {
                text-align: justify;
                font-size: 3.4666666667vw;
                line-height: 5.3333333333vw;
                padding: 0 5.3333333333vw; }
                .top article .contents .environment--inner--under--comment .leadtxt br {
                  display: none; }
              .top article .contents .environment--inner--under--comment .slide {
                position: relative; }
                .top article .contents .environment--inner--under--comment .slide .slider-nav button {
                  position: absolute;
                  top: 50%;
                  margin-top: -4.4444444444vw;
                  background: none;
                  border: none;
                  width: 9.5555555556vw; }
                  .top article .contents .environment--inner--under--comment .slide .slider-nav button.prev {
                    left: 0.8vw; }
                  .top article .contents .environment--inner--under--comment .slide .slider-nav button.next {
                    right: 0.8vw; }
              .top article .contents .environment--inner--under--comment .slides {
                margin: 0 5.3333333333vw;
                border-radius: 5.3333333333vw;
                margin-top: 5.3333333333vw; }
                .top article .contents .environment--inner--under--comment .slides--box {
                  border-radius: 5.3333333333vw;
                  padding: 0 5.3333333333vw;
                  background: #fff;
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  padding: 6.6666666667vw 0 8vw;
                  gap: 0 2.6666666667vw; }
                  .top article .contents .environment--inner--under--comment .slides--box figure {
                    width: 21.3333333333vw; }
                  .top article .contents .environment--inner--under--comment .slides--box .txts {
                    width: 80%;
                    margin: 2.6666666667vw auto 0;
                    font-size: 3.4666666667vw;
                    line-height: 5.3333333333vw;
                    text-align: justify;
                    padding-bottom: 5.3333333333vw; }
                .top article .contents .environment--inner--under--comment .slides .slick-dots {
                  width: 100%;
                  bottom: 2.6666666667vw;
                  right: 0vw; }
                  .top article .contents .environment--inner--under--comment .slides .slick-dots li {
                    width: 5.7142857143vw;
                    height: 6.205352381vw;
                    margin: 0 1.3333333333vw;
                    transition: opacity 0.3s ease-out; }
                    .top article .contents .environment--inner--under--comment .slides .slick-dots li:hover {
                      opacity: 0.6; }
                    .top article .contents .environment--inner--under--comment .slides .slick-dots li button {
                      width: 5.7142857143vw;
                      height: 6.205352381vw; }
      .top article .contents .feeling {
        background: url("../img/top/section_back_05.jpg") no-repeat center center/cover;
        padding-bottom: 13.3333333333vw; }
        .top article .contents .feeling--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .feeling--inner--upper .leadttl {
            width: 77.3333333333vw;
            margin: 0 auto 2.6666666667vw;
            padding-top: 10.6666666667vw; }
          .top article .contents .feeling--inner--upper h3 {
            font-size: 4.8vw;
            margin-bottom: 1.8382352941vw; }
          .top article .contents .feeling--inner--middle {
            margin-top: 5.3333333333vw; }
            .top article .contents .feeling--inner--middle .flexbox {
              display: flex;
              justify-content: space-between;
              align-items: flex-start;
              flex-wrap: wrap; }
              .top article .contents .feeling--inner--middle .flexbox.rev {
                flex-direction: row-reverse; }
              .top article .contents .feeling--inner--middle .flexbox .txtbox {
                width: 80%;
                padding: 5.3333333333vw;
                border-radius: 2.6666666667vw;
                position: relative;
                z-index: 2; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox h4 {
                  font-family: "Noto Serif JP", serif;
                  font-weight: 600;
                  font-size: 4vw;
                  color: #e72993;
                  margin-bottom: 2vw; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox .txt {
                  font-size: 3.4666666667vw;
                  line-height: 5.3333333333vw;
                  text-align: justify; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_1 {
                  order: 2;
                  margin: -16vw 5.3333333333vw 0 auto; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_2 {
                  order: 2;
                  margin: -10.6666666667vw auto 0 5.3333333333vw; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_3 {
                  order: 2;
                  margin: -10.6666666667vw 5.3333333333vw 0 auto; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_4 {
                  order: 2;
                  margin: -10.6666666667vw auto 0 5.3333333333vw;
                  position: relative;
                  z-index: 3; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_5 {
                  order: 2;
                  margin: -10.6666666667vw 5.3333333333vw 0 auto; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_6 {
                  margin: 5.3333333333vw auto 0 5.3333333333vw; }
                .top article .contents .feeling--inner--middle .flexbox .txtbox.pos_7 {
                  margin: 5.3333333333vw 5.3333333333vw 0 auto; }
              .top article .contents .feeling--inner--middle .flexbox figure {
                z-index: 1; }
                .top article .contents .feeling--inner--middle .flexbox figure.pos_1 {
                  order: 1;
                  width: 74.2857142857vw;
                  margin: 0 auto 0 0; }
                .top article .contents .feeling--inner--middle .flexbox figure.pos_2 {
                  order: 1;
                  width: 68.5714285714vw;
                  margin: 5.3333333333vw 0 0 auto; }
                .top article .contents .feeling--inner--middle .flexbox figure.pos_3 {
                  order: 1;
                  width: 62.8571428571vw;
                  margin: 5.3333333333vw auto 0 0; }
                .top article .contents .feeling--inner--middle .flexbox figure.pos_4 {
                  order: 1;
                  width: 76.1904761905vw;
                  margin: 5.3333333333vw 0 0 auto; }
                .top article .contents .feeling--inner--middle .flexbox figure.pos_5 {
                  order: 1;
                  width: 72.380952381vw;
                  margin: 5.3333333333vw auto 0 0; }
            .top article .contents .feeling--inner--middle .evi_box {
              width: 17.6470588235vw;
              margin-top: 3.0882352941vw; }
              .top article .contents .feeling--inner--middle .evi_box figure {
                width: 14.7058823529vw;
                margin: 0 auto; }
              .top article .contents .feeling--inner--middle .evi_box .txts {
                font-size: 0.9558823529vw;
                line-height: 1.4705882353vw;
                text-align: justify;
                margin-top: 0.8823529412vw; }
      .top article .contents .aboutus {
        padding-bottom: 10.6666666667vw; }
        .top article .contents .aboutus--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .aboutus--inner--upper {
            padding-bottom: 10.6666666667vw; }
            .top article .contents .aboutus--inner--upper .leadttl {
              width: 53.7435897436vw;
              margin: 0 auto 2.6666666667vw;
              padding-top: 10.6666666667vw; }
            .top article .contents .aboutus--inner--upper h3 {
              font-size: 4.8vw;
              margin-bottom: 5.3333333333vw;
              padding-bottom: 5.3333333333vw; }
              .top article .contents .aboutus--inner--upper h3:after {
                width: 32vw;
                border-top: 0.5333333333vw solid #8ba2b5;
                margin-left: -16vw; }
            .top article .contents .aboutus--inner--upper h4 {
              font-size: 3.7333333333vw;
              line-height: 6.6666666667vw; }
          .top article .contents .aboutus--inner--middle {
            width: 89.3333333333vw;
            margin: 0 auto;
            border-top: 0.2666666667vw solid #ccc; }
            .top article .contents .aboutus--inner--middle .blocks {
              margin-top: 10.6666666667vw;
              border-bottom: 0.2666666667vw solid #ccc;
              padding-bottom: 10.6666666667vw; }
              .top article .contents .aboutus--inner--middle .blocks .btn {
                width: 58.6666666667vw;
                margin: 6.4vw auto 0; }
                .top article .contents .aboutus--inner--middle .blocks .btn.wid {
                  width: 58.6666666667vw; }
              .top article .contents .aboutus--inner--middle .blocks .lead {
                text-align: center;
                font-family: "Noto Serif JP", serif;
                font-weight: 600;
                font-size: 4vw; }
              .top article .contents .aboutus--inner--middle .blocks .leadtxt {
                text-align: justify;
                font-family: "Noto Serif JP", serif;
                font-weight: 600;
                font-size: 3.4666666667vw;
                line-height: 5.3333333333vw;
                padding: 5.3333333333vw 0 0; }
                .top article .contents .aboutus--inner--middle .blocks .leadtxt br {
                  display: none; }
      .top article .contents .guideline {
        background: url("../img/top/section_back_06.jpg") no-repeat top center/cover;
        padding-bottom: 13.3333333333vw;
        margin-top: 12vw; }
        .top article .contents .guideline--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .guideline--inner--upper .leadttl {
            width: 78.9743589744vw;
            padding-top: 0vw; }
          .top article .contents .guideline--inner--middle {
            width: 89.3333333333vw;
            margin: 0 auto;
            margin-top: 5.3333333333vw;
            padding: 5.3333333333vw; }
            .top article .contents .guideline--inner--middle h3 {
              font-size: 4.2666666667vw;
              margin-bottom: 3.3333333333vw; }
            .top article .contents .guideline--inner--middle .blocks dl {
              display: flex;
              justify-content: space-between;
              align-items: flex-start;
              flex-wrap: wrap;
              border-bottom: 0.2666666667vw solid #6496af;
              padding: 2.6666666667vw 0; }
              .top article .contents .guideline--inner--middle .blocks dl:last-child {
                border-bottom: none; }
              .top article .contents .guideline--inner--middle .blocks dl dt {
                width: 40vw;
                font-family: "Noto Serif JP", serif;
                font-weight: 600;
                background: #6496af;
                color: #fff;
                font-size: 3.7333333333vw;
                text-align: center;
                padding: 1.0666666667vw 0;
                margin-bottom: 4vw; }
              .top article .contents .guideline--inner--middle .blocks dl dd {
                width: 100%;
                padding: 0vw 0 0;
                padding-left: 0;
                font-size: 3.4666666667vw;
                line-height: 5.0666666667vw; }
                .top article .contents .guideline--inner--middle .blocks dl dd strong {
                  font-size: 3.7333333333vw;
                  display: block;
                  margin-bottom: 2.6666666667vw; }
          .top article .contents .guideline--inner--under {
            width: 89.3333333333vw;
            margin: 0 auto;
            margin-top: 8vw;
            padding: 5.3333333333vw 0;
            background: #fff; }
            .top article .contents .guideline--inner--under h3 {
              font-size: 4.2666666667vw;
              margin-bottom: 3.3333333333vw; }
            .top article .contents .guideline--inner--under .flexblock {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
              margin-top: 8vw;
              gap: 13.3333333333vw; }
              .top article .contents .guideline--inner--under .flexblock--box {
                width: 90%; }
                .top article .contents .guideline--inner--under .flexblock--box:after {
                  position: absolute;
                  content: "";
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-top: 3.4666666667vw solid transparent;
                  border-bottom: 3.4666666667vw solid transparent;
                  border-left: 5.3333333333vw solid #6496af;
                  border-right: 0;
                  right: 50%;
                  margin-right: -2.6666666667vw;
                  top: auto;
                  bottom: -2.6666666667vw;
                  margin-top: 0;
                  transform: rotate(90deg); }
                .top article .contents .guideline--inner--under .flexblock--box:last-child:after {
                  content: none; }
                .top article .contents .guideline--inner--under .flexblock--box .num {
                  font-weight: 400;
                  font-size: 4.2666666667vw;
                  top: -6.9333333333vw;
                  margin-bottom: -6.9333333333vw; }
                  .top article .contents .guideline--inner--under .flexblock--box .num strong {
                    font-size: 5.8666666667vw; }
                .top article .contents .guideline--inner--under .flexblock--box .lead {
                  font-size: 4vw;
                  margin: 2.6666666667vw auto 5.3333333333vw; }
                .top article .contents .guideline--inner--under .flexblock--box .txts {
                  font-size: 3.4666666667vw;
                  line-height: 5.0666666667vw;
                  padding: 0 5.3333333333vw 5.3333333333vw; }
      .top article .contents .faq {
        padding-bottom: 13.3333333333vw; }
        .top article .contents .faq--inner {
          width: 100vw;
          margin: 0 auto; }
          .top article .contents .faq--inner--upper .leadttl {
            width: 21.3333333333vw;
            padding-top: 10.6666666667vw; }
          .top article .contents .faq--inner--middle {
            width: 89.3333333333vw;
            margin: 6.9333333333vw auto 0; }
            .top article .contents .faq--inner--middle .blocks {
              padding: 6.4vw 0;
              border-bottom: 0.2666666667vw solid #e0eaef; }
              .top article .contents .faq--inner--middle .blocks:last-child {
                border-bottom: none; }
              .top article .contents .faq--inner--middle .blocks dl {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .top article .contents .faq--inner--middle .blocks dl dt {
                  width: 9.6vw;
                  height: 9.6vw;
                  font-size: 4.8vw; }
                .top article .contents .faq--inner--middle .blocks dl dd {
                  width: 74.6666666667vw;
                  font-size: 3.4666666667vw;
                  line-height: 5.0666666667vw; }
                .top article .contents .faq--inner--middle .blocks dl.qes {
                  margin-bottom: 2.6666666667vw; }
                  .top article .contents .faq--inner--middle .blocks dl.qes dt {
                    background: #6496af;
                    color: #fff; }
                  .top article .contents .faq--inner--middle .blocks dl.qes dd {
                    font-family: "Noto Serif JP", serif;
                    font-weight: 600;
                    font-size: 4vw; }
                .top article .contents .faq--inner--middle .blocks dl.ans {
                  align-items: flex-start; }
                  .top article .contents .faq--inner--middle .blocks dl.ans dt {
                    background: #e72993;
                    color: #fff; }
                  .top article .contents .faq--inner--middle .blocks dl.ans dd {
                    padding-top: 1.6vw; } }