@charset "UTF-8";
/* ===================================================================
	file name: defult.css
=================================================================== */
/* contents
----------------------------------------
 * reset                  /*リセット
 * default settings       /*デフォルトセッティング
 * font                   /*フォント･テキスト関係
 * clearfix               /*クリアフィックス
 * float/display/flex     /*フロート・ディスプレイ関係
 * rollover               /*cssロールオーバー
 * fade Animation         /*フェード アニメーション
 * margin                 /*マージン調整
 * padding                /*パディング調整
 * scrollbar              /*フスクロールバー
 * CSS Animation          /*CSS アニメション
 * js Animation           /*jS アニメーション
 * popup modal            /*モーダルウィンドウ設定

---------------------------------------- */
/* =========================================================
 * reset                  /*リセット
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
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: 500; }

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

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       /*デフォルトセッティング
========================================================= */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
  /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/ }

html,
body {
  font-size: 62.5%;
  overflow: auto; }
  html.active,
  body.active {
    overflow: hidden; }

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-size: clamp(8px, 1vw, 12px);
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .05em;
  font-feature-settings: "palt";
  /*日本語フォントの文字間隔（カーニング）全角スペースを詰める調整、句読点や括弧などの約物を含めた文字間をしっかり詰めてくれます。*/
  color: #000;
  background: #fff; }

main {
  display: block; }

/*リンクテキスト全般の設定*/
a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #000;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  a:hover {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

.disabled {
  pointer-events: none; }

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

.hide,
.hidden {
  visibility: hidden; }

/*テキスト周りのタグ*/
p {
  line-break: strict;
  text-align: justify; }

/*注釈 annotation*/
.txtanno {
  font-size: 0.8333333333vw !important;
  font-weight: 400;
  line-height: 1.2 !important;
  text-align: left;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  margin: 1em 0; }

/*上付き*/
.txtsup {
  vertical-align: super; }

/*下付き*/
.txtsub {
  vertical-align: sub; }

/*画像全般の設定*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: none; }

/*videoタグ*/
video {
  max-width: 100%; }

/*iframeタグ*/
iframe {
  width: 100%; }

/*レスポンシブ切り替え表示の設定*/
.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 767px) {
  body {
    min-width: 100%;
    font-size: 3.2vw; }

  /*リンクテキスト全般の設定*/
  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%; }

  /*テキスト周りのタグ*/
  /*注釈 annotation*/
  .txtanno {
    font-size: 2.6666666667vw !important; }

  /*レスポンシブ切り替え表示の設定*/
  .pc {
    display: none; }

  .sp {
    display: block; } }
/* =========================================================
 * font                   /*フォント･テキスト関係
========================================================= */
/* ウェイト・サイズ */
.fNormal {
  font-weight: normal; }

.fBold {
  font-weight: bold; }

.fItalic {
  font-style: italic; }

.f09 {
  font-size: 75% !important; }

/* base 13px = 9px  */
.f10 {
  font-size: 77% !important; }

/* base 13px = 10px */
.f11 {
  font-size: 85% !important; }

/* base 13px = 11px */
.f12 {
  font-size: 93% !important; }

/* base 13px        */
.f13 {
  font-size: 100% !important; }

/* base 13px = 13px */
.f14 {
  font-size: 108% !important; }

/* base 13px = 14px */
.f15 {
  font-size: 116% !important; }

/* base 13px = 15px */
.f16 {
  font-size: 124% !important; }

/* base 13px = 16px */
.f17 {
  font-size: 131% !important; }

/* base 13px = 17px */
.f18 {
  font-size: 139% !important; }

/* base 13px = 18px */
.f19 {
  font-size: 147% !important; }

/* base 13px = 18px */
.f20 {
  font-size: 154% !important; }

/* base 13px = 18px */
/* カラー */
　
.txtC {
  text-align: center; }

.txtR {
  text-align: right; }

.txtL {
  text-align: left; }

/* テキストインデント */
.hidetxt,
.hd {
  line-height: 150;
  overflow: hidden; }
  .hidetxt a,
  .hd a {
    overflow: hidden; }

/*Poppins*/
/*Roboto Condensed & Roboto*/
/*Noto Sans Japanese*/
/*
Thin 100
ExtraLight 200
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
*/
.poppins {
  font-family: "poppins", sans-serif;
  font-style: normal; }

.spartan {
  font-family: "League Spartan", serif;
  font-optical-sizing: auto;
  font-style: normal; }

.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto; }

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal; }

/* =========================================================
 * clearfix               /*クリアフィックス
========================================================= */
/* For modern browsers */
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/* =========================================================
 * float/display/flex     /*フロート・ディスプレイ関係
========================================================= */
/* float*/
.flotL {
  display: inline;
  float: left; }

.flotR {
  display: inline;
  float: right; }

.ovhid {
  overflow: hidden;
  zoom: 1; }

/*display*/
.block {
  display: block; }

.none {
  display: none; }

.inline {
  display: inline; }

.inlineb {
  display: inline-block; }

.bnone {
  border: none !important; }

/*flex*/
.flex {
  display: flex; }

.flexjcA {
  justify-content: space-around; }

.flexjcB {
  justify-content: space-between; }

.flexjcC {
  justify-content: center; }

.flexrow-r {
  flex-direction: row-reverse; }

.flexrow {
  flex-direction: row; }

.flexaiB {
  align-items: baseline; }

.flexaiS {
  align-items: flex-start; }

.flexaiE {
  align-items: flex-end; }

.flexaiC {
  align-items: center; }

/* =========================================================
 * rollover               /*cssロールオーバー
========================================================= */
.hover a:hover img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )"; }

/* =========================================================
 * fade Animation         /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening,
.fadein-popup {
  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); }

.fadein-popup {
  translate: none;
  rotate: none;
  scale: none;
  transform: translateY(20px) scale(0.8) !important;
  transition: opacity 0.5s ease-in-out , transform 0.5s ease-in-out; }

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

.fadein-popup.scrollin {
  transform: translate(0, 0) scale(1) !important;
  animation: popup 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards; }

.fadein-topleft {
  animation: topleft 10s infinite linear 1s both; }

.fadein-topright {
  animation: topright 6.3s infinite linear 1s both; }

.fadein-topright02 {
  animation: topright 9.5s infinite linear 1s both; }

.fadein-bottomleft {
  animation: bottomleft 5.5s infinite linear 1s both; }

.fadein-bottomright {
  animation: bottomright 5.5s infinite linear 1s both; }

@keyframes topleft {
  0% {
    transform: translate(-50%, -50%); }
  100% {
    transform: translate(250%, 250%); } }
@keyframes topright {
  0% {
    transform: translate(50%, 50%); }
  100% {
    transform: translate(-100%, 200%); } }
@keyframes bottomleft {
  0% {
    transform: translate(-50%, -50%); }
  100% {
    transform: translate(150%, -250%); } }
@keyframes bottomright {
  0% {
    transform: translate(50%, 50%); }
  100% {
    transform: translate(-150%, 250%); } }
@keyframes popup {
  0% {
    opacity: 0; }
  80%, 100% {
    opacity: 1; } }
/* =========================================================
 * margin                 /*マージン調整
========================================================= */
.mt00 {
  margin-top: 0 !important; }

.mt05 {
  margin-top: 0.4166666667vw !important; }

.mt10 {
  margin-top: 0.8333333333vw !important; }

.mt12 {
  margin-top: 1vw !important; }

.mt15 {
  margin-top: 1.25vw !important; }

.mt20 {
  margin-top: 1.6666666667vw !important; }

.mt25 {
  margin-top: 2.0833333333vw !important; }

.mt30 {
  margin-top: 2.5vw !important; }

.mt35 {
  margin-top: 2.9166666667vw !important; }

.mt40 {
  margin-top: 3.3333333333vw !important; }

.mt45 {
  margin-top: 3.75vw !important; }

.mt50 {
  margin-top: 4.1666666667vw !important; }

.mt55 {
  margin-top: 4.5833333333vw !important; }

.mt60 {
  margin-top: 5vw !important; }

.mt65 {
  margin-top: 5.4166666667vw !important; }

.mt70 {
  margin-top: 5.8333333333vw !important; }

.mt75 {
  margin-top: 6.25vw !important; }

.mt80 {
  margin-top: 6.6666666667vw !important; }

.mt85 {
  margin-top: 7.0833333333vw !important; }

.mt90 {
  margin-top: 7.5vw !important; }

.mt95 {
  margin-top: 7.9166666667vw !important; }

.mt100 {
  margin-top: 8.3333333333vw !important; }

.mr00 {
  margin-right: 0 !important; }

.mr05 {
  margin-right: 0.4166666667vw !important; }

.mr10 {
  margin-right: 0.8333333333vw !important; }

.mr12 {
  margin-right: 1vw !important; }

.mr15 {
  margin-right: 1.25vw !important; }

.mr20 {
  margin-right: 1.6666666667vw !important; }

.mr25 {
  margin-right: 2.0833333333vw !important; }

.mr30 {
  margin-right: 2.5vw !important; }

.mr35 {
  margin-right: 2.9166666667vw !important; }

.mr40 {
  margin-right: 3.3333333333vw !important; }

.mr45 {
  margin-right: 3.75vw !important; }

.mr50 {
  margin-right: 4.1666666667vw !important; }

.mr55 {
  margin-right: 4.5833333333vw !important; }

.mr60 {
  margin-right: 5vw !important; }

.mr65 {
  margin-right: 5.4166666667vw !important; }

.mr70 {
  margin-right: 5.8333333333vw !important; }

.mr75 {
  margin-right: 6.25vw !important; }

.mr80 {
  margin-right: 6.6666666667vw !important; }

.mr85 {
  margin-right: 7.0833333333vw !important; }

.mr90 {
  margin-right: 7.5vw !important; }

.mr95 {
  margin-right: 7.9166666667vw !important; }

.mr100 {
  margin-right: 8.3333333333vw !important; }

.mb00 {
  margin-bottom: 0 !important; }

.mb05 {
  margin-bottom: 0.4166666667vw !important; }

.mb10 {
  margin-bottom: 0.8333333333vw !important; }

.mb12 {
  margin-bottom: 1vw !important; }

.mb15 {
  margin-bottom: 1.25vw !important; }

.mb20 {
  margin-bottom: 1.6666666667vw !important; }

.mb25 {
  margin-bottom: 2.0833333333vw !important; }

.mb30 {
  margin-bottom: 2.5vw !important; }

.mb35 {
  margin-bottom: 2.9166666667vw !important; }

.mb40 {
  margin-bottom: 3.3333333333vw !important; }

.mb45 {
  margin-bottom: 3.75vw !important; }

.mb50 {
  margin-bottom: 4.1666666667vw !important; }

.mb55 {
  margin-bottom: 4.5833333333vw !important; }

.mb60 {
  margin-bottom: 5vw !important; }

.mb65 {
  margin-bottom: 5.4166666667vw !important; }

.mb70 {
  margin-bottom: 5.8333333333vw !important; }

.mb75 {
  margin-bottom: 6.25vw !important; }

.mb80 {
  margin-bottom: 6.6666666667vw !important; }

.mb85 {
  margin-bottom: 7.0833333333vw !important; }

.mb90 {
  margin-bottom: 7.5vw !important; }

.mb95 {
  margin-bottom: 7.9166666667vw !important; }

.mb100 {
  margin-bottom: 8.3333333333vw !important; }

.ml00 {
  margin-left: 0 !important; }

.ml05 {
  margin-left: 0.4166666667vw !important; }

.ml10 {
  margin-left: 0.8333333333vw !important; }

.ml12 {
  margin-left: 1vw !important; }

.ml15 {
  margin-left: 1.25vw !important; }

.ml20 {
  margin-left: 1.6666666667vw !important; }

.ml25 {
  margin-left: 2.0833333333vw !important; }

.ml30 {
  margin-left: 2.5vw !important; }

.ml35 {
  margin-left: 2.9166666667vw !important; }

.ml40 {
  margin-left: 3.3333333333vw !important; }

.ml45 {
  margin-left: 3.75vw !important; }

.ml50 {
  margin-left: 4.1666666667vw !important; }

.ml55 {
  margin-left: 4.5833333333vw !important; }

.ml60 {
  margin-left: 5vw !important; }

.ml65 {
  margin-left: 5.4166666667vw !important; }

.ml70 {
  margin-left: 5.8333333333vw !important; }

.ml75 {
  margin-left: 6.25vw !important; }

.ml80 {
  margin-left: 6.6666666667vw !important; }

.ml85 {
  margin-left: 7.0833333333vw !important; }

.ml90 {
  margin-left: 7.5vw !important; }

.ml95 {
  margin-left: 7.9166666667vw !important; }

.ml100 {
  margin-left: 8.3333333333vw !important; }

@media screen and (max-width: 767px) {
  .mt00 {
    margin-top: 0 !important; }

  .mt05 {
    margin-top: 2.6666666667vw !important; }

  .mt10 {
    margin-top: 5.3333333333vw !important; }

  .mt12 {
    margin-top: 6.4vw !important; }

  .mt15 {
    margin-top: 8vw !important; }

  .mt20 {
    margin-top: 10.6666666667vw !important; }

  .mt25 {
    margin-top: 13.3333333333vw !important; }

  .mt30 {
    margin-top: 16vw !important; }

  .mt35 {
    margin-top: 18.6666666667vw !important; }

  .mt40 {
    margin-top: 21.3333333333vw !important; }

  .mt45 {
    margin-top: 24vw !important; }

  .mt50 {
    margin-top: 26.6666666667vw !important; }

  .mt55 {
    margin-top: 29.3333333333vw !important; }

  .mt60 {
    margin-top: 32vw !important; }

  .mt65 {
    margin-top: 34.6666666667vw !important; }

  .mt70 {
    margin-top: 37.3333333333vw !important; }

  .mt75 {
    margin-top: 40vw !important; }

  .mt80 {
    margin-top: 42.6666666667vw !important; }

  .mt85 {
    margin-top: 45.3333333333vw !important; }

  .mt90 {
    margin-top: 48vw !important; }

  .mt95 {
    margin-top: 50.6666666667vw !important; }

  .mt100 {
    margin-top: 53.3333333333vw !important; }

  .mr00 {
    margin-right: 0 !important; }

  .mr05 {
    margin-right: 2.6666666667vw !important; }

  .mr10 {
    margin-right: 5.3333333333vw !important; }

  .mr12 {
    margin-right: 6.4vw !important; }

  .mr15 {
    margin-right: 8vw !important; }

  .mr20 {
    margin-right: 10.6666666667vw !important; }

  .mr25 {
    margin-right: 13.3333333333vw !important; }

  .mr30 {
    margin-right: 16vw !important; }

  .mr35 {
    margin-right: 18.6666666667vw !important; }

  .mr40 {
    margin-right: 21.3333333333vw !important; }

  .mr45 {
    margin-right: 24vw !important; }

  .mr50 {
    margin-right: 26.6666666667vw !important; }

  .mr55 {
    margin-right: 29.3333333333vw !important; }

  .mr60 {
    margin-right: 32vw !important; }

  .mr65 {
    margin-right: 34.6666666667vw !important; }

  .mr70 {
    margin-right: 37.3333333333vw !important; }

  .mr75 {
    margin-right: 40vw !important; }

  .mr80 {
    margin-right: 42.6666666667vw !important; }

  .mr85 {
    margin-right: 45.3333333333vw !important; }

  .mr90 {
    margin-right: 48vw !important; }

  .mr95 {
    margin-right: 50.6666666667vw !important; }

  .mr100 {
    margin-right: 53.3333333333vw !important; }

  .mb00 {
    margin-bottom: 0 !important; }

  .mb05 {
    margin-bottom: 2.6666666667vw !important; }

  .mb10 {
    margin-bottom: 5.3333333333vw !important; }

  .mb12 {
    margin-bottom: 6.4vw !important; }

  .mb15 {
    margin-bottom: 8vw !important; }

  .mb20 {
    margin-bottom: 10.6666666667vw !important; }

  .mb25 {
    margin-bottom: 13.3333333333vw !important; }

  .mb30 {
    margin-bottom: 16vw !important; }

  .mb35 {
    margin-bottom: 18.6666666667vw !important; }

  .mb40 {
    margin-bottom: 21.3333333333vw !important; }

  .mb45 {
    margin-bottom: 24vw !important; }

  .mb50 {
    margin-bottom: 26.6666666667vw !important; }

  .mb55 {
    margin-bottom: 29.3333333333vw !important; }

  .mb60 {
    margin-bottom: 32vw !important; }

  .mb65 {
    margin-bottom: 34.6666666667vw !important; }

  .mb70 {
    margin-bottom: 37.3333333333vw !important; }

  .mb75 {
    margin-bottom: 40vw !important; }

  .mb80 {
    margin-bottom: 42.6666666667vw !important; }

  .mb85 {
    margin-bottom: 45.3333333333vw !important; }

  .mb90 {
    margin-bottom: 48vw !important; }

  .mb95 {
    margin-bottom: 50.6666666667vw !important; }

  .mb100 {
    margin-bottom: 53.3333333333vw !important; }

  .ml00 {
    margin-left: 0 !important; }

  .ml05 {
    margin-left: 2.6666666667vw !important; }

  .ml10 {
    margin-left: 5.3333333333vw !important; }

  .ml12 {
    margin-left: 6.4vw !important; }

  .ml15 {
    margin-left: 8vw !important; }

  .ml20 {
    margin-left: 10.6666666667vw !important; }

  .ml25 {
    margin-left: 13.3333333333vw !important; }

  .ml30 {
    margin-left: 16vw !important; }

  .ml35 {
    margin-left: 18.6666666667vw !important; }

  .ml40 {
    margin-left: 21.3333333333vw !important; }

  .ml45 {
    margin-left: 24vw !important; }

  .ml50 {
    margin-left: 26.6666666667vw !important; }

  .ml55 {
    margin-left: 29.3333333333vw !important; }

  .ml60 {
    margin-left: 32vw !important; }

  .ml65 {
    margin-left: 34.6666666667vw !important; }

  .ml70 {
    margin-left: 37.3333333333vw !important; }

  .ml75 {
    margin-left: 40vw !important; }

  .ml80 {
    margin-left: 42.6666666667vw !important; }

  .ml85 {
    margin-left: 45.3333333333vw !important; }

  .ml90 {
    margin-left: 48vw !important; }

  .ml95 {
    margin-left: 50.6666666667vw !important; }

  .ml100 {
    margin-left: 53.3333333333vw !important; } }
/* ======================================================
 * padding                /*パディング調整
====================================================== */
.pt00 {
  padding-top: 0 !important; }

.pt05 {
  padding-top: 0.4166666667vw !important; }

.pt10 {
  padding-top: 0.8333333333vw !important; }

.pt12 {
  padding-top: 1vw !important; }

.pt15 {
  padding-top: 1.25vw !important; }

.pt20 {
  padding-top: 1.6666666667vw !important; }

.pt25 {
  padding-top: 2.0833333333vw !important; }

.pt30 {
  padding-top: 2.5vw !important; }

.pt35 {
  padding-top: 2.9166666667vw !important; }

.pt40 {
  padding-top: 3.3333333333vw !important; }

.pt45 {
  padding-top: 3.75vw !important; }

.pt50 {
  padding-top: 4.1666666667vw !important; }

.pt55 {
  padding-top: 4.5833333333vw !important; }

.pt60 {
  padding-top: 5vw !important; }

.pt65 {
  padding-top: 5.4166666667vw !important; }

.pt70 {
  padding-top: 5.8333333333vw !important; }

.pt75 {
  padding-top: 6.25vw !important; }

.pt80 {
  padding-top: 6.6666666667vw !important; }

.pt85 {
  padding-top: 7.0833333333vw !important; }

.pt90 {
  padding-top: 7.5vw !important; }

.pt95 {
  padding-top: 7.9166666667vw !important; }

.pt100 {
  padding-top: 8.3333333333vw !important; }

.pr00 {
  padding-right: 0 !important; }

.pr05 {
  padding-right: 0.4166666667vw !important; }

.pr10 {
  padding-right: 0.8333333333vw !important; }

.pr12 {
  padding-right: 1vw !important; }

.pr15 {
  padding-right: 1.25vw !important; }

.pr20 {
  padding-right: 1.6666666667vw !important; }

.pr25 {
  padding-right: 2.0833333333vw !important; }

.pr30 {
  padding-right: 2.5vw !important; }

.pr35 {
  padding-right: 2.9166666667vw !important; }

.pr40 {
  padding-right: 3.3333333333vw !important; }

.pr45 {
  padding-right: 3.75vw !important; }

.pr50 {
  padding-right: 4.1666666667vw !important; }

.pr55 {
  padding-right: 4.5833333333vw !important; }

.pr60 {
  padding-right: 5vw !important; }

.pr65 {
  padding-right: 5.4166666667vw !important; }

.pr70 {
  padding-right: 5.8333333333vw !important; }

.pr75 {
  padding-right: 6.25vw !important; }

.pr80 {
  padding-right: 6.6666666667vw !important; }

.pr85 {
  padding-right: 7.0833333333vw !important; }

.pr90 {
  padding-right: 7.5vw !important; }

.pr95 {
  padding-right: 7.9166666667vw !important; }

.pr100 {
  padding-right: 8.3333333333vw !important; }

.pb00 {
  padding-bottom: 0 !important; }

.pb05 {
  padding-bottom: 0.4166666667vw !important; }

.pb10 {
  padding-bottom: 0.8333333333vw !important; }

.pb12 {
  padding-bottom: 1vw !important; }

.pb15 {
  padding-bottom: 1.25vw !important; }

.pb20 {
  padding-bottom: 1.6666666667vw !important; }

.pb25 {
  padding-bottom: 2.0833333333vw !important; }

.pb30 {
  padding-bottom: 2.5vw !important; }

.pb35 {
  padding-bottom: 2.9166666667vw !important; }

.pb40 {
  padding-bottom: 3.3333333333vw !important; }

.pb45 {
  padding-bottom: 3.75vw !important; }

.pb50 {
  padding-bottom: 4.1666666667vw !important; }

.pb55 {
  padding-bottom: 4.5833333333vw !important; }

.pb60 {
  padding-bottom: 5vw !important; }

.pb65 {
  padding-bottom: 5.4166666667vw !important; }

.pb70 {
  padding-bottom: 5.8333333333vw !important; }

.pb75 {
  padding-bottom: 6.25vw !important; }

.pb80 {
  padding-bottom: 6.6666666667vw !important; }

.pb85 {
  padding-bottom: 7.0833333333vw !important; }

.pb90 {
  padding-bottom: 7.5vw !important; }

.pb95 {
  padding-bottom: 7.9166666667vw !important; }

.pb100 {
  padding-bottom: 8.3333333333vw !important; }

.pl00 {
  padding-left: 0 !important; }

.pl05 {
  padding-left: 0.4166666667vw !important; }

.pl10 {
  padding-left: 0.8333333333vw !important; }

.pl12 {
  padding-left: 1vw !important; }

.pl15 {
  padding-left: 1.25vw !important; }

.pl20 {
  padding-left: 1.6666666667vw !important; }

.pl25 {
  padding-left: 2.0833333333vw !important; }

.pl30 {
  padding-left: 2.5vw !important; }

.pl35 {
  padding-left: 2.9166666667vw !important; }

.pl40 {
  padding-left: 3.3333333333vw !important; }

.pl45 {
  padding-left: 3.75vw !important; }

.pl50 {
  padding-left: 4.1666666667vw !important; }

.pl55 {
  padding-left: 4.5833333333vw !important; }

.pl60 {
  padding-left: 5vw !important; }

.pl65 {
  padding-left: 5.4166666667vw !important; }

.pl70 {
  padding-left: 5.8333333333vw !important; }

.pl75 {
  padding-left: 6.25vw !important; }

.pl80 {
  padding-left: 6.6666666667vw !important; }

.pl85 {
  padding-left: 7.0833333333vw !important; }

.pl90 {
  padding-left: 7.5vw !important; }

.pl95 {
  padding-left: 7.9166666667vw !important; }

.pl100 {
  padding-left: 8.3333333333vw !important; }

@media screen and (max-width: 767px) {
  .pt00 {
    padding-top: 0 !important; }

  .pt05 {
    padding-top: 2.6666666667vw !important; }

  .pt10 {
    padding-top: 5.3333333333vw !important; }

  .pt12 {
    padding-top: 6.4vw !important; }

  .pt15 {
    padding-top: 8vw !important; }

  .pt20 {
    padding-top: 10.6666666667vw !important; }

  .pt25 {
    padding-top: 13.3333333333vw !important; }

  .pt30 {
    padding-top: 16vw !important; }

  .pt35 {
    padding-top: 18.6666666667vw !important; }

  .pt40 {
    padding-top: 21.3333333333vw !important; }

  .pt45 {
    padding-top: 24vw !important; }

  .pt50 {
    padding-top: 26.6666666667vw !important; }

  .pt55 {
    padding-top: 29.3333333333vw !important; }

  .pt60 {
    padding-top: 32vw !important; }

  .pt65 {
    padding-top: 34.6666666667vw !important; }

  .pt70 {
    padding-top: 37.3333333333vw !important; }

  .pt75 {
    padding-top: 40vw !important; }

  .pt80 {
    padding-top: 42.6666666667vw !important; }

  .pt85 {
    padding-top: 45.3333333333vw !important; }

  .pt90 {
    padding-top: 48vw !important; }

  .pt95 {
    padding-top: 50.6666666667vw !important; }

  .pt100 {
    padding-top: 53.3333333333vw !important; }

  .pr00 {
    padding-right: 0 !important; }

  .pr05 {
    padding-right: 2.6666666667vw !important; }

  .pr10 {
    padding-right: 5.3333333333vw !important; }

  .pr12 {
    padding-right: 6.4vw !important; }

  .pr15 {
    padding-right: 8vw !important; }

  .pr20 {
    padding-right: 10.6666666667vw !important; }

  .pr25 {
    padding-right: 13.3333333333vw !important; }

  .pr30 {
    padding-right: 16vw !important; }

  .pr35 {
    padding-right: 18.6666666667vw !important; }

  .pr40 {
    padding-right: 21.3333333333vw !important; }

  .pr45 {
    padding-right: 24vw !important; }

  .pr50 {
    padding-right: 26.6666666667vw !important; }

  .pr55 {
    padding-right: 29.3333333333vw !important; }

  .pr60 {
    padding-right: 32vw !important; }

  .pr65 {
    padding-right: 34.6666666667vw !important; }

  .pr70 {
    padding-right: 37.3333333333vw !important; }

  .pr75 {
    padding-right: 40vw !important; }

  .pr80 {
    padding-right: 42.6666666667vw !important; }

  .pr85 {
    padding-right: 45.3333333333vw !important; }

  .pr90 {
    padding-right: 48vw !important; }

  .pr95 {
    padding-right: 50.6666666667vw !important; }

  .pr100 {
    padding-right: 53.3333333333vw !important; }

  .pb00 {
    padding-bottom: 0 !important; }

  .pb05 {
    padding-bottom: 2.6666666667vw !important; }

  .pb10 {
    padding-bottom: 5.3333333333vw !important; }

  .pb12 {
    padding-bottom: 6.4vw !important; }

  .pb15 {
    padding-bottom: 8vw !important; }

  .pb20 {
    padding-bottom: 10.6666666667vw !important; }

  .pb25 {
    padding-bottom: 13.3333333333vw !important; }

  .pb30 {
    padding-bottom: 16vw !important; }

  .pb35 {
    padding-bottom: 18.6666666667vw !important; }

  .pb40 {
    padding-bottom: 21.3333333333vw !important; }

  .pb45 {
    padding-bottom: 24vw !important; }

  .pb50 {
    padding-bottom: 26.6666666667vw !important; }

  .pb55 {
    padding-bottom: 29.3333333333vw !important; }

  .pb60 {
    padding-bottom: 32vw !important; }

  .pb65 {
    padding-bottom: 34.6666666667vw !important; }

  .pb70 {
    padding-bottom: 37.3333333333vw !important; }

  .pb75 {
    padding-bottom: 40vw !important; }

  .pb80 {
    padding-bottom: 42.6666666667vw !important; }

  .pb85 {
    padding-bottom: 45.3333333333vw !important; }

  .pb90 {
    padding-bottom: 48vw !important; }

  .pb95 {
    padding-bottom: 50.6666666667vw !important; }

  .pb100 {
    padding-bottom: 53.3333333333vw !important; }

  .pl00 {
    padding-left: 0 !important; }

  .pl05 {
    padding-left: 2.6666666667vw !important; }

  .pl10 {
    padding-left: 5.3333333333vw !important; }

  .pl12 {
    padding-left: 6.4vw !important; }

  .pl15 {
    padding-left: 8vw !important; }

  .pl20 {
    padding-left: 10.6666666667vw !important; }

  .pl25 {
    padding-left: 13.3333333333vw !important; }

  .pl30 {
    padding-left: 16vw !important; }

  .pl35 {
    padding-left: 18.6666666667vw !important; }

  .pl40 {
    padding-left: 21.3333333333vw !important; }

  .pl45 {
    padding-left: 24vw !important; }

  .pl50 {
    padding-left: 26.6666666667vw !important; }

  .pl55 {
    padding-left: 29.3333333333vw !important; }

  .pl60 {
    padding-left: 32vw !important; }

  .pl65 {
    padding-left: 34.6666666667vw !important; }

  .pl70 {
    padding-left: 37.3333333333vw !important; }

  .pl75 {
    padding-left: 40vw !important; }

  .pl80 {
    padding-left: 42.6666666667vw !important; }

  .pl85 {
    padding-left: 45.3333333333vw !important; }

  .pl90 {
    padding-left: 48vw !important; }

  .pl95 {
    padding-left: 50.6666666667vw !important; }

  .pl100 {
    padding-left: 53.3333333333vw !important; } }
/* =========================================================
 * scrollbar              /*フスクロールバー
========================================================= */
/* Chrome, Safari 対応 */
::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */ }

/*垂直方向のスクロールバーに適用*/
/*::-webkit-scrollbar:horizontal{
    display: none;
    -webkit-appearance: none;
}*/
/*水平方向のスクロールバーに適用*/
/*::-webkit-scrollbar:vertical{
    display: none;
    -webkit-appearance: none;
}*/
/* =========================================================
 * CSS Animation          /*CSS アニメション
========================================================= */
/*<div class="scroll">
	<div class="scroll--inner">
		<span>Scroll</span>
		<div class="bar"></div>
	</div>
</div>*/
.scroll {
  position: absolute;
  bottom: -2.5vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9; }
  .scroll--inner {
    position: relative; }
    .scroll--inner span {
      font-size: 1.1666666667vw;
      font-weight: 300;
      line-height: 1;
      color: #fff;
      box-sizing: border-box;
      font-feature-settings: normal;
      display: inline;
      box-sizing: border-box; }
    .scroll--inner .bar {
      width: 100%;
      height: 5vw;
      margin-top: .5em;
      overflow: hidden;
      position: relative; }
      .scroll--inner .bar:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px solid #fff;
        transform: translateX(-50%);
        -webkit-animation: arrow-move 2.2s 0.5s ease-in-out infinite;
        animation: arrow-move 2.2s 0.5s ease-in-out infinite; }

@media screen and (max-width: 767px) {
  .scroll {
    bottom: -8vw; }
    .scroll--inner span {
      font-size: 3.7333333333vw; }
    .scroll--inner .bar {
      height: 16vw; } }
/*メインビジュのSCROLL*/
/*
-webkit-animation: arrow-move 2.2s 0.5s ease-in-out infinite;
animation: arrow-move 2.2s 0.5s ease-in-out infinite;
*/
@keyframes arrow-move {
  0% {
    top: -100%; }
  50% {
    top: 0; }
  100% {
    top: 100%; } }
@-webkit-keyframes arrow-move {
  0% {
    top: -100%; }
  50% {
    top: 0; }
  100% {
    top: 100%; } }
/*
-webkit-animation: 
animation: 
*/
@keyframes animationZoom {
  100% {
    transform: scale(1.1); } }
/*
-webkit-animation: 
animation: 
*/
@keyframes slideshow {
  0% {
    opacity: 0;
    transform: scale(1.2, 1.2); }
  10% {
    opacity: 1;
    transform: scale(1, 1); }
  28% {
    opacity: 1;
    transform: scale(1, 1); }
  38% {
    opacity: 0;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform: scale(1, 1); } }
/*#noise*/
.noise {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden; }
  .noise:after {
    content: "";
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    background-image: url(../images/common/noise.webp);
    background-position: 50%;
    position: absolute;
    left: -10rem;
    top: -10rem;
    will-change: transform;
    -webkit-animation: noise 1s steps(2) infinite;
    animation: noise 1s steps(2) infinite; }

@media all and (-ms-high-contrast: none) {
  .noise {
    display: none; } }
/****--------- ふわふわ ---------****/
.fwari {
  animation: fwari ease-in-out 5s infinite alternate;
  -webkit-animation: fwari ease-in-out 5s infinite alternate;
  -moz-animation: fwari ease-in-out 5s infinite alternate; }

@keyframes fwari {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -100px); } }
@-webkit-keyframes fwari {
  0% {
    -webkit-transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(0%, -100px); } }
@-moz-keyframes fwari {
  0% {
    -moz-transform: translate(0%, 0%); }
  100% {
    -moz-transform: translate(0%, -100px); } }
.fwari02 {
  animation: fwari02 ease-in-out 3s infinite alternate;
  -webkit-animation: fwari02 ease-in-out 3s infinite alternate;
  -moz-animation: fwari02 ease-in-out 3s infinite alternate; }

@keyframes fwari02 {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -30px); } }
@-webkit-keyframes fwari02 {
  0% {
    -webkit-transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(0%, -30px); } }
@-moz-keyframes fwari02 {
  0% {
    -moz-transform: translate(0%, 0%); }
  100% {
    -moz-transform: translate(0%, -30px); } }
.fwari03 {
  animation: fwari03 ease-in-out 3s infinite alternate;
  -webkit-animation: fwari03 ease-in-out 3s infinite alternate;
  -moz-animation: fwari03 ease-in-out 3s infinite alternate; }

@keyframes fwari03 {
  0% {
    transform: translate(0%, -30px); }
  100% {
    transform: translate(0%, 0%); } }
@-webkit-keyframes fwari03 {
  0% {
    -webkit-transform: translate(0%, -30px); }
  100% {
    -webkit-transform: translate(0%, 0%); } }
@-moz-keyframes fwari03 {
  0% {
    -moz-transform: translate(0%, -30px); }
  100% {
    -moz-transform: translate(0%, 0%); } }
.fwari04 {
  animation: fwari04 ease-in-out 2s infinite alternate;
  -webkit-animation: fwari04 ease-in-out 2s infinite alternate;
  -moz-animation: fwari04 ease-in-out 2s infinite alternate; }

@keyframes fwari04 {
  0% {
    transform: translate(0%, 0%); }
  100% {
    transform: translate(0%, -15px); } }
@-webkit-keyframes fwari04 {
  0% {
    -webkit-transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(0%, -15px); } }
@-moz-keyframes fwari04 {
  0% {
    -moz-transform: translate(0%, 0%); }
  100% {
    -moz-transform: translate(0%, -15px); } }
.fwari05 {
  animation: fwari05 ease-in-out 2s infinite alternate;
  -webkit-animation: fwari05 ease-in-out 2s infinite alternate;
  -moz-animation: fwari05 ease-in-out 2s infinite alternate; }

@keyframes fwari05 {
  0% {
    transform: translate(0%, -15px); }
  100% {
    transform: translate(0%, 0%); } }
@-webkit-keyframes fwari05 {
  0% {
    -webkit-transform: translate(0%, -15px); }
  100% {
    -webkit-transform: translate(0%, 0%); } }
@-moz-keyframes fwari05 {
  0% {
    -moz-transform: translate(0%, -15px); }
  100% {
    -moz-transform: translate(0%, 0%); } }
/****--------- /ふわふわ ---------****/
/* =========================================================
 * js Animation           /*jS アニメーション
========================================================= */
/*マウスイベント*/
/*<!--mouse stalker-->
<div id="cursor" class="cursor"></div>*/
#cursor {
  pointer-events: none;
  position: fixed;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: rgba(100, 100, 100, 0.8);
  border: 1px solid rgba(255, 0, 4, 0.5);
  border-radius: 50%;
  transition: transform 0.2s, top, 0.5s, left 0.5s, width .5s, height .5s, background-color .5s;
  transition-timing-function: ease;
  z-index: 10005; }
  #cursor.hov_ {
    top: -32px;
    left: -32px;
    width: 28px;
    height: 28px;
    transition: .5s;
    background: rgba(255, 0, 0, 0.4);
    border: none; }

@media screen and (max-width: 767px) {
  #cursor {
    display: none; } }
/*1文字ずつ出現させるためのCSS*/
.eachTextAnime span {
  opacity: 0; }

.eachTextAnime.appeartext span {
  animation: text_anime_on .1s ease-out forwards; }

@keyframes text_anime_on {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/* =========================================================
 * popup modal            /*モーダルウィンドウ設定
========================================================= */
.mfp-bg {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease; }

.mfp-close {
  text-indent: -9999px;
  font-family: serif;
  font-size: 64px;
  right: -10px !important;
  padding-right: 0 !important;
  top: -50px !important; }

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

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

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

.mfp-iframe-holder .mfp-content {
  width: 125vmin !important;
  max-width: 90% !important; }

/* =========================================================
 * circleButton            /*丸ボタンの設定
========================================================= */
@-webkit-keyframes linkArrowHoverAnim {
  0% {
    transform: translate(6px); }
  75% {
    transform: translate(0); }
  to {
    transform: translate(0); } }
@keyframes linkArrowHoverAnim {
  0% {
    transform: translate(6px); }
  75% {
    transform: translate(0); }
  to {
    transform: translate(0); } }
.circleButton {
  width: fit-content; }
  .circleButton .circleButton-inner {
    display: inline-flex;
    align-items: center;
    /*.label{
    	font-size: vw(24);
    	line-height: 1;
    }*/ }
    .circleButton .circleButton-inner .circle {
      width: 37px;
      height: 37px;
      border: 1px solid black;
      border-radius: 50%;
      margin-left: .5em;
      display: block;
      position: relative; }
      .circleButton .circleButton-inner .circle .arc {
        width: 37px;
        height: 37px;
        position: absolute;
        top: -1px;
        left: -1px;
        transform: scaleX(-1) rotate(-90deg);
        transform-origin: center;
        z-index: 1; }
        .circleButton .circleButton-inner .circle .arc circle {
          stroke-dasharray: 114px;
          stroke-dashoffset: 114px;
          transition: stroke-dashoffset 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
        .circleButton .circleButton-inner .circle .arc circle[Attributes Style] {
          stroke-width: 2;
          fill: transparent;
          r: 17px;
          cx: 50%;
          cy: 50%; }
      .circleButton .circleButton-inner .circle .arrow {
        width: 35px;
        height: 4px;
        position: absolute;
        top: calc(50% - 4px);
        left: calc(50% - 27px);
        z-index: 2; }
  .circleButton.bk .circleButton-inner {
    /*.label{
    	color: #000;
    }*/ }
    .circleButton.bk .circleButton-inner .circle {
      border: 1px solid black; }
      .circleButton.bk .circleButton-inner .circle .arc circle {
        stroke: #000; }
      .circleButton.bk .circleButton-inner .circle .arrow {
        background: url("../images/common/btn_arrow-black.webp") no-repeat center center/contain; }
  .circleButton.wh .circleButton-inner {
    /*.label{
    	color: #fff;
    }*/ }
    .circleButton.wh .circleButton-inner .circle {
      border-color: white; }
      .circleButton.wh .circleButton-inner .circle .arc circle {
        stroke: #fff; }
      .circleButton.wh .circleButton-inner .circle .arrow {
        background: url("../images/common/btn_arrow-white.webp") no-repeat center center/contain; }

a:hover {
  opacity: 1; }
  a:hover .circleButton .circleButton-inner {
    text-decoration: none; }
    a:hover .circleButton .circleButton-inner .circle .arc {
      transform: rotate(-90deg); }
      a:hover .circleButton .circleButton-inner .circle .arc circle {
        stroke-dashoffset: 0px; }
    a:hover .circleButton .circleButton-inner .circle .arrow {
      -webkit-animation: linkArrowHoverAnim 1s cubic-bezier(0.19, 1, 0.22, 1) 0s infinite;
      animation: linkArrowHoverAnim 1s cubic-bezier(0.19, 1, 0.22, 1) 0s infinite; }
  a:hover .circleButton.external .circleButton-inner .circle .arrow {
    -webkit-animation: none !important;
    animation: none !important; }

.en {
  font-family: "poppins", sans-serif; }

main {
  overflow: hidden;
  display: block;
  position: relative; }
  main .header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 100;
    transition: all ease; }
    main .header .inner {
      width: 100%;
      font-size: clamp(10px, 1.1666666667vw, 14px);
      background-color: rgba(255, 255, 255, 0);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.5em 2.5em;
      position: relative;
      transition: all .3s ease; }
      main .header .inner .logo {
        width: 9.1666666667vw;
        max-width: 110px;
        position: relative;
        z-index: 1000;
        /*a{
        	transition: opacity .3s ease;
        	background: url("../images/common/img_logo-wh.webp")no-repeat left center/100% auto;
        	img{
        		opacity: 0;
        	}
        }
        &.active{
        	a{
        		background: url("../images/common/img_logo-co.webp")no-repeat left center/100% auto;
        	}
        }*/ }
        main .header .inner .logo:after {
          content: '';
          display: block;
          position: absolute;
          width: 37.5vw;
          height: 33.8333333333vw;
          max-width: 450px;
          max-height: 406px;
          background: url("../images/common/img_decoration-bg-beigeimg_decoration-shape-red.webp") no-repeat center center/cover;
          bottom: -4em;
          right: -8em;
          z-index: -1; }
      main .header .inner .center {
        /*position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);*/ }
        main .header .inner .center .menu {
          display: block;
          width: 4.5833333333vw;
          max-width: 55px;
          height: 4.5833333333vw;
          max-height: 55px;
          background-color: #ff0134;
          border: 1px solid #fff;
          border-radius: 50%;
          box-shadow: 1px 1px 5px 0px rgba(255, 1, 52, 0.2), -2px -1px 12px 0px rgba(255, 255, 255, 0.7);
          position: relative;
          z-index: 1000;
          transition: all .4s;
          cursor: pointer; }
          main .header .inner .center .menu span {
            box-sizing: border-box;
            position: absolute;
            width: 50%;
            height: 2px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            transition: all .4s;
            box-sizing: border-box;
            cursor: pointer; }
            main .header .inner .center .menu span:nth-of-type(1) {
              top: 33%; }
            main .header .inner .center .menu span:nth-of-type(2) {
              top: 50%;
              transform: translate(-50%, -50%); }
            main .header .inner .center .menu span:nth-of-type(3) {
              bottom: 33%; }
          main .header .inner .center .menu.active span:nth-of-type(1) {
            top: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translateY(-50%, -50%) rotate(-45deg); }
          main .header .inner .center .menu.active span:nth-of-type(2) {
            display: none; }
          main .header .inner .center .menu.active span:nth-of-type(3) {
            top: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }
        main .header .inner .center .globalnav {
          display: none;
          width: 100vw;
          height: 110vh;
          font-size: clamp(10px, 1.3333333333vw, 16px);
          background-color: #ffa959;
          position: fixed;
          top: -5em;
          left: 50%;
          transform: translateX(-50%);
          z-index: 999;
          padding: 5em 0; }
          main .header .inner .center .globalnav--inner {
            width: 100%;
            height: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            padding: 0 10%;
            margin: 2em auto; }
            main .header .inner .center .globalnav--inner a {
              line-height: 1;
              color: #fff; }
            main .header .inner .center .globalnav--inner--wrap--block {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category {
                width: fit-content;
                margin: 5em auto 0; }
                main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .title a dl dt {
                  font-size: clamp(10px, 5vw, 60px);
                  padding-bottom: 0; }
                  main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .title a dl dt:after {
                    display: none; }
                main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .title a dl dd {
                  font-size: clamp(10px, 1.4166666667vw, 17px); }
                main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .texts {
                  font-size: clamp(10px, 1.4166666667vw, 17px); }
              main .header .inner .center .globalnav--inner--wrap--block--category {
                width: 23%;
                text-align: center;
                margin-top: 5em; }
                main .header .inner .center .globalnav--inner--wrap--block--category .title a {
                  transition: all .3s ease; }
                  main .header .inner .center .globalnav--inner--wrap--block--category .title a dl dt {
                    font-size: clamp(10px, 1.6666666667vw, 20px);
                    font-weight: 500;
                    letter-spacing: 0;
                    padding-bottom: .7em;
                    position: relative; }
                    main .header .inner .center .globalnav--inner--wrap--block--category .title a dl dt:after {
                      content: '';
                      position: absolute;
                      width: 100%;
                      height: 1px;
                      background-color: #fff;
                      bottom: 0;
                      left: 0; }
                  main .header .inner .center .globalnav--inner--wrap--block--category .title a dl dd {
                    font-weight: bold;
                    margin-top: 1em; }
                  main .header .inner .center .globalnav--inner--wrap--block--category .title a.active {
                    pointer-events: auto; }
                  main .header .inner .center .globalnav--inner--wrap--block--category .title a:hover {
                    transform: scale(1.04); }
                main .header .inner .center .globalnav--inner--wrap--block--category .texts {
                  display: none;
                  font-weight: bold; }
                  main .header .inner .center .globalnav--inner--wrap--block--category .texts li {
                    margin-top: 1em; }
              main .header .inner .center .globalnav--inner--wrap--block--info {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                font-size: clamp(10px, 1.0833333333vw, 13px);
                margin-top: 7.2em; }
                main .header .inner .center .globalnav--inner--wrap--block--info ul {
                  display: flex;
                  align-items: center; }
                  main .header .inner .center .globalnav--inner--wrap--block--info ul li:nth-of-type(n+2) {
                    border-left: 1px solid #fff;
                    padding-left: 1em;
                    margin-left: 1em; }
                main .header .inner .center .globalnav--inner--wrap--block--info p {
                  font-size: clamp(10px, 0.8333333333vw, 10px);
                  color: #fff; }
      main .header .inner .btn {
        font-size: clamp(10px, 1vw, 12px);
        position: relative;
        z-index: 1000;
        display: flex; }
        main .header .inner .btn li {
          position: relative;
          width: 16.6666666667vw;
          max-width: 150px; }
          main .header .inner .btn li a {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: clamp(10px, 1.0833333333vw, 13px);
            font-weight: bold;
            line-height: 1;
            letter-spacing: .1em;
            text-align: center;
            color: #fff;
            background-color: #ff0134;
            border: 2px solid #fff;
            box-shadow: 1px 1px 5px 0px rgba(255, 1, 52, 0.2), -2px -1px 12px 0px rgba(255, 255, 255, 0.7);
            border-radius: 4.0rem;
            padding: .8em; }
            main .header .inner .btn li a:hover {
              opacity: 1;
              background-color: #ffa959;
              text-decoration: none; }
          main .header .inner .btn li.entry {
            z-index: 2; }
          main .header .inner .btn li.mypage {
            margin-left: -2.5em;
            z-index: 1; }
            main .header .inner .btn li.mypage a {
              background-color: #ff6155;
              padding-left: 1.8em; }
  main article h1,
  main article h2,
  main article h3,
  main article h4,
  main article em {
    font-weight: bold; }
  main article .container {
    padding: 1px 0; }
    main article .container--lead .inner p {
      font-size: clamp(10px, 1.3333333333vw, 16px);
      font-weight: bold;
      line-height: 2;
      color: #ffa959; }
  main article .inner {
    width: 80vw;
    max-width: 960px;
    margin: 0 auto; }
  main .footer {
    background-color: #ffa959;
    margin-top: 8em; }
    main .footer--figure {
      width: 100vw;
      max-width: 1200px;
      margin: 0 auto;
      /*範囲外の背景画像を隠す*/
      /*clip-path: inset(0 0 0 0);
      .parallax-bg{
      	position: fixed;
      	top: 0;
      	left: 0;
      	width: 100%;
      	height: 100%;
      	background-repeat: no-repeat;
      	background-position: center center;
      	background-size: cover;
      	background-image: url("../images/common/footer_bg.webp");
      	img{
      		display: none;
      	}
      }
      .texts{
      	width: fit-content;
      	text-align: center;
      	color: #fff;
      	position: absolute;
      	top: 50%;
      	left: 50%;
      	transform: translate(-50%,-50%);
      	dl{
      		dt{
      			width: vw(372);
      			max-width: 372px;
      		}
      		dd{
      			font-size: clamp(10px, vw(18), 18px);
      			font-weight: bold;
      			line-height: 1;
      			padding-left: .2em;
      			margin-top: 1em;
      		}
      	}
      	p{
      		font-size: clamp(10px, vw(13), 13px);
      		line-height: 1.6;
      		text-align: center;
      		margin-top: 2.5em;
      		span{
      			display: block;
      			font-weight: bold;
      		}
      	}
      }*/ }
    main .footer .inner {
      width: 100%;
      font-size: clamp(10px, 1.0833333333vw, 13px);
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      padding: 3em 2.5em;
      margin: 0 auto; }
      main .footer .inner .logo {
        width: 9.1666666667vw;
        max-width: 110px;
        pointer-events: none; }
      main .footer .inner ul {
        display: flex;
        align-items: center; }
        main .footer .inner ul li:nth-of-type(n+2) {
          border-left: 1px solid #000;
          padding-left: 1em;
          margin-left: 1em; }
      main .footer .inner p {
        font-size: clamp(10px, 0.8333333333vw, 10px); }

.pages article {
  /*.lead{
  	.inner{
  		p{
  			font-size: clamp(10px, vw(16), 16px);
  			font-weight: bold;
  			line-height: 2;
  			text-align: center;
  			color: $maincolor;
  			margin-top: 3.5em;
  			em{
  				font-size: clamp(10px, vw(15), 15px);
  				font-weight: 400;
  				display: block;
  				color: #000;
  				margin-top: 1.5em;
  			}
  		}
  	}
  }
  .link-area{
  	padding-bottom: 4em;
  	margin-top: 10em;
  	clip-path: inset(0 0 0 0);
  	position: relative;
  	&:after{
  		content: '';
  		display: block;
  		position: absolute;
  		width: 100vw;
  		height: 100%;
  		background-color: $light-gray;
  		top: 1.7em;
  		left: 50%;
  		transform: translateX(-50%);
  		z-index: -1;
  	}
  	.inner{
  		h2{
  			font-size: clamp(10px, vw(30), 30px);
  			font-weight: bold;
  			letter-spacing: 0;
  			text-align: center;
  			color: $maincolor;
  		}
  		&--wrap{
  			font-size: clamp(10px, vw(14), 14px);
  			font-weight: bold;
  			line-height: 1;
  			color: $maincolor;
  			.contents_list{
  				display: flex;
  				justify-content: center;
  				flex-wrap: wrap;
  				li{
  					width: 31%;
  					margin: 3em 1% 0;
  					a{
  						color: $maincolor;
  						.image{
  							overflow: hidden;
  							height: auto;
  							position: relative;
  							img{
  								transition: all .3s ease;
  							}
  							span{
  								position: absolute;
  								&.tag{
  									top: 1em;
  									left: 1em;
  								}
  								&.wh{
  									color: #fff;
  								}
  							}
  						}
  						p{
  							font-size: clamp(10px, vw(15), 15px);
  							line-height: 1.2;
  							letter-spacing: 0;
  							margin-top: .7em;
  							&.blank{
  								padding-right: 2.5em;
  								position: relative;
  								&:after{
  									content: '';
  									display: block;
  									position: absolute;
  									width: 1em;
  									height: 1em;
  									background: url("../images/common/icon_blank.webp")no-repeat center center/contain;
  									top: 0;
  									right: .5em;
  								}
  							}
  						}
  						&:hover{
  							opacity: 1;
  							.image{
  								img{
  									transform: scale(1.04);
  								}
  							}
  						}
  					}
  					&.soon{
  						a{
  							p{
  								opacity: .3;
  							}
  							.image{
  								&:before,
  								&:after{
  									display: block;
  									position: absolute;
  									width: 100%;
  									top: 50%;
  									left: 50%;
  									transform: translate(-50%,-50%);
  								}
  								&:before{
  									content: '';
  									height: 100%;
  								}
  								&:after{
  									content: 'COMING SOON..';
  									font-size: clamp(10px, vw(18), 18px);
  									//font-family: "Poppins", sans-serif;
  									font-weight: bold;
  									text-align: center;
  									color: #fff;
  								}
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  }*/ }
  .pages article .main {
    background-color: #ffa959;
    margin-bottom: 13.5vw;
    position: relative;
    z-index: 1; }
    .pages article .main:before {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 13.5vw;
      background: url("../images/common/img_decoration-bg-orange.webp") no-repeat center center/auto 100%;
      bottom: -13.5vw;
      left: 0;
      z-index: -1; }
    .pages article .main--block {
      max-width: 1200px;
      padding: 4.2em 0;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
      .pages article .main--block .inner {
        position: relative;
        z-index: 2; }
        .pages article .main--block .inner .visual {
          width: 68%;
          position: relative;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1; }
        .pages article .main--block .inner .ttl {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          z-index: 2;
          color: #fff; }
          .pages article .main--block .inner .ttl h1 {
            font-size: clamp(10px, 1.9166666667vw, 23px);
            margin-top: .8em; }
          .pages article .main--block .inner .ttl p {
            font-size: clamp(10px, 5vw, 60px);
            line-height: 1; }
      .pages article .main--block .shape {
        position: absolute; }
        .pages article .main--block .shape.s01 {
          width: 26.5%;
          bottom: 4.5%;
          left: -17%;
          z-index: 2; }
          .pages article .main--block .shape.s01 img {
            position: relative;
            transform: rotate(0deg); }
        .pages article .main--block .shape.s02 {
          width: 30.7%;
          top: 50%;
          left: 42.5%;
          transform: translate(-50%, -50%);
          z-index: -1; }
        .pages article .main--block .shape.s03 {
          width: 32.9%;
          bottom: -10%;
          right: -10%;
          z-index: 2; }
        .pages article .main--block .shape.s04 {
          width: 49.4%;
          top: 15%;
          left: -15%;
          transform: translateY(-50%);
          z-index: -1; }
        .pages article .main--block .shape.s05 {
          width: 52.5%;
          top: 5%;
          right: -7.8%;
          z-index: -2; }

#pagetop {
  width: 3.75vw;
  max-width: 45px;
  height: 3.75vw;
  max-height: 45px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99; }
  #pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease; }
    #pagetop a:before, #pagetop a:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #pagetop a:before {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-color: #ff0134;
      border: 1px solid #fff;
      border-radius: 50%; }
    #pagetop a:after {
      width: 25%;
      height: 25%;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(-45deg) translate(-20%, -50%); }
    #pagetop a:hover {
      opacity: 1;
      transform: scale(1.04); }

@media screen and (max-width: 767px) {
  main .header .inner {
    font-size: clamp(10px, 2.9333333333vw, 14px);
    padding: 1.5em 2.5%; }
    main .header .inner .logo {
      width: 23.4666666667vw; }
      main .header .inner .logo:after {
        width: 96vw;
        height: 86.6666666667vw;
        bottom: -3em;
        right: -7.5em; }
    main .header .inner .center .menu {
      width: 11.7333333333vw;
      height: 11.7333333333vw; }
    main .header .inner .center .globalnav {
      font-size: clamp(10px, 3.4666666667vw, 16px); }
      main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .title a dl dt {
        font-size: clamp(10px, 12.8vw, 60px); }
      main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .title a dl dd {
        font-size: clamp(10px, 3.7333333333vw, 17px); }
      main .header .inner .center .globalnav--inner--wrap--block:first-of-type .globalnav--inner--wrap--block--category .texts {
        font-size: clamp(10px, 3.7333333333vw, 17px); }
      main .header .inner .center .globalnav--inner--wrap--block--category {
        width: 100%;
        margin-top: 4em; }
        main .header .inner .center .globalnav--inner--wrap--block--category .title a dl dt {
          font-size: clamp(10px, 4.2666666667vw, 20px); }
      main .header .inner .center .globalnav--inner--wrap--block--info {
        justify-content: center;
        font-size: clamp(10px, 2.9333333333vw, 14px); }
        main .header .inner .center .globalnav--inner--wrap--block--info p {
          font-size: clamp(10px, 2.6666666667vw, 12px);
          text-align: center;
          margin-top: 1em; }
    main .header .inner .btn {
      font-size: clamp(10px, 2.6666666667vw, 10px);
      margin-top: .5em; }
      main .header .inner .btn li {
        width: 20.2666666667vw; }
        main .header .inner .btn li a {
          font-size: clamp(7px, 2.4vw, 9px); }
        main .header .inner .btn li.mypage {
          margin-left: -1.5em; }
          main .header .inner .btn li.mypage a {
            padding-left: 1.5em; }
  main article .container--lead .inner p {
    font-size: clamp(10px, 3.4666666667vw, 16px);
    margin-top: 2em; }
  main article .inner {
    width: 85vw; }
  main .footer--figure {
    width: 150vw;
    margin-left: -27.5%; }
  main .footer .inner {
    font-size: clamp(10px, 3.4666666667vw, 13px);
    padding: 3em 5%;
    flex-direction: column;
    justify-content: center; }
    main .footer .inner .logo {
      width: 58.6666666667vw; }
    main .footer .inner ul {
      margin-top: 2em; }
    main .footer .inner p {
      font-size: clamp(10px, 2.6666666667vw, 10px);
      margin-top: 2.5em; }

  .pages article .main--block {
    max-width: inherit;
    padding: 4.2em 0; }
    .pages article .main--block .inner {
      width: 90vw; }
      .pages article .main--block .inner .visual {
        width: 115%;
        top: 0;
        left: 65%; }
      .pages article .main--block .inner .ttl {
        top: 72.5%; }
        .pages article .main--block .inner .ttl h1 {
          font-size: clamp(10px, 4.8vw, 23px); }
        .pages article .main--block .inner .ttl p {
          font-size: clamp(10px, 11.2vw, 60px); }
    .pages article .main--block .shape.s01 {
      width: 26.5%;
      bottom: -4.5%;
      left: -17%; }
    .pages article .main--block .shape.s02 {
      width: 61.4%;
      top: 35%;
      left: 35%; }
    .pages article .main--block .shape.s03 {
      width: 32.9%;
      bottom: -20%;
      right: -10%; }
    .pages article .main--block .shape.s04 {
      width: 100%;
      top: 10%;
      left: -45%; }
    .pages article .main--block .shape.s05 {
      width: 105%;
      top: 30%;
      right: -31.2%; }

  #pagetop {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    right: 5.3333333333vw;
    bottom: 5.3333333333vw; } }
.introduction article .container--content--block .inner h2 {
  font-size: clamp(10px, 5vw, 60px);
  font-weight: 400;
  margin-top: 2em; }
.introduction article .container--content--block .inner--wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: -1; }
  .introduction article .container--content--block .inner--wrap:after {
    content: '';
    display: block;
    position: absolute;
    width: 30.7em;
    height: 30.7em;
    background-color: #ffe6eb;
    border-radius: 50%;
    bottom: -5em;
    z-index: -2; }
  .introduction article .container--content--block .inner--wrap .image {
    width: 50.6%;
    position: relative;
    z-index: 2; }
    .introduction article .container--content--block .inner--wrap .image:before {
      content: '';
      display: block;
      position: absolute;
      width: 30.7em;
      height: 30.7em;
      background-color: #ffe6eb;
      border-radius: 50%;
      top: -27.9%;
      z-index: -1; }
    .introduction article .container--content--block .inner--wrap .image.small {
      width: 40%; }
  .introduction article .container--content--block .inner--wrap--category {
    width: 45%;
    color: #fff;
    position: relative;
    z-index: 1; }
    .introduction article .container--content--block .inner--wrap--category:before {
      content: '';
      display: block;
      position: absolute;
      width: 50em;
      height: 50em;
      background-color: #ff0134;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1; }
    .introduction article .container--content--block .inner--wrap--category dl {
      font-weight: bold; }
      .introduction article .container--content--block .inner--wrap--category dl dt {
        font-size: clamp(10px, 2.1666666667vw, 26px);
        margin-bottom: 2em; }
      .introduction article .container--content--block .inner--wrap--category dl dd {
        font-size: clamp(10px, 1.6666666667vw, 20px);
        border-bottom: 1px solid #fff;
        padding-bottom: 1em;
        margin-top: 1em; }
    .introduction article .container--content--block .inner--wrap--category p {
      font-size: clamp(10px, 1.25vw, 15px);
      line-height: 2;
      margin-top: 1em; }
  .introduction article .container--content--block .inner--wrap.small {
    justify-content: center; }
    .introduction article .container--content--block .inner--wrap.small:after {
      display: none; }
    .introduction article .container--content--block .inner--wrap.small .image {
      width: 40%; }
      .introduction article .container--content--block .inner--wrap.small .image:before {
        display: none; }
    .introduction article .container--content--block .inner--wrap.small .inner--wrap--category {
      width: 36%; }
      .introduction article .container--content--block .inner--wrap.small .inner--wrap--category:before {
        width: 41.5em;
        height: 41.5em; }
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(odd) dd,
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(odd) p {
      padding-right: 7.5%; }
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(even) dd,
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(even) p {
      padding-left: 7.5%; }
.introduction article .container--content--block:nth-of-type(odd) .inner h2 {
  color: #ff0134; }
.introduction article .container--content--block:nth-of-type(odd) .inner--wrap:after {
  background-color: #ffe6eb;
  right: -37.5%; }
.introduction article .container--content--block:nth-of-type(odd) .inner--wrap .image:before {
  background-color: #ffe6eb;
  left: -47.5%; }
.introduction article .container--content--block:nth-of-type(even) .inner h2 {
  color: #ffa959;
  text-align: right; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:after {
  background-color: rgba(255, 152, 0, 0.1);
  left: -37.5%; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap .image:before {
  background-color: rgba(255, 152, 0, 0.1);
  right: -47.5%; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap--category:before {
  background-color: #ff9800; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(odd) {
  flex-direction: row-reverse; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(odd) .image {
    margin: 0 10% 0 0; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(even) .image {
  margin: 0 0 0 10%; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(n+2) .inner--wrap--category dl {
  color: #ff9800; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(n+2) .inner--wrap--category dl dd {
    border-color: #ff9800; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(n+2) .inner--wrap--category p {
  color: #000; }
.introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(n+2) .inner--wrap--category:before {
  background-color: rgba(255, 152, 0, 0.1); }
.introduction article .container--content--block.block02 .inner--wrap:first-of-type .inner--wrap--category {
  margin-top: -5em; }
.introduction article .container--content--block.block03 .inner--wrap--category {
  margin-top: -15em; }

.message article {
  background-color: #ffb673; }
  .message article .lead {
    font-size: clamp(10px, 1.3333333333vw, 16px);
    font-weight: bold;
    padding: 13.5vw 0 11.5em;
    margin-top: -13.5vw;
    position: relative;
    z-index: 1;
    /*&:before{
        content: '';
        display: block;
        position: absolute;
        width: 100vw;
        height: vw(162);
        background: url("../images/common/img_decoration-bg-orange.webp")no-repeat center center/auto 100%;
        top: 0;
        left: 0;
        //transform: scale(-1, 1);
        z-index: -1;
    }*/ }
    .message article .lead .inner {
      position: relative;
      padding: 0 5%; }
      .message article .lead .inner:before {
        content: '';
        display: block;
        position: absolute;
        width: 46vw;
        max-width: 552px;
        height: 39.8333333333vw;
        max-height: 478px;
        background: url("../images/common/img_symbol.webp") no-repeat center center/cover;
        top: 10em;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        opacity: .3; }
      .message article .lead .inner h2 {
        font-size: clamp(10px, 2.3333333333vw, 28px);
        line-height: 1;
        text-align: center;
        color: #fff;
        margin-top: -3em; }
      .message article .lead .inner p {
        line-height: 2;
        text-align: center;
        color: #fff;
        margin-top: 3em; }
      .message article .lead .inner dl {
        text-align: center;
        color: #fff;
        border: solid #fff;
        border-width: 0 1px 1px;
        margin-top: 5em; }
        .message article .lead .inner dl:nth-of-type(n+2) {
          margin-top: 3.5em; }
        .message article .lead .inner dl dt {
          font-size: clamp(10px, 2.0833333333vw, 25px);
          line-height: 1;
          position: relative;
          margin-top: -.5em; }
          .message article .lead .inner dl dt:before, .message article .lead .inner dl dt:after {
            content: '';
            display: block;
            position: absolute;
            width: 33%;
            height: 1px;
            background-color: #fff;
            top: 50%;
            transform: translateY(-50%); }
          .message article .lead .inner dl dt:before {
            left: 0; }
          .message article .lead .inner dl dt:after {
            right: 0; }
        .message article .lead .inner dl dd {
          padding: 2em; }
  .message article .image-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2; }
    .message article .image-wrap:before {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 100%;
      background-color: #fff;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1; }
    .message article .image-wrap .image {
      width: 26.8%;
      max-width: 320px;
      margin-top: -10em; }
  .message article .container {
    background-color: #fff; }
    .message article .container--block {
      padding-bottom: 10em;
      margin-top: 10em; }
      .message article .container--block .inner--main .ttl {
        text-align: center; }
        .message article .container--block .inner--main .ttl dt {
          font-size: clamp(10px, 5vw, 60px);
          line-height: 1;
          margin-top: -.5em; }
        .message article .container--block .inner--main .ttl dd {
          font-size: clamp(10px, 1.5vw, 18px);
          font-weight: bold;
          margin-top: .5em; }
      .message article .container--block .inner--wrap {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-wrap: wrap; }
        .message article .container--block .inner--wrap .figure {
          width: 46.7%;
          margin-top: 3.5em; }
      .message article .container--block .inner--info {
        padding-bottom: 2.5em;
        margin-top: 5em;
        background-color: #fff;
        border-radius: 1.5rem; }
        .message article .container--block .inner--info h3 {
          font-size: clamp(10px, 1.4166666667vw, 17px);
          text-align: center;
          margin-top: -.5em; }
        .message article .container--block .inner--info p {
          font-size: clamp(10px, 1.5833333333vw, 19px);
          font-weight: bold;
          line-height: 1.6;
          text-align: center;
          margin-top: .5em; }
        .message article .container--block .inner--info .image {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
          .message article .container--block .inner--info .image .pic {
            width: 22%;
            margin-top: 2em; }
      .message article .container--block:nth-of-type(odd) {
        background-color: #fff2f5; }
        .message article .container--block:nth-of-type(odd) .inner .ttl {
          color: #ff0134; }
        .message article .container--block:nth-of-type(odd) .inner--info h3 {
          color: #ff0134; }
      .message article .container--block:nth-of-type(even) {
        background-color: #fff2e5; }
        .message article .container--block:nth-of-type(even) .inner .ttl {
          color: #ffa959; }
        .message article .container--block:nth-of-type(even) .inner--info h3 {
          color: #ffa959; }

@media screen and (max-width: 767px) {
  .introduction article .container--content--block .inner h2 {
    font-size: clamp(10px, 11.2vw, 60px); }
  .introduction article .container--content--block .inner--wrap {
    flex-wrap: wrap; }
    .introduction article .container--content--block .inner--wrap:after {
      width: 15em;
      height: 15em;
      bottom: -2.5em; }
    .introduction article .container--content--block .inner--wrap .image {
      width: 76%; }
      .introduction article .container--content--block .inner--wrap .image:before {
        width: 15em;
        height: 15em;
        top: -15%; }
      .introduction article .container--content--block .inner--wrap .image.small {
        width: 60%; }
    .introduction article .container--content--block .inner--wrap--category {
      width: 85%;
      margin: 2em auto 3.5em !important; }
      .introduction article .container--content--block .inner--wrap--category:before {
        width: 30em;
        height: 30em; }
      .introduction article .container--content--block .inner--wrap--category dl dt {
        font-size: clamp(10px, 4.5333333333vw, 26px);
        margin-bottom: 0; }
      .introduction article .container--content--block .inner--wrap--category dl dd {
        font-size: clamp(10px, 3.4666666667vw, 20px); }
      .introduction article .container--content--block .inner--wrap--category p {
        font-size: clamp(10px, 2.9333333333vw, 15px); }
    .introduction article .container--content--block .inner--wrap.small .image {
      width: 60%; }
    .introduction article .container--content--block .inner--wrap.small .inner--wrap--category {
      width: 85%; }
      .introduction article .container--content--block .inner--wrap.small .inner--wrap--category:before {
        width: 30em;
        height: 30em; }
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(odd) dd, .introduction article .container--content--block .inner--wrap.small:nth-of-type(even) dd {
      margin-top: 0; }
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(odd) dd,
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(odd) p, .introduction article .container--content--block .inner--wrap.small:nth-of-type(even) dd,
    .introduction article .container--content--block .inner--wrap.small:nth-of-type(even) p {
      padding-left: 0;
      padding-right: 0; }
  .introduction article .container--content--block:nth-of-type(odd) .inner--wrap:after {
    right: -20%; }
  .introduction article .container--content--block:nth-of-type(odd) .inner--wrap .image:before {
    left: -20%; }
  .introduction article .container--content--block:nth-of-type(odd) .inner--wrap .inner--wrap--category {
    margin-right: 0 !important; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap:after {
    left: -20%; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap .image:before {
    right: -20%; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap .inner--wrap--category {
    margin-left: 0 !important; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(odd) .image {
    margin: 0 0 0 auto; }
  .introduction article .container--content--block:nth-of-type(even) .inner--wrap:nth-of-type(even) .image {
    margin: 0 auto 0 0; }

  .message article .main {
    z-index: 2; }
  .message article .lead {
    font-size: clamp(10px, 3.4666666667vw, 16px);
    padding: 13.5vw 0 5em; }
    .message article .lead .inner:before {
      width: 88.2666666667vw;
      max-width: inherit;
      height: 76.5333333333vw;
      max-height: inherit;
      top: 15em; }
    .message article .lead .inner h2 {
      font-size: clamp(10px, 5.8666666667vw, 28px);
      margin-top: 5em; }
    .message article .lead .inner dl {
      margin-top: 5em; }
      .message article .lead .inner dl:nth-of-type(n+2) {
        margin-top: 3.5em; }
      .message article .lead .inner dl dt {
        font-size: clamp(10px, 5.3333333333vw, 25px); }
        .message article .lead .inner dl dt:before, .message article .lead .inner dl dt:after {
          width: 1.5em; }
  .message article .image-wrap .image {
    margin-top: -2.5em; }
  .message article .container--block {
    padding-bottom: 5em; }
    .message article .container--block .inner--main .ttl dt {
      font-size: clamp(10px, 12.8vw, 60px); }
    .message article .container--block .inner--main .ttl dd {
      font-size: clamp(10px, 3.7333333333vw, 18px); }
    .message article .container--block .inner--wrap .figure {
      width: 100%; }
    .message article .container--block .inner--info {
      padding-bottom: 2.5em;
      margin-top: 5em; }
      .message article .container--block .inner--info h3 {
        font-size: clamp(10px, 3.7333333333vw, 17px); }
      .message article .container--block .inner--info p {
        font-size: clamp(10px, 4.5333333333vw, 19px); }
      .message article .container--block .inner--info .image .pic {
        width: 45%;
        padding: 1em; } }
.faq article .container {
  padding-bottom: 5em; }
  .faq article .container--block.block01 .inner h2 {
    font-size: clamp(10px, 1.3333333333vw, 16px);
    color: #ffa959; }
  .faq article .container--block.block01 .inner--faq {
    font-size: clamp(10px, 1.3333333333vw, 16px);
    margin-top: 3.5em; }
    .faq article .container--block.block01 .inner--faq dl {
      display: flex;
      padding: 1.5em 0; }
      .faq article .container--block.block01 .inner--faq dl dt {
        width: 12.5%;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .faq article .container--block.block01 .inner--faq dl dd {
        width: 75%; }
    .faq article .container--block.block01 .inner--faq .drawer-item {
      cursor: pointer;
      border: 1px solid #ff0134;
      margin-top: 1.5em; }
      .faq article .container--block.block01 .inner--faq .drawer-item .title {
        align-items: center;
        color: #fff;
        background-color: #ff0134;
        position: relative;
        transition: all .3s ease; }
        .faq article .container--block.block01 .inner--faq .drawer-item .title:before {
          content: '+';
          display: block;
          position: absolute;
          font-size: 3em;
          font-family: "Roboto", sans-serif;
          font-weight: 300;
          line-height: 1;
          color: #fff;
          top: 50%;
          right: 2.5%;
          transform: translateY(-50%); }
        .faq article .container--block.block01 .inner--faq .drawer-item .title.close:before {
          content: '-';
          font-size: 89px;
          font-weight: 200; }
        .faq article .container--block.block01 .inner--faq .drawer-item .title dt {
          font-size: clamp(10px, 5vw, 60px); }
        .faq article .container--block.block01 .inner--faq .drawer-item .title dd {
          font-size: clamp(10px, 1.6666666667vw, 20px); }
      .faq article .container--block.block01 .inner--faq .drawer-item .more {
        display: none; }
        .faq article .container--block.block01 .inner--faq .drawer-item .more dl {
          padding-bottom: 3em; }
          .faq article .container--block.block01 .inner--faq .drawer-item .more dl dt {
            font-size: clamp(10px, 3.3333333333vw, 40px);
            color: #ff0134; }
          .faq article .container--block.block01 .inner--faq .drawer-item .more dl dd {
            margin-top: 1em; }
            .faq article .container--block.block01 .inner--faq .drawer-item .more dl dd a {
              display: inline;
              color: #ff0134;
              text-decoration: underline; }
  .faq article .container--block.block02 .container--block--content {
    background-color: #ffa959;
    padding-bottom: 15em;
    margin: 21.25vw auto 13.5vw;
    position: relative;
    z-index: 1; }
    .faq article .container--block.block02 .container--block--content:before, .faq article .container--block.block02 .container--block--content:after {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 13.5vw;
      background: url("../images/common/img_decoration-bg-orange.webp") no-repeat center center/auto 100%;
      left: 0;
      z-index: -1; }
    .faq article .container--block.block02 .container--block--content:before {
      top: -13.4166666667vw;
      transform: scale(-1, -1); }
    .faq article .container--block.block02 .container--block--content:after {
      bottom: -13.5vw; }
    .faq article .container--block.block02 .container--block--content .inner {
      text-align: center;
      color: #fff;
      position: relative;
      z-index: 1; }
      .faq article .container--block.block02 .container--block--content .inner:before {
        content: '';
        display: block;
        position: absolute;
        width: 120.8333333333vw;
        max-width: 1450px;
        height: 57.5vw;
        max-height: 690px;
        background: url("../images/information/faq/img_pic02-1.webp") no-repeat center center/cover;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1; }
      .faq article .container--block.block02 .container--block--content .inner dl dt {
        font-size: clamp(10px, 5vw, 60px); }
      .faq article .container--block.block02 .container--block--content .inner dl dd {
        font-size: clamp(10px, 1.5833333333vw, 19px);
        letter-spacing: .1em; }
      .faq article .container--block.block02 .container--block--content .inner p {
        font-size: clamp(10px, 1.5vw, 18px);
        line-height: 2.5;
        text-align: center;
        margin-top: 3em; }

.employment article .container--block .inner {
  padding: 1px 0 10em; }
  .employment article .container--block .inner .table {
    font-size: clamp(10px, 1.25vw, 15px);
    line-height: 1.8;
    border: solid #ff0134;
    border-width: 2px 0;
    margin-top: 5em; }
    .employment article .container--block .inner .table dl {
      display: flex;
      border-bottom: 1px dashed #ff0134;
      padding: 1em 0; }
      .employment article .container--block .inner .table dl:last-of-type {
        border-bottom: none; }
      .employment article .container--block .inner .table dl dt {
        width: 16.5%;
        font-weight: bold;
        color: #ff0134; }
      .employment article .container--block .inner .table dl dd {
        width: 83.5%;
        text-align: justify; }
        .employment article .container--block .inner .table dl dd ul li {
          display: block;
          text-indent: -1em;
          padding-left: 1em; }
          .employment article .container--block .inner .table dl dd ul li span {
            font-weight: bold;
            color: #ff0134; }
          .employment article .container--block .inner .table dl dd ul li.bold {
            font-weight: bold; }
          .employment article .container--block .inner .table dl dd ul li.no-indent {
            text-indent: inherit;
            padding-left: 0; }

@media screen and (max-width: 767px) {
  .faq article .container {
    padding-bottom: 1px; }
    .faq article .container--block.block01 .inner h2 {
      font-size: clamp(10px, 3.4666666667vw, 16px);
      padding-top: 2em; }
    .faq article .container--block.block01 .inner--faq {
      font-size: clamp(10px, 3.4666666667vw, 16px); }
      .faq article .container--block.block01 .inner--faq dl dt {
        width: 25%; }
      .faq article .container--block.block01 .inner--faq dl dd {
        width: 65%; }
      .faq article .container--block.block01 .inner--faq .drawer-item .title dt {
        font-size: clamp(10px, 11.2vw, 60px); }
      .faq article .container--block.block01 .inner--faq .drawer-item .title dd {
        font-size: clamp(10px, 3.7333333333vw, 20px); }
      .faq article .container--block.block01 .inner--faq .drawer-item .more dl dt {
        font-size: clamp(10px, 7.4666666667vw, 40px); }
    .faq article .container--block.block02 .container--block--content {
      padding: 2.5em 0 5em;
      margin: 34.6666666667vw auto 13.5vw; }
      .faq article .container--block.block02 .container--block--content .inner:before {
        width: 193.3333333333vw;
        max-width: inherit;
        height: 92vw;
        max-height: inherit;
        top: 87.5%; }
      .faq article .container--block.block02 .container--block--content .inner dl dt {
        font-size: clamp(10px, 12.8vw, 60px); }
      .faq article .container--block.block02 .container--block--content .inner dl dd {
        font-size: clamp(10px, 4vw, 19px); }
      .faq article .container--block.block02 .container--block--content .inner p {
        font-size: clamp(10px, 3.7333333333vw, 18px); }

  .employment article .container--block .inner {
    padding: 1px 0 5em; }
    .employment article .container--block .inner .table {
      font-size: clamp(10px, 3.2vw, 15px); }
      .employment article .container--block .inner .table dl dt {
        width: 27.5%; }
      .employment article .container--block .inner .table dl dd {
        width: 72.5%; }
        .employment article .container--block .inner .table dl dd ul li.bold {
          font-weight: bold; }
        .employment article .container--block .inner .table dl dd ul li.no-indent {
          text-indent: inherit;
          padding-left: 0; } }
.top article .main {
  background-color: #ffa959;
  position: relative;
  z-index: 2; }
  .top article .main:before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 13.5vw;
    background: url("../images/common/img_decoration-bg-orange.webp") no-repeat center center/auto 100%;
    bottom: -13.5vw;
    left: 0;
    transform: scale(-1, 1);
    z-index: -1; }
  .top article .main--kv {
    width: 100vw;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    .top article .main--kv .shape {
      position: absolute;
      z-index: 2; }
      .top article .main--kv .shape.s01 {
        width: 37.3%;
        bottom: -23.5%;
        left: -15.5%; }
        .top article .main--kv .shape.s01 img {
          position: relative;
          transform: rotate(-31deg); }
      .top article .main--kv .shape.s02 {
        width: 32.9%;
        bottom: -10%;
        right: -12.5%; }
    .top article .main--kv .decoration {
      position: absolute;
      z-index: 5;
      transform: translateY(-50%); }
      .top article .main--kv .decoration.d01 {
        width: 32.2%;
        top: 5%;
        left: 5.5%; }
      .top article .main--kv .decoration.d02 {
        width: 83.8%;
        top: 20%;
        left: 5%; }
      .top article .main--kv .decoration.d03 {
        width: 39.5%;
        top: 17.5%;
        right: 4.7%; }
    .top article .main--kv #mv-slide {
      overflow: hidden;
      width: 100%;
      height: 100vh;
      max-height: 750px;
      min-height: 750px;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      .top article .main--kv #mv-slide:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        max-width: 1200px;
        height: 100vh;
        max-height: 750px;
        min-height: 750px;
        background: url("../images/top/main_slider-cover.webp") no-repeat center center/cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1; }
      .top article .main--kv #mv-slide .splide__track {
        overflow: visible;
        width: 100%;
        max-width: 895px;
        height: 100vh;
        max-height: 690px;
        min-height: 690px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1; }
        .top article .main--kv #mv-slide .splide__track .splide__list .splide__slide {
          min-height: 690px;
          position: relative; }
          .top article .main--kv #mv-slide .splide__track .splide__list .splide__slide img {
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: center; }
      .top article .main--kv #mv-slide .main-ttl {
        position: absolute;
        top: 44.5%;
        left: 39%;
        transform: translate(-50%, -50%);
        z-index: 99;
        color: #fff; }
        .top article .main--kv #mv-slide .main-ttl h1 {
          font-size: clamp(10px, 1.9166666667vw, 23px);
          margin-top: .3em; }
        .top article .main--kv #mv-slide .main-ttl p {
          font-size: clamp(10px, 11.5vw, 138px);
          line-height: 1; }
  .top article .main .lead {
    width: 100vw;
    max-width: 1200px;
    margin: 0 auto;
    position: relative; }
    .top article .main .lead .shape {
      position: absolute;
      z-index: 3; }
      .top article .main .lead .shape.s01 {
        width: 19%;
        top: -2.5%;
        left: 5%; }
      .top article .main .lead .shape.s02 {
        width: 26.3%;
        bottom: -5%;
        left: 5%; }
      .top article .main .lead .shape.s03 {
        width: 38.9%;
        top: -2.5%;
        right: -13%; }
    .top article .main .lead .decoration {
      position: absolute;
      transform: translateY(-50%); }
      .top article .main .lead .decoration.d01 {
        width: 76.9%;
        top: 5%;
        left: 12.5%;
        z-index: 5; }
      .top article .main .lead .decoration.d02 {
        width: 98.2%;
        top: -10%;
        left: 2.5%;
        z-index: 2; }
      .top article .main .lead .decoration.d03 {
        width: 49.4%;
        bottom: -50%;
        left: -16%;
        z-index: 1; }
        .top article .main .lead .decoration.d03 img {
          position: relative;
          transform: rotate(-110deg); }
      .top article .main .lead .decoration.d04 {
        width: 73.7%;
        bottom: -80%;
        right: -22%;
        z-index: 1; }
    .top article .main .lead .inner {
      position: relative; }
      .top article .main .lead .inner:before {
        content: '';
        display: block;
        position: absolute;
        width: 46vw;
        max-width: 552px;
        height: 39.8333333333vw;
        max-height: 478px;
        background: url("../images/common/img_symbol.webp") no-repeat center center/cover;
        top: 4.5em;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        opacity: .3; }
      .top article .main .lead .inner p {
        font-size: clamp(10px, 1.3333333333vw, 16px);
        line-height: 2;
        text-align: center;
        color: #fff;
        margin-top: 4.5em; }
      .top article .main .lead .inner h2 {
        font-size: clamp(10px, 1.6666666667vw, 20px);
        line-height: 1.3;
        text-align: center;
        color: #fff;
        margin-top: 3em; }
.top article .container--block {
  position: relative; }
  .top article .container--block .inner--main .title {
    color: #ff0134; }
    .top article .container--block .inner--main .title dt {
      font-size: clamp(10px, 5vw, 60px); }
    .top article .container--block .inner--main .title dd {
      font-size: clamp(10px, 1.5vw, 18px);
      font-weight: bold; }
  .top article .container--block .inner--main p {
    font-size: clamp(10px, 1.1666666667vw, 14px);
    line-height: 2;
    margin-top: 1em; }
  .top article .container--block:nth-of-type(even) .inner--main .title {
    color: #ffa959; }
  .top article .container--block.block01 {
    background-color: #fff2e5;
    padding: 23.3333333333vw 0 6.6666666667vw; }
    .top article .container--block.block01:before {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 13.5vw;
      background: url("../images/common/img_decoration-bg-beige.webp") no-repeat center center/auto 100%;
      bottom: -13.5vw;
      left: 0;
      z-index: -1; }
    .top article .container--block.block01 .inner--main .title {
      display: flex;
      align-items: baseline; }
      .top article .container--block.block01 .inner--main .title dt {
        margin-right: .3em; }
    .top article .container--block.block01 .inner--wrap--category {
      width: 100%;
      display: flex;
      justify-content: center; }
      .top article .container--block.block01 .inner--wrap--category p {
        width: 48.5%;
        font-size: clamp(10px, 1.1666666667vw, 14px);
        line-height: 2; }
      .top article .container--block.block01 .inner--wrap--category a {
        width: 35vw;
        max-width: 420px;
        margin: 0 auto;
        position: relative;
        transition: all .3s ease; }
        .top article .container--block.block01 .inner--wrap--category a .arrow {
          width: 4.3em;
          height: 4.3em;
          background-color: #ff0134;
          border-radius: 50%;
          position: absolute;
          bottom: 3em;
          right: 3em; }
          .top article .container--block.block01 .inner--wrap--category a .arrow span {
            display: block;
            width: 100%;
            height: 100%;
            position: relative; }
            .top article .container--block.block01 .inner--wrap--category a .arrow span:before {
              content: '';
              display: block;
              position: absolute;
              width: 1.4em;
              height: .5em;
              background: url("../images/common/btn_arrow-wh.webp") no-repeat center center/cover;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
        .top article .container--block.block01 .inner--wrap--category a:hover {
          transform: scale(1.04); }
      .top article .container--block.block01 .inner--wrap--category:first-of-type a {
        margin: -11em 7.5% 0 auto; }
      .top article .container--block.block01 .inner--wrap--category:nth-of-type(n+2) {
        justify-content: flex-start;
        align-items: flex-end;
        flex-direction: row-reverse; }
        .top article .container--block.block01 .inner--wrap--category:nth-of-type(n+2) a {
          width: 31.25vw;
          max-width: 375px;
          margin-top: -22em; }
  .top article .container--block.block02, .top article .container--block.block04 {
    padding-top: 10vw; }
    .top article .container--block.block02 .inner--wrap, .top article .container--block.block04 .inner--wrap {
      position: relative;
      margin-top: 5em; }
      .top article .container--block.block02 .inner--wrap--picture, .top article .container--block.block04 .inner--wrap--picture {
        position: absolute;
        width: 44.5833333333vw;
        max-width: 535px;
        height: 44.5833333333vw;
        max-height: 535px;
        z-index: 2; }
        .top article .container--block.block02 .inner--wrap--picture .image, .top article .container--block.block04 .inner--wrap--picture .image {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          transform: translateY(5%);
          opacity: 0;
          -webkit-transition: opacity .3s, -webkit-transform .8s;
          transition: opacity .3s, -webkit-transform .8s;
          transition: opacity .3s, transform .8s;
          transition: opacity .3s, transform .8s, -webkit-transform .8s; }
          .top article .container--block.block02 .inner--wrap--picture .image.notselect, .top article .container--block.block04 .inner--wrap--picture .image.notselect {
            opacity: 1;
            z-index: 1;
            transform: translateY(0); }
          .top article .container--block.block02 .inner--wrap--picture .image.active-teaser, .top article .container--block.block04 .inner--wrap--picture .image.active-teaser {
            opacity: 1;
            z-index: 1;
            -webkit-animation-name: teaser-appear;
            animation-name: teaser-appear;
            -webkit-animation-duration: .35s;
            animation-duration: .35s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            transform: translateY(0); }
      .top article .container--block.block02 .inner--wrap--list, .top article .container--block.block04 .inner--wrap--list {
        width: 80%; }
        .top article .container--block.block02 .inner--wrap--list--category a, .top article .container--block.block04 .inner--wrap--list--category a {
          border: solid #ffa959;
          border-width: 1px 0 0;
          padding: 1.5em 2em;
          position: relative;
          transition: all .3s ease; }
          .top article .container--block.block02 .inner--wrap--list--category a dl, .top article .container--block.block04 .inner--wrap--list--category a dl {
            transition: all .3s ease-in-out; }
            .top article .container--block.block02 .inner--wrap--list--category a dl dt, .top article .container--block.block04 .inner--wrap--list--category a dl dt {
              font-size: clamp(10px, 2.75vw, 33px);
              color: #ffa959; }
            .top article .container--block.block02 .inner--wrap--list--category a dl dd, .top article .container--block.block04 .inner--wrap--list--category a dl dd {
              font-size: clamp(10px, 1.1666666667vw, 14px); }
          .top article .container--block.block02 .inner--wrap--list--category a .arrow, .top article .container--block.block04 .inner--wrap--list--category a .arrow {
            width: 3em;
            height: 3em;
            background-color: #ffa959;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
            .top article .container--block.block02 .inner--wrap--list--category a .arrow span, .top article .container--block.block04 .inner--wrap--list--category a .arrow span {
              display: block;
              width: 100%;
              height: 100%;
              position: relative; }
              .top article .container--block.block02 .inner--wrap--list--category a .arrow span:before, .top article .container--block.block04 .inner--wrap--list--category a .arrow span:before {
                content: '';
                display: block;
                position: absolute;
                width: 1.4em;
                height: .5em;
                background: url("../images/common/btn_arrow-wh.webp") no-repeat center center/cover;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
          .top article .container--block.block02 .inner--wrap--list--category a:hover, .top article .container--block.block04 .inner--wrap--list--category a:hover {
            background-color: #fff2e5; }
        .top article .container--block.block02 .inner--wrap--list--category:last-of-type a, .top article .container--block.block04 .inner--wrap--list--category:last-of-type a {
          border-width: 1px 0; }
  .top article .container--block.block02 {
    padding-bottom: 2em; }
    .top article .container--block.block02 .inner--wrap--picture {
      bottom: -2em;
      right: -5em; }
  .top article .container--block.block04 {
    padding-bottom: 13.8em; }
    .top article .container--block.block04 .inner {
      text-align: right; }
      .top article .container--block.block04 .inner--wrap--picture {
        top: 50%;
        left: -5em;
        transform: translateY(-50%); }
      .top article .container--block.block04 .inner--wrap--list {
        margin: 0 0 0 auto; }
        .top article .container--block.block04 .inner--wrap--list--category a .arrow span:before {
          transform: scale(-1, 1) translate(-50%, -50%);
          margin-left: -1.4em; }
  .top article .container--block.block03 {
    width: 100vw;
    max-width: 1200px;
    margin: 12em auto 0;
    padding-bottom: 40.8em; }
    .top article .container--block.block03 .shape {
      position: absolute;
      z-index: -2; }
      .top article .container--block.block03 .shape.s01 {
        width: 62%;
        top: 10%;
        left: -6.8%; }
      .top article .container--block.block03 .shape.s02 {
        width: 38.8%;
        top: 5%;
        right: -7.2%; }
      .top article .container--block.block03 .shape.s03 {
        width: 26.2%;
        bottom: -5%;
        right: 20%; }
    .top article .container--block.block03 .decoration {
      position: absolute;
      transform: translateY(-50%);
      z-index: -1; }
      .top article .container--block.block03 .decoration.d01 {
        width: 16.2%;
        top: -5%;
        left: 9%; }
      .top article .container--block.block03 .decoration.d02 {
        width: 12%;
        top: -5%;
        right: 7.8%; }
      .top article .container--block.block03 .decoration.d03 {
        width: 18.5%;
        bottom: -10%;
        right: 10.4%; }
      .top article .container--block.block03 .decoration.d04 {
        width: 82.5%;
        bottom: -40%;
        right: -8%;
        z-index: -3; }
        .top article .container--block.block03 .decoration.d04 img {
          position: relative;
          transform: rotate(-130deg); }
    .top article .container--block.block03 .inner--main {
      text-align: center; }
      .top article .container--block.block03 .inner--main p {
        text-align: center; }
      .top article .container--block.block03 .inner--main .arrow a {
        transition: all .3s ease; }
        .top article .container--block.block03 .inner--main .arrow a p {
          font-size: clamp(10px, 1.5vw, 18px);
          color: #ff0134;
          margin-top: 3.5em; }
        .top article .container--block.block03 .inner--main .arrow a span {
          width: 4.3em;
          height: 4.3em;
          background-color: #ff0134;
          border-radius: 50%;
          display: block;
          position: relative;
          margin: .5em auto 0; }
          .top article .container--block.block03 .inner--main .arrow a span:before {
            content: '';
            display: block;
            position: absolute;
            width: 1.4em;
            height: .5em;
            background: url("../images/common/btn_arrow-wh.webp") no-repeat center center/cover;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .top article .container--block.block03 .inner--main .arrow a:hover {
          transform: scale(1.04); }

@media screen and (max-width: 1024px) {
  .top article .main--kv #mv-slide .splide__track .splide__list .splide__slide img {
    height: 100%; } }
@media screen and (max-width: 767px) {
  .top article .main--kv {
    width: 100vw;
    max-width: inherit; }
    .top article .main--kv .shape.s01 {
      width: 74.6%;
      bottom: -12%;
      left: -55%; }
    .top article .main--kv .shape.s02 {
      width: 82.5%;
      bottom: -25%;
      right: -50%; }
    .top article .main--kv .decoration {
      width: 100% !important;
      top: 5% !important;
      left: 0% !important; }
      .top article .main--kv .decoration.d01 {
        top: 10% !important; }
    .top article .main--kv #mv-slide {
      width: 100vw;
      max-width: inherit;
      height: 100vh;
      max-height: inherit;
      min-height: inherit; }
      .top article .main--kv #mv-slide:before {
        width: 165vw;
        max-width: inherit;
        height: 55vh;
        max-height: inherit;
        min-height: inherit;
        background: url("../images/top/main_slider-cover.webp") no-repeat center center/cover;
        margin-left: -2.5vw; }
      .top article .main--kv #mv-slide .splide__track {
        width: 100vw;
        max-width: inherit;
        height: 55vh;
        max-height: inherit; }
        .top article .main--kv #mv-slide .splide__track .splide__list .splide__slide {
          min-height: inherit; }
      .top article .main--kv #mv-slide .main-ttl {
        width: 100%;
        top: 47.5%;
        left: 50%; }
        .top article .main--kv #mv-slide .main-ttl h1,
        .top article .main--kv #mv-slide .main-ttl p {
          text-align: center; }
        .top article .main--kv #mv-slide .main-ttl h1 {
          font-size: clamp(10px, 3.7333333333vw, 23px); }
        .top article .main--kv #mv-slide .main-ttl p {
          font-size: clamp(10px, 18.6666666667vw, 138px); }
  .top article .main .lead {
    width: 100%;
    max-width: inherit; }
    .top article .main .lead .shape.s01 {
      width: 28.5%;
      top: 15%;
      left: -10%; }
    .top article .main .lead .shape.s02 {
      width: 39.5%;
      bottom: -7.5%;
      left: -10%; }
    .top article .main .lead .shape.s03 {
      width: 47.3%;
      top: 10%;
      right: -27.5%; }
    .top article .main .lead .decoration.d01 {
      width: 115%;
      top: 65%;
      left: -7.5%; }
    .top article .main .lead .decoration.d02 {
      width: 147.3%;
      top: 30%;
      left: -5%; }
    .top article .main .lead .decoration.d03 {
      width: 74.1%;
      bottom: -40%;
      left: -36%; }
    .top article .main .lead .decoration.d04 {
      width: 110%;
      bottom: -40%;
      right: -70%; }
    .top article .main .lead .inner:before {
      width: 88.2666666667vw;
      max-width: inherit;
      height: 76.5333333333vw;
      max-height: inherit;
      top: 15em; }
    .top article .main .lead .inner p {
      font-size: clamp(10px, 3.4666666667vw, 16px); }
    .top article .main .lead .inner h2 {
      font-size: clamp(10px, 4.2666666667vw, 20px); }
  .top article .container--block .inner--main .title dt {
    font-size: clamp(10px, 12.8vw, 60px); }
  .top article .container--block .inner--main .title dd {
    font-size: clamp(10px, 3.7333333333vw, 18px); }
  .top article .container--block .inner--main p {
    font-size: clamp(10px, 2.9333333333vw, 14px); }
  .top article .container--block.block01 {
    padding: 23.3333333333vw 0 6.6666666667vw; }
    .top article .container--block.block01 .inner--wrap--category {
      flex-direction: column; }
      .top article .container--block.block01 .inner--wrap--category p {
        width: 100%;
        font-size: clamp(10px, 2.9333333333vw, 14px);
        margin-top: 2.5em; }
      .top article .container--block.block01 .inner--wrap--category a {
        width: 71.7333333333vw;
        max-width: inherit !important; }
        .top article .container--block.block01 .inner--wrap--category a .arrow {
          bottom: 1em;
          right: 1em; }
      .top article .container--block.block01 .inner--wrap--category:first-of-type a {
        margin: 2.5em 0 0 auto; }
      .top article .container--block.block01 .inner--wrap--category:nth-of-type(n+2) {
        flex-direction: column; }
        .top article .container--block.block01 .inner--wrap--category:nth-of-type(n+2) a {
          width: 64vw;
          margin: 2.5em auto 0 5%; }
  .top article .container--block.block02, .top article .container--block.block04 {
    padding: 25.6vw 0 0; }
    .top article .container--block.block02 .inner--wrap, .top article .container--block.block04 .inner--wrap {
      margin-top: 2.5em; }
      .top article .container--block.block02 .inner--wrap--picture, .top article .container--block.block04 .inner--wrap--picture {
        width: 73.0666666667vw;
        max-width: inherit;
        height: 73.0666666667vw;
        max-height: inherit;
        position: relative !important;
        top: inherit !important;
        bottom: inherit !important;
        left: inherit !important;
        right: inherit !important;
        transform: none !important;
        margin: 0 auto; }
      .top article .container--block.block02 .inner--wrap--list, .top article .container--block.block04 .inner--wrap--list {
        width: 100%;
        margin-top: 2.5em; }
        .top article .container--block.block02 .inner--wrap--list--category a dl dt, .top article .container--block.block04 .inner--wrap--list--category a dl dt {
          font-size: clamp(10px, 6.9333333333vw, 33px); }
        .top article .container--block.block02 .inner--wrap--list--category a dl dd, .top article .container--block.block04 .inner--wrap--list--category a dl dd {
          font-size: clamp(10px, 2.9333333333vw, 14px); }
  .top article .container--block.block02 .inner--wrap--list--category a .arrow {
    left: inherit;
    right: 0; }
  .top article .container--block.block04 .inner--wrap {
    margin-top: 0; }
    .top article .container--block.block04 .inner--wrap--list {
      margin: 2.5em 0 0 auto; }
      .top article .container--block.block04 .inner--wrap--list--category a .arrow {
        left: 10%; }
  .top article .container--block.block03 {
    width: 100%;
    max-width: inherit;
    margin: 10em auto 0;
    padding-bottom: 5em; }
    .top article .container--block.block03 .shape.s01 {
      width: 62%;
      top: 50%;
      left: -15%; }
    .top article .container--block.block03 .shape.s02 {
      width: 38.8%;
      top: -22.5%;
      right: -10%; }
    .top article .container--block.block03 .shape.s03 {
      width: 26.2%;
      bottom: 12.5%;
      right: -2.5%; }
    .top article .container--block.block03 .decoration.d01 {
      width: 16.2%;
      top: 40%;
      left: 5%; }
    .top article .container--block.block03 .decoration.d02 {
      width: 12%;
      top: 0;
      right: 3.5%; }
    .top article .container--block.block03 .decoration.d03 {
      width: 18.5%;
      right: 10%; }
    .top article .container--block.block03 .decoration.d04 {
      width: 82.5%;
      right: -8%; }
    .top article .container--block.block03 .inner--main .arrow a p {
      font-size: clamp(10px, 3.7333333333vw, 18px);
      margin-top: 2.5em; } }
.voice article .container--block .inner--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 6.2em;
  position: relative; }
  .voice article .container--block .inner--wrap dl {
    color: #ff0134; }
  .voice article .container--block .inner--wrap .profile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .voice article .container--block .inner--wrap .profile dl {
      line-height: 1;
      text-align: center; }
      .voice article .container--block .inner--wrap .profile dl dt {
        font-size: clamp(10px, 1.6666666667vw, 20px);
        font-weight: bold;
        margin-top: 1em; }
      .voice article .container--block .inner--wrap .profile dl dd {
        font-size: clamp(10px, 4.1666666667vw, 50px);
        margin-top: .2em; }
  .voice article .container--block .inner--wrap--category--col {
    border: solid #ff0134;
    border-width: 0 0 1px 1px;
    padding: 0 1.2em 1.2em;
    margin-bottom: 2em;
    position: relative; }
    .voice article .container--block .inner--wrap--category--col:before, .voice article .container--block .inner--wrap--category--col:after {
      content: "";
      display: block;
      position: absolute;
      width: 2em;
      height: 2em;
      clip-path: polygon(0 0, 0% 100%, 100% 0); }
    .voice article .container--block .inner--wrap--category--col:before {
      background-color: #ff0134;
      bottom: -2em;
      right: 5.5em; }
    .voice article .container--block .inner--wrap--category--col:after {
      background-color: #fff;
      bottom: -1.8em;
      right: 5.4em; }
    .voice article .container--block .inner--wrap--category--col dl {
      display: flex;
      align-items: center; }
      .voice article .container--block .inner--wrap--category--col dl dt {
        font-size: clamp(10px, 2.5vw, 30px);
        margin-right: .3em; }
      .voice article .container--block .inner--wrap--category--col dl dd {
        font-size: clamp(10px, 1.3333333333vw, 16px);
        font-weight: bold; }
    .voice article .container--block .inner--wrap--category--col ul li {
      font-size: clamp(10px, 1.0833333333vw, 13px);
      line-height: 1.8;
      display: block;
      text-indent: -1em;
      padding-left: 1em; }
      .voice article .container--block .inner--wrap--category--col ul li span {
        font-weight: bold;
        color: #ff0134; }
  .voice article .container--block .inner--wrap--category .decoration {
    margin: 5em auto; }
  .voice article .container--block .inner--wrap--category:nth-of-type(1) {
    width: 29.5%;
    order: 2; }
  .voice article .container--block .inner--wrap--category:nth-of-type(2) {
    width: 35%;
    order: 1; }
  .voice article .container--block .inner--wrap--category:nth-of-type(3) {
    width: 33%;
    order: 3; }
  .voice article .container--block .inner--wrap:nth-of-type(even) dl {
    color: #ffa959; }
  .voice article .container--block .inner--wrap:nth-of-type(even) .inner--wrap--category--col {
    border-color: #ffa959; }
    .voice article .container--block .inner--wrap:nth-of-type(even) .inner--wrap--category--col:before {
      background-color: #ffa959; }
    .voice article .container--block .inner--wrap:nth-of-type(even) .inner--wrap--category--col ul li span {
      color: #ffa959; }

@media screen and (max-width: 767px) {
  .voice article .container--block .inner--wrap {
    margin-top: 3.5em; }
    .voice article .container--block .inner--wrap .profile {
      position: relative;
      top: inherit;
      left: inherit;
      transform: none; }
      .voice article .container--block .inner--wrap .profile dl dt {
        font-size: clamp(10px, 4.2666666667vw, 20px); }
      .voice article .container--block .inner--wrap .profile dl dd {
        font-size: clamp(10px, 10.6666666667vw, 50px); }
    .voice article .container--block .inner--wrap--category {
      width: 100% !important; }
      .voice article .container--block .inner--wrap--category--col {
        margin-top: 2em; }
        .voice article .container--block .inner--wrap--category--col dl dt {
          font-size: clamp(10px, 6.4vw, 30px); }
        .voice article .container--block .inner--wrap--category--col dl dd {
          font-size: clamp(10px, 3.4666666667vw, 16px); }
        .voice article .container--block .inner--wrap--category--col ul li {
          font-size: clamp(10px, 2.9333333333vw, 13px); }
      .voice article .container--block .inner--wrap--category .decoration {
        margin: 5em auto 0; }
      .voice article .container--block .inner--wrap--category:nth-of-type(1) {
        width: 70% !important;
        margin: 0 auto;
        order: 1; }
      .voice article .container--block .inner--wrap--category:nth-of-type(2) {
        width: 35%;
        order: 2; }
      .voice article .container--block .inner--wrap--category:nth-of-type(3) {
        order: 3; } }
.job article {
  background-color: #ffb673; }
  .job article .container {
    font-weight: bold;
    background-color: #ffb673;
    padding: 13.5vw 0 11.5em;
    margin-top: -13.5vw;
    /*position: relative;
    z-index: 1;
    &:before{
        content: '';
        display: block;
        position: absolute;
        width: 100vw;
        height: vw(162);
        background: url("../images/common/img_decoration-bg-orange.webp")no-repeat center center/auto 100%;
        top: 0;
        left: 0;
        //transform: scale(-1, 1);
        z-index: -1;
    }*/ }
    .job article .container--lead .inner p {
      color: #fff; }
    .job article .container--content--block.block01 .inner {
      display: flex;
      justify-content: space-between;
      position: relative;
      z-index: 1; }
      .job article .container--content--block.block01 .inner:nth-of-type(2) {
        justify-content: center;
        margin-top: 5em; }
      .job article .container--content--block.block01 .inner--wrap {
        width: 28.1%;
        margin-top: 6.7em; }
        .job article .container--content--block.block01 .inner--wrap ul {
          height: 100%;
          display: flex;
          justify-content: center;
          align-content: space-between;
          align-content: space-between;
          flex-wrap: wrap;
          position: relative;
          z-index: 1; }
          .job article .container--content--block.block01 .inner--wrap ul:after {
            content: '';
            display: block;
            position: absolute;
            width: 10px;
            height: 80%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1; }
          .job article .container--content--block.block01 .inner--wrap ul li {
            width: 100%;
            padding-left: 1em;
            position: relative;
            z-index: 1; }
            .job article .container--content--block.block01 .inner--wrap ul li:first-of-type {
              margin-top: 2em; }
            .job article .container--content--block.block01 .inner--wrap ul li:last-of-type:after {
              content: '';
              display: block;
              position: absolute;
              width: 10px;
              height: 140%;
              bottom: -100%;
              z-index: -1; }
            .job article .container--content--block.block01 .inner--wrap ul li a {
              transition: all .3s ease; }
              .job article .container--content--block.block01 .inner--wrap ul li a:hover {
                transform: scale(1.04); }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(1) ul:after {
          background-color: #ff0134; }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(1) ul li:last-of-type:after {
          background-color: #ff0134;
          left: 100%;
          transform: rotate(-50deg) translateX(-50%); }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(2) ul:after {
          background-color: #ff9800; }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(2) ul li:last-of-type:after {
          background-color: #ff9800;
          left: 50%;
          transform: translateX(-50%); }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(3) ul:after {
          background-color: #009fbd; }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(3) ul li:last-of-type:after {
          background-color: #009fbd;
          right: 100%;
          transform: rotate(50deg) translateX(-50%); }
    .job article .container--content--block.block02 .inner--info {
      font-size: clamp(10px, 1.25vw, 15px);
      font-weight: 400;
      background-color: #fff;
      border-radius: 1.5rem;
      margin-top: 7.5em; }
      .job article .container--content--block.block02 .inner--info h2 {
        font-size: clamp(10px, 2.1666666667vw, 26px);
        line-height: 1;
        text-align: center;
        color: #ff0134;
        margin-top: -.5em; }
      .job article .container--content--block.block02 .inner--info--wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 2.5em; }
        .job article .container--content--block.block02 .inner--info--wrap .image {
          width: 35.4%; }
        .job article .container--content--block.block02 .inner--info--wrap--texts {
          width: 50%;
          padding-left: 5%; }
          .job article .container--content--block.block02 .inner--info--wrap--texts h3 {
            font-size: clamp(10px, 1.6666666667vw, 20px);
            color: #ffa959; }
          .job article .container--content--block.block02 .inner--info--wrap--texts p {
            line-height: 2;
            margin-top: 1em; }

.mfp-container {
  padding: 0 !important; }

.job-modal {
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9); }
  .job-modal--inner {
    width: 85vw;
    max-width: 960px;
    font-size: clamp(10px, 1.25vw, 15px);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .job-modal--inner .title span {
      display: block;
      position: relative;
      font-size: clamp(10px, 1.8333333333vw, 22px);
      font-weight: bold;
      line-height: 1;
      text-align: center;
      padding: .5em;
      color: #fff; }
    .job-modal--inner--warp {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 3em; }
      .job-modal--inner--warp .image {
        width: 47%; }
      .job-modal--inner--warp .text {
        width: 50%;
        line-height: 2;
        letter-spacing: .02em;
        text-align: justify; }
        .job-modal--inner--warp .text h2 {
          font-size: clamp(10px, 1.6666666667vw, 20px);
          font-weight: bold;
          margin-top: 2em; }
        .job-modal--inner--warp .text p {
          line-height: 2;
          margin-top: 1.5em; }
    .job-modal--inner.red .title span {
      background-color: #ff0134; }
    .job-modal--inner.red .job-modal--inner--warp .text h2 {
      color: #ff0134; }
    .job-modal--inner.orange .title span {
      background-color: #ff9800; }
    .job-modal--inner.orange .job-modal--inner--warp .text h2 {
      color: #ff9800; }
    .job-modal--inner.blue .title span {
      background-color: #009fbd; }
    .job-modal--inner.blue .job-modal--inner--warp .text h2 {
      color: #009fbd; }
    .job-modal--inner .popup-modal-dismiss {
      content: '';
      width: 3.5em;
      height: 3.5em;
      position: absolute;
      top: -5em;
      right: -5em;
      z-index: 100; }
      .job-modal--inner .popup-modal-dismiss span {
        width: 100%;
        height: 100%;
        position: relative;
        transform: rotate(45deg);
        display: block; }
        .job-modal--inner .popup-modal-dismiss span:before, .job-modal--inner .popup-modal-dismiss span:after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 100%; }
        .job-modal--inner .popup-modal-dismiss span:before {
          width: 3.5em;
          height: 1px;
          border-top: 2px solid #000;
          top: 50%; }
        .job-modal--inner .popup-modal-dismiss span:after {
          width: 1px;
          height: 3.5em;
          border-left: 2px solid #000;
          left: 50%; }
  .job-modal .mfp-close {
    display: none !important; }

.style article .container--content--block {
  padding-bottom: 8.3em;
  margin-top: 8.3em;
  position: relative;
  z-index: 1; }
  .style article .container--content--block .inner {
    position: relative;
    z-index: 1; }
    .style article .container--content--block .inner--main dl {
      text-align: center; }
      .style article .container--content--block .inner--main dl dt {
        font-size: clamp(10px, 5vw, 60px);
        line-height: 1;
        margin-top: -.5em; }
      .style article .container--content--block .inner--main dl dd {
        font-size: clamp(10px, 1.5vw, 18px);
        font-weight: bold;
        margin-top: 1em; }
    .style article .container--content--block .inner--main p {
      font-size: clamp(10px, 1.1666666667vw, 14px);
      line-height: 2;
      text-align: center;
      margin-top: 1em; }
  .style article .container--content--block:nth-of-type(odd) {
    background-color: #fff2f5; }
    .style article .container--content--block:nth-of-type(odd) .inner--main dl {
      color: #ff0134; }
  .style article .container--content--block:nth-of-type(even) {
    background-color: #fff2e5; }
    .style article .container--content--block:nth-of-type(even) .inner--main dl {
      color: #ffa959; }
  .style article .container--content--block.block01 .inner--wrap--category {
    font-size: clamp(10px, 1.3333333333vw, 16px);
    margin-top: 3.5em; }
    .style article .container--content--block.block01 .inner--wrap--category h2 {
      font-weight: bold;
      text-align: center;
      color: #ff0134; }
    .style article .container--content--block.block01 .inner--wrap--category .table table {
      width: 100%;
      background-color: #fff;
      border: solid #ff0134;
      border-width: 2px 0;
      margin-top: 1.5em; }
      .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr {
        border-bottom: 1px solid #ff0134; }
        .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr:last-of-type {
          border-bottom: none; }
        .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr th,
        .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr td {
          text-align: center;
          padding: 1em;
          border-left: 1px solid #ff0134; }
          .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr th:first-of-type,
          .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr td:first-of-type {
            font-weight: bold;
            color: #ff0134;
            border-left: none; }
        .style article .container--content--block.block01 .inner--wrap--category .table table tbody tr th {
          font-weight: bold; }
  .style article .container--content--block.block01 .inner .illust,
  .style article .container--content--block.block01 .inner .decoration {
    position: absolute; }
    .style article .container--content--block.block01 .inner .illust.i01,
    .style article .container--content--block.block01 .inner .decoration.i01 {
      width: 6.3%;
      top: -2.5%;
      right: 15.7%; }
    .style article .container--content--block.block01 .inner .illust.i02,
    .style article .container--content--block.block01 .inner .decoration.i02 {
      width: 10.7%;
      top: 45%;
      left: -12.4%; }
    .style article .container--content--block.block01 .inner .illust.i03,
    .style article .container--content--block.block01 .inner .decoration.i03 {
      width: 9%;
      bottom: 25%;
      right: -12.4%; }
    .style article .container--content--block.block01 .inner .illust.d01,
    .style article .container--content--block.block01 .inner .decoration.d01 {
      width: 172.1%;
      top: 7.5%;
      left: -27.3%;
      z-index: -1; }
  .style article .container--content--block.block02 {
    z-index: 2; }
    .style article .container--content--block.block02:before {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 13.5vw;
      background: url("../images/common/img_decoration-bg-beige.webp") no-repeat center center/auto 100%;
      bottom: -13.5vw;
      left: 0;
      z-index: -1; }
    .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab {
      display: flex;
      justify-content: center;
      font-size: clamp(10px, 1.5vw, 18px);
      line-height: 1;
      text-align: center;
      margin-top: 2em; }
      .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li {
        width: 33.333%;
        padding-bottom: .5em; }
        .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li:nth-of-type(n+2) a {
          border-left: 1px solid #ff9800; }
        .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li a {
          color: #ff9800;
          background-color: #dfdfdf;
          padding: 1em 0;
          transition: all .3s ease;
          position: relative;
          z-index: 2; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li a:after {
            content: '';
            display: block;
            position: absolute;
            width: 1em;
            height: .5em;
            clip-path: polygon(0 0, 50% 100%, 100% 0);
            background-color: #ff9800;
            bottom: -.45em;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0; }
        .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li.select a {
          color: #fff;
          background-color: #ff9800; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab li.select a:after {
            opacity: 1;
            border-color: #ff9800 transparent transparent transparent; }
    .style article .container--content--block.block02 .inner--wrap--tabwrap--content {
      font-size: clamp(10px, 1.1666666667vw, 14px); }
      .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category {
          width: 46.5%;
          background-color: #fff;
          padding: 0 2em 2em;
          margin-top: 5.2em; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl {
            text-align: center;
            color: #ff9800; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl dt {
              display: inline-block;
              font-size: clamp(10px, 2.5vw, 30px);
              font-weight: bold;
              padding-left: 1.5em;
              margin: -1em 0 0 -.5em;
              position: relative; }
              .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl dt:before {
                content: '';
                display: block;
                position: absolute;
                width: 1.3em;
                height: 1.3em;
                background: url("../images/works/style/img_icon02-1.webp") no-repeat center center/cover;
                top: 50%;
                left: 0;
                transform: translateY(-50%); }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl dd {
              font-size: clamp(10px, 2.75vw, 33px); }
          .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info {
            margin-top: 1.5em; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dt {
              font-size: clamp(10px, 1.3333333333vw, 16px);
              color: #fff;
              background-color: #ff9800;
              border: 1px solid;
              border-color: #ff9800;
              padding: .5em 1em; }
              .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dt.wh {
                color: #ff9800;
                background-color: #fff !important; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dd {
              width: 90%;
              line-height: 1.8;
              border-left: 1px solid #ff9800;
              padding: 1em;
              margin: 0 0 0 auto; }
              .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dd ul li {
                display: block;
                text-indent: -1em;
                padding-left: 1em;
                text-align: justify; }
                .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dd ul li span {
                  color: #ff9800; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line:last-of-type dd {
              border-left: none; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .image {
              margin-top: 3em; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .ttl {
            color: #025cad; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .ttl dt:before {
              background: url("../images/works/style/img_icon02-2.webp") no-repeat center center/cover; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .contents--category--info .time-line dt {
            background-color: #025cad;
            border-color: #025cad; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .contents--category--info .time-line dt.wh {
              color: #025cad; }
          .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .contents--category--info .time-line dd {
            border-left: 1px solid #025cad; }
            .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category:nth-of-type(even) .contents--category--info .time-line dd ul li span {
              color: #025cad; }
  .style article .container--content--block.block03 {
    padding-top: 13.5vw;
    margin: 0 auto 13.5vw; }
    .style article .container--content--block.block03:before {
      content: '';
      display: block;
      position: absolute;
      width: 100vw;
      height: 13.5vw;
      background: url("../images/common/img_decoration-bg-pink.webp") no-repeat center center/auto 100%;
      bottom: -13.5vw;
      left: 0;
      z-index: -1; }
    .style article .container--content--block.block03 .inner--main {
      width: fit-content;
      margin: 0 auto;
      position: relative; }
      .style article .container--content--block.block03 .inner--main:before, .style article .container--content--block.block03 .inner--main:after {
        content: '';
        display: block;
        position: absolute;
        width: 12.5em;
        height: 2px;
        background-color: #ff0134;
        bottom: 2.5em; }
      .style article .container--content--block.block03 .inner--main:before {
        left: -12.5em;
        transform: rotate(60deg); }
      .style article .container--content--block.block03 .inner--main:after {
        right: -12.5em;
        transform: rotate(-60deg); }
      .style article .container--content--block.block03 .inner--main dl dt {
        margin-top: 0; }
      .style article .container--content--block.block03 .inner--main p {
        font-size: clamp(10px, 2.5vw, 30px);
        line-height: 1;
        font-weight: bold;
        color: #ff0134;
        margin-top: .5em; }
    .style article .container--content--block.block03 .inner .illust,
    .style article .container--content--block.block03 .inner .decoration {
      position: absolute; }
      .style article .container--content--block.block03 .inner .illust.d01,
      .style article .container--content--block.block03 .inner .decoration.d01 {
        width: 97%;
        top: 22.5%;
        left: 0%; }
      .style article .container--content--block.block03 .inner .illust.d02,
      .style article .container--content--block.block03 .inner .decoration.d02 {
        width: 54.8%;
        top: 0%;
        left: 29.5%; }
      .style article .container--content--block.block03 .inner .illust.d03,
      .style article .container--content--block.block03 .inner .decoration.d03 {
        width: 173.1%;
        top: -2.5%;
        left: -26.6%;
        z-index: -1; }

.welfare article .container {
  padding: 1px 0 10em; }
  .welfare article .container--block {
    max-width: 1200px;
    margin: 0 auto;
    position: relative; }
    .welfare article .container--block .inner--main dl {
      color: #ff0134; }
      .welfare article .container--block .inner--main dl dt {
        font-size: clamp(10px, 5vw, 60px); }
      .welfare article .container--block .inner--main dl dd {
        font-size: clamp(10px, 1.5vw, 18px);
        font-weight: bold; }
    .welfare article .container--block .inner--main p {
      font-size: clamp(10px, 1.1666666667vw, 14px);
      line-height: 2;
      margin-top: 1em; }
    .welfare article .container--block:nth-of-type(even) .inner--main dl {
      color: #ffa959; }
    .welfare article .container--block.block01 {
      margin-top: 12em; }
      .welfare article .container--block.block01 .decoration {
        position: absolute; }
        .welfare article .container--block.block01 .decoration.d01 {
          width: 28.3%;
          top: -2.5%;
          right: -12%; }
        .welfare article .container--block.block01 .decoration.d02 {
          width: 140.3%;
          top: -7.5%;
          left: -16.7%; }
        .welfare article .container--block.block01 .decoration.d03 {
          width: 56%;
          top: 5%;
          left: 17.5em; }
        .welfare article .container--block.block01 .decoration.d04 {
          width: 83.6%;
          top: -2%;
          left: 10em;
          z-index: 3; }
      .welfare article .container--block.block01 .inner--wrap--category {
        display: flex;
        justify-content: space-between; }
        .welfare article .container--block.block01 .inner--wrap--category .image {
          width: 40%;
          position: relative;
          z-index: 2; }
        .welfare article .container--block.block01 .inner--wrap--category .texts {
          width: 52.7%;
          position: relative;
          z-index: 1; }
          .welfare article .container--block.block01 .inner--wrap--category .texts h2 {
            font-size: clamp(10px, 1.6666666667vw, 20px);
            color: #ff0134;
            padding-bottom: .8em;
            border-bottom: 1px solid #ff0134; }
          .welfare article .container--block.block01 .inner--wrap--category .texts p {
            font-size: clamp(10px, 1.25vw, 15px);
            line-height: 2.1;
            padding-right: 6em;
            margin-top: 1em; }
        .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(odd) {
          flex-direction: row-reverse;
          align-items: flex-end;
          margin-top: -10em; }
          .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(odd) .image {
            margin-bottom: 5em; }
          .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(odd) .texts {
            right: -6em;
            margin: 0 0 0 auto; }
        .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(even) {
          margin-top: 4em; }
          .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(even) .texts {
            width: 65%;
            left: -3.5em; }
            .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(even) .texts h2 {
              margin-top: 3em;
              padding: 0 3.5em .8em; }
            .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(even) .texts p {
              padding: 0 6em 0 5em; }
        .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(3) .image {
          margin-bottom: 0; }
        .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(3) .texts {
          margin-bottom: 5em; }
        .welfare article .container--block.block01 .inner--wrap--category:nth-of-type(5) {
          margin-top: -5em; }
    .welfare article .container--block.block02 {
      margin-top: 28em; }
      .welfare article .container--block.block02 .decoration {
        position: absolute; }
        .welfare article .container--block.block02 .decoration.d01 {
          width: 118.3%;
          top: -10%;
          right: -10%; }
        .welfare article .container--block.block02 .decoration.d02 {
          width: 123.8%;
          top: 2.5%;
          left: -12.5%; }
      .welfare article .container--block.block02 .inner--main {
        text-align: center; }
        .welfare article .container--block.block02 .inner--main p {
          font-size: clamp(10px, 1.3333333333vw, 16px);
          text-align: center;
          color: #ffa959; }
      .welfare article .container--block.block02 .inner--wrap--category {
        width: 72%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        position: relative; }
        .welfare article .container--block.block02 .inner--wrap--category .label {
          width: 8.6em;
          height: 8.6em;
          font-size: clamp(10px, 1.8333333333vw, 22px);
          font-weight: bold;
          line-height: 1.6;
          text-align: center;
          color: #fff;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: 1.8em;
          z-index: 1; }
        .welfare article .container--block.block02 .inner--wrap--category--col {
          width: 50%;
          font-size: clamp(10px, 1.1666666667vw, 14px);
          margin-top: 6em; }
          .welfare article .container--block.block02 .inner--wrap--category--col .image {
            width: 90%;
            margin: 0 auto; }
          .welfare article .container--block.block02 .inner--wrap--category--col p {
            font-weight: bold;
            line-height: 1.7;
            text-align: center;
            margin-top: 1em; }
        .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(odd) .label {
          background-color: #ff0134;
          left: -5.3em; }
        .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(odd) .inner--wrap--category--col p {
          color: #ff0134; }
        .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(even) .label {
          background-color: #ffa959;
          right: -5.3em; }
        .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(even) .inner--wrap--category--col p {
          color: #ffa959; }

@media screen and (max-width: 767px) {
  .job article .main {
    z-index: 2; }
  .job article .container {
    padding: 13.5vw 0 5em; }
    .job article .container--content--block.block01 .inner {
      flex-wrap: wrap; }
      .job article .container--content--block.block01 .inner:nth-of-type(2) {
        border-top: 2px solid #fff; }
        .job article .container--content--block.block01 .inner:nth-of-type(2) .inner--wrap {
          margin: 2.5em auto 0; }
      .job article .container--content--block.block01 .inner--wrap {
        width: 70%;
        margin: 5em auto 0; }
        .job article .container--content--block.block01 .inner--wrap ul li {
          width: 100%;
          padding-left: 1em;
          position: relative;
          z-index: 1; }
          .job article .container--content--block.block01 .inner--wrap ul li:first-of-type {
            margin-top: 2em; }
          .job article .container--content--block.block01 .inner--wrap ul li:last-of-type:after {
            display: none; }
        .job article .container--content--block.block01 .inner--wrap:nth-of-type(n+2) {
          margin-top: 10em; }
    .job article .container--content--block.block02 .inner--info {
      font-size: clamp(10px, 3.2vw, 15px); }
      .job article .container--content--block.block02 .inner--info h2 {
        font-size: clamp(10px, 5.6vw, 26px); }
      .job article .container--content--block.block02 .inner--info--wrap .image {
        width: 100%; }
      .job article .container--content--block.block02 .inner--info--wrap--texts {
        width: 100%;
        padding-left: 0; }
        .job article .container--content--block.block02 .inner--info--wrap--texts h3 {
          font-size: clamp(10px, 4.2666666667vw, 20px);
          margin-top: 1em; }

  .job-modal--inner {
    font-size: clamp(10px, 3.2vw, 15px); }
    .job-modal--inner .title span {
      font-size: clamp(10px, 4.8vw, 22px); }
    .job-modal--inner--warp .image {
      width: 100%; }
    .job-modal--inner--warp .text {
      width: 100%; }
      .job-modal--inner--warp .text h2 {
        font-size: clamp(10px, 4.2666666667vw, 20px); }
    .job-modal--inner .popup-modal-dismiss {
      top: -5em;
      right: 0; }
  .job-modal .mfp-close {
    display: none !important; }

  .style article .container--content--block {
    padding-bottom: 5em; }
    .style article .container--content--block .inner--main dl dt {
      font-size: clamp(10px, 12.8vw, 60px); }
    .style article .container--content--block .inner--main dl dd {
      font-size: clamp(10px, 3.7333333333vw, 18px); }
    .style article .container--content--block .inner--main p {
      font-size: clamp(10px, 2.9333333333vw, 14px); }
    .style article .container--content--block.block01 .inner--wrap--category {
      font-size: clamp(10px, 3.4666666667vw, 16px); }
      .style article .container--content--block.block01 .inner--wrap--category .table table {
        width: 150vw; }
    .style article .container--content--block.block01 .inner .illust.i01,
    .style article .container--content--block.block01 .inner .decoration.i01 {
      width: 9.5%;
      top: -2.5%;
      right: 4%; }
    .style article .container--content--block.block01 .inner .illust.i02,
    .style article .container--content--block.block01 .inner .decoration.i02 {
      width: 16.1%;
      top: 50%;
      left: -12.4%; }
    .style article .container--content--block.block01 .inner .illust.i03,
    .style article .container--content--block.block01 .inner .decoration.i03 {
      width: 13.5%;
      bottom: 20%;
      right: -12.4%; }
    .style article .container--content--block.block01 .inner .illust.d01,
    .style article .container--content--block.block01 .inner .decoration.d01 {
      width: 172.1%;
      top: 7.5%;
      left: -27.3%;
      z-index: -1; }
    .style article .container--content--block.block02 .inner--wrap--tabwrap .container-tab {
      font-size: clamp(10px, 2.9333333333vw, 18px); }
    .style article .container--content--block.block02 .inner--wrap--tabwrap--content {
      font-size: clamp(10px, 2.9333333333vw, 14px); }
      .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category {
        width: 100%; }
        .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl dt {
          font-size: clamp(10px, 6.4vw, 30px); }
        .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category .ttl dd {
          font-size: clamp(10px, 6.9333333333vw, 33px); }
        .style article .container--content--block.block02 .inner--wrap--tabwrap--content .contents--category--info .time-line dt {
          font-size: clamp(10px, 3.4666666667vw, 16px); }
    .style article .container--content--block.block03 {
      margin-bottom: 0em; }
      .style article .container--content--block.block03 .inner--main:before, .style article .container--content--block.block03 .inner--main:after {
        width: 7.5em; }
      .style article .container--content--block.block03 .inner--main:before {
        left: -7.5em; }
      .style article .container--content--block.block03 .inner--main:after {
        right: -7.5em; }
      .style article .container--content--block.block03 .inner--main p {
        font-size: clamp(10px, 6.4vw, 30px); }
      .style article .container--content--block.block03 .inner--wrap .figure {
        width: 105vw;
        margin: 2.5em 0 0 -10vw; }
      .style article .container--content--block.block03 .inner .illust.d01,
      .style article .container--content--block.block03 .inner .decoration.d01 {
        width: 97%;
        top: 15%;
        left: 0%; }
      .style article .container--content--block.block03 .inner .illust.d02,
      .style article .container--content--block.block03 .inner .decoration.d02 {
        width: 54.8%;
        top: 35%;
        left: 29.5%; }
      .style article .container--content--block.block03 .inner .illust.d03,
      .style article .container--content--block.block03 .inner .decoration.d03 {
        width: 173.1%;
        top: 25%;
        left: -26.6%; }

  .welfare article .container {
    padding: 1px 0 5em; }
    .welfare article .container--block {
      max-width: inherit; }
      .welfare article .container--block .inner--main dl dt {
        font-size: clamp(10px, 11.2vw, 60px); }
      .welfare article .container--block .inner--main dl dd {
        font-size: clamp(10px, 3.7333333333vw, 18px); }
      .welfare article .container--block .inner--main p {
        font-size: clamp(10px, 2.9333333333vw, 14px); }
      .welfare article .container--block.block01 {
        margin-top: 6em; }
        .welfare article .container--block.block01 .decoration.d01 {
          width: 56.6%;
          top: 0%;
          right: -6%; }
        .welfare article .container--block.block01 .decoration.d02 {
          width: 280.6%;
          top: 25%;
          left: -50%; }
        .welfare article .container--block.block01 .decoration.d03 {
          width: 100%;
          top: 85%;
          left: 0em; }
        .welfare article .container--block.block01 .decoration.d04 {
          width: 83.6%;
          top: -5%;
          left: 5em; }
        .welfare article .container--block.block01 .inner--wrap--category {
          flex-wrap: wrap;
          margin: 2.5em auto 0 !important; }
          .welfare article .container--block.block01 .inner--wrap--category .image {
            width: 80%;
            margin: 0 auto !important; }
          .welfare article .container--block.block01 .inner--wrap--category .texts {
            width: 100% !important;
            margin: 0 auto !important;
            left: inherit !important;
            right: inherit !important; }
            .welfare article .container--block.block01 .inner--wrap--category .texts h2 {
              font-size: clamp(10px, 4.2666666667vw, 20px);
              text-align: center;
              padding: 0 1em 0.8em !important;
              margin-top: 1em !important; }
            .welfare article .container--block.block01 .inner--wrap--category .texts p {
              font-size: clamp(10px, 3.2vw, 15px);
              padding: 0 2.5em !important;
              margin-top: 1em; }
      .welfare article .container--block.block02 {
        margin-top: 10em; }
        .welfare article .container--block.block02 .decoration.d01 {
          width: 118.3%;
          top: 0%;
          right: -5%; }
        .welfare article .container--block.block02 .decoration.d02 {
          width: 123.8%;
          top: 70%;
          left: -6.5%; }
        .welfare article .container--block.block02 .inner--main p {
          font-size: clamp(10px, 3.4666666667vw, 16px); }
        .welfare article .container--block.block02 .inner--wrap--category {
          width: 100%;
          flex-wrap: wrap; }
          .welfare article .container--block.block02 .inner--wrap--category .label {
            width: 8.6em;
            height: 8.6em;
            font-size: clamp(10px, 3.7333333333vw, 22px); }
          .welfare article .container--block.block02 .inner--wrap--category--col {
            width: 90%;
            font-size: clamp(10px, 3.2vw, 14px);
            margin: 5em auto 0; }
          .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(odd) .label {
            left: -2.5em; }
          .welfare article .container--block.block02 .inner--wrap--category:nth-of-type(even) .label {
            right: -2.5em; } }