@charset "UTF-8";
/* ------------------------------
- base

------------------------------ */
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.eot");
  src: local("../fonts/raleway/Raleway SemiBold Italic"), local("../fonts/raleway/Raleway-SemiBoldItalic"), url("../fonts/raleway/Raleway-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLightItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraLight Italic"), local("../fonts/raleway/Raleway-ExtraLightItalic"), url("../fonts/raleway/Raleway-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-MediumItalic.eot");
  src: local("../fonts/raleway/Raleway Medium Italic"), local("../fonts/raleway/Raleway-MediumItalic"), url("../fonts/raleway/Raleway-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-MediumItalic.woff") format("woff"), url("../fonts/raleway/Raleway-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBoldItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraBold Italic"), local("../fonts/raleway/Raleway-ExtraBoldItalic"), url("../fonts/raleway/Raleway-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.eot");
  src: local("../fonts/raleway/Raleway"), local("../fonts/raleway/Raleway-Regular"), url("../fonts/raleway/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff"), url("../fonts/raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBold.eot");
  src: local("../fonts/raleway/Raleway ExtraBold"), local("../fonts/raleway/Raleway-ExtraBold"), url("../fonts/raleway/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BlackItalic.eot");
  src: local("../fonts/raleway/Raleway Black Italic"), local("../fonts/raleway/Raleway-BlackItalic"), url("../fonts/raleway/Raleway-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BlackItalic.woff") format("woff"), url("../fonts/raleway/Raleway-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Light.eot");
  src: local("../fonts/raleway/Raleway Light"), local("../fonts/raleway/Raleway-Light"), url("../fonts/raleway/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff"), url("../fonts/raleway/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Black.eot");
  src: local("../fonts/raleway/Raleway Black"), local("../fonts/raleway/Raleway-Black"), url("../fonts/raleway/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff"), url("../fonts/raleway/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Medium.eot");
  src: local("../fonts/raleway/Raleway Medium"), local("../fonts/raleway/Raleway-Medium"), url("../fonts/raleway/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff"), url("../fonts/raleway/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLight.eot");
  src: local("../fonts/raleway/Raleway ExtraLight"), local("../fonts/raleway/Raleway-ExtraLight"), url("../fonts/raleway/Raleway-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Italic.eot");
  src: local("../fonts/raleway/Raleway Italic"), local("../fonts/raleway/Raleway-Italic"), url("../fonts/raleway/Raleway-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Italic.woff2") format("woff2"), url("../fonts/raleway/Raleway-Italic.woff") format("woff"), url("../fonts/raleway/Raleway-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Thin.eot");
  src: local("../fonts/raleway/Raleway Thin"), local("../fonts/raleway/Raleway-Thin"), url("../fonts/raleway/Raleway-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff"), url("../fonts/raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBold.eot");
  src: local("../fonts/raleway/Raleway SemiBold"), local("../fonts/raleway/Raleway-SemiBold"), url("../fonts/raleway/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-LightItalic.eot");
  src: local("../fonts/raleway/Raleway Light Italic"), local("../fonts/raleway/Raleway-LightItalic"), url("../fonts/raleway/Raleway-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-LightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Bold.eot");
  src: local("../fonts/raleway/Raleway Bold"), local("../fonts/raleway/Raleway-Bold"), url("../fonts/raleway/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff"), url("../fonts/raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- base

------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, .demi {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
}

html:has(.body-container-wrapper) {
  font-size: 6.25%;
}
html:has(.body-container-wrapper).fontsize-large {
  font-size: 6.875%;
}
html:has(.body-container-wrapper).fontsize-small {
  font-size: 5.625%;
}
@media screen and (min-width: 750px) {
  html:not(:has(.body-container-wrapper)) {
    font-size: 10px;
  }
  html:not(:has(.body-container-wrapper)).fontsize-large {
    font-size: 11px;
  }
  html:not(:has(.body-container-wrapper)).fontsize-small {
    font-size: 9px;
  }
}
@media screen and (max-width: 749px) {
  html:not(:has(.body-container-wrapper)) {
    font-size: clamp(1px, 2.6666666667vw, 12px);
  }
}

body {
  width: 100%;
  background: #fff;
  color: #6E6E6E;
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  overflow-x: hidden;
}
body:not(:has(.body-container-wrapper)) {
  font-size: 1.4rem;
}

main {
  display: block;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 750px) {
  a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  a::before, a::after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

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

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

sup {
  font-size: 0.5em;
  vertical-align: super;
}

input, button, textarea, select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-webkit-input-placeholder, button::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-moz-placeholder, button::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input:-ms-input-placeholder, button:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-ms-input-placeholder, button::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::placeholder, button::placeholder, textarea::placeholder, select::placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

address {
  font-style: normal;
}

/* ------------------------------
- base

------------------------------ */
@media screen and (max-width: 749px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .sp {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .visible-md, .visible-sm {
    display: none;
  }
  .visible-lg {
    display: inherit;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .visible-lg, .visible-sm {
    display: none;
  }
  .visible-md {
    display: inherit;
  }
}
@media screen and (max-width: 749px) {
  .visible-lg, .visible-md {
    display: none;
  }
  .visible-sm {
    display: inherit;
  }
}

.bg-gray {
  background: #F2F4F4;
}

/* ------------------------------
- base

------------------------------ */
@media screen and (max-width: 1199px) {
  body.is-active {
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .l-main:not(.-no-padding) {
    padding-top: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .l-main:not(.-no-padding) {
    padding-top: 5.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 34.4rem no-repeat;
  }
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 20rem no-repeat;
  }
}
@media screen and (max-width: 749px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 18rem no-repeat;
  }
}

@media screen and (min-width: 750px) {
  .l-inner {
    width: 90%;
    max-width: 1250px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner {
    padding: 0 2.5rem;
  }
}

@media screen and (min-width: 750px) {
  .l-inner-lg {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner-lg {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .l-inner-sm {
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner-sm {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 750px) {
  .l-column {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 8rem 0 8rem;
  }
}
@media screen and (max-width: 749px) {
  .l-column {
    padding: 2rem 1.5rem 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-content {
    width: 70.9090909091%;
  }
}

@media screen and (min-width: 1024px) {
  .l-side {
    width: 24.5454545455%;
  }
}
@media screen and (max-width: 1023px) {
  .l-side {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid #D7D7D7;
  }
}

@media screen and (min-width: 1200px) {
  .l-single {
    padding-top: 7.5rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .l-single {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .l-single {
    padding-top: 0;
  }
}

/* Sass の数学モジュールの読み込み */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


固定値 rem 変換


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************
 px → rem 基準
*****************************************************/
/* 使用例 */
.size-example-rem {
  font-size: 1.8rem;
  margin-top: 3.2rem;
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
min を使用して、最大値を設定
→ rem を上限値として出力

*****************************************************/
/* 使用例 */
.size-min-rem {
  width: min(50vw, 32rem);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
max を使用して、最小値を設定
→ rem を下限値として出力

*****************************************************/
/* 使用例 */
.size-max-rem {
  width: max(10vw, 12rem);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
clamp を使用して、最小と最大値を設定
→ rem を最小値・最大値として出力

*****************************************************/
/* 使用例 */
.size-clmp-rem {
  font-size: clamp(1.4rem, 1.3542vw, 2.6rem);
  /* 要素最小幅, 要素最大幅, 画面幅 */
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


px　から ％


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

widthなどサイズ を　px　から % に シンプル

*****************************************************/
/* 使用例 */
.size-example-par {
  width: 2.813%;
}

/*****************************************************

widthなどサイズ を　px　から % に　微調整パラメータ入り

*****************************************************/
/* 使用例 */
.size-example-par02 {
  width: 2.868%;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


固定値 px 変換


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

widthなどサイズ を　px　から vw に シンプル

*****************************************************/
/* 使用例 */
.size-example-vw {
  width: 4.6154vw;
}

/*****************************************************

widthなどサイズ を　px　から vh に シンプル

*****************************************************/
/* 使用例 */
.size-example-vh {
  width: 2.8125vh;
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
min を使用して、最大値を設定

*****************************************************/
/* 使用例 */
.size-min-vw {
  width: min(50vw, 320px);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
max を使用して、最小値を設定

*****************************************************/
/* 使用例 */
.size-max-vw {
  width: max(10vw, 120px);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
clamp を使用して、最小と最大値を設定

*****************************************************/
/* 使用例 */
.size-clmp-vw {
  font-size: clamp(14px, 1.3542vw, 26px);
  /* 要素最小幅, 要素最大幅, 画面幅 */
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


その他


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

line-heightの値 Photoshop

*****************************************************/
/* 使用例 */
.size-line-height {
  line-height: 1.667;
  /* 行送りの数値（px）÷ フォントサイズ（px） */
}

/*****************************************************

line-heightの値 figmaで行間が％の場合

*****************************************************/
/**
 * 単位なし line-height を計算
 * @param {number(px)} $fontSizePx  フォントサイズ(px)
 * @param {number(%)}  $percent     行間(％) 例：160
 * @return {number}                 単位なし line-height（例: 1.6）
 */
/* 使用例 */
.title {
  font-size: 38px;
  line-height: 1.6;
}

/* ------------------------------
- common
------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- base

------------------------------ */
body::before {
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: transparent;
  z-index: 10;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
}
body.is-active::before {
  visibility: visible;
  opacity: 1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 11;
}
@media screen and (min-width: 1200px) {
  .header {
    height: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.5rem 1.6rem;
    height: 5.8rem;
    left: 1.8rem;
    border-bottom-left-radius: 0.6rem;
  }
}
.header::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .header::before {
    left: 8rem;
    border-bottom-left-radius: 3rem;
  }
}
@media screen and (max-width: 1199px) {
  .header::before {
    left: 0;
    border-bottom-left-radius: 1rem;
  }
}

.headerLogo {
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .headerLogo {
    left: 11rem;
    position: absolute;
  }
}

@media screen and (max-width: 1199px) {
  .headerLogo__img {
    width: 14rem;
  }
}

.headerNav {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .headerNav {
    padding-right: 2rem;
    position: relative;
    z-index: 1;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav {
    position: fixed;
    left: 1.8rem;
    right: 1.8rem;
    top: 7.3rem;
    bottom: 1.7rem;
    width: 50rem;
    max-width: 90%;
    background: #fff;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.6rem;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
  }
  .is-active .headerNav {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .headerNav {
    padding: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .headerNav {
    padding: 1rem 1.2rem 2.5rem 1.2rem;
  }
}

@media screen and (max-width: 1199px) {
  .headerNav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.2rem;
    gap: 3.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu {
    font-size: 1.2rem;
  }
}

.headerNav__submenu__item {
  position: relative;
}
@media (hover: hover) {
  .headerNav__submenu__item:hover {
    color: #E75297;
  }
  .headerNav__submenu__item:hover .headerNav__submenu__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu__item {
    padding: 0.9rem 1.2rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

.headerNav__submenu__fontsize .headerNav__submenu__anc::after {
  content: "\e905";
  font-family: "icomoon" !important;
  margin-left: 0.5em;
  font-size: 80%;
  display: inline-block;
}

@media screen and (min-width: 1200px) {
  .headerNav__submenu__fontsize {
    position: relative;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu__fontsize {
    display: none;
  }
}

.headerNav__submenu__dropdown {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.headerNav__submenu__dropdown__item + .headerNav__submenu__dropdown__item {
  border-top: #D7D7D7 solid 1px;
}

.headerNav__submenu__dropdown__btn {
  padding: 0.5rem;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: 1.2rem;
}
.headerNav__submenu__dropdown__btn.active {
  background: #D7D7D7;
}
.headerNav__submenu__dropdown__btn:not(.active) {
  cursor: pointer;
}
@media (hover: hover) {
  .headerNav__submenu__dropdown__btn:not(.active):hover {
    background: #E75297;
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btns {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8rem;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__btn + .headerNav__btn {
    margin-left: 0.7rem;
  }
}

.headerNav__btn__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  line-height: 1;
  color: #fff;
}
.headerNav__btn__anc:visited {
  color: #fff;
}
.headerNav__btn__anc.-company {
  border: 1px solid #00A4A7;
  background: #00A4A7;
}
.headerNav__btn__anc.-company:after {
  color: #00A4A7;
}
.headerNav__btn__anc.-recruit {
  border: 1px solid #F9BE00;
  background: #F9BE00;
}
.headerNav__btn__anc.-recruit:after {
  color: #F9BE00;
}
@media screen and (min-width: 1200px) {
  .headerNav__btn__anc {
    font-size: 1.6rem;
    width: 12.8rem;
    height: 3.6rem;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btn__anc {
    font-size: 1.4rem;
    width: 100%;
    max-width: 100%;
    height: 4.8rem;
    padding: 0.5rem 0.7rem 0.5rem 1.5rem;
    font-weight: normal;
  }
}
.headerNav__btn__anc.-company:hover {
  background: #fff;
  color: #00A4A7;
}
.headerNav__btn__anc.-company:hover::after {
  background: #00A4A7;
  color: #fff;
}
.headerNav__btn__anc.-recruit:hover {
  background: #fff;
  color: #F9BE00;
}
.headerNav__btn__anc.-recruit:hover::after {
  background: #F9BE00;
  color: #fff;
}
.headerNav__btn__anc::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: white;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #E75297;
}

.headerNav__btn__search {
  margin-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .headerNav__btn__search {
    font-size: 2.3rem;
    color: #6E6E6E;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btn__search {
    display: none;
  }
}
@media (hover: hover) {
  .headerNav__btn__search:hover {
    color: #E75297;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__spSearch {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__spSearch {
    margin-top: 2.5rem;
    background: #F0F5FA;
    height: 4rem;
    position: relative;
    border-radius: 999px;
    overflow: hidden;
  }
}

.headerNav__spSearch__input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  background: transparent;
  border-radius: 999px;
  padding: 0.5rem 4rem 0.5rem 2.2rem;
}
.headerNav__spSearch__input:focus {
  outline: none;
}

.headerNav__spSearch__btn {
  font-size: 2rem;
  border: none;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #AAB4B4;
}

@media screen and (min-width: 1200px) {
  .headerNav__main {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__main__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 1.6rem;
    font-family: "Aoto Gothic Medium", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 500;
    gap: 3rem;
  }
}

@media (hover: hover) {
  .headerNav__main__item:hover .headerNav__main__anc {
    color: #E75297;
  }
}

@media screen and (max-width: 1199px) {
  .headerNav__main__item {
    padding: 1.4rem 1.2rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

.headerNav__submenu__anc,
.headerNav__main__anc {
  display: block;
}

.headerNav__main__anc {
  letter-spacing: 0.04em;
}

.ham {
  border: none;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .ham {
    display: none;
  }
}
.ham span {
  display: block;
  margin: 0 auto;
  height: 2px;
  width: 2.1rem;
  background: #E75297;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ham span + span {
  margin-top: 0.4rem;
}
.is-active .ham span:nth-child(2) {
  opacity: 0;
  width: 0;
}
.is-active .ham span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 4px);
          transform: rotate(45deg) translate(4px, 4px);
}
.is-active .ham span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -5px);
          transform: rotate(-45deg) translate(4px, -5px);
}

@media (hover: hover) {
  .dropdown-parent:hover .dropdown {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    visibility: visible;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-parent.-googlesearch {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .dropdown-parent-anc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .dropdown-parent-anc:not(.-recruit)::after {
    content: "\e905";
  }
}
.dropdown-parent-anc.-recruit::after {
  font-size: 0.8rem;
}
.dropdown-parent-anc::after {
  font-family: "icomoon" !important;
  margin-left: 0.5em;
  font-size: 80%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 1199px) {
  .dropdown-parent-anc::after {
    margin-left: auto;
    content: "\e90b";
    color: #E75297;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-parent-anc.open::after {
    content: "\e90a";
  }
}
.-googlesearch .dropdown-parent-anc::after {
  content: none;
}

@media screen and (min-width: 1200px) {
  .dropdown {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 4rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .dropdown:not(.visible) {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    visibility: hidden;
  }
  .-googlesearch .dropdown, .-dropdown-top .dropdown {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown {
    display: none; /* 初期状態は非表示 */
    overflow: hidden; /* スライド中の内容がはみ出さないようにする */
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease; /* スムーズな高さの変化 */
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-inner {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    padding: 4rem 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 115rem;
    max-width: 90%;
    margin: 0 auto;
    gap: 4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-inner {
    padding-top: 1.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .-googlesearch .dropdown-inner {
    width: 63rem;
    margin: 0 0 0 auto;
    margin-right: 30rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-title-wrapper,
  .dropdown-title {
    padding-top: 0.8rem;
    width: 24rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-title-wrapper,
  .dropdown-title {
    display: none;
  }
}

.dropdown-title {
  color: #333;
}
@media screen and (min-width: 1200px) {
  .dropdown-title {
    font-size: 2rem;
    font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  }
  .dropdown-title-wrapper .dropdown-title {
    width: 100%;
  }
}

.dropdown__side__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 3rem;
  gap: 1rem;
  background: #fff;
  letter-spacing: 0.05em;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.dropdown__side__btn::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn {
    font-size: 1.6rem;
    height: 5.5rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown__side__btn {
    font-size: 1.4rem;
    height: 4.5rem;
  }
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn.-recruit::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #f9be00;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .dropdown__side__btn.-recruit:hover {
    background: #f9be00;
    color: #fff;
  }
  .dropdown__side__btn.-recruit:hover::after {
    background: #fff;
    color: #f9be00;
  }
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn.-main::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .dropdown__side__btn.-main:hover {
    background: #E75297;
    color: #fff;
  }
  .dropdown__side__btn.-main:hover::after {
    background: #fff;
    color: #E75297;
  }
}
.dropdown__side__btn .inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 1200px) {
  .dropdown-content {
    padding-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 75dvh;
    overflow: auto;
  }
}

@media screen and (min-width: 750px) {
  .dropdown-block + .dropdown-block {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-block + .dropdown-block {
    margin-top: 2rem;
  }
}

.dropdown-block-title {
  font-weight: normal;
  color: #333;
}
.dropdown-block-title:visited {
  color: #333;
}
@media screen and (min-width: 750px) {
  .dropdown-block-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-block-title {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 2rem;
  }
}

.dropdown-menu-4col {
  display: grid;
}
@media screen and (min-width: 1200px) {
  .dropdown-menu-4col {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-menu-4col {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-item.-spon {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-item + .dropdown-item {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-item.-single-item-top {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

@media (hover: hover) {
  .dropdown-item-thumb:hover .dropdown-anc-thumb-text {
    border-bottom-color: #F9BF02;
  }
}

.dropdown-anc,
.dropdown-anc-thumb-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.dropdown-anc:visited,
.dropdown-anc-thumb-text:visited {
  color: #333;
}
.dropdown-anc::after,
.dropdown-anc-thumb-text::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #E75297;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .dropdown-anc,
  .dropdown-anc-thumb-text {
    min-height: 6rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #D7D7D7;
    gap: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-anc,
  .dropdown-anc-thumb-text {
    font-weight: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.7rem;
  }
}
@media (hover: hover) {
  .dropdown-anc:hover:hover,
  .dropdown-anc-thumb-text:hover:hover {
    border-bottom-color: #E75297;
  }
}
.-recruit .dropdown-anc::after,
.-recruit .dropdown-anc-thumb-text::after {
  background-color: #F9BF02;
}
@media (hover: hover) {
  .-recruit .dropdown-anc:hover:hover,
  .-recruit .dropdown-anc-thumb-text:hover:hover {
    border-bottom-color: #F9BF02;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-anc {
    height: 100%;
  }
}

.dropdown-img {
  display: block;
}
@media screen and (max-width: 1199px) {
  .dropdown-img {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 750px) {
  .dropdown-img {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-img {
    border-radius: 0.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdownSearch__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 750px) {
  .dropdownSearch__row + .dropdownSearch__row {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdownSearch__row + .dropdownSearch__row {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .dropdownSearch__anc {
    text-decoration: underline;
  }
  .dropdownSearch__anc:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1200px) {
  .dropdownSearch__title {
    width: 19rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__title {
    font-weight: normal;
    margin-bottom: 1rem;
  }
}

.dropdownSearch__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__content {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.2rem;
  }
}

.dropdownSearch__btn {
  background: #E75297;
  color: #fff !important;
  border: none;
  padding: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__btn {
    width: 12.8rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__btn {
    width: 100%;
    font-size: 1.4rem;
  }
}

.dropdownSearch__btn,
.dropdownSearch__field {
  border-radius: 0.5rem;
}
@media screen and (min-width: 750px) {
  .dropdownSearch__btn,
  .dropdownSearch__field {
    height: 4.8rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdownSearch__btn,
  .dropdownSearch__field {
    height: 3.2rem;
  }
}

.dropdownSearch__field {
  background: #F0F5FA;
  padding: 0.5rem 1.5rem;
  position: relative;
  width: 100%;
  display: block;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dropdownSearch__field:focus {
  outline: none;
}
.dropdownSearch__field::-webkit-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::-moz-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field:-ms-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::-ms-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::placeholder {
  color: #6E6E6E;
  opacity: 1;
}

.dropdownSearch__keyword {
  border: none;
}

.dropdownSearch__select {
  position: relative;
}
.dropdownSearch__select::before {
  padding-left: 0.1rem;
  content: "\e90c";
  font-family: "icomoon" !important;
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  background: #AAB4B4;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  right: 0.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7rem;
  color: #fff;
  line-height: 1;
}

.dropdownSearch__select__tag {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  background: transparent;
  padding: 0.5rem 1.5rem;
  color: #6E6E6E;
}
.dropdownSearch__select__tag:focus {
  outline: none;
}

.headerNav__recruit {
  display: none;
}

/* ------------------------------
- base

------------------------------ */
@media screen and (min-width: 1200px) {
  .cv {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 1199px) {
  .cv {
    padding: 8rem 0;
  }
}

@media screen and (min-width: 750px) {
  .cv__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
  }
}

.cv__col {
  background-size: cover;
  background-position: center center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1200px) {
  .cv__col {
    padding: 6rem 3rem 6rem 3rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__col {
    padding: 2rem 2rem 4.7rem 2rem;
    border-radius: 1.2rem;
  }
}
.cv__col.-company {
  background-image: url("../img/common/cv_company_bg.jpg");
}
.cv__col.-recruit {
  background-image: url("../img/common/cv_recruit_bg.jpg");
}
@media screen and (max-width: 749px) {
  .cv__col + .cv__col {
    margin-top: 1.7rem;
  }
}

.cv__inner {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .cv__inner {
    width: 46.4rem;
  }
}

.cv__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .cv__head {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__head {
    margin-bottom: 1.5rem;
  }
}

.cv__en {
  font-family: "Raleway", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.6rem;
}
.-company .cv__en {
  color: #00A4A7;
}
.-recruit .cv__en {
  color: #F9BE00;
}

.cv__jp {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .cv__jp {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__jp {
    font-size: 2.8rem;
  }
}

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

.cv__menu__list {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .cv__menu__list {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__menu__list {
    font-size: 1.6rem;
  }
}

.cv__menu__item + .cv__menu__item {
  margin-top: 1.7rem;
}

.cv__menu__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1200px) {
  .-company .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #00A4A7;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 1199px) {
  .-company .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #00A4A7;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .-company .cv__menu__anc:hover {
    color: #00A4A7;
  }
}
@media screen and (min-width: 1200px) {
  .-recruit .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #F9BE00;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 1199px) {
  .-recruit .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #F9BE00;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .-recruit .cv__menu__anc:hover {
    color: #F9BE00;
  }
}

@media screen and (min-width: 1200px) {
  .cv__foot__btn {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .cv__foot__btn {
    margin-top: 3.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.cv__btn {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  background: #fff;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 3rem;
  padding-right: 1rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .cv__btn {
    font-size: 1.4rem;
    height: 4.8rem;
    width: 18.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__btn {
    font-size: 1.2rem;
    height: 4rem;
    width: 18rem;
  }
}
.-company .cv__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #00A4A7;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .-company .cv__btn:hover {
    background: #00A4A7;
    color: #fff;
  }
  .-company .cv__btn:hover::after {
    background: #fff;
    color: #00A4A7;
  }
}
.-recruit .cv__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #F9BE00;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .-recruit .cv__btn:hover {
    background: #F9BE00;
    color: #fff;
  }
  .-recruit .cv__btn:hover::after {
    background: #fff;
    color: #F9BE00;
  }
}

/* ------------------------------
- base

------------------------------ */
.footerMain {
  background: #F2F4F4;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.footerMain__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 4rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .footerMain__btns {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__btns {
    margin-bottom: 4.5rem;
  }
}

.footerMain__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  height: 5.2rem;
  background: #fff;
  padding: 0.5rem 1.5rem;
  gap: 1rem;
  border-radius: 0.5rem;
  position: relative;
}
@media screen and (min-width: 750px) {
  .footerMain__btn {
    width: 28rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__btn {
    width: 100%;
  }
}
.footerMain__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #E75297;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .footerMain__btn:hover {
    background: #E75297;
    color: #fff;
  }
  .footerMain__btn:hover::after {
    background: #fff;
    color: #E75297;
  }
}

@media screen and (min-width: 1200px) {
  .footerMain__mainMenu {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .footerMain__mainMenu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu {
    display: grid;
    grid-gap: 3rem 2rem;
  }
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu + .footerMain__mainMenu {
    margin-top: 3rem;
  }
}

.footerMain__mainMenu__anc {
  border-bottom: 1px solid #D7D7D7;
  display: block;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu__anc {
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__mainMenu__anc {
    padding: 1.4rem 0;
  }
}
@media (hover: hover) {
  .footerMain__mainMenu__anc:hover {
    border-bottom-color: #E75297;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__mainMenu__anc.footer-accordion-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
  }
  .footerMain__mainMenu__anc.footer-accordion-btn::after {
    content: "\e90b";
    font-family: "icomoon" !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.footerMain__mainMenu__anc.footer-accordion-btn.open::after {
  content: "\e90a";
}

@media screen and (min-width: 750px) {
  .footerMain__subMenu {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__subMenu {
    margin-top: 1.5rem;
    display: none;
  }
}

.footerMain__subMenu__item + .footerMain__subMenu__item {
  margin-top: 1.5rem;
}

@media screen and (min-width: 1400px) {
  .footerMain__subMenu__anc {
    white-space: nowrap;
  }
}
@media (hover: hover) {
  .footerMain__subMenu__anc:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width: 750px) {
  .footerMain__serviceMenu {
    margin: 4rem 0;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__serviceMenu {
    padding-top: 1.4rem;
  }
}

.footerMain__serviceMenu__title {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}

.footerMain__serviceMenu__btns {
  display: grid;
  gap: 0.7rem 2rem;
}
@media screen and (min-width: 1200px) {
  .footerMain__serviceMenu__btns {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .footerMain__serviceMenu__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footerMain__serviceMenu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  height: 4.8rem;
  background: #fff;
  border-radius: 1.2rem;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 749px) {
  .footerMain__serviceMenu__btn {
    width: 100%;
  }
}
.footerMain__serviceMenu__btn::after {
  content: "\e909";
  font-family: "icomoon" !important;
  position: absolute;
  right: 1.5rem;
  color: #E75297;
}
@media (hover: hover) {
  .footerMain__serviceMenu__btn:hover {
    background: #E75297;
    color: #fff;
  }
  .footerMain__serviceMenu__btn:hover::after {
    color: #fff;
  }
}

.footerMain__serviceMenu__btn__sm {
  font-size: 1rem;
}

.footerMain__otherMenus {
  gap: 1rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 749px) {
  .footerMain__otherMenus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4.5rem;
  }
}

@media (hover: hover) {
  .footerMain__otherMenu:hover {
    text-decoration: underline;
  }
}

.footerBtm {
  background: #fff;
}
@media screen and (min-width: 750px) {
  .footerBtm {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
}

.footerBtm__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 750px) {
  .footerBtm__sns {
    gap: 1.5rem 3rem;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm__sns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.3rem;
  }
}

.footerBtm__sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (hover: hover) {
  .footerBtm__sns__anc:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 749px) {
  .footerBtm__sns__img {
    width: 4.8rem;
  }
}

.footerBtm__copy {
  margin-top: 2rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 750px) {
  .footerBtm__copy {
    text-align: right;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm__copy {
    text-align: center;
  }
}

@media screen and (max-width: 749px) {
  .footerCopy__logo__img {
    width: 18.4rem;
  }
}

/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- ポストナビ
------------------------------ */
.postnav {
  background-color: #f9f4da;
  width: 100%;
  padding: min(1.5vw, 2.4rem) 0;
  /* 検索窓 */
  /* buttonスタイルリセット */
}
@media screen and (max-width: 749px) {
  .postnav {
    background-color: inherit;
    padding: 0;
  }
}
.postnav .postnav__inner {
  width: min(88.125vw, 141rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
  }
}
.postnav nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 749px) {
  .postnav nav {
    width: 100%;
  }
}
.postnav .postnav__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.875vw, 3rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }
}
.postnav .postnav__list::after {
  content: "";
  background-color: #f9f4da;
  mix-blend-mode: multiply;
  height: 50px;
  width: 2px;
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__list::after {
    display: none;
  }
}
.postnav .postnav__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item {
    width: 100%;
  }
}
.postnav .postnav__item a {
  background-color: #fff;
  border-radius: 100vmax;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.25vw, 2rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-size: min(1vw, 1.6rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 2;
  padding: min(0.625vw, 1rem) min(1.25vw, 2rem);
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item a {
    background-color: #f9f4da;
    border-radius: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 3.0769vw;
    padding: 3.0769vw 5.1282vw;
  }
}
.postnav .postnav__item a::after {
  content: "";
  background-image: url("../img/helico/icon_arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 20/20;
  width: min(1.25vw, 2rem);
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item a::after {
    background-image: url("../img/helico/icon_arrow02.svg");
    width: 3.3333vw;
  }
}
.postnav .postnav__item a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__search {
    background-color: #f9f4da;
    width: 100%;
    height: 6.4rem;
    display: grid;
    place-items: center;
  }
}
.postnav .p-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: min(25.875vw, 41.4rem);
  background: #fff;
  border-radius: 100vmax;
  overflow: hidden;
  padding: 0 1rem;
}
@media screen and (min-width: 750px) {
  .postnav .p-search__form {
    height: 5.2rem;
  }
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form {
    width: 87.1795vw;
    height: 4.8rem;
  }
}
.postnav .p-search__form > input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-radius: 0;
}
.postnav .p-search__form > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  outline: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif !important;
  font-size: 1.3rem;
  line-height: 1;
  padding: 0 2.4rem;
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form > input {
    padding: 0 1rem;
  }
}
.postnav .postnav__search button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}
.postnav .p-search__form .icon__search {
  content: "";
  background-image: url("../img/helico/icon_search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/1;
  width: min(2.0625vw, 3.3rem);
  display: block;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form .icon__search {
    width: 4.359vw;
  }
}

/* ------------------------------
- breadcrumb
------------------------------ */
/* ------------------------------
- base

------------------------------ */
.breadcrumb {
  padding: 1.2em 0;
}

.simplebar-scrollbar::before {
  background-color: #E75297;
}

.simplebar-scrollbar.simplebar-visible:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 2px;
}

.simplebar-track.simplebar-vertical {
  width: 1rem;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 0;
}
@media screen and (min-width: 750px) {
  .breadcrumb__list {
    font-size: 1.2rem;
    width: 90%;
    max-width: 1250px;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 749px) {
  .breadcrumb__list {
    font-size: 1rem;
    padding: 0 1.5rem;
  }
}

.breadcrumb__item {
  color: #6E6E6E;
  letter-spacing: 0.05em;
}
.breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin: 0 0.5rem;
  color: #6E6E6E;
  font-family: "icomoon" !important;
}

.breadcrumb__anc {
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .breadcrumb__anc:hover {
    text-decoration: underline;
  }
}

/* ------------------------------
- swiper
------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


swiper スライド 全体設定


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 初期状態：非表示 */
.swiper:not(.no-swiper) {
  opacity: 0;
  visibility: hidden;
}

/* Swiperが初期化されたら自動で付くクラス */
.swiper.swiper-initialized {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


center-slide02-wrap
pc 3表示、左右見切れ
sp 1表示、左右見切れ

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.center-slide02-wrap {
  width: 100%;
  position: relative;
  /* ドットの配置（下側、外側に配置） */
  /* ドットの基本スタイル */
  /* アクティブなドットのスタイル */
}
@media screen and (min-width: 750px) {
  .center-slide02-wrap {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap {
    margin-top: 4rem;
  }
}
.center-slide02-wrap .swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 6rem; /* ドット分 */
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .swiper {
    padding-bottom: 3rem;
  }
}
.center-slide02-wrap .swiper-wrapper {
  width: 100%;
}
.center-slide02-wrap .swiper-slide {
  padding: 0 1.25%; /* spaceBetweenを％で指定するため */
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .swiper-slide {
    padding: 0 2.564%;
  }
}
.center-slide02-wrap .unit-inner {
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .center-slide02-wrap .unit-inner:hover {
    opacity: 0.7;
  }
}
.center-slide02-wrap .unit-img {
  width: 100%;
  aspect-ratio: 448/243;
  overflow: hidden;
}
.center-slide02-wrap .unit-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.center-slide02-wrap .unit-txt {
  font-size: min(1.5vw, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: min(1.875vw, 3rem) min(0.9375vw, 1.5rem);
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .unit-txt {
    font-size: 3.5897vw;
    padding: 5.1282vw 2.5641vw;
  }
}
.center-slide02-wrap .swiper-pagination {
  width: min(93.75vw, 120rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .swiper-pagination {
    width: 90%;
  }
}
.center-slide02-wrap .swiper-pagination-bullet {
  background-color: #c7c7c7;
  border-radius: 100vmax;
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  opacity: 1; /* 初期状態は不透明 */
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.center-slide02-wrap .swiper-pagination-bullet-active {
  background-color: #231815;
}
.center-slide02-wrap .no-swiper {
  padding-bottom: 2rem;
}
.center-slide02-wrap .no-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 750px) {
  .center-slide02-wrap .no-swiper .swiper-wrapper {
    gap: 0 0.48%;
    margin: 0 auto;
    width: 90%;
    max-width: 1250px;
  }
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .no-swiper .swiper-wrapper {
    gap: 0 1rem;
    padding: 0 2.5rem;
  }
}
@media screen and (min-width: 750px) {
  .center-slide02-wrap .no-swiper .swiper-slide {
    width: 32.96%;
  }
}
@media screen and (max-width: 749px) {
  .center-slide02-wrap .no-swiper .swiper-slide {
    width: 25rem;
  }
}
.center-slide02-wrap .no-swiper + .swiper-pagination {
  display: none;
}

/* ------------------------------
- component
------------------------------ */
/* ------------------------------
- base

------------------------------ */
.head-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0rem 2rem;
}
@media screen and (min-width: 750px) {
  .head-a {
    margin-top: 4.3rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 749px) {
  .head-a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.head-a-title {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 750px) {
  .head-a-title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-title {
    font-size: 2.4rem;
  }
}

.head-a-result {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .head-a-result {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-result {
    font-size: 1.4rem;
    margin-left: auto;
  }
}

.head-a-result-count {
  padding: 0 0.1em;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .head-a-result-count {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-result-count {
    font-size: 2.8rem;
  }
}

/* ------------------------------
- base

------------------------------ */
.pageHead {
  background-image: url("../img/store/bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .pageHead {
    padding-top: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .pageHead {
    padding-top: 5.8rem;
  }
}
@media screen and (min-width: 750px) {
  .pageHead {
    height: 34.4rem;
  }
}
@media screen and (max-width: 749px) {
  .pageHead {
    height: 18rem;
  }
}

/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- カラー設定
------------------------------ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


helico ドロワーメニュー


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ドロワーメニューボタン */
/* buttonスタイルリセット */
button.toggle_drawer_btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

.toggle_drawer_btn {
  cursor: pointer;
  width: 12.8rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: fixed;
  z-index: 999;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 750px) {
  .toggle_drawer_btn {
    bottom: 3.2rem;
    right: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .toggle_drawer_btn {
    bottom: 2.5641vw;
    right: 2.5641vw;
    width: 13.3333vw;
    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  }
}
.toggle_drawer_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ドロワー全体（デフォルトは非表示） */
.l-drawer_viewport {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* 開いているとき */
.l-drawer_viewport.is-open {
  pointer-events: auto;
  opacity: 1;
}

/* 背景オーバーレイ */
.l-drawer_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

/* 右側のパネル本体 */
.l-drawer_container {
  position: absolute;
  top: 0;
  right: 0;
  width: min(620px, 100vw);
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  /* 中の各階層でスクロール */
}
@media screen and (max-width: 749px) {
  .l-drawer_container {
    background-color: rgba(102, 102, 102, 0.6);
    width: 100%;
  }
}

.l-drawer_container .l-drawer_directory:not(.l-drawer_directory-lv1) {
  background-color: #f9f4da;
}
@media screen and (max-width: 749px) {
  .l-drawer_container .l-drawer_directory:not(.l-drawer_directory-lv1) {
    background-color: rgba(102, 102, 102, 0.6);
  }
}

/* 各階層の画面 */
.l-drawer_directory {
  position: absolute;
  inset: 0;
  /* overflow-y: auto;
  -webkit-overflow-scrolling: touch; */
  overflow: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /* 右の外側に待機 */
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  z-index: 0;
}

/* 今表示中の階層 */
.l-drawer_directory.is-current {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  z-index: 2;
}

/* 一つ前の階層（左にスライドして退避） */
.l-drawer_directory.is-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 1;
}

/* lv1 は最初にだけ見せたいので、JSから is-current を付ける前提 */
/* lv2 以降 の中で、該当 data-directory だけ表示 */
.l-drawer_directory_item {
  display: none;
  width: 100%;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory_item {
    border-radius: 0.5rem;
    width: 87.1795vw;
    min-height: 80%;
    margin: 5.1282vw auto 20.5128vw;
  }
}

.l-drawer_directory-lv1 .l-drawer_directory_item {
  display: block;
  /* lv1は常に1画面だけなので全部表示 */
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_directory_item {
    background-color: #fff;
  }
}

.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_directory_item {
  background-color: #f9f4da;
}

/* 選択中のディレクトリ */
.l-drawer_directory_item.is-item-current {
  display: block;
}

/* ★ 表示中の item はフルサイズ＋スクロール */
.l-drawer_directory_item.is-item-current,
.l-drawer_directory-lv1 .l-drawer_directory_item {
  /* lv1 は1個なので全部でOK */
  display: block;
  position: absolute;
  inset: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* スマホで慣性スクロール */
}

/* HTML スクロールロック用 */
html.is-drawer-open {
  overflow: hidden;
}

/* 各内容のスタイル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.l-drawer_directoryInner {
  padding: min(2.5vw, 4rem) min(3.75vw, 6rem) min(8.75vw, 14rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_directoryInner {
    padding: 5.1282vw;
  }
}

.l-drawer_directory_header {
  color: #231815;
  font-size: min(1.5vw, 2.4rem);
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory_header {
    font-size: 4.1026vw;
  }
}

/* Lv1 メニュー */
.l-drawer_directory-lv1 .l-drawer_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: min(2.5vw, 4rem);
}
.l-drawer_directory-lv1 .l-drawer_list li {
  cursor: pointer;
  border-bottom: 1px solid #000;
  width: 100%;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory-lv1 .l-drawer_list li {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li {
    font-size: 1.6rem;
  }
}
.l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next {
  display: block;
  position: relative;
  width: 100%;
  padding: 2em 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next {
    padding: 6.1538vw 0;
  }
}
@media (hover: hover) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next:hover {
    opacity: 0.7;
  }
}
.l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next::after {
  content: "";
  background-image: url("../img/helico/menu_arrow_right.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 9/16;
  width: min(0.5625vw, 0.9rem);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next::after {
    width: 2.3077vw;
  }
}

/* 検索窓 */
.l-drawer_directory-lv1 .postnav__search {
  width: 100%;
  margin-top: 2em;
  /* buttonスタイルリセット */
}
.l-drawer_directory-lv1 .postnav__search .search__head {
  color: #231815;
  font-size: min(1.5vw, 2.4rem);
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .search__head {
    font-size: 4.1026vw;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5.2rem;
  background: #fff;
  border: 1px solid #000;
  border-radius: 100vmax;
  overflow: hidden;
  padding: 0 1rem;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form {
    margin-top: 2.4rem;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-radius: 0;
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  outline: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif !important;
  font-size: 1.3rem;
  line-height: 1;
  padding: 0 2.4rem;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form > input {
    padding: 0 1rem;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}
.l-drawer_directory-lv1 .postnav__search .p-search__form .icon__search {
  content: "";
  background-image: url("../img/helico/icon_search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/1;
  width: min(2.0625vw, 3.3rem);
  display: block;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form .icon__search {
    width: 6.1538vw;
  }
}

/* Lv2 以降 メニュー */
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1vw, 1.6rem);
  margin-top: min(2.5vw, 4rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.8205vw;
    margin-top: 7.6923vw;
  }
}
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
  background-color: #fff;
  border-radius: 0.5rem;
  width: 100%;
  display: grid;
  place-items: center;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
    font-size: 1.2rem;
  }
}
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: min(0.625vw, 1rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next {
    padding: 4.1026vw 2.5641vw;
  }
}
@media (hover: hover) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next:hover {
    opacity: 0.7;
  }
}

/* メニュー 1階層戻る ボタン */
.l-drawer_back {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #231815;
  font-size: min(1vw, 1.6rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-top: min(3.75vw, 6rem);
  padding: min(0.75vw, 1.2rem) min(3.75vw, 6rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_back {
    font-size: 3.0769vw;
    margin-top: 10.2564vw;
    padding: 2.0513vw 5.1282vw;
  }
}
.l-drawer_back:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.l-drawer_back .m-icon-arrow_left {
  content: "";
  background-image: url("../img/helico/menu_arrow_left.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 8/15;
  width: min(0.5vw, 0.8rem);
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .l-drawer_back .m-icon-arrow_left {
    width: min(2.0513vw, 0.8rem);
  }
}

/* メニュー閉じるボタン */
/* buttonスタイルリセット */
button.l-drawer_close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

.l-drawer_close {
  cursor: pointer;
  width: 8.6rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: fixed;
  z-index: 999;
}
@media screen and (min-width: 750px) {
  .l-drawer_close {
    bottom: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_close {
    width: 13.3333vw;
    bottom: 2.5641vw;
    right: 2.5641vw;
  }
}
.l-drawer_close img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ボタンアニメーション */
/* 丸ボタン共通ホバーアニメ */
.toggle_drawer_btn,
.l-drawer_close {
  position: fixed;
  overflow: hidden;
  border-radius: 50%;
}
.toggle_drawer_btn::after,
.l-drawer_close::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.08);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.toggle_drawer_btn:hover::after,
.l-drawer_close:hover::after {
  opacity: 1;
}
.toggle_drawer_btn:active,
.l-drawer_close:active {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}

/* ------------------------------
- base

------------------------------ */
.colList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.columnItem {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .columnItem {
    width: 29.8%;
  }
  .columnItem:not(:nth-child(3n)) {
    margin-right: 5.3%;
  }
  .columnItem:nth-child(n+4) {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 749px) {
  .columnItem + .columnItem {
    margin-top: 2rem;
  }
}
@media (hover: hover) {
  .columnItem:hover {
    opacity: 0.6;
  }
}

.columnItem__thumb {
  display: block;
}

.columnItem__thumb {
  border-radius: 2.4rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

.columnItem__thumb__img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.colItem__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 750px) {
  .colItem__info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 749px) {
  .colItem__info {
    gap: 1rem;
  }
}

.colItem__category {
  display: inline-block;
  background: #00AEEB;
  color: #fff;
  border-radius: 999px;
  padding: 0.3rem 1.6rem;
  line-height: 1.3;
  font-size: 1.4rem;
}

.colItem__date {
  display: block;
}

.columnItem__title {
  margin-bottom: 1.5rem;
  display: block;
}
@media screen and (min-width: 750px) {
  .columnItem__title {
    font-size: 1.6rem;
  }
}

.colItem__tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.colItem__tag {
  display: block;
}
@media screen and (min-width: 750px) {
  .colItem__tag {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .colItem__tag {
    font-size: 1.2rem;
  }
}

/* ------------------------------
- base

------------------------------ */
.tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tag {
  background: #B2E7F9;
  border-radius: 999px;
  display: block;
  padding: 0.2rem 1rem;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .tag {
    min-width: 10.5rem;
  }
}
@media screen and (max-width: 749px) {
  .tag {
    font-size: 1.2rem;
    width: 8rem;
  }
}

/* ------------------------------
- single
------------------------------ */
/* ------------------------------
- base

------------------------------ */
@media screen and (min-width: 750px) {
  .sec {
    padding: 8rem 0;
  }
}
@media screen and (max-width: 749px) {
  .sec {
    padding: 4rem 0;
  }
}

.sec__head {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .sec__head {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 749px) {
  .sec__head {
    margin-bottom: 4rem;
  }
}

.sec__ttl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  font-size: 1.75em;
  padding-bottom: 1.5em;
}
.sec__ttl::before {
  content: "";
  display: block;
  width: 12.4rem;
  height: 6px;
  background: #F9BE00;
  border-radius: 5rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec__ttl::after {
  content: "";
  display: block;
  width: 11rem;
  height: 6px;
  background: #E75297;
  border-radius: 5rem;
  position: absolute;
  bottom: 0;
  left: calc(50% + 2.2rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* ------------------------------
- base

------------------------------ */
@media screen and (min-width: 750px) {
  .single__head {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 749px) {
  .single__head {
    margin-bottom: 4rem;
  }
}

.single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 750px) {
  .single__info {
    margin-bottom: 3.5rem;
    gap: 2.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 749px) {
  .single__info {
    margin-bottom: 1.5rem;
    gap: 1rem;
  }
}

.single__category {
  display: inline-block;
  background: #B2E7F9;
  border-radius: 999px;
  padding: 0.3rem 1.6rem;
  line-height: 1.3;
  font-size: 1.4rem;
}

.single__title {
  font-family: "Aoto Gothic DemiBold";
}
@media screen and (min-width: 750px) {
  .single__title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__title {
    font-size: 2.4rem;
  }
}

.single__tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 750px) {
  .single__tag__list {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .single__tag__list {
    margin-top: 1.5rem;
  }
}

.single__tag {
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  display: block;
  padding: 0.2rem 1rem;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .single__tag {
    font-size: 1.4rem;
    min-width: 10.5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__tag {
    font-size: 1.2rem;
    width: 8rem;
  }
}

.single__img {
  overflow: hidden;
}
@media screen and (min-width: 750px) {
  .single__img {
    margin-top: 5rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__img {
    margin-top: 2.5rem;
    border-radius: 1rem;
  }
}

/* ------------------------------
- base

------------------------------ */
@media screen and (min-width: 750px) {
  .sns {
    margin: 10rem auto 0;
    width: 90%;
    max-width: 1000px;
  }
}
@media screen and (max-width: 749px) {
  .sns {
    margin: 4rem 1.5rem 0;
  }
}

.sns__ttl {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .sns__ttl {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .sns__ttl {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}

.snsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 749px) {
  .snsItem {
    width: 4rem;
  }
}
@media screen and (min-width: 750px) {
  .snsItem + .snsItem {
    margin-left: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .snsItem + .snsItem {
    margin-left: 1.5rem;
  }
}

.snsItem__anc {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .snsItem__anc:hover {
    opacity: 0.7;
  }
}
.snsItem__anc.-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.snsItem__msg {
  display: none;
  position: fixed;
  padding: 1.5rem 1rem;
  line-height: 1.8;
  background-color: #E75297;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 5px;
  font-size: 1.4rem;
}

.single__foot {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .single__foot {
    margin: 8rem auto 0;
  }
}
@media screen and (max-width: 749px) {
  .single__foot {
    margin-top: 4rem;
  }
}

.single__foot__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 3rem;
  gap: 1rem;
  background: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 750px) {
  .single__foot__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.6rem;
    height: 6.5rem;
  }
  .single__foot__link::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 749px) {
  .single__foot__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    height: 5.6rem;
  }
  .single__foot__link::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .single__foot__link:hover {
    background: #E75297;
    color: #fff;
  }
  .single__foot__link:hover::after {
    background: #fff;
    color: #E75297;
  }
}

/* ------------------------------
- base

------------------------------ */
@media screen and (min-width: 750px) {
  .single__profile {
    max-width: 700px;
    margin: 8rem auto 0;
  }
}
@media screen and (max-width: 749px) {
  .single__profile {
    margin-top: 4rem;
  }
}

.single__profile__txt {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .single__profile__txt {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__txt {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
}

.single__profile__block {
  position: relative;
  background-color: #f0f5fa;
}
@media screen and (min-width: 750px) {
  .single__profile__block {
    border-radius: 2rem;
    padding: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__block {
    border-radius: 1rem;
    padding: 2rem;
  }
}

.single__profile__inner {
  position: relative;
}

@media screen and (min-width: 750px) {
  .single__profile__txtbox:not(.-max) {
    width: 63.2%;
    margin-left: auto;
    min-height: 19.2rem;
  }
}

.single__profile__head {
  border-bottom: 1px solid #D7D7D7;
}
@media screen and (min-width: 750px) {
  .single__profile__head {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.single__profile__img {
  width: 31.6%;
}
@media screen and (min-width: 750px) {
  .single__profile__img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 749px) {
  .single__profile__txtbox:not(.-max) .single__profile__namebox {
    width: 63.2%;
  }
}

.single__profile__name {
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .single__profile__name {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__name {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .single__profile__posi,
  .single__profile__lead {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__posi,
  .single__profile__lead {
    font-size: 1.2rem;
  }
}

.single__profile__lead * {
  line-height: 1.8;
}
.single__profile__lead strong {
  background: rgba(232, 81, 151, 0.2);
}
.single__profile__lead small {
  font-size: 0.75em;
}
.single__profile__lead ol, .single__profile__lead ul {
  list-style: none;
}
.single__profile__lead ul li {
  position: relative;
  padding-left: 1.6em;
}
.single__profile__lead ul li::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #6E6E6E;
  border-radius: 50%;
}
@media screen and (min-width: 750px) {
  .single__profile__lead ul li::before {
    top: 0.9rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__lead ul li::before {
    top: 0.7rem;
  }
}
.single__profile__lead ol {
  counter-reset: number;
}
.single__profile__lead ol li {
  position: relative;
  padding-left: 2em;
}
.single__profile__lead ol li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  color: #fff;
  background: #AAB4B4;
  border-radius: 0.2rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .single__profile__lead ol li::before {
    top: 0.2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__profile__lead ol li::before {
    top: 0.1rem;
  }
}

/* ------------------------------
- base

------------------------------ */
.toc {
  background: #f0f5fa;
}
@media screen and (min-width: 750px) {
  .toc {
    border-radius: 2rem;
    padding: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .toc {
    border-radius: 1rem;
    padding: 2rem;
  }
}

.toc__term {
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .toc__term {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .toc__term {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}

.toc__desc {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}

.tocList__item {
  padding: 1em 0;
  border-bottom: 1px solid #D7D7D7;
}
.tocList__item + .tocList__item {
  margin-top: 0.5em;
}

.tocList__anc {
  margin-left: 0.5em;
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .tocList__anc:hover {
    text-decoration: underline;
  }
}

.tocListChild__item {
  border-bottom: 1px solid #D7D7D7;
  padding: 1em 0;
  color: #6E6E6E;
}
.tocListChild__item::before {
  content: "-";
  margin-right: 0.5em;
}
.tocListChild__item + .tocList__item {
  margin-top: 0.5em;
}

@media screen and (min-width: 750px) {
  .tocListChild__anc:hover {
    text-decoration: underline;
  }
}

/* ------------------------------
- base

------------------------------ */
[class*=component-] {
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  [class*=component-] {
    margin: 0 auto;
    padding: 2.143em 0;
  }
  [class*=component-].-md {
    width: 75%;
  }
  [class*=component-].-sm {
    width: 48.829%;
  }
}
@media screen and (max-width: 749px) {
  [class*=component-] {
    padding: 1.071em 0;
  }
}
[class*=component-] * {
  line-height: 1.8;
}

@media screen and (min-width: 750px) {
  [class*=componentheading-] {
    padding: 2.857em 0 2.143em;
  }
}
@media screen and (max-width: 749px) {
  [class*=componentheading-] {
    padding: 1.429em 0 1.071em;
  }
}
@media screen and (min-width: 750px) {
  [class*=componentheading-] + [class*=componentheading-] {
    padding: 2.143em 0;
  }
}
@media screen and (max-width: 749px) {
  [class*=componentheading-] + [class*=componentheading-] {
    padding: 1.071em 0;
  }
}

.caption {
  font-size: 1.2rem;
  margin-top: 0.5em;
  text-align: left;
}

@media screen and (min-width: 750px) {
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .row.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .row.-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 750px) {
  .col-xl {
    width: 75%;
  }
}

@media screen and (min-width: 750px) {
  .col-lg {
    width: 55.6%;
  }
}

@media screen and (min-width: 750px) {
  .col-md {
    width: 47.2%;
  }
}

@media screen and (min-width: 750px) {
  .col-sm {
    width: 38.9%;
  }
}
@media screen and (max-width: 749px) {
  .col-sm {
    text-align: center;
  }
}

@media screen and (min-width: 750px) {
  .col-xs {
    width: 29.7%;
  }
}
@media screen and (max-width: 749px) {
  .col-xs {
    text-align: center;
  }
}

@media screen and (min-width: 750px) {
  .col-xss {
    width: 22%;
  }
}
@media screen and (max-width: 749px) {
  .col-xss {
    text-align: center;
  }
}

@media screen and (min-width: 750px) {
  .col-full + .col-full {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 750px) {
  .item:nth-child(n+3) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .item:nth-child(n+2) {
    margin-top: 2rem;
  }
}

.componentheading-lg .heading {
  position: relative;
  font-size: 1.75em;
  padding-bottom: 1em;
}
.componentheading-lg .heading::before {
  content: "";
  display: block;
  width: 10.9rem;
  height: 4px;
  border-radius: 5rem;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.componentheading-lg .heading.-pink {
  border-bottom: 4px solid #e75297;
}
.componentheading-lg .heading.-pink::before {
  background: #f9be00;
}
.componentheading-lg .heading.-gray {
  border-bottom: 4px solid #bbb;
}
.componentheading-lg .heading.-gray::before {
  background: #737373;
}

.componentheading-md .heading {
  position: relative;
  font-size: 1.5em;
  padding-bottom: 1em;
  border-bottom: 2px solid #e75297;
}
.componentheading-md .heading::before {
  content: "";
  display: block;
  width: 10.9rem;
  height: 2px;
  border-radius: 5rem;
  background: #f9be00;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.componentheading-sm .heading {
  color: #E75297;
  font-size: 1.25em;
}

.component-text p + p,
.component-imgtext p + p {
  margin-top: 1.8em;
}
.component-text a,
.component-imgtext a {
  color: #E75297;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(92%, transparent), color-stop(40%, #E75297));
  background: linear-gradient(transparent 92%, #E75297 40%);
}
@media (hover: hover) {
  .component-text a:hover,
  .component-imgtext a:hover {
    background: none;
  }
}
.component-text a.-hrefpdf::after, .component-text a.-hrefblank::after,
.component-imgtext a.-hrefpdf::after,
.component-imgtext a.-hrefblank::after {
  content: "";
  display: inline-block;
  margin-left: 0.15em;
}
.component-text a.-hrefpdf::after,
.component-imgtext a.-hrefpdf::after {
  width: 1.6rem;
  aspect-ratio: 16/18;
  background: url(../img/common/icon_pdf.webp) no-repeat center/contain;
}
.component-text a.-hrefblank::after,
.component-imgtext a.-hrefblank::after {
  width: 1.6rem;
  aspect-ratio: 1;
  background: url(../img/common/icon_blank.webp) no-repeat center/contain;
}
.component-text strong,
.component-imgtext strong {
  background: rgba(232, 81, 151, 0.2);
}
.component-text small,
.component-imgtext small {
  font-size: 0.75em;
}
.component-text ol, .component-text ul,
.component-imgtext ol,
.component-imgtext ul {
  list-style: none;
}
.component-text ul li,
.component-imgtext ul li {
  position: relative;
  padding-left: 1.6em;
}
.component-text ul li::before,
.component-imgtext ul li::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0.7rem;
  width: 0.6rem;
  height: 0.6rem;
  background: #6E6E6E;
  border-radius: 50%;
}
.component-text ol,
.component-imgtext ol {
  counter-reset: number;
}
.component-text ol li,
.component-imgtext ol li {
  position: relative;
  padding-left: 2em;
}
.component-text ol li::before,
.component-imgtext ol li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  color: #fff;
  background: #AAB4B4;
  border-radius: 0.2rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.componenttext.-frame {
  border: 1px solid #D7D7D7;
  border-radius: 1.2rem;
}
@media screen and (min-width: 750px) {
  .componenttext.-frame {
    padding: 5rem 6rem;
  }
}
@media screen and (max-width: 749px) {
  .componenttext.-frame {
    padding: 1.5em;
  }
}
.componenttext.-bg {
  background: #f0f5fa;
  border-radius: 1.2rem;
}
@media screen and (min-width: 750px) {
  .componenttext.-bg {
    padding: 5rem 6rem;
  }
}
@media screen and (max-width: 749px) {
  .componenttext.-bg {
    padding: 1.5em;
  }
}

.text__title {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 750px) {
  .text__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .text__title {
    font-size: 1.6rem;
  }
}

.component-img {
  text-align: center;
}
.component-img img {
  border-radius: 1.6rem;
}

.imgtext__item {
  border-radius: 1.2rem;
}

.component-btn {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .component-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 750px) {
  .-row2 .btn__item {
    width: 45%;
  }
  .-row2 .btn__item:nth-child(n+3) {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 749px) {
  .-row2 .btn__item:nth-child(n+3) {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .-row1 .btn__item {
    width: 45%;
  }
  .-row1 .btn__item:nth-child(n+2) {
    margin-top: 1.5em;
  }
}

.btn__item.-sm {
  max-width: 26.4rem;
}
@media screen and (max-width: 749px) {
  .btn__item.-sm {
    margin: 0 auto;
  }
}
@media screen and (min-width: 750px) {
  .btn__item {
    max-width: 38rem;
    margin: 0 1.5%;
  }
}
@media screen and (max-width: 749px) {
  .btn__item:nth-child(n+2) {
    margin-top: 2rem;
  }
}

.btn__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 3rem;
  gap: 1rem;
  background: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 750px) {
  .btn__link {
    font-size: 1.6rem;
    height: 6.5rem;
    max-width: 40rem;
  }
  .btn__link::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 749px) {
  .btn__link {
    font-size: 1.4rem;
    height: 5.6rem;
  }
  .btn__link::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
.-sm .btn__link {
  font-size: 1.4rem;
  height: 5rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
}
.-sm .btn__link::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #E75297;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
.btn__link.-blank:after {
  content: "\e909";
}
@media (hover: hover) {
  .btn__link:hover {
    background: #E75297;
    color: #fff;
  }
  .btn__link:hover::after {
    background: #fff;
    color: #E75297;
  }
}

.component-table th,
.component-table td {
  padding: 0.7em 1em;
  line-height: 1.5;
  vertical-align: middle;
}
@media screen and (max-width: 749px) {
  .component-table th,
  .component-table td {
    font-size: 1.3rem;
  }
}
.component-table th {
  font-weight: bold;
}
.component-table.-col2 th {
  text-align: left;
}
@media screen and (min-width: 750px) {
  .component-table.-col2 th {
    width: 20%;
  }
}
@media screen and (max-width: 749px) {
  .component-table.-col2 th {
    width: 30%;
  }
}
.component-table.-col2 th,
.component-table.-col2 td {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}
.component-table.-free {
  border-radius: 1rem;
  overflow: auto;
}
.component-table.-free th {
  background: rgba(170, 180, 180, 0.3);
}
.component-table.-free td {
  background: rgba(170, 180, 180, 0.1);
}
.component-table.-free th,
.component-table.-free td {
  border: 1px solid #fff;
}
@media screen and (max-width: 749px) {
  .component-table {
    overflow: auto;
  }
  .component-table .-lg {
    width: 250vw;
  }
  .component-table .-md {
    width: 150vw;
  }
}

.faqList {
  border-top: 1px solid #AAB4B4;
}

.faqItem {
  border-bottom: 1px solid #AAB4B4;
}

.faqItem__Qbox,
.faqItem__Abox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 750px) {
  .faqItem__Qbox,
  .faqItem__Abox {
    padding: 2rem 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .faqItem__Qbox,
  .faqItem__Abox {
    padding: 1.5rem 0;
  }
}

.faqItem__Qbox {
  cursor: pointer;
}

.faqItem__Abox {
  display: none;
}
.faqItem__Abox.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faqItem__Abox::before {
  content: "";
  position: absolute;
  height: 1px;
  background: #AAB4B4;
  top: 0;
  right: 0;
}
@media screen and (min-width: 750px) {
  .faqItem__Abox::before {
    width: calc(100% - 1.5rem);
  }
}
@media screen and (max-width: 749px) {
  .faqItem__Abox::before {
    width: 100%;
  }
}

.faqItem__Q,
.faqItem__A {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 750px) {
  .faqItem__Q,
  .faqItem__A {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .faqItem__Q,
  .faqItem__A {
    font-size: 1.4rem;
  }
}

.faqItem__Qbtn {
  content: "";
  position: relative;
  margin-left: 0.8rem;
  min-width: 3.2rem;
  height: 3.2rem;
}
.faqItem__Qbtn::before {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #E75297;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.faqItem__Qbtn::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #E75297;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
@media screen and (min-width: 750px) {
  .faqItem__Qbtn::after {
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
}
.faqItem__Qbtn.-active::before {
  background-color: #E75297;
}
.faqItem__Qbtn.-active::after {
  background-color: #E75297;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}

.component-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.component-comment.-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 749px) {
  .component-comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .component-comment.-rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media screen and (min-width: 750px) {
  .comment__imgwrap {
    min-width: 80px;
    max-width: 80px;
  }
}
@media screen and (max-width: 749px) {
  .comment__imgwrap {
    width: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.comment__imgInner {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
}

.comment__img {
  width: 100%;
}

.comment__text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .comment__text {
    min-height: 100px;
    margin: 0px 40px;
    padding: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .comment__text {
    min-height: 60px;
    padding: 1.5rem;
    margin-top: 2rem;
  }
}

.comment__arrow {
  position: absolute;
}
.-blue .comment__arrow {
  fill: #f0f5fa;
}
.-pink .comment__arrow {
  fill: #fbf3f8;
}
.-orange .comment__arrow {
  fill: #fcf5ec;
}
.-yellow .comment__arrow {
  fill: #f9fbee;
}
.-mint .comment__arrow {
  fill: #eff9f9;
}
@media screen and (min-width: 750px) {
  .comment__arrow {
    width: 2.5rem;
    top: 4rem;
  }
  .-row .comment__arrow {
    left: -2.5rem;
  }
  .-rev .comment__arrow {
    right: -2.5rem;
  }
}
@media screen and (max-width: 749px) {
  .comment__arrow {
    width: 1.7rem;
    top: -1.9rem;
  }
  .-row .comment__arrow {
    left: 3.2rem;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .-rev .comment__arrow {
    right: 3.2rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.-blue .comment__text {
  background-color: #f0f5fa;
}
.-pink .comment__text {
  background-color: #fbf3f8;
}
.-orange .comment__text {
  background-color: #fcf5ec;
}
.-yellow .comment__text {
  background-color: #f9fbee;
}
.-mint .comment__text {
  background-color: #eff9f9;
}

.comment__name {
  text-align: center;
  line-height: 1.5;
  font-size: 1.2rem;
}
@media screen and (min-width: 750px) {
  .comment__name {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 749px) {
  .comment__name {
    position: absolute;
    top: 50%;
    white-space: nowrap;
  }
  .-row .comment__name {
    right: 0;
    padding-left: 1.5rem;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
  .-rev .comment__name {
    left: 0;
    padding-right: 1.5rem;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
}

/* ------------------------------
- カラー設定
------------------------------ */
/* ------------------------------
- マージン設定
------------------------------ */
/* HELiCO コンテンツパーツの共通マージン */
/* マージン新定義 */
/* PC */
.single__helico {
  /* 目次 */
  /* 対話とコンテンツエディタ */
  /* イメージ */
  /* サマリー */
  /* SP */
}
.single__helico [class*=component-],
.single__helico [class*=componentheading-] {
  padding: 0;
}
@media screen and (min-width: 750px) {
  .single__helico [class*=componentheading-] {
    margin-top: var(--mt, 3.125em);
    margin-bottom: var(--mb, 1.875em);
  }
}
@media screen and (max-width: 749px) {
  .single__helico [class*=componentheading-] {
    margin-top: var(--mt-sp, 2.3333333333em);
    margin-bottom: var(--mb-sp, 1.3333333333em);
  }
}
.single__helico [class*=component-] {
  margin-top: var(--mt, 1.5em);
  margin-inline: auto;
  margin-bottom: var(--mb, 1.5em);
}
.single__helico .component-index {
  margin-top: var(--mt, 3.6rem);
  margin-bottom: var(--mb, 8rem);
}
.single__helico .p-article__l-content,
.single__helico .p-article__read-content,
.single__helico .p-article__profile {
  margin-top: var(--mt, 5.5rem);
  margin-inline: auto;
  margin-bottom: var(--mb, 5.5rem);
}
.single__helico .p-article__figure {
  margin-top: var(--mt, 4rem);
  margin-inline: auto;
  margin-bottom: var(--mb, 4rem);
}
.single__helico [class*=component-].component-img-old {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .single__helico [class*=component-].component-img-old {
    margin-top: var(--mt, 5rem);
    margin-bottom: var(--mb, 5rem);
  }
}
@media screen and (max-width: 749px) {
  .single__helico [class*=component-].component-img-old {
    margin-top: var(--mt-sp, 4rem);
    margin-bottom: var(--mt-sp, 4rem);
  }
}
.single__helico [class*=component-].component-summary {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .single__helico [class*=component-].component-summary {
    margin-top: var(--mt, 10rem);
    margin-bottom: var(--mb, 10rem);
  }
}
@media screen and (max-width: 749px) {
  .single__helico [class*=component-].component-summary {
    margin-top: var(--mt-sp, 8rem);
    margin-bottom: var(--mb-sp, 8rem);
  }
}
@media (width <= 749px) {
  .single__helico {
    /* 目次 */
    /* 対話とコンテンツエディタ */
  }
  .single__helico [class*=component-],
  .single__helico [class*=componentheading-] {
    padding: 0;
  }
  .single__helico [class*=componentheading-] {
    margin-top: var(--mt-sp, var(--mt, 3.5em));
    margin-bottom: var(--mb-sp, var(--mb, 2em));
  }
  .single__helico [class*=component-] {
    margin-top: var(--mt-sp, var(--mt, 1.5em));
    margin-inline: auto;
    margin-bottom: var(--mb-sp, var(--mb, 1.5em));
  }
  .single__helico .component-index {
    margin-top: var(--mt-sp, var(--mt, 2rem));
    margin-bottom: var(--mb-sp, var(--mb, 7.5rem));
  }
  .single__helico .p-article__l-content,
  .single__helico .p-article__read-content,
  .single__helico .p-article__profile {
    margin-top: var(--mt-sp, var(--mt, 4rem));
    margin-inline: auto;
    margin-bottom: var(--mb-sp, var(--mb, 4rem));
  }
  .single__helico .p-article__figure {
    margin-top: var(--mt-sp, var(--mt, 3rem));
    margin-inline: auto;
    margin-bottom: var(--mb-sp, var(--mb, 3rem));
  }
}

/* ------------------------------
- common
------------------------------ */
.l-main {
  color: #231815;
}

.breadcrumb__item {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* アウトライン確認用 */
/* *,
*::before,
*::after {
  outline: 1px solid rgb(255 0 255 / 50%) !important;
} */
/* ------------------------------
- head
------------------------------ */
@media screen and (max-width: 749px) {
  .helicoHead__inner {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 749px) {
  .breadcrumb {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a-title {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-title {
    font-size: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a-img {
    margin-top: 1.5rem;
    width: 25rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-img {
    margin-top: 1rem;
    width: 14.8rem;
  }
}

.p-article__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media screen and (min-width: 750px) {
  .p-article__category {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 749px) {
  .p-article__category {
    margin-top: 5.8974vw;
  }
}

.category__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 999px;
  text-decoration: none !important;
  color: #231815 !important;
  background: #f3e9b3 !important;
}
@media screen and (min-width: 750px) {
  .category__link {
    padding: 0.5em 1.2em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .category__link {
    padding: 0.2em 0.8em;
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .category__link:hover {
    opacity: 0.7;
  }
}

.p-article__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media screen and (min-width: 750px) {
  .p-article__tag {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 749px) {
  .p-article__tag {
    margin-top: 1rem;
  }
}

.tag__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 999px;
  border: 1px solid #cccccc;
  text-decoration: none !important;
  color: #231815 !important;
}
@media screen and (min-width: 750px) {
  .tag__link {
    padding: 0.3em 1em;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .tag__link {
    padding: 0.2em 0.8em;
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .tag__link:hover {
    opacity: 0.7;
  }
}

/* ------------------------------
- 記事部分
------------------------------ */
.single__helico .p-article__article {
  /* リンク全体 */
  /* タイトル */
  /* 日付 */
  /* メイン画像 */
  /* リード文 */
  /* 目次 */
  /* 画像 */
  /* 見出し */
  /* 枠ありテキスト */
  /* サマリー */
  /* 対話メッセージ（dialogue） */
  /* 対話メッセージ（dialogue） end */
  /* コンテンツエディタ 特に設定なし */
  /* プロフィール */
  /* リンクコンテンツ */
  /* あわせて読みたい */
  /* クレジット */
  /* よくある質問 */
  /* SNS */
  /* .sns {
    width: 100%;
    margin: 7rem auto 0;

    @include mq-down {
      margin-top: size-convert-vw(40, 390);
    }
  }

  .sns__ttl {
    margin-bottom: 4rem;
    padding-bottom: 1.4rem;
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-align: center;

    @include mq-down {
      margin-bottom: size-convert-vw(20, 390);
      padding-bottom: size-convert-vw(10, 390);
    }
  }

  .sns__ttl::before {
    content: '';
    width: 6rem;
    height: 0.3rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #1b1b19;
  }

  .snsList {
    display: flex;
    justify-content: center;
  }

  .snsItem a {
    width: size-min-rem(40, 1600);
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;

    @include mq-down {
      width: size-convert-vw(40, 390);
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }

  .snsItem__anc.-btn {
    width: size-min-rem(40, 1600);
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;

    @include mq-down {
      width: size-convert-vw(40, 390);
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  } */
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article {
    margin: 10rem auto 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
  .single__helico .p-article__article {
    margin: 8rem auto 0;
  }
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article {
    width: 90%;
    max-width: 1150px;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article {
    padding: 0 2rem;
    margin-top: 10.2564vw;
  }
}
.single__helico .p-article__article a:not(.btn__link):not(.p-article__readlink__block) {
  background: none;
}
.single__helico .p-article__article a:not(.btn__link) {
  color: #a88308;
  text-decoration: underline;
}
.single__helico .p-article__article a:not(.btn__link):hover {
  text-decoration: none;
}
.single__helico .p-article__article strong,
.single__helico .p-article__article b {
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
.single__helico .p-article__article .p-article__inner {
  background: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
  border-radius: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single__helico .p-article__article .p-article__inner {
    padding: 10rem 17.5rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .single__helico .p-article__article .p-article__inner {
    padding: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__inner {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
}
.single__helico .p-article__article .p-article__content {
  width: 100%;
  color: #231815;
  font-weight: 400;
  letter-spacing: 0.1em;
  overflow-wrap: break-word;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__content {
    font-size: 1.5rem;
  }
}
.single__helico .p-article__article .p-article__header {
  width: 100%;
}
.single__helico .p-article__article .p-article__heading {
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__heading {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__heading {
    font-size: 6.1538vw;
  }
}
.single__helico .p-article__article .p-article__date {
  display: block;
  font-style: normal;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__date {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__date {
    font-size: 3.0769vw;
    margin-top: 3.8462vw;
  }
}
.single__helico .p-article__article .p-article__eyecatch {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__eyecatch {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__eyecatch {
    margin-top: 5.8974vw;
  }
}
.single__helico .p-article__article .p-article__body {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__body {
    margin-top: 5.5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__body {
    border-top: 1px dashed #231815;
    margin-top: 4rem;
    padding-top: 4rem;
  }
}
.single__helico .p-article__article .p-article__lead {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__lead {
    margin-bottom: 5.5rem;
    line-height: 2.2;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__lead {
    margin-bottom: 4rem;
    line-height: 1.8;
  }
}
.single__helico .p-article__article .component-index .p-index {
  border: 0.2rem solid #231815;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .component-index .p-index {
    border-radius: 1rem;
    padding: 3.5rem 4.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .component-index .p-index {
    border-radius: 0.8rem;
    padding: 1.8rem 2.4rem;
  }
}
@media (hover: hover) {
  .single__helico .p-article__article .component-index .p-index a:hover {
    text-decoration: none;
  }
}
.single__helico .p-article__article .component-index .p-index > dt {
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .component-index .p-index > dt {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-index .p-index > dt {
    margin-bottom: 1rem;
  }
}
.single__helico .p-article__article .component-index .p-index > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 2.14286;
  counter-increment: index;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .component-index .p-index > dd {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-index .p-index > dd {
    font-size: 1.3rem;
  }
}
.single__helico .p-article__article .component-index .p-index > dd:not(:last-child) {
  margin-bottom: 2px;
}
.single__helico .p-article__article .component-index .p-index > dd::before {
  content: counter(index) ".";
  margin-top: 1px;
  margin-right: 0.125em;
  line-height: inherit;
}
.single__helico .p-article__article .component-index .p-index > dd > a {
  color: #a88308;
  text-decoration: underline;
}
.single__helico .p-article__article .p-article__index {
  width: 100%;
}
.single__helico .p-article__article .toc__term {
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .toc__term {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .toc__term {
    font-size: 3.5897vw;
  }
}
.single__helico .p-article__article .p-article__index dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: 500;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__index dd {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__index dd {
    font-size: 3.3333vw;
  }
}
.single__helico .p-article__article .p-article__index dd a,
.single__helico .p-article__article .p-article__index dd span {
  display: block;
  padding: 0.2em 0;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__index dd a,
  .single__helico .p-article__article .p-article__index dd span {
    padding: 2.5641vw 0;
  }
}
.single__helico .p-article__article .component-img-old {
  text-align: center;
}
.single__helico .p-article__article .component-img-old img {
  border-radius: 1.6rem;
}
.single__helico .p-article__article .component-img-old.-notRadius img {
  border-radius: initial;
}
.single__helico .p-article__article .component-img-old .img__cap {
  display: block;
  line-height: 1.61538;
  text-align: left;
  color: rgba(27, 27, 25, 0.65);
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .component-img-old .img__cap {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-img-old .img__cap {
    margin-top: 2.5641vw;
    font-size: 3.3333vw;
  }
}
.single__helico .p-article__article .componentheading-lg {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .componentheading-lg:not(:first-of-type) {
    margin-top: var(--mt, 7.5em);
    margin-bottom: var(--mb, 1.875em);
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-lg:not(:first-of-type) {
    margin-top: var(--mt, 4.6666666667em);
    margin-bottom: var(--mb, 2em);
  }
}
.single__helico .p-article__article .componentheading-lg .heading {
  background: #f3e9b3;
  border-radius: 0.5rem;
  position: relative;
  font-size: 2.6rem;
  padding: 0.5em 0.7em;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-lg .heading {
    font-size: 5.641vw;
  }
}
.single__helico .p-article__article .componentheading-md {
  width: 100%;
}
.single__helico .p-article__article .componentheading-md .heading {
  border-top: 0.4rem solid #f3e9b3;
  border-bottom: 0.4rem solid #f3e9b3;
  font-size: 2rem;
  padding: 0.5em 0.7em;
}
.single__helico .p-article__article .componentheading-md .heading::before {
  content: none;
}
.single__helico .p-article__article .componentheading-sm {
  width: 100%;
}
.single__helico .p-article__article .componentheading-sm .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #231815;
  font-size: 2rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-sm .heading {
    font-size: 4.6154vw;
  }
}
.single__helico .p-article__article .componentheading-sm .heading::before {
  content: "";
  background: url("../img/helico/comphead-sm.svg") no-repeat;
  background-size: contain;
  aspect-ratio: 34/34;
  display: block;
  margin-right: 0.6em;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .componentheading-sm .heading::before {
    width: 3.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-sm .heading::before {
    width: 10.5128vw;
  }
}
.single__helico .p-article__article .componentheading-num {
  width: 100%;
}
.single__helico .p-article__article .componentheading-num .heading {
  font-size: 2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-num .heading {
    font-size: 4.6154vw;
  }
}
.single__helico .p-article__article .componentheading-num .heading__num {
  width: 2.4em;
  min-width: 2.4em;
  height: 2.4em;
  font-size: 1em;
  font-family: "Josefin Sans", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  background: #f3e9b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-right: 0.6em;
  padding-top: 0.2em;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .componentheading-num .heading__num {
    width: 2.2em;
    min-width: 2.2em;
    height: 2.2em;
  }
}
.single__helico .p-article__article .component-text ul, .single__helico .p-article__article .component-text ol,
.single__helico .p-article__article .component-imgtext ul,
.single__helico .p-article__article .component-imgtext ol,
.single__helico .p-article__article .component-border ul,
.single__helico .p-article__article .component-border ol,
.single__helico .p-article__article .p-figure__dialogue__message ul,
.single__helico .p-article__article .p-figure__dialogue__message ol {
  line-height: 1.625;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .component-text ul:not(:first-child), .single__helico .p-article__article .component-text ol:not(:first-child),
  .single__helico .p-article__article .component-imgtext ul:not(:first-child),
  .single__helico .p-article__article .component-imgtext ol:not(:first-child),
  .single__helico .p-article__article .component-border ul:not(:first-child),
  .single__helico .p-article__article .component-border ol:not(:first-child),
  .single__helico .p-article__article .p-figure__dialogue__message ul:not(:first-child),
  .single__helico .p-article__article .p-figure__dialogue__message ol:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-text ul:not(:first-child), .single__helico .p-article__article .component-text ol:not(:first-child),
  .single__helico .p-article__article .component-imgtext ul:not(:first-child),
  .single__helico .p-article__article .component-imgtext ol:not(:first-child),
  .single__helico .p-article__article .component-border ul:not(:first-child),
  .single__helico .p-article__article .component-border ol:not(:first-child),
  .single__helico .p-article__article .p-figure__dialogue__message ul:not(:first-child),
  .single__helico .p-article__article .p-figure__dialogue__message ol:not(:first-child) {
    margin-top: 2rem;
  }
}
.single__helico .p-article__article .component-text ul > li, .single__helico .p-article__article .component-text ol > li,
.single__helico .p-article__article .component-imgtext ul > li,
.single__helico .p-article__article .component-imgtext ol > li,
.single__helico .p-article__article .component-border ul > li,
.single__helico .p-article__article .component-border ol > li,
.single__helico .p-article__article .p-figure__dialogue__message ul > li,
.single__helico .p-article__article .p-figure__dialogue__message ol > li {
  position: relative;
  padding-left: 1.5em;
}
.single__helico .p-article__article .component-text ul > li::before, .single__helico .p-article__article .component-text ol > li::before,
.single__helico .p-article__article .component-imgtext ul > li::before,
.single__helico .p-article__article .component-imgtext ol > li::before,
.single__helico .p-article__article .component-border ul > li::before,
.single__helico .p-article__article .component-border ol > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ul > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
}
.single__helico .p-article__article .component-text ul > li::before,
.single__helico .p-article__article .component-imgtext ul > li::before,
.single__helico .p-article__article .component-border ul > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ul > li::before {
  content: "・";
  border-radius: 0;
  width: auto;
  height: auto;
  color: #231815;
  background: none;
}
.single__helico .p-article__article .component-text ul ul,
.single__helico .p-article__article .component-imgtext ul ul,
.single__helico .p-article__article .component-border ul ul,
.single__helico .p-article__article .p-figure__dialogue__message ul ul {
  margin: 2.4rem 0;
  padding-left: 1em;
}
.single__helico .p-article__article .component-text ul ul > li::before,
.single__helico .p-article__article .component-imgtext ul ul > li::before,
.single__helico .p-article__article .component-border ul ul > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ul ul > li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.5px solid #000;
  top: 1.1rem;
  left: 0.4rem;
  width: auto;
  height: auto;
  color: #231815;
  background: none;
}
.single__helico .p-article__article .component-text ol,
.single__helico .p-article__article .component-imgtext ol,
.single__helico .p-article__article .component-border ol,
.single__helico .p-article__article .p-figure__dialogue__message ol {
  counter-reset: ol-li;
}
.single__helico .p-article__article .component-text ol > li,
.single__helico .p-article__article .component-imgtext ol > li,
.single__helico .p-article__article .component-border ol > li,
.single__helico .p-article__article .p-figure__dialogue__message ol > li {
  counter-increment: ol-li;
}
.single__helico .p-article__article .component-text ol > li::before,
.single__helico .p-article__article .component-imgtext ol > li::before,
.single__helico .p-article__article .component-border ol > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ol > li::before {
  content: counter(ol-li) ".";
  width: auto;
  height: auto;
  color: #231815;
  font-size: inherit;
  background: none;
}
.single__helico .p-article__article .component-text ol ol,
.single__helico .p-article__article .component-imgtext ol ol,
.single__helico .p-article__article .component-border ol ol,
.single__helico .p-article__article .p-figure__dialogue__message ol ol {
  counter-reset: ol-ol-li;
  margin: 2.4rem 0;
  padding-left: 1em;
}
.single__helico .p-article__article .component-text ol ol > li,
.single__helico .p-article__article .component-imgtext ol ol > li,
.single__helico .p-article__article .component-border ol ol > li,
.single__helico .p-article__article .p-figure__dialogue__message ol ol > li {
  counter-increment: ol-ol-li;
  padding-left: 2.5em;
}
.single__helico .p-article__article .component-text ol ol > li::before,
.single__helico .p-article__article .component-imgtext ol ol > li::before,
.single__helico .p-article__article .component-border ol ol > li::before,
.single__helico .p-article__article .p-figure__dialogue__message ol ol > li::before {
  content: counter(ol-li) "-" counter(ol-ol-li) ".";
  width: auto;
  height: auto;
  color: #231815;
  font-size: inherit;
  background: none;
}
.single__helico .p-article__article .component-text li:not(:last-child),
.single__helico .p-article__article .component-imgtext li:not(:last-child),
.single__helico .p-article__article .component-border li:not(:last-child),
.single__helico .p-article__article .p-figure__dialogue__message li:not(:last-child) {
  margin-bottom: 1em;
}
.single__helico .p-article__article .component-text p,
.single__helico .p-article__article .component-imgtext p,
.single__helico .p-article__article .component-border p,
.single__helico .p-article__article .p-article__figure p {
  line-height: 2;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .component-text p:not(:first-child),
  .single__helico .p-article__article .component-imgtext p:not(:first-child),
  .single__helico .p-article__article .component-border p:not(:first-child),
  .single__helico .p-article__article .p-article__figure p:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-text p:not(:first-child),
  .single__helico .p-article__article .component-imgtext p:not(:first-child),
  .single__helico .p-article__article .component-border p:not(:first-child),
  .single__helico .p-article__article .p-article__figure p:not(:first-child) {
    margin-top: 2rem;
  }
}
.single__helico .p-article__article .component-text a.-hrefblank, .single__helico .p-article__article .component-text a.-hrefpdf,
.single__helico .p-article__article .component-imgtext a.-hrefblank,
.single__helico .p-article__article .component-imgtext a.-hrefpdf,
.single__helico .p-article__article .component-border a.-hrefblank,
.single__helico .p-article__article .component-border a.-hrefpdf,
.single__helico .p-article__article .p-article__figure a.-hrefblank,
.single__helico .p-article__article .p-article__figure a.-hrefpdf {
  margin-right: 0.15em;
}
.single__helico .p-article__article .component-text a:has(.icon-external)::after,
.single__helico .p-article__article .component-imgtext a:has(.icon-external)::after,
.single__helico .p-article__article .component-border a:has(.icon-external)::after,
.single__helico .p-article__article .p-article__figure a:has(.icon-external)::after {
  content: none;
}
.single__helico .p-article__article .component-text .text__title {
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
.single__helico .p-article__article .component-border {
  padding: 3rem 4rem;
  border: 0.2rem solid #000;
  position: relative;
  border-radius: 0.8rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-border {
    padding: 4.6154vw 6.1538vw;
  }
}
.single__helico .p-article__article .border__title {
  margin-bottom: 2.4rem;
  margin-top: 0;
  line-height: 1.5;
  font-size: 1.8rem;
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .border__title {
    margin-bottom: 5.1282vw;
  }
}
.single__helico .p-article__article .border__text {
  line-height: 2;
}
.single__helico .p-article__article .component-summary {
  padding: 6rem 4rem 5rem;
  background: #f3e9b3;
  position: relative;
  border-radius: 1.5rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-summary {
    width: 100%;
    padding: 10.2564vw 5.1282vw;
  }
}
.single__helico .p-article__article .component-summary::before {
  font-size: 3.8rem;
  top: -2rem;
  left: 3rem;
  content: "Summary";
  line-height: 1;
  position: absolute;
  font-family: "Josefin Sans", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .component-summary::before {
    font-size: 7.6923vw;
    top: -3.5897vw;
    left: 5.1282vw;
  }
}
.single__helico .p-article__article .summary__title {
  margin-top: 0;
  line-height: 1.5;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .summary__title {
    text-align: center;
    font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .summary__title {
    font-size: 5.641vw;
  }
}
.single__helico .p-article__article .summary__text {
  line-height: 2;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .summary__text {
    margin-top: 2.4rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .summary__text {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
}
.single__helico .p-article__article .summary__text p {
  line-height: 2;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .summary__text p:not(:first-of-type) {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .summary__text p:not(:first-of-type) {
    margin-top: 2rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue {
  position: relative;
  text-align: center;
}
.single__helico .p-article__article .p-figure__dialogue__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-figure__dialogue__box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single__helico .p-article__article .p-figure__dialogue__box.right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__box.right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.single__helico .p-article__article .p-figure__dialogue__box + .p-figure__dialogue__box {
  margin-top: 3rem;
}
.single__helico .p-article__article .p-figure__dialogue__human {
  width: 13%;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__human {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__box.right .p-figure__dialogue__human {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-bottom: 1.5rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue__human--img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-figure__dialogue__human--img {
    width: 100%;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__human--img {
    width: 6.5rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue__human--img img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.single__helico .p-article__article .p-figure__dialogue__human--p {
  margin-top: 1.5rem;
  font-size: 1.1rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__human--p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
    margin-top: 0;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__box.right .p-figure__dialogue__human--p {
    width: 210%;
    text-align: right;
    margin-top: 0;
    margin-right: 1.5rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue__message {
  width: 81%;
  background: #f9f4da;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  padding: 3.5rem;
  position: relative;
  text-align: left;
  line-height: 2;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__message {
    width: 100%;
    padding: 6.4103vw;
    font-size: 1.5rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue__message p {
  line-height: 2;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-figure__dialogue__message ul,
  .single__helico .p-article__article .p-figure__dialogue__message ol {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__message ul,
  .single__helico .p-article__article .p-figure__dialogue__message ol {
    margin-top: 2rem;
  }
}
.single__helico .p-article__article .p-figure__dialogue__message.c-yellow {
  background: #f9f4da;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-purple {
  background: #e9e6f2;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-blue {
  background: #e2edf2;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-green {
  background: #ecf5e9;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-orange {
  background: #f4eee7;
}
.single__helico .p-article__article .p-figure__dialogue__message::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0;
  border-left-color: currentcolor;
  border-right: 3rem solid;
  border-right-color: currentcolor;
  border-top: 0.5rem solid transparent;
  border-bottom: 2rem solid transparent;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-figure__dialogue__message::before {
    top: 3.8rem;
    left: -3rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__message::before {
    top: -3.8462vw;
    left: 7.6923vw;
    border-right: 0;
    border-right-color: currentcolor;
    border-left: 5.1282vw solid;
    border-left-color: currentcolor;
    border-top: 6.6667vw solid transparent;
    border-bottom: 3.5897vw solid transparent;
  }
}
.single__helico .p-article__article .p-figure__dialogue__box.right .p-figure__dialogue__message::before {
  left: auto;
  width: 0;
  height: 0;
  border-right: 0;
  border-right-color: currentcolor;
  border-left: 3rem solid;
  border-left-color: currentcolor;
  border-top: 0.5rem solid transparent;
  border-bottom: 2rem solid transparent;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-figure__dialogue__box.right .p-figure__dialogue__message::before {
    top: 3.8rem;
    right: -3rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-figure__dialogue__box.right .p-figure__dialogue__message::before {
    top: -3.8462vw;
    right: 7.6923vw;
    border-left: 0;
    border-left-color: currentcolor;
    border-right: 5.1282vw solid;
    border-right-color: currentcolor;
    border-top: 6.6667vw solid transparent;
    border-bottom: -3.8462vw solid transparent;
  }
}
.single__helico .p-article__article .p-figure__dialogue__message.c-yellow::before {
  border-left-color: #f9f4da !important;
  border-right-color: #f9f4da !important;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-purple::before {
  border-left-color: #e9e6f2 !important;
  border-right-color: #e9e6f2 !important;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-blue::before {
  border-left-color: #e2edf2 !important;
  border-right-color: #e2edf2 !important;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-green::before {
  border-left-color: #ecf5e9 !important;
  border-right-color: #ecf5e9 !important;
}
.single__helico .p-article__article .p-figure__dialogue__message.c-orange::before {
  border-left-color: #f4eee7 !important;
  border-right-color: #f4eee7 !important;
}
.single__helico .p-article__article .p-article__profile {
  border-radius: 0.8rem;
  border: 2px solid #231815;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-article__profile {
    padding: 3rem 4rem 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .p-article__profile {
    padding: 2rem 2.4rem 2.4rem;
  }
}
.single__helico .p-article__article .p-article__profile > dt {
  margin-bottom: 2rem;
  font-size: 1.3rem;
  font-weight: 700;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__profile > dt {
    margin-bottom: 3.8462vw;
  }
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-article__profile > dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.single__helico .p-article__article .p-profile__guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-profile__guide {
    margin-right: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .p-profile__guide {
    margin-right: 0;
    margin-bottom: 3.8462vw;
  }
}
.single__helico .p-article__article .p-profile__guideImage {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9rem;
  aspect-ratio: 90/90;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-profile__guideImage {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .p-profile__guideImage {
    margin-right: 1.6rem;
  }
}
.single__helico .p-article__article .p-profile__guideImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-profile__description {
    width: min(8.5vw, 13.6rem);
  }
}
.single__helico .p-article__article .p-profile__description > dt {
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-profile__description > dt {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .p-profile__description > dt {
    margin-bottom: 0;
  }
}
.single__helico .p-article__article .p-profile__description > dd {
  font-size: 1.1rem;
  line-height: 1.5;
  color: rgba(27, 27, 25, 0.8);
}
.single__helico .p-article__article .p-profile__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.2rem;
  line-height: 1.6;
  word-break: break-all;
}
.single__helico .p-article__article .p-profile__text > p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 0;
}
.single__helico .p-article__article .p-profile__text > p > a[target=_blank] {
  position: relative;
}
.single__helico .p-article__article .p-profile__text > p > a[target=_blank]:after {
  content: "\e91b";
  font-family: "icomoon" !important;
  margin-left: 5px;
}
.single__helico .p-article__article .p-article__l-content {
  padding: 3rem 4rem 3.4rem;
  background: #f9f4da;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__l-content {
    padding: 6.1538vw;
  }
}
.single__helico .p-article__article .p-article__l-content:has(.p-l-content__spguide) {
  margin-top: 2rem;
}
.single__helico .p-article__article .p-article__l-content > dt {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__l-content > dt {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__l-content > dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
  }
}
.single__helico .p-article__article .p-article__l-content > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.single__helico .p-article__article .p-l-content__spguide {
  display: none;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-l-content__spguide {
    width: 8rem;
    aspect-ratio: 80/80;
    overflow: hidden;
    display: block;
    margin-right: 5.1282vw;
  }
  .single__helico .p-article__article .p-l-content__spguide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-l-content__spguide + a {
    width: calc(100% - 10rem);
  }
}
.single__helico .p-article__article .p-l-content__guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-l-content__guide {
    display: none;
  }
}
.single__helico .p-article__article .p-l-content__guideImage {
  width: 9rem;
  aspect-ratio: 90/90;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.single__helico .p-article__article .p-l-content__guideImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.single__helico .p-article__article .p-l-content__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.2rem;
  line-height: 1.6;
  word-break: break-all;
}
.single__helico .p-article__article .p-article__l-content-maintext {
  margin-bottom: 2rem;
  max-height: 8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.single__helico .p-article__article .p-article__l-content-maintext > p {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
}
.single__helico .p-article__article .icon-external::before {
  content: "\e91b";
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-profile__link {
    margin-top: 1.2821vw;
  }
}
.single__helico .p-article__article .p-article__read-content {
  background: rgba(240, 228, 163, 0.4);
}
@media screen and (min-width: 1024px) {
  .single__helico .p-article__article .p-article__read-content {
    padding: 4rem 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .single__helico .p-article__article .p-article__read-content {
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__read-content {
    width: 100vw;
    overflow-x: hidden;
    margin-left: calc(50% - 50vw);
  }
}
.single__helico .p-article__article .p-article__read-content.yellow {
  background: rgba(240, 228, 163, 0.4);
}
.single__helico .p-article__article .p-article__read-content.gray {
  background: rgba(178, 191, 183, 0.25);
}
.single__helico .p-article__article .p-article__read-content.lightgray {
  background: #f7f6f5;
}
.single__helico .p-article__article .p-article__read-content__ttl {
  font-size: 1.6rem !important;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5 !important;
  margin-top: 0 !important;
  margin-bottom: 2.9rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__read-content__ttl {
    width: 87.1795vw;
    font-size: 3.8462vw !important;
    margin: 0 auto 5.8974vw;
  }
}
.single__helico .p-article__article .p-article__read-content__ttl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, #e5ce52));
  background: linear-gradient(transparent 35%, #e5ce52 35%);
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__readlink {
    width: min(87.1795vw, 34rem);
    margin-inline: auto;
  }
}
.single__helico .p-article__article .p-article__readlink__block {
  margin-bottom: 0.8rem;
  border-radius: 0.4rem;
  overflow: hidden;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.single__helico .p-article__article .p-article__readlink__img {
  width: 9rem;
  aspect-ratio: 90/90;
  overflow: hidden;
}
.single__helico .p-article__article .p-article__readlink__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.single__helico .p-article__article .p-article__readlink__txt {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0 0.5rem 2rem;
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__readlink__txt {
    width: 60%;
    font-size: 3.5897vw;
    padding: 1.2821vw 0 1.2821vw 3.8462vw;
  }
}
.single__helico .p-article__article .p-article__readlink__txt p.p-article__readlink__ttl {
  margin-top: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.64 !important;
}
.single__helico .p-article__article .c-button__arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 1.2rem;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  margin: auto;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s var(--easing-ease-in-out-cubic);
  -webkit-transition: -webkit-transform 0.3s var(--easing-ease-in-out-cubic);
  transition: transform 0.3s var(--easing-ease-in-out-cubic);
  transition: transform 0.3s var(--easing-ease-in-out-cubic), -webkit-transform 0.3s var(--easing-ease-in-out-cubic);
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .c-button__arrow {
    right: 5.1282vw;
  }
}
.single__helico .p-article__article .p-article__readlink .c-button__arrow {
  color: #000;
}
.single__helico .p-article__article .icon-arrow-right::before {
  content: "\e902";
}
.single__helico .p-article__article .p-article__credit {
  border-top: 1px dashed #6e6e6e;
  width: 100%;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__credit {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__credit {
    margin-top: 10.2564vw;
  }
}
.single__helico .p-article__article .p-article__credit__tit {
  color: #6e6e6e;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__credit__tit {
    padding-top: 4rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__credit__tit {
    font-size: 3.0769vw;
    padding-top: 7.6923vw;
  }
}
.single__helico .p-article__article .p-article__credit__txt {
  color: #6e6e6e;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__credit__txt {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__credit__txt {
    font-size: 3.0769vw;
    margin-top: 5.1282vw;
  }
}
.single__helico .p-article__article .component-faq .faqItem__Qbtn::before, .single__helico .p-article__article .component-faq .faqItem__Qbtn::after {
  background-color: #a88308;
}
.single__helico .p-article__article .component-border strong {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3e9b3), to(#f3e9b3));
  background-image: linear-gradient(#f3e9b3, #f3e9b3);
  background-size: 0 1em;
  background-position: bottom right;
  background-repeat: no-repeat;
  -webkit-transition: background-size 1s ease;
  transition: background-size 1s ease;
}
.single__helico .p-article__article .component-border.active strong {
  background-size: 100% 1em; /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left; /* 左下に配置 */
}
.single__helico .p-article__article .component-summary strong {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
  background-size: 0 1em;
  background-position: bottom right;
  background-repeat: no-repeat;
  -webkit-transition: background-size 1s ease;
  transition: background-size 1s ease;
}
.single__helico .p-article__article .component-summary.active strong {
  background-size: 100% 1em; /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left; /* 左下に配置 */
}
.single__helico .p-article__article .component-text strong {
  background: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3e9b3), to(#f3e9b3));
  background-image: linear-gradient(#f3e9b3, #f3e9b3);
  background-size: 0 1em;
  background-position: bottom right;
  background-repeat: no-repeat;
  -webkit-transition: background-size 1s ease;
  transition: background-size 1s ease;
}
.single__helico .p-article__article .component-text.active strong {
  background-size: 100% 1em; /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left; /* 左下に配置 */
}
.single__helico .p-article__article .shortcode .-hrefblank::after {
  content: none;
}
.single__helico .p-article__article .p-figure {
  text-align: center;
}
.single__helico .p-article__article .p-figure > figcaption {
  display: block;
  margin-top: 10px;
  color: rgba(27, 27, 25, 0.65);
  font-size: 13px;
  line-height: 1.61538;
  text-align: left;
}
.single__helico .p-article__article .p-figure__youtube,
.single__helico .p-article__article .p-figure__spotify,
.single__helico .p-article__article .p-figure__video {
  position: relative;
  padding-top: 56.25%;
}
.single__helico .p-article__article .p-figure__youtube > iframe,
.single__helico .p-article__article .p-figure__spotify > iframe,
.single__helico .p-article__article .p-figure__video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.single__helico .p-article__article .p-blockquote {
  padding: 35px 80px;
  position: relative;
  background: rgba(247, 246, 245, 0.5);
  border-radius: 4px;
}
.single__helico .p-article__article .p-blockquote__start,
.single__helico .p-article__article .p-blockquote__end {
  font-size: 36px;
  position: absolute;
  color: rgba(27, 27, 25, 0.08);
  line-height: 1;
}
.single__helico .p-article__article .p-blockquote__start {
  top: 20px;
  left: 20px;
}
.single__helico .p-article__article .p-blockquote__end {
  right: 20px;
  bottom: 20px;
}
.single__helico .p-article__article .p-blockquote__text {
  font-size: 16px;
  line-height: 2;
}
.single__helico .p-article__article .p-blockquote__cite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 30px;
  font-size: 12px;
  line-height: 2;
  font-style: normal;
}
.single__helico .p-article__article .p-blockquote__link {
  color: #a88308;
}
.single__helico .p-article__article .p-blockquote__link > span {
  text-decoration: underline;
}
.single__helico .p-article__article .p-blockquote__link > i {
  font-size: 9px;
  margin-left: 2px;
}
@media (min-width: 835px) {
  .single__helico .p-article__article .p-blockquote__link:hover > span {
    text-decoration: none;
  }
}
@media (max-width: 834px) {
  .single__helico .p-article__article .p-blockquote {
    padding: 40px 40px 35px;
  }
  .single__helico .p-article__article .p-blockquote__start,
  .single__helico .p-article__article .p-blockquote__end {
    font-size: 30px;
  }
  .single__helico .p-article__article .p-blockquote__start {
    top: 10px;
    left: 10px;
  }
  .single__helico .p-article__article .p-blockquote__end {
    right: 10px;
    bottom: 10px;
  }
  .single__helico .p-article__article .p-blockquote__text {
    font-size: 15px;
    line-height: 1.86667;
  }
}
.single__helico .p-article__article .p-floating {
  overflow: hidden;
  font-size: 16px;
  line-height: 2;
}
.single__helico .p-article__article .p-floating > .p-figure {
  width: 360px;
  padding-bottom: 30px;
}
.single__helico .p-article__article .p-floating[data-float=right] > .p-figure {
  float: right;
  margin-left: 40px;
}
.single__helico .p-article__article .p-floating[data-float=left] > .p-figure {
  float: left;
  margin-right: 40px;
}
@media (max-width: 834px) {
  .single__helico .p-article__article .p-floating {
    font-size: 15px;
  }
  .single__helico .p-article__article .p-floating > .p-figure {
    width: auto;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  .single__helico .p-article__article .p-floating[data-float=right] > .p-figure {
    float: none;
    margin-left: 0;
  }
  .single__helico .p-article__article .p-floating[data-float=left] > .p-figure {
    float: none;
    margin-right: 0;
  }
}
@media screen and (min-width: 750px) {
  .single__helico .p-article__article .p-article__floating {
    margin-top: 60px;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__floating {
    margin-top: 40px;
  }
}
@media screen and (max-width: 749px) {
  .single__helico .p-article__article .p-article__floating + .single__helico .p-article__article .p-article__floating {
    margin-top: 30px;
  }
}
.single__helico .p-article__article .p-article__blockquote {
  margin: 60px 0 0;
}
@media (max-width: 834px) {
  .single__helico .p-article__article .p-article__blockquote {
    margin: 44px -10px 0;
  }
}
.single__helico .p-article__article .p-index {
  padding: 30px 40px;
  border: 2px solid;
  border-radius: 8px;
  margin-top: 36px;
}
.single__helico .p-article__article .p-index > dt {
  margin-bottom: 15px;
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
}
.single__helico .p-article__article .p-index > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  line-height: 2.14286;
  counter-increment: index;
}
.single__helico .p-article__article .p-index > dd:not(:last-child) {
  margin-bottom: 2px;
}
.single__helico .p-article__article .p-index > dd::before {
  content: counter(index) ".";
  margin-top: 1px;
  margin-right: 0.125em;
  line-height: inherit;
}
.single__helico .p-article__article .p-index > dd > a {
  color: #a88308;
  text-decoration: underline;
}
@media (min-width: 835px) {
  .single__helico .p-article__article .p-index a:hover {
    text-decoration: none;
  }
}
@media (max-width: 834px) {
  .single__helico .p-article__article .p-index {
    padding: 18px 24px;
    margin-top: 20px;
  }
  .single__helico .p-article__article .p-index > dt {
    margin-bottom: 10px;
  }
  .single__helico .p-article__article .p-index > dd {
    font-size: 13px;
    line-height: 2.15385;
  }
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


スライダー

スライダー部分は
_component/_molecules/_helico_swiper.scssに

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.slide__ttl {
  position: relative;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .slide__ttl {
    margin: 10rem 0 4rem;
    padding-bottom: 3.2rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .slide__ttl {
    margin: 8rem auto 4rem;
    padding-bottom: 2.4rem;
    font-size: 2rem;
  }
}

.slide__ttl::before {
  content: "";
  height: 0.3rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #1b1b19;
}
@media screen and (min-width: 750px) {
  .slide__ttl::before {
    width: 10rem;
  }
}
@media screen and (max-width: 749px) {
  .slide__ttl::before {
    width: 6.4rem;
  }
}

/* ------------------------------
- フッター
------------------------------ */
@media screen and (min-width: 750px) {
  .footer {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 749px) {
  .footer {
    margin-top: 8rem;
  }
}