@charset "UTF-8";
/*--------------------------------------------------------------
共通でインポートモジュール
# mixinや変数の定義を行う
--------------------------------------------------------------*/
:root {
  --text-color: #000;
  --main-color: #685533;
  --sub-color: #323232;
  --bg-color: #fff;
  --border-color: #d8d8d8;
  --link-button-font-size: 1em;
  --link-color: #003279;
  --site-width: 1920px;
  --site-inline-padding: clamp(20px, -41.776px + 11.88vw, 80px);
  --site-inline-padding: clamp(1.25rem, -5.186rem + 19.8vw, 7.5rem);
  --content-width: 1200px;
  --header-height: 80px;
  --header-inline-padding: 20px;
  --menu-fsz: 16px;
  --entry-title-fsz: 20px;
  --entry-h2-fsz: 18px;
  --article-mt: 20px;
  --artilce-heading-mt: 40px;
  --news-navi-icon-size: 30px;
  --page-h2-fsz: 24px;
  --page-h3-fsz: 18px;
  --fw-medium: 500;
  --fw-regular: 400;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --line-height: 2.2;
  --base-font-size: 16px;
  --base-font-weight: var(--fw-medium);
  --base-font-family: YakuHanJP_Narrow, "Shippori Mincho", serif;
  --transition-time: 0.5s;
  --transition: var(--transition-time) ease;
  --min-viewport: 520;
  --max-viewport: 1025;
  --max-size: 80px;
  --min-size: 20px;
  /* a 傾き */
  --slope: calc((var(--max-size) - var(--min-size)) / (var(--max-viewport) - var(--min-viewport)));
  /* b 切片 */
  --intercept: calc(var(--min-size) - var(--slope) * var(--min-viewport));
  /* y = ax + b */
  --fluid-size: calc(var(--slope) * 100vw + var(--intercept) / 16 * 1rem);
  /* clamp( 最小サイズ , 可変サイズ , 最大サイズ) */
  --clamp-size: clamp(var(--min-size) / 16 * 1rem, var(--fluid-size), var(--max-size) / 16 * 1rem);
}
@media screen and (min-width: 1025px) {
  :root {
    --entry-title-fsz: 26px;
    --entry-h2-fsz: 20px;
    --article-mt: 20px;
    --news-navi-icon-size: 40px;
    --artilce-heading-mt: 50px;
    --page-h2-fsz: 40px;
    --page-h3-fsz: 22px;
    --site-inline-padding: 50px;
  }
}
@media screen and (min-width: 1025px) {
  :root {
    --header-height: 100px;
    --menu-fsz: 18px;
    --header-inline-padding: 25px 25px;
  }
}
@media screen and (min-width: 1367px) {
  :root {
    --content-width: 1366px;
  }
}
@media screen and (min-width: 1500px) {
  :root {
    --site-inline-padding: 0;
  }
}

html,
body,
div,
span,
object,
iframe,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
b,
i,
a,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  word-break: normal;
  line-break: strict;
  word-wrap: normal;
  word-break: normal;
  line-height: inherit;
}

textarea,
input[type=button],
input[type=text],
input[type=image],
input[type=submit] {
  -webkit-appearance: none;
  word-break: normal;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

* {
  outline: none;
}

body {
  font-size: 15px;
  word-break: break-all;
  -webkit-text-size-adjust: none;
}

* html body {
  font-size: small;
  font: x-small;
}

*:first-child + html body {
  font-size: small;
  font: x-small;
}

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

ul,
dl {
  text-indent: 0;
}

ul li {
  list-style: none;
}

ol li {
  list-style: decimal;
}

ol ul li {
  list-style: none;
}

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

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

* html input,
* html textarea,
* html select {
  font-size: 100%;
}

*:first-child + html + input,
*:first-child html + textarea,
*:first-child + html select {
  font-size: 100%;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: inherit;
  font: 100%;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

caption {
  text-align: left;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
}

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
  font-size: 108%;
  line-height: 100%;
}

*:first-child + html pre,
*:first-child html + code,
*:first-child html + kbd,
*:first-child + html + samp,
*:first-child + html tt {
  font-size: 108%;
  line-height: 100%;
}

input,
select,
textarea {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif;
  margin: 0;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  line-height: inherit;
}

figure {
  line-height: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  backface-visibility: hidden;
}

input,
textarea {
  border-radius: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

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

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  filter: brightness(105%);
}
@media  {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

body {
  font-family: var(--base-font-family);
  font-size: var(--base-font-size, 16px);
  line-height: var(--line-height, 1.8);
  font-weight: var(--base-font-weight, 500);
  color: var(--text-color);
}

.is_serif_light {
  font-family: YakuHanJP_Narrow, "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.is_serif_regular {
  font-family: YakuHanJP_Narrow, "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.is_serif_medium {
  font-family: YakuHanJP_Narrow, "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.is_serif_bold {
  font-family: YakuHanJP_Narrow, "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.is_serif_black {
  font-family: YakuHanJP_Narrow, "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.is_sans_regular {
  font-family: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.is_sans_medium {
  font-family: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.is_sans_bold {
  font-family: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.is_sans_black {
  font-family: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.is_garamond,
.eb-garamond-medium {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

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

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

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

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

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

@media screen and (max-width: 1024px) {
  .is-pc {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .is-mobile {
    display: none !important;
  }
}

.section_pb_tb {
  padding-block: 30px 25px;
}
@media screen and (min-width: 1025px) {
  .section_pb_tb {
    padding-block: 70px;
  }
}

.pd_tb_m {
  padding-top: 40px;
  padding-bottom: 120px;
}
@media screen and (min-width: 1025px) {
  .pd_tb_m {
    padding-top: 70px;
    padding-bottom: 200px;
  }
}

.pd_tb_s {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (min-width: 1025px) {
  .pd_tb_s {
    padding-top: 80px;
    padding-bottom: 160px;
  }
}

.is_align_center {
  margin-inline: auto;
  display: block;
}

@media screen and (min-width: 1025px) {
  .is_align_left {
    float: right;
    margin-inline: 1.7em 0;
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 1025px) {
  .is_align_right {
    float: left;
    margin-inline: 0 1.7em;
    margin-bottom: 1em;
  }
}

.mt_s {
  margin-top: 15px;
}
@media screen and (min-width: 1025px) {
  .mt_s {
    margin-top: 30px;
  }
}

.mt_m {
  margin-top: 40px !important;
}
@media screen and (min-width: 1025px) {
  .mt_m {
    margin-top: 80px !important;
  }
}

.ly_siteHeader {
  width: 100%;
  z-index: 15;
  background-color: transparent;
  transition: background-color 0.2s ease;
  position: fixed;
}
.is_open .ly_siteHeader, .is_scrolled .ly_siteHeader {
  background-color: rgba(0, 0, 0, 0.8);
}

.ly_siteHeader_content {
  display: flex;
  justify-content: space-between;
  transition: height var(--transition), padding-right var(--transition);
  height: var(--header-height);
  width: 100%;
  max-width: var(--site-width);
  margin-inline: auto;
  padding-inline: var(--header-inline-padding);
  position: relative;
  gap: 15px;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_content {
    align-items: flex-start;
  }
  .is_scrolled .ly_siteHeader_content {
    --header-height: 70px;
    align-items: center;
    padding-right: 0;
  }
}
.ly_siteHeader_content .header_logo_image {
  width: 180px;
  margin-top: 0;
  margin-right: 11px;
  transition: all var(--transition);
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_content .header_logo_image {
    width: 260px;
    margin-top: 25px;
  }
  .is_scrolled .ly_siteHeader_content .header_logo_image {
    width: 150px;
    margin-top: 0;
  }
}
.ly_siteHeader_content .bl_header_title {
  padding-inline: 10px;
}

.ly_siteHeader_nav {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav {
    margin-block: 30px 0;
    margin-inline: auto 15px;
  }
}

.ly_header_nav {
  margin-inline: auto;
  max-width: var(--site-width);
}
@media screen and (min-width: 1025px) {
  .ly_header_nav {
    display: flex;
    justify-content: space-around;
  }
}

.ly_fixed_header {
  margin-top: 0;
}
.ly_fixed_header .ly_siteHeader {
  position: fixed;
  top: 0;
  left: 0;
}
.ly_fixed_header.admin-bar {
  margin-top: 0;
}
.ly_fixed_header.admin-bar .ly_siteHeader {
  top: 32px;
}

@media screen and (max-width: 1024px) {
  .ly_mainVisual {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

.ly_breadcrumb {
  display: flex;
  max-width: var(--content-width);
  margin-inline: auto;
  margin-block: 10px;
  padding-inline: var(--site-inline-padding);
}

.ly_content_header {
  margin-inline: auto;
  max-width: var(--site-width);
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--content-header-height, 150px);
  padding: 20px;
}

.ly_siteMain {
  margin-inline: auto;
  width: 100%;
  overflow: hidden;
}

.ly_mainContent {
  max-width: var(--site-width);
  margin-inline: auto;
}

.ly_pageHeader {
  background-color: #000;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--site-inline-padding);
  padding-block: 70px 20px;
  color: var(--main-color);
  min-height: 250px;
  background-image: url(../images/header/page-header-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 1025px) {
  .ly_pageHeader {
    padding-block: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .ly_pageHeader {
    height: 350px;
  }
}

.ly_article {
  margin-inline: auto;
}
.ly_article .bl_postThumbnail {
  margin-bottom: var(--article-mt);
}
.ly_article .bl_article_content {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--site-inline-padding);
}
.ly_article .bl_article_content > * + * {
  margin-top: var(--article-mt);
}
.ly_article .bl_article_content > * + h2,
.ly_article .bl_article_content > * + h3,
.ly_article .bl_article_content > * + h4,
.ly_article .bl_article_content > * + h5,
.ly_article .bl_article_content > * + h6 {
  margin-top: var(--artilce-heading-mt);
}

.ly_siteFooter {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--main-color);
}
.ly_siteFooter .bl_siteFooter {
  padding-inline: var(--site-inline-padding);
  max-width: var(--content-width);
  width: 100%;
}

.ly_footerCTA {
  border-top: 1px solid var(--main-color);
}
.bl_article_content .ly_footerCTA {
  border-top: none;
  border-bottom: 1px solid var(--main-color);
  --article-mt: 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.ly_inner_content {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--site-inline-padding);
}

.ly_pc2colsp1col {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1025px) {
  .ly_pc2colsp1col {
    grid-template-columns: 1fr 1fr;
  }
}

article.not_found {
  grid-column: 1/-1;
  text-align: center;
}

body {
  background-image: url(../images/common/bg-site.webp);
  background-repeat: repeat;
  background-size: 50%;
}

.bl_button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: var(--link-button-bg);
  color: var(--link-button-color);
  font-size: var(--link-button-font-size);
  transition: color 0.3s ease, background-color 0.3s ease;
}
.bl_button:before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-style: solid solid none none;
  border-width: 2px;
  border-color: inherit;
  transform: rotate(45deg);
  margin-right: 6px;
}
@media (hover: hover) {
  .bl_button:hover {
    background-color: var(--link-button-hover-bg);
    color: var(--link-button-hover-color);
  }
}

.el_arrow {
  display: inline-flex;
  align-items: center;
  font-size: 1.1em;
}
.el_arrow::before {
  content: "";
  display: inline-block;
  position: relative;
  width: var(--el-arrow-size, 0.625em);
  height: var(--el-arrow-size, 0.625em);
  background-color: transparent;
  border-style: solid solid none none;
  border-width: 2px;
  transform: rotate(45deg);
  transform-origin: center;
}

.el_arrow__left {
  margin-left: 5px;
}

.el_arrow__right {
  margin-right: 5px;
}
.el_arrow__right::before {
  border-style: none none solid solid;
}

.el_arrowButton {
  display: flex;
  align-items: center;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  width: -moz-fit-content;
  width: fit-content;
  gap: 13px;
  letter-spacing: 0.1em;
  line-height: 1;
  font-weight: var(--fw-regular);
  white-space: nowrap;
  position: relative;
  font-size: 12px;
  height: 24px;
  padding-inline: 0 15px;
}
@media screen and (min-width: 1025px) {
  .el_arrowButton {
    padding-inline: 0 33px;
    height: 50px;
    font-size: 16px;
  }
}
.el_arrowButton span {
  transition: opacity var(--transition);
}

.wp-block-buttons.is-style-page-footer-button a::before,
.bl_cta_innner::before,
.el_arrowButton::before {
  content: "";
  aspect-ratio: 1/1;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border-radius: 100%;
  transition: transform var(--transition);
  width: 24px;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button a::before,
  .bl_cta_innner::before,
  .el_arrowButton::before {
    right: 25px;
    width: 48px;
  }
}
.wp-block-buttons.is-style-page-footer-button a::after,
.bl_cta_innner::after,
.el_arrowButton::after {
  content: "";
  background-image: url(../images/common/circle-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 6px;
  right: 1px;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button a::after,
  .bl_cta_innner::after,
  .el_arrowButton::after {
    width: 51px;
    height: 14px;
    right: 1px;
  }
}
@media (hover: hover) {
  .wp-block-buttons.is-style-page-footer-button a:hover span,
  .bl_cta_innner:hover span,
  .el_arrowButton:hover span {
    opacity: 0.7;
  }
  .wp-block-buttons.is-style-page-footer-button a:hover::before,
  .bl_cta_innner:hover::before,
  .el_arrowButton:hover::before {
    transform: translateY(-50%) scale(1.1);
  }
}

.el_btn_lineArrow {
  border: 1px solid;
  display: flex;
  min-height: 76px;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 1.4;
  gap: 0;
  justify-content: space-between;
  width: 100%;
  max-width: 385px;
  transition: background-color var(--transition-time);
  padding: 20px;
  white-space: nowrap;
}
@media screen and (min-width:520px) {
  .el_btn_lineArrow {
    padding: 21px;
  }
}
@media screen and (min-width: 1025px) {
  .el_btn_lineArrow {
    padding-inline: 38px;
  }
}
.el_btn_lineArrow::after {
  content: "";
  width: 45px;
  height: 8px;
  background-image: url(../images/button-arrow-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width:520px) {
  .el_btn_lineArrow::after {
    width: 90px;
    height: 12px;
  }
}
@media (hover: hover) {
  .el_btn_lineArrow:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

.el_moreLink > span,
.el_moreLink a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 230px;
  padding: 10px 0px 10px 25px;
  line-height: 1.8;
  text-decoration: none;
  color: var(--main-color);
  transition: 0.3s ease-in-out;
  font-weight: 500;
  --morelink-radius: 3rem;
  --moreLink-arrow-left: 1.2rem;
  --moreLink-arrow-top: 1.1rem;
}
.el_moreLink > span:before, .el_moreLink > span:after,
.el_moreLink a:before,
.el_moreLink a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
}
.el_moreLink > span:before,
.el_moreLink a:before {
  content: "";
  background-image: url(../images/more_button_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 13px;
  left: var(--moreLink-arrow-left);
  top: var(--moreLink-arrow-top);
  z-index: 2;
  transition: all 0.3s;
}
.el_moreLink > span:after,
.el_moreLink a:after {
  left: 0;
  background: var(--main-color);
  z-index: 1;
  width: var(--morelink-radius);
  height: var(--morelink-radius);
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.el_moreLink > span span,
.el_moreLink a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
}
@media (hover: hover) {
  .el_moreLink > span:hover span,
  .el_moreLink a:hover span {
    color: #fff;
  }
  .el_moreLink > span:hover:before,
  .el_moreLink a:hover:before {
    left: 2.5rem;
  }
  .el_moreLink > span:hover:after,
  .el_moreLink a:hover:after {
    right: 0;
    width: 100%;
    background: var(--main-color);
  }
}

.bl_postThumbnail img {
  filter: none;
}

.el_linkButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  color: #fff;
  background-color: #000;
  letter-spacing: 0.1em;
  line-height: 1.4;
  font-weight: var(--fw-semi-bold);
  padding-inline: 12px 15px;
  padding-block: 15px;
  width: 100%;
  font-size: 14px;
  transition: opacity var(--transition-time) ease;
  white-space: nowrap;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .el_linkButton {
    font-size: 16px;
    height: 50px;
  }
}
@media (hover: hover) {
  .el_linkButton:hover {
    opacity: 0.7;
  }
}

.bl_columns {
  display: grid;
  --columns: 1;
  grid-template-columns: repeat(var(--columns, 3), 1fr);
  gap: 30px;
}
@media screen and (min-width: 1025px) {
  .bl_columns {
    --columns: 2;
  }
}

.bl_mediaText {
  display: grid;
}
@media screen and (min-width: 1025px) {
  .bl_mediaText {
    grid-template-columns: 1fr 1fr;
  }
}

.el_linkWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
@media (hover: hover) {
  .el_linkWrapper:hover + .bl_cta_innner::before {
    transform: translateY(-50%) scale(1.1);
  }
}

.alignfull,
section.full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.wp-block-group__inner-container,
.bl_section_inner {
  max-width: var(--content-width);
  padding-inline: var(--site-inline-padding);
  margin-inline: auto;
}

.no_news p {
  text-align: center;
  margin: 100px;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text h2 {
  --page-h2-fsz: 20px;
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text h2 {
    --page-h2-fsz: 30px;
  }
}
.wp-block-media-text h3 {
  --page-h3-fsz: 20px;
  color: var(--main-color);
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text h3 {
    --page-h3-fsz: 30px;
  }
}
.wp-block-media-text h3 + p {
  margin-top: 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text h3 + p {
    margin-top: 40px;
    font-size: 16px;
    letter-spacing: 0.15em;
    line-height: 2.125;
  }
}

.el_siteHeader_logo {
  margin-right: auto;
}
.el_siteHeader_logo a {
  display: flex;
}

.ly_siteHeader_nav_slide {
  visibility: hidden;
  position: fixed;
  top: var(--header-height);
  right: 0;
  width: 100%;
  height: calc(100% - var(--header-height));
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  padding-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline: 20px;
  transform: translateX(110%);
  transition: all var(--transition-time) ease;
}
.is_open .ly_siteHeader_nav_slide {
  transform: translateX(0);
  visibility: visible;
  z-index: 9;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav {
  letter-spacing: 0.04em;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 30px;
  max-width: 480px;
  margin-inline: auto;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li {
  letter-spacing: 0.06em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #fff;
  font-size: 16px;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li:nth-last-child(2), .ly_siteHeader_nav_slide .bl_siteHeader_nav li:last-child {
  border-bottom: none;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li a {
  padding-block: 24px;
  padding-inline: 10px;
  font-weight: 500;
  color: #fff;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li .sub-menu {
  width: 100%;
  display: none;
  padding-left: 10px;
  padding-top: 0;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li figure {
  display: none;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li.el_slideMenu_button {
  margin-top: 6px;
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav_slide .bl_siteHeader_nav li.el_slideMenu_button {
    display: none;
  }
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li.el_slideMenu_button a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: var(--main-color);
  color: #fff;
  flex-direction: column;
  line-height: 1.25;
  gap: 3px;
}
.ly_siteHeader_nav_slide .bl_siteHeader_nav li.el_slideMenu_button a span {
  font-size: 0.7em;
}

.ly_siteHeader_nav {
  transition: all var(--transition);
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 150px;
}
@media screen and (max-width: 1024px) {
  .ly_siteHeader_nav {
    display: none;
  }
}
.is_scrolled .ly_siteHeader_nav {
  opacity: 0;
  visibility: hidden;
}
.ly_siteHeader_nav .bl_siteHeader_nav {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1024px) {
  .ly_siteHeader_nav .bl_siteHeader_nav {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 30px;
    max-width: 480px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li {
    letter-spacing: 0.06em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #fff;
    font-size: 16px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li:last-child {
    border-bottom: none;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li a {
    padding-block: 24px;
    padding-inline: 10px;
    font-weight: 500;
    color: #fff;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li .sub-menu {
    width: 100%;
    display: none;
    padding-left: 10px;
    padding-top: 0;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li figure {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav .bl_siteHeader_nav {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-inline: auto;
    min-height: 50px;
    gap: 10px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li:hover > .sub-menu {
    display: block;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu {
    position: initial;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu::before {
    content: "";
    width: 100%;
    height: calc(100vw - 100px);
    position: absolute;
    top: 100px;
    left: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition);
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu:hover::before {
    visibility: visible;
    opacity: 0.3;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu:hover > a {
    padding-block: 40px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu:hover > .sub-menu {
    display: grid;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu {
    max-width: 1300px;
    width: 66vw;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: clamp(10px, -19.942px + 2.924vw, 20px);
         column-gap: clamp(10px, -19.942px + 2.924vw, 20px);
    row-gap: clamp(25px, -11.986px + 2.708vw, 40px);
    left: 50%;
    transform: translateX(-50%);
    min-width: auto;
    padding-inline: clamp(30px, -68.628px + 7.22vw, 70px);
    padding-top: clamp(25px, -36.643px + 4.513vw, 50px);
    padding-bottom: clamp(15px, -21.986px + 2.708vw, 30px);
    border-radius: 30px;
    top: 90px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu::before {
    content: "FKKフレシネー工法とは";
    font-size: clamp(25px, 16.018px + 0.877vw, 28px);
    color: var(--main-color);
    grid-column: 1/-1;
    line-height: 1;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1367px) {
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu::before {
    font-size: clamp(28px, -1.588px + 2.166vw, 40px);
  }
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li figure {
    overflow: hidden;
    border-radius: 10px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li figure a {
    padding: 0;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li figure img {
    transition: all var(--transition);
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li > a {
    padding-block: clamp(10px, -4.794px + 1.083vw, 16px);
    padding-inline: 0 7px;
    font-size: clamp(12px, 3.018px + 0.877vw, 15px);
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    color: var(--main-color);
    transition: color var(--transition);
  }
}
@media screen and (min-width: 1025px) and (min-width: 1367px) {
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li > a {
    font-size: clamp(15px, 2.64px + 0.904vw, 20px);
  }
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li > a::after {
    content: "";
    content: "";
    background-image: url(../images/header/menu_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 7px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li:hover > a {
    opacity: 0.7;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu > .sub-menu li:hover figure img {
    transform: scale(1.1);
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.mega_menu.menu_company > .sub-menu::before {
    content: "会社情報";
  }
  .ly_siteHeader_nav .bl_siteHeader_nav a {
    transition: color 0.5s ease;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav li.current-menu-item > a {
    color: #fff;
    font-weight: var(--fw-black);
  }
  .ly_siteHeader_nav .bl_siteHeader_nav > li {
    width: auto;
    position: relative;
    font-size: var(--menu-fsz);
    padding-inline: 7px;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav > li > a {
    color: #fff;
    display: flex;
    position: relative;
    transition: opacity var(--transition-time);
    font-size: clamp(12px, 4.889px + 0.694vw, 16px);
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
    line-height: 1.45;
    max-height: 120px;
    height: 220px;
    min-width: 1em;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1500px) {
  .ly_siteHeader_nav .bl_siteHeader_nav > li > a {
    white-space: nowrap;
    max-height: none;
  }
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav .bl_siteHeader_nav > li > a:hover {
    opacity: 0.7;
  }
  .ly_siteHeader_nav .bl_siteHeader_nav > li.el_header_button a {
    writing-mode: horizontal-tb;
    background-color: var(--main-color);
    color: #fff;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1499px) {
  .ly_siteHeader_nav .bl_siteHeader_nav > li:nth-child(2) {
    width: 2.9em;
  }
}
@media screen and (min-width: 1025px) {
  .ly_siteHeader_nav .bl_siteHeader_nav .sub-menu {
    display: none;
    position: absolute;
    background-color: var(--global-submenu-bg, #fff);
    min-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 8px 30px 0px rgba(167, 167, 167, 0.3);
  }
  .ly_siteHeader_nav .bl_siteHeader_nav .sub-menu a {
    color: var(--text-color);
    display: flex;
    align-items: center;
    padding: 0.8em 1em;
    white-space: nowrap;
  }
}

a.el_header_button {
  width: 120px;
  height: 120px;
  background-color: var(--main-color);
  color: #fff;
  margin-block: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  gap: 7px;
  transition: all var(--transition);
}
@media screen and (max-width: 1024px) {
  a.el_header_button {
    display: none;
  }
}
@media (hover: hover) {
  a.el_header_button:hover {
    background-color: #fff;
    color: var(--main-color);
  }
}
.is_scrolled a.el_header_button {
  height: 70px;
  margin-block: 0;
}

.el_siteHeader_mobile {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .el_siteHeader_mobile {
    display: none;
  }
}
.el_siteHeader_mobile .el_linkButton {
  padding-left: 30px;
}
.el_siteHeader_mobile .el_linkButton::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  left: 25px;
}

/* スライドメニューボタン */
.bl_menuToggleButton {
  z-index: 10;
  background-color: #000;
  transition: all var(--transition-time) ease;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  width: 70px;
  height: 50px;
  /*ボタン内側*/
}
@media screen and (min-width: 1025px) {
  body:not(.is_scrolled) .bl_menuToggleButton {
    display: none;
  }
}
.bl_menuToggleButton .openbtn1 {
  position: relative; /*ボタン内側の基点となるためrelativeを指定*/
  width: 35px;
  height: 14px;
}
.bl_menuToggleButton .openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  height: 1px;
  background: #fff;
  width: 100%;
}
.bl_menuToggleButton .openbtn1 span:nth-of-type(1) {
  top: 0;
}
.bl_menuToggleButton .openbtn1 span:nth-of-type(2) {
  top: 14px;
  display: none;
}
.bl_menuToggleButton .openbtn1 span:nth-of-type(3) {
  top: 12px;
  width: 16px;
  left: auto;
  right: 0;
}
.bl_menuToggleButton.is_open .openbtn1 span:nth-of-type(1) {
  transform: translateY(6px) rotate(-45deg);
}
.bl_menuToggleButton.is_open .openbtn1 span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-btn05-bar02 0.8s forwards;
}
.bl_menuToggleButton.is_open .openbtn1 span:nth-of-type(3) {
  transform: translateY(-6px) rotate(45deg);
  width: 35px;
}

@keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
body.is_open {
  overflow: hidden;
}

.global-menu-toggle {
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .global-menu-toggle {
    display: none;
  }
}
.global-menu-toggle:before {
  content: "";
  border-style: solid solid none none;
  border-width: 1px;
  display: block;
  width: 15px;
  height: 15px;
  transform: translateY(15px) rotate(135deg);
  transform-origin: center;
  transition: transform var(--transition-time) ease;
}
.global-menu-toggle.is-open::before {
  transform: translateY(24px) rotate(315deg);
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: all var(--transition-time);
}
.is_open .overlay {
  z-index: 1;
  background-color: #000;
  opacity: 0.5;
  visibility: visible;
}

.bl_breadcrumb_wrapper {
  background-color: var(--site-bg-color);
  color: var(--text-color);
}

.bl_breadcrumb {
  letter-spacing: 0.06em;
  overflow-x: auto;
  font-size: 12px;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.bl_breadcrumb::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}
@media screen and (min-width: 1025px) {
  .bl_breadcrumb {
    font-size: 12px;
  }
}
.bl_breadcrumb li {
  padding-block: 5px;
  list-style: none;
  white-space: nowrap;
  color: var(--main-color);
}
.bl_breadcrumb li a {
  color: var(--text-color);
}
.bl_breadcrumb li + li::before {
  content: ">";
  padding-inline: 5px;
  color: var(--text-color);
}
.bl_breadcrumb a {
  transition: opacity var(--transition-time);
}
@media (hover: hover) {
  .bl_breadcrumb a:hover {
    opacity: 0.7;
  }
}

.bl_page_title {
  color: #fff;
  font-size: 25px;
  letter-spacing: 0.3em;
  line-height: 1.5;
  font-weight: var(--fw-semi-bold);
}
@media screen and (min-width: 1025px) {
  .bl_page_title {
    line-height: 2;
    font-size: 40px;
  }
}
.bl_page_title span {
  white-space: nowrap;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: var(--fw-regular);
  letter-spacing: 0.2em;
}

.page .bl_article_content {
  font-weight: var(--fw-regular);
}
.page .bl_article_content p {
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page .bl_article_content p.has-text-align-center {
    text-align: left;
  }
}
.page .bl_article_content p a {
  color: var(--main-color);
  transition: opacity var(--transition-time) ease;
}
@media (hover: hover) {
  .page .bl_article_content p a:hover {
    opacity: 0.7;
  }
}
.page .bl_article_content h2 {
  color: var(--text-color);
  font-size: var(--page-h2-fsz);
  font-weight: var(--fw-bold);
  position: relative;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content h2 {
    letter-spacing: 0.2em;
  }
}
.page .bl_article_content h3 {
  --page-h3-fsz: 18px;
  font-optical-sizing: auto;
  font-size: var(--page-h3-fsz);
  background-color: #5d4b2f;
  color: #fff;
  padding: 10px 20px;
  display: flex;
  line-height: 1.35;
  letter-spacing: 0.2em;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content h3 {
    line-height: 1.75;
    padding-inline: 20px;
    padding-block: clamp(10px, -13.953px + 2.339vw, 18px);
    --page-h3-fsz: 24px;
  }
}
.page .bl_article_content h4 {
  color: var(--main-color);
  font-weight: var(--fw-bold);
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content h4 {
    font-size: 24px;
  }
}
.page .bl_article_content h3 + h4 {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content h3 + h4 {
    margin-top: 30px;
  }
}
.page .bl_article_content h2 + p.is-style-strongify {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content h2 + p.is-style-strongify {
    margin-top: 42px;
  }
}
.page .bl_article_content p.is-style-strongify + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content p.is-style-strongify + p {
    margin-top: 30px;
  }
}
.page .bl_article_content table {
  width: 100%;
}
.page .bl_article_content table th,
.page .bl_article_content table td {
  padding-block: 18px;
  padding-inline: 8px;
  border-color: #a7a7a7;
  border-width: 1px;
  border-style: none none solid;
  letter-spacing: 0.1em;
  line-height: 1.75;
  font-weight: var(--fw-regular);
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content table th,
  .page .bl_article_content table td {
    font-size: 16px;
    padding-block: 20px;
    padding-inline: 24px;
  }
}
.page .bl_article_content table td {
  background-color: #fff;
}
.page .bl_article_content table td:first-child,
.page .bl_article_content table th {
  color: #fff;
  background-color: var(--main-color);
  width: 30%;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content table td:first-child,
  .page .bl_article_content table th {
    width: 240px;
  }
}
.page .bl_article_content table tr:last-child th,
.page .bl_article_content table tr:last-child td {
  border-bottom: none;
}
.page .bl_article_content figure.wp-block-table {
  margin-bottom: 0;
  margin-top: 40px;
}
.page .bl_article_content section {
  --article-mt: 0;
}
.page .bl_article_content section.full-width {
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.page .bl_article_content section > * + * {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content section > * + * {
    margin-top: 40px;
  }
}
.page .bl_article_content section > .is_align_left + *,
.page .bl_article_content section > .is_align_right + *,
.page .bl_article_content section > h3 + *,
.page .bl_article_content section > h2 + * {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content section > .is_align_left + *,
  .page .bl_article_content section > .is_align_right + *,
  .page .bl_article_content section > h3 + *,
  .page .bl_article_content section > h2 + * {
    margin-top: 30px;
  }
}
.page .bl_article_content section > * + h2 {
  margin-top: 60px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content section > * + h2 {
    margin-top: 80px;
  }
}
.page .bl_article_content section > * + h3 {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .page .bl_article_content section > * + h3 {
    margin-top: 60px;
  }
}
.page .bl_article_content .is_style_disc {
  padding-left: 1.3em;
}
.page .bl_article_content .is_style_disc li {
  list-style: disc;
}
.page .bl_article_content .wp-block-column iframe {
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .bl_potential .wp-block-media-text {
    gap: clamp(40px, -139.649px + 17.544vw, 100px) !important;
  }
}
@media screen and (min-width: 1367px) {
  .bl_potential .wp-block-media-text {
    gap: 146px !important;
  }
}

section.bl_tradition {
  background-image: url(../images/common/bg-black.webp);
  background-repeat: repeat;
  --text-color: #fff;
  padding-block: 50px 60px;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition {
    padding-block: 75px 84px;
  }
}
section.bl_tradition > div.wp-block-group__inner-container {
  max-width: 1728px;
}
section.bl_tradition .wp-block-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition .wp-block-columns {
    gap: 50px;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
  }
}
section.bl_tradition .wp-block-column {
  position: relative;
}
section.bl_tradition .wp-block-image {
  margin-bottom: 0;
}
section.bl_tradition h3.wp-block-heading {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #5d4b2f;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 160/150;
  font-weight: var(--fw-bold);
  width: 80px;
  --page-h3-fsz: 14px;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition h3.wp-block-heading {
    width: 160px;
    --page-h3-fsz: 30px;
  }
}
section.bl_tradition h3.wp-block-heading strong {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: var(--fw-regular);
  font-size: 10px;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition h3.wp-block-heading strong {
    font-size: 14px;
  }
}
section.bl_tradition p {
  letter-spacing: 0.1em;
  line-height: 2.14;
  color: #fff;
  text-align: left;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition p {
    text-align: center;
    font-size: 14px;
  }
}
section.bl_tradition p p + p {
  margin-top: 20px;
}
section.bl_tradition p.has-medium-font-size {
  font-weight: var(--fw-bold);
  letter-spacing: 0.2em;
  --wp--preset--font-size--medium: 24px;
  margin-top: 8px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  section.bl_tradition p.has-medium-font-size {
    margin-top: 28px;
  }
}
section.bl_tradition .wp-block-buttons {
  margin-top: 30px;
}
section.bl_tradition .wp-block-buttons a.wp-block-button__link.wp-element-button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 100px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 310px;
  min-height: 48px;
  position: relative;
  transition: opacity var(--transition);
}
section.bl_tradition .wp-block-buttons a.wp-block-button__link.wp-element-button::after {
  content: "";
  background-image: url(../images/common/circle-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 10px;
  right: -24px;
  transition: right var(--transition);
}
@media (hover: hover) {
  section.bl_tradition .wp-block-buttons a.wp-block-button__link.wp-element-button:hover {
    opacity: 0.7;
  }
  section.bl_tradition .wp-block-buttons a.wp-block-button__link.wp-element-button:hover::after {
    right: -30px;
  }
}

section.bl_oneStop {
  padding-block: 30px 40px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  section.bl_oneStop {
    padding-block: 120px 90px;
  }
}
section.bl_oneStop::after {
  content: "";
  background-image: url(../images/page/bg-ordermade.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 38px;
  right: 0;
  aspect-ratio: 921/934;
  width: 90vw;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  section.bl_oneStop::after {
    width: 921px;
  }
}
section.bl_oneStop .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
}
section.bl_oneStop .wp-block-group__inner-container h2 + p {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media screen and (min-width: 1025px) {
  section.bl_oneStop .wp-block-group__inner-container h2 + p {
    margin-top: 50px;
    font-size: 16px;
    line-height: 2.5;
    letter-spacing: 0.2em;
  }
}
section.bl_oneStop .wp-block-group__inner-container h3.wp-block-heading.has-text-align-center {
  color: var(--main-color);
  background-color: transparent;
  --page-h3-fsz: 18px;
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 23px;
  padding: 0;
}
@media screen and (min-width: 1025px) {
  section.bl_oneStop .wp-block-group__inner-container h3.wp-block-heading.has-text-align-center {
    margin-top: 70px;
    --page-h3-fsz: 24px;
  }
}
section.bl_oneStop .wp-block-group__inner-container h3.wp-block-heading.has-text-align-center::after, section.bl_oneStop .wp-block-group__inner-container h3.wp-block-heading.has-text-align-center:before {
  content: "";
  height: 1px;
  background-color: #959595;
  opacity: 0.6;
  display: block;
}

.is-style-orderMade-flow {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.5s cubic-bezier(0.37, 0, 0.63, 1);
}
.is-style-orderMade-flow.is-animated {
  clip-path: inset(0 0 0 0);
}

section.bl_manTec h2 + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  section.bl_manTec h2 + p {
    margin-top: 40px;
  }
}
section.bl_manTec p + .wp-block-media-text {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  section.bl_manTec p + .wp-block-media-text {
    margin-top: 60px;
  }
}
section.bl_manTec .wp-block-media-text {
  display: flex !important;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  section.bl_manTec .wp-block-media-text {
    gap: 4%;
    display: grid !important;
    grid-template-columns: 44% 1fr;
  }
}
section.bl_manTec .wp-block-media-text.has-media-on-the-right {
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  section.bl_manTec .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 44%;
  }
}
section.bl_manTec .wp-block-media-text + .wp-block-media-text {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  section.bl_manTec .wp-block-media-text + .wp-block-media-text {
    margin-top: 42px;
  }
}

.el_moreLink.is_go_home {
  --article-mt: 80px;
  width: 210px;
  margin-inline: auto;
}

.el_solution_column {
  gap: 40px;
}
@media screen and (min-width: 1025px) {
  .el_solution_column {
    gap: 40px;
  }
}
.el_solution_column p {
  font-weight: var(--fw-medium);
  letter-spacing: 0.15em;
  line-height: 2.125;
}

.wp-block-media-text.el_solution_flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .wp-block-media-text.el_solution_flow figure.wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-media-text.el_solution_flow .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text.el_solution_flow {
    grid-template-columns: 1fr 37.9%;
    gap: 50px;
  }
}
.wp-block-media-text.el_solution_flow ol.wp-block-list {
  counter-reset: solution-flow;
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li {
  counter-increment: solution-flow;
  list-style: none;
  position: relative;
  flex-direction: column;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  line-height: 1.75;
  padding-inline: 60px 20px;
  padding-block: 15px;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text.el_solution_flow ol.wp-block-list li {
    padding-inline: 108px 35px;
    padding-block: 27px;
    font-size: 16px;
  }
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li:nth-child(odd) {
  background-color: #d2d2c0;
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li:last-child::after {
  display: none;
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li::before {
  content: counter(solution-flow, decimal-leading-zero);
  color: #5d4b2f;
  text-align: center;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: var(--fw-regular);
  font-size: 34px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text.el_solution_flow ol.wp-block-list li::before {
    left: 35px;
    font-size: 40px;
  }
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li::after {
  content: "";
  width: 1px;
  height: 49px;
  background-color: #5d4b2f;
  position: absolute;
  bottom: -25px;
  left: 33px;
  z-index: 2;
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text.el_solution_flow ol.wp-block-list li::after {
    left: 56px;
  }
}
.wp-block-media-text.el_solution_flow ol.wp-block-list li .sme-text-color {
  font-size: 22px;
}
@media screen and (min-width: 1025px) {
  .wp-block-media-text.el_solution_flow ol.wp-block-list li .sme-text-color {
    font-size: 22px;
  }
}

.el_solution_flowList {
  margin-top: 20px;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .el_solution_flowList {
    margin-top: 53px;
  }
}
@media screen and (min-width: 1025px) {
  .el_solution_flowList {
    grid-template-columns: repeat(3, 1fr);
  }
}
.el_solution_flowList li {
  background-color: #232323;
  color: #fff;
  font-weight: var(--fw-semi-bold);
  letter-spacing: 0.2em;
  line-height: 1.75;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-height: 60px;
  width: 100%;
  position: relative;
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .el_solution_flowList li {
    min-height: 100px;
    font-size: 20px;
  }
}
.el_solution_flowList li::after {
  content: "";
  background-image: url(../images/page/arrow-ordermade.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 16px;
  height: 26px;
}
@media screen and (max-width: 1024px) {
  .el_solution_flowList li::after {
    bottom: -21px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 1025px) {
  .el_solution_flowList li::after {
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
  }
}
.el_solution_flowList li:last-child::after {
  display: none;
}

.el_wholesale_category {
  align-items: baseline;
  gap: 1em;
}
.el_wholesale_category > ul.wp-block-list.is-style-labelList-white,
.el_wholesale_category > ul.wp-block-list.el_labelList_white {
  margin-top: 0;
}

.wp-block-image.el_network_worldMap {
  margin-block: 30px 60px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .wp-block-image.el_network_worldMap {
    margin-block: -130px 124px;
  }
}

.wp-block-image.el_network_japanMap {
  overflow: hidden;
  margin-bottom: 0 !important;
  margin-top: clamp(-180px, 135.562px + -30.817vw, 20px) !important;
}
@media screen and (min-width: 1025px) {
  .wp-block-image.el_network_japanMap {
    margin-top: clamp(-486px, 312.83px + -58.48vw, -286px) !important;
  }
}

.sme-text-color.has-brown-color {
  color: #5d4b2f;
}

.is-style-bizList-figure {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
}
.is-style-bizList-figure > figure {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  z-index: 1;
  transition: opacity var(--transition);
}
.is-style-bizList-figure > figure.is_active {
  opacity: 1;
  z-index: 1;
}

.bl_contact_notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--main-color);
  padding: 30px 20px;
  border-radius: 10px;
  max-width: 800px;
  margin-inline: auto;
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 1025px) {
  .bl_contact_notice {
    padding: 40px 40px;
    text-align: center;
  }
}

.el_notice_heading {
  font-size: 22px;
  font-weight: var(--fw-bold);
  margin-bottom: 20px;
}

p.el_contact_direction {
  --article-mt: 60px;
}
@media screen and (min-width: 1025px) {
  p.el_contact_direction {
    text-align: center;
  }
}

.wpcf7 {
  --article-mt: 60px;
  max-width: 1100px;
  margin-inline: auto;
}

.wpcf7-form h2 {
  margin-top: 60px;
}
.wpcf7-form h2 + p {
  margin-top: 30px;
}
.wpcf7-form .el_formItem {
  border-bottom: 1px solid #dadada;
  display: grid;
  grid-template-columns: 1fr;
  padding-block: 20px;
  gap: 6px;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .el_formItem {
    gap: 20px;
    grid-template-columns: 240px 1fr;
  }
}
.wpcf7-form .el_formItem.is_formItem_1col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.wpcf7-form .el_formItem label {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .el_formItem label {
    padding-top: 10px;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.wpcf7-form .el_formItem label.is_require::after {
  content: "必須";
  background-color: var(--main-color);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .el_formItem label.is_require::after {
    font-size: 14px;
  }
}
.en-US .wpcf7-form .el_formItem label.is_require::after {
  content: "Required";
}
.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input[type=tel],
.wpcf7-form input[type=email],
.wpcf7-form input[type=text] {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  font-size: 18px;
  padding: 10px 10px;
}
.wpcf7-form input.el_input_zip {
  width: 140px;
  margin-inline: 10px;
  margin-bottom: 15px;
}
.wpcf7-form select {
  width: auto;
  padding-inline: 10px 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; /* デフォルトの矢印を非表示 */
  color: var(--text-color);
}
.wpcf7-form span.wpcf7-form-control.wpcf7-acceptance::before {
  content: "必須";
  background-color: var(--main-color);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 2px 10px;
  white-space: nowrap;
  margin-right: 10px;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form span.wpcf7-form-control.wpcf7-acceptance::before {
    font-size: 14px;
  }
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label {
  padding-top: 0;
  align-items: flex-start;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label input {
  margin-top: 4px;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .wpcf7-acceptance .wpcf7-list-item label {
    align-items: center;
  }
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label::after {
  order: 1;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label input {
  margin-top: 4px;
  order: 2;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .wpcf7-acceptance .wpcf7-list-item label input {
    margin-top: 0;
  }
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label span {
  order: 3;
  line-height: 1.3;
}
.wpcf7-form .el_formButtons {
  text-align: center;
  margin-block: 20px 0;
}
.wpcf7-form .wpcf7-previous,
.wpcf7-form .wpcf7-submit {
  width: 100%;
  max-width: 300px;
  display: inline-flex;
  margin-top: 20px;
  margin-inline: 10px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  padding: 10px;
  height: 70px;
  transition: all var(--transition-time) ease;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .wpcf7-previous,
  .wpcf7-form .wpcf7-submit {
    width: 400px;
  }
}
.wpcf7-form .wpcf7-previous:disabled,
.wpcf7-form .wpcf7-submit:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.wpcf7-form .wpcf7-submit {
  background: var(--main-color);
  color: #fff;
}
.wpcf7-form .wpcf7-submit:hover {
  opacity: 0.7;
}
.wpcf7-form .wpcf7-previous {
  border: 1px solid var(--main-color);
  background-color: #fff;
  color: var(--main-color);
}
.wpcf7-form .wpcf7-previous:hover {
  background-color: var(--main-color);
  color: #fff;
}
.wpcf7-form .wpcf7-spinner {
  display: block;
  margin-inline: auto;
  margin-block: 30px 0;
}
.wpcf7-form .bl_fromItem_index {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .bl_fromItem_index .el_formItem {
    gap: 20px;
    grid-template-columns: 400px 1fr;
  }
  .wpcf7-form .bl_fromItem_index .el_formItem label {
    padding-top: 0;
  }
}
.wpcf7-form .el_formItem_select {
  display: flex;
  align-items: center;
  gap: 30px;
}
.wpcf7-form .el_formItem.is_select .wpcf7-form-control-wrap,
.wpcf7-form .el_formItem_select .wpcf7-form-control-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.wpcf7-form .el_formItem.is_select .wpcf7-form-control-wrap::after,
.wpcf7-form .el_formItem_select .wpcf7-form-control-wrap::after {
  content: "";
  width: 10px;
  height: 10px;
  border-style: none none solid solid;
  border-width: 1px;
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: 30%;
}
.wpcf7-form .bl_fromItem_manualIndex {
  margin-block: 20px;
}
.wpcf7-form .bl_fromItem_manualIndex .wpcf7-checkbox {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .bl_fromItem_manualIndex .wpcf7-checkbox {
    grid-template-columns: 1fr 1fr;
  }
}
.wpcf7-form .bl_fromItem_manualIndex .wpcf7-list-item {
  border-bottom: 1px solid var(--border-color);
  margin-left: 0;
  padding-right: 20px;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .wpcf7-form .bl_fromItem_manualIndex .wpcf7-list-item:nth-child(odd) {
    padding-right: 50px;
  }
}
.wpcf7-form .bl_fromItem_manualIndex .wpcf7-list-item label {
  padding-block: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 20px;
}
.wpcf7-form span.wpcf7-form-control-wrap[data-name=total] {
  display: flex;
  align-items: center;
  gap: 30px;
}
.wpcf7-form span.wpcf7-form-control-wrap[data-name=total]::after {
  content: "円";
}
.wpcf7-form span.wpcf7-form-control-wrap[data-name=total] input {
  width: 186px;
}

span#cf7msm_total::after {
  content: "円";
}

span#cf7msm_total:empty::after {
  content: none;
}

.bl_thanksMessage {
  text-align: center;
  font-size: 22px;
}

a.el_linkButton.is_go_home {
  color: #fff;
  max-width: 300px;
  margin-inline: auto;
  margin-top: 60px;
  width: 100%;
  padding-inline: 20px;
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 10px;
  padding-block: 0.7em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background: #ffebb7;
  border: none;
}

.bl_form_notice {
  background-color: #fff;
  max-width: 900px;
  margin-inline: auto;
}
.bl_form_notice .el_accordion_title {
  position: relative;
}
.bl_form_notice button.el_accordion_button {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  --ac-icon-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  cursor: pointer;
  transition: all var(--transition);
  position: relative;
  text-align: left;
  line-height: 1.4;
  font-weight: 700;
  padding-block: 30px;
  font-size: 16px;
  padding-inline: 50px 45px;
  color: var(--text-color);
}
@media screen and (min-width: 1025px) {
  .bl_form_notice button.el_accordion_button {
    --ac-icon-right: 30px;
    padding-inline: 78px 70px;
    font-size: 20px;
  }
}
.bl_form_notice button.el_accordion_button::before, .bl_form_notice button.el_accordion_button::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  background-color: #191919;
  transform: translateY(-50%);
}
.bl_form_notice button.el_accordion_button::before {
  right: var(--ac-icon-right);
  width: 20px;
  height: 2px;
}
.bl_form_notice button.el_accordion_button::after {
  transition: all var(--transition);
  width: 2px;
  height: 20px;
  right: 39px;
  right: calc(var(--ac-icon-right) + 9px);
  transform: translateY(-50%) rotate(90deg);
}
.bl_form_notice .is-close .el_accordion_button::after {
  transform: translateY(-50%);
}
.bl_form_notice .is-close + .el_accordion_body {
  grid-template-rows: 0fr;
}
.bl_form_notice .el_accordion_body {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--transition);
}
.bl_form_notice .el_accordion_inner {
  overflow: hidden;
  position: relative;
  padding-inline: 20px 20px;
  font-size: 14px;
  line-height: 1.875;
}
@media screen and (min-width: 1025px) {
  .bl_form_notice .el_accordion_inner {
    font-size: 16px;
    padding-inline: 40px 40px;
  }
}
.bl_form_notice .el_accordion_inner > * {
  margin-block: 20px;
}
.bl_form_notice .el_accordion_inner p.el_contact_direction {
  margin-block: 20px 40px;
}
.bl_form_notice .el_accordion_inner ul.el_contact_direction {
  margin-block: 0 40px;
  padding-left: 1.5em;
}
.bl_form_notice .el_accordion_inner ul.el_contact_direction li {
  list-style: disc;
  line-height: 1.4;
}
.bl_form_notice .el_accordion_inner ul.el_contact_direction li + li {
  margin-top: 15px;
}
.bl_form_notice .el_accordion_inner a {
  --sub-color: var(--main-color);
}
.bl_form_notice + * {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .bl_form_notice + * {
    margin-top: 60px;
  }
}

.reCAPTCHA-txt p {
  text-align: center;
  line-height: 1.2 !important;
  font-size: 0.8em;
  opacity: 0.7;
}

.bl_siteFooter {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 22px 29px;
  gap: clamp(36px, 4.7vw, 90px);
  letter-spacing: 0.05em;
  line-height: 1.79;
}
@media screen and (min-width: 1025px) {
  .bl_siteFooter {
    flex-direction: row;
    padding-block: 75px 75px;
  }
}
.bl_siteFooter a:not(.not_link) {
  transition: opacity var(--transition-time);
}
@media (hover: hover) {
  .bl_siteFooter a:not(.not_link):hover {
    opacity: 0.7;
  }
}

.el_siteFooter_logo {
  display: block;
}

.bl_siteFooter_content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.el_siteFooter_info {
  margin-top: 15px;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .el_siteFooter_info {
    margin-top: 60px;
  }
}

.bl_siteFooter_nav {
  display: flex;
  margin-inline: auto;
  max-width: 400px;
  width: 100%;
  flex-wrap: wrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (min-width: 1025px) {
  .bl_siteFooter_nav {
    gap: 20px;
    row-gap: 40px;
    justify-content: flex-end;
    flex-direction: row;
    max-width: none;
  }
}
.bl_siteFooter_nav .bl_footerWidget ul.menu {
  text-align: left;
  white-space: nowrap;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .bl_siteFooter_nav .bl_footerWidget ul.menu {
    display: flex;
    font-size: 16px;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em;
    -moz-column-count: none;
         column-count: none;
    display: flex;
    text-align: center;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1367px) {
  .bl_siteFooter_nav .bl_footerWidget ul.menu {
    justify-content: space-between;
    -moz-column-gap: 2em;
         column-gap: 2em;
  }
}
@media screen and (max-width: 1024px) {
  .bl_siteFooter_nav .bl_footerWidget ul.menu li {
    margin-bottom: 32px;
  }
}
.bl_siteFooter_nav .el_footer_button {
  width: 100%;
}
.bl_siteFooter_nav .el_footer_button a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  background-color: var(--main-color);
  color: #fff;
  min-height: 40px;
  font-size: 12px;
  font-weight: var(--fw-semi-bold);
  transition: background-color var(--transition), color var(--transition);
}
@media screen and (min-width: 1025px) {
  .bl_siteFooter_nav .el_footer_button a {
    max-width: 250px;
    min-height: 60px;
    margin-inline: auto 0;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .bl_siteFooter_nav .el_footer_button a:hover {
    color: var(--main-color);
    background-color: #fff;
  }
}

.bl_siteFooter_copyRight {
  font-size: 12px;
  text-align: center;
  width: 100%;
  color: #fff;
  background-color: #272727;
  background-image: url(../images/common/bg-black.webp);
  background-repeat: repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-inline: 15px;
  min-height: 40px;
}
.bl_siteFooter_copyRight .bl_siteFooter_inner {
  max-width: var(--content-width);
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .bl_siteFooter_copyRight .bl_siteFooter_inner {
    gap: 10px;
    justify-content: center;
    align-items: center;
  }
  .bl_siteFooter_copyRight .bl_siteFooter_inner > a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}

.bl_cta {
  background-image: url(../images/footer/contact-sp-back.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: grid;
  padding-block: 30px 40px;
  padding: 0;
  align-content: center;
  padding-inline: var(--site-inline-padding);
  overflow: hidden;
  position: relative;
  height: 240px;
}
@media screen and (min-width: 1025px) {
  .bl_cta {
    background-image: url(../images/footer/contact-back.webp);
  }
}
@media screen and (min-width: 1025px) {
  .bl_cta {
    padding-block: 60px 36px;
    padding: 0;
    height: 350px;
  }
}
.bl_cta .el_linkWrapper {
  display: flex;
  align-items: center;
}
.bl_cta .el_linkWrapper::before {
  content: "";
  background-image: url(../images/footer/contact-sp-front.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.9;
  transition: opacity var(--transition);
}
@media screen and (min-width: 1025px) {
  .bl_cta .el_linkWrapper::before {
    background-image: url(../images/footer/contact-front.webp);
  }
}
@media (hover: hover) {
  .bl_cta .el_linkWrapper:hover {
    opacity: 1;
  }
  .bl_cta .el_linkWrapper:hover::before {
    opacity: 0.98;
  }
}
.bl_cta .bl_cta_innner {
  color: #fff;
  z-index: 2;
  max-width: var(--content-width);
  margin-inline: auto;
  width: 100%;
  position: relative;
}
.bl_cta .bl_cta_innner .el_cta_heading {
  letter-spacing: 0.2em;
  line-height: 1;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
@media screen and (min-width: 1025px) {
  .bl_cta .bl_cta_innner .el_cta_heading {
    flex-direction: row;
    align-items: baseline;
    font-size: 20px;
    gap: 10px;
  }
}
.bl_cta .bl_cta_innner .el_cta_heading h2 {
  letter-spacing: 0;
  font-size: 50px;
}
@media screen and (min-width: 1025px) {
  .bl_cta .bl_cta_innner .el_cta_heading h2 {
    font-size: 120px;
  }
}
.bl_cta .bl_cta_innner p {
  margin-top: 30px;
  letter-spacing: 0.05em;
  font-size: 12px;
  text-align: center;
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .bl_cta .bl_cta_innner p {
    font-size: 16px;
    text-align: left;
  }
}
.bl_cta .bl_cta_innner .el_linkButton {
  max-width: 340px;
  min-height: 50px;
  color: #fff;
  background-color: var(--main-color);
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-inline: auto;
  margin-top: 115px;
  position: relative;
  transition: all var(--transition-time) ease;
}
@media screen and (min-width: 1025px) {
  .bl_cta .bl_cta_innner .el_linkButton {
    min-height: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .bl_cta .bl_cta_innner .el_linkButton {
    margin-top: 60px;
  }
}
.bl_cta .bl_cta_innner .el_linkButton::after {
  content: "";
  background-image: url(../images/button-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 43px;
  height: 8px;
  position: absolute;
  right: 25px;
}
@media screen and (max-width: 1024px) {
  .bl_cta .bl_cta_innner:before, .bl_cta .bl_cta_innner::after {
    content: none;
  }
}
.bl_cta .bl_cta_innner::before {
  right: 24px;
}
.bl_cta .bl_cta_innner::after {
  right: 0;
}
@media (hover: hover) {
  .bl_cta .bl_cta_innner:hover span {
    opacity: 1;
  }
}
.bl_cta .el_cta_copy {
  font-size: 40px;
  top: 10.6%;
  text-align: center;
  color: #fff;
  position: absolute;
  mix-blend-mode: overlay;
  width: 100%;
  z-index: 1;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .bl_cta .el_cta_copy {
    font-size: 84px;
    top: 28.6%;
  }
}
.bl_cta .el_cta_copy span {
  white-space: nowrap;
}

.bl_mainVisual {
  position: relative;
  background-color: #000;
  height: 100vh;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1921px) {
  .bl_mainVisual {
    max-height: 925px;
    aspect-ratio: 1920/925;
  }
}
.bl_mainVisual .el_mainVisual_scroll {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  transform: rotate(90deg);
  transform-origin: right;
  font-size: 12px;
  letter-spacing: 0.08em;
  bottom: 50px;
  right: calc(50% - 6px);
}
@media screen and (min-width: 1025px) {
  .bl_mainVisual .el_mainVisual_scroll {
    right: 60px;
  }
}
.bl_mainVisual .el_mainVisual_scroll span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bl_mainVisual .el_mainVisual_scroll span::before {
  content: "";
  height: 0;
  border: 1px solid;
  width: 15px;
}
.bl_mainVisual .el_mainVisual_scroll::before, .bl_mainVisual .el_mainVisual_scroll::after {
  content: "";
  height: 0;
  border: 1px solid;
  position: absolute;
  bottom: 9px;
  right: -60px;
}
.bl_mainVisual .el_mainVisual_scroll::before {
  width: 50px;
  z-index: 1;
}
.bl_mainVisual .el_mainVisual_scroll::after {
  z-index: 2;
  width: 50px;
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
.bl_mainVisual a.scroll_down {
  display: inline-block;
  color: #fff;
  position: absolute;
  font-size: 12px;
  letter-spacing: 0.2em;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 88px;
  line-height: 1;
  text-decoration: none;
  transition: 0.2s;
  overflow: hidden;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
.bl_mainVisual a.scroll_down::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 74px;
  background: #fff;
}
.bl_mainVisual a.scroll_down:before {
  content: "";
  position: absolute;
  bottom: 70px;
  left: calc(50% - 2px);
  width: 5px;
  height: 5px;
  box-sizing: content-box;
  border-radius: 100%;
  background: #fff;
  outline: 12px solid rgba(255, 255, 255, 0.3);
}
.bl_mainVisual a.scroll_down:hover {
  opacity: 0.5;
}
.bl_mainVisual a.scroll_down::before {
  animation: sdl01 2s cubic-bezier(1, 0.2, 0.5, 1) infinite;
}
.bl_mainVisual a.scroll_down span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bl_mainVisual::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes sdl01 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  25% {
    transform: translateY(0);
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateY(70px);
    opacity: 0;
  }
}
.bl_mainVisual_content {
  color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.bl_mainVisual_content .el_mainVisual_mainCopy {
  font-weight: var(--fw-semi-bold);
  letter-spacing: 0.3em;
  line-height: 1.56;
  font-size: 32px;
}
@media screen and (min-width: 1025px) {
  .bl_mainVisual_content .el_mainVisual_mainCopy {
    font-size: 50px;
  }
}
.bl_mainVisual_content .el_mainVisual_subCopy {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.75;
  position: relative;
  display: flex;
  margin-top: 30px;
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 1025px) {
  .bl_mainVisual_content .el_mainVisual_subCopy {
    margin-top: 40px;
    font-size: 30px;
  }
}

.bl_mainVisual_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

.home {
  --article-mt: 0;
}
.home .bl_article_content {
  max-width: none;
  padding-inline: 0;
}
.home .bl_article_content .el_linkButton {
  margin-top: 34px;
  margin-inline: auto;
  max-width: 340px;
}
.home .bl_article_content section {
  max-width: none;
}

.bl_topNews {
  padding-block: 30px 65px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews {
    padding-block: 160px 170px;
  }
}
.bl_topNews .bl_news2col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col {
    grid-template-columns: auto 1fr;
    gap: 90px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_title {
  display: flex;
  flex-direction: column;
}
.bl_topNews .bl_news2col .bl_news2col_title h2 {
  display: flex;
  flex-direction: column;
  font-weight: var(--fw-medium);
  letter-spacing: 0;
  line-height: 1;
  font-size: 50px;
  gap: 5px;
}
.bl_topNews .bl_news2col .bl_news2col_title h2 span {
  font-size: 14px;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_title h2 {
    gap: 12px;
    font-size: 120px;
  }
  .bl_topNews .bl_news2col .bl_news2col_title h2 span {
    font-size: 20px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_title > .el_linkButton {
  margin-top: 45px;
  font-size: 14px;
  height: 50px;
  max-width: 224px;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .bl_topNews .bl_news2col .bl_news2col_title > .el_linkButton {
    display: none;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list {
  width: 100%;
  min-height: 250px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list {
    margin-top: 40px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_meta {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_meta {
    gap: 37px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_meta .el_post_category span {
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  font-size: 12px;
  min-height: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_meta .el_post_category span {
    font-size: 14px;
    min-height: 30px;
    min-width: 80px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_single {
  border-bottom: 1px dashed var(--text-color);
  display: block;
  padding-block: 17px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_single {
    padding-block: 37px;
  }
}
@media (hover: hover) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_single:hover .el_latestPost_content {
    opacity: 0.7;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_single:first-child {
  border-top: 1px dashed var(--text-color);
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_content {
  display: flex;
  flex-direction: column;
  transition: opacity var(--transition-time) ease;
  letter-spacing: 0.1em;
  line-height: 1.4;
  font-size: 14px;
  gap: 7px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_content {
    font-size: 18px;
    gap: 40px;
    flex-direction: row;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_content h3.el_latestPost_title {
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_latestPost_content h3.el_latestPost_title {
    font-size: 18px;
  }
}
.bl_topNews .bl_news2col .bl_news2col_list .el_linkButton {
  margin-top: 16px;
  margin-inline: auto;
  height: 40px;
  font-size: 12px;
  max-width: 400px;
}
@media screen and (min-width: 1025px) {
  .bl_topNews .bl_news2col .bl_news2col_list .el_linkButton {
    display: none;
  }
}

.bl_topValue {
  padding-block: 0;
}
@media screen and (min-width: 1025px) {
  .bl_topValue {
    padding-block: 68px 0;
  }
}
.bl_topValue .bl_columns {
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .bl_columns {
    grid-template-columns: 50% 50%;
    gap: 0;
  }
}
.bl_topValue .el_topValue_content h2 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .el_topValue_content h2 {
    letter-spacing: 0.2em;
    gap: 30px;
    font-size: 31px;
  }
}
.bl_topValue .el_topValue_content h2 span.el_subcopy {
  display: block;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .el_topValue_content h2 span.el_subcopy {
    font-size: 15px;
  }
}
.bl_topValue .el_topValue_content p {
  line-height: 2.16;
  letter-spacing: 0.05em;
  margin-top: 12px;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .el_topValue_content p {
    letter-spacing: 0.2em;
    line-height: 2.5;
    font-size: 16px;
    margin-top: 25px;
  }
}
.bl_topValue p.el_subHeading {
  font-weight: var(--fw-bold);
  line-height: 1.75;
  font-size: 16px;
  margin-top: 18px;
}
@media screen and (min-width: 1025px) {
  .bl_topValue p.el_subHeading {
    font-size: 20px;
    margin-top: 40px;
  }
}
.bl_topValue .bl_topValue_buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .bl_topValue_buttons {
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    margin-top: 50px;
  }
}
.bl_topValue .bl_topValue_buttons .el_linkButton {
  font-size: 14px;
  padding-inline: 10px;
  margin-top: 0;
  white-space: wrap;
  text-align: center;
}
.bl_topValue .el_topValue_img {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .bl_topValue .el_topValue_img {
    margin-inline: -125px -85px;
    width: auto;
  }
}
@media screen and (min-width: 1367px) {
  .bl_topValue .el_topValue_img {
    margin-inline: -156px -70px;
  }
}
.bl_topValue .el_topValue_img img {
  filter: brightness(1);
}
@media screen and (max-width: 1024px) {
  .bl_topValue .el_topValue_img img {
    max-width: none;
    flex-shrink: 0;
    width: 530px;
    margin-top: -84px;
  }
}
@media screen and (max-width: 1024px) {
  .bl_topValue .el_topValue_content {
    max-width: 500px;
    margin-inline: auto;
    margin-top: -190px;
  }
}
@media screen and (min-width: 1025px) {
  .bl_topValue .el_topValue_content {
    margin-top: 0;
  }
}

.bl_topReason {
  padding-block: 35px 20px;
  --article-mt: 0;
}
@media screen and (min-width: 1025px) {
  .bl_topReason {
    padding-block: 0 136px;
    --article-mt: 40px;
  }
}
@media screen and (min-width: 1367px) {
  .bl_topReason {
    --article-mt: -110px;
  }
}
.bl_topReason .bl_reason {
  display: grid;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason {
    grid-template-columns: 19.5% 1fr;
  }
}
.bl_topReason .el_reason_copy {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .el_reason_copy {
    justify-content: center;
  }
}
.bl_topReason .el_reason_copy h2 {
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  line-height: 1.625;
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .el_reason_copy h2 {
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    font-size: 40px;
  }
}
.bl_topReason .bl_reason_list {
  display: grid;
  position: relative;
  margin-top: 19px;
  gap: 12px;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 0;
  }
}
.bl_topReason .bl_reason_list li {
  list-style: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list li {
    padding-block: 45px;
    padding-inline: 40px;
  }
}
.bl_topReason .bl_reason_list li h3 {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list li h3 {
    gap: 16px;
    font-size: 22px;
  }
}
.bl_topReason .bl_reason_list li h3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 20px;
  width: 37px;
  height: 37px;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list li h3 span {
    font-size: 20px;
    width: 37px;
    height: 37px;
  }
}
.bl_topReason .bl_reason_list li p {
  letter-spacing: 0.05em;
  line-height: 2.2;
  font-size: 12px;
  margin-top: 13px;
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list li p {
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 2.2;
    margin-top: 26px;
  }
}
@media screen and (min-width: 1025px) {
  .bl_topReason .bl_reason_list::before {
    content: "INADA";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: #f1f1f1;
    background-image: url(../images/common/bg-site.webp);
    background-repeat: repeat;
    background-size: auto;
  }
}

.bl_topBiz {
  color: #fff;
  background-image: url(../images/common/bg-black.webp);
  background-repeat: repeat;
  padding-block: 30px 40px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz {
    padding-block: 120px 170px;
  }
}
.bl_topBiz .bl_topBiz_heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_topBiz_heading {
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
  }
}
.bl_topBiz .bl_topBiz_heading h2 {
  font-size: 50px;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  font-weight: var(--fw-regular);
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_topBiz_heading h2 {
    font-size: 120px;
  }
}
.bl_topBiz .bl_topBiz_heading h2 span {
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.75;
  font-size: 14px;
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_topBiz_heading h2 span {
    font-size: 20px;
  }
}
.bl_topBiz .bl_topBiz_heading .bl_topBiz_abst {
  color: #575757;
  font-size: 10px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  letter-spacing: 0;
  max-width: 830px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_topBiz_heading .bl_topBiz_abst {
    font-size: 20px;
  }
}
.bl_topBiz .bl_topBiz_heading + .bl_mediaText {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_topBiz_heading + .bl_mediaText {
    margin-top: 66px;
  }
}
@media screen and (max-width: 1024px) {
  .bl_topBiz .bl_mediaText {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText {
    width: calc(100% + 50vw - 50%);
    margin-right: 0;
  }
}
@media screen and (min-width: 1367px) {
  .bl_topBiz .bl_mediaText {
    width: calc(var(--content-width) + 50vw - 50%);
  }
}
.bl_topBiz .bl_mediaText h3 {
  font-size: 16px;
  letter-spacing: 0.2em;
  line-height: 1.625;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText h3 {
    letter-spacing: 0.1em;
    line-height: 1.75;
    font-size: clamp(26px, 11.029px + 1.462vw, 31px);
  }
}
.bl_topBiz .bl_mediaText h4 {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.86;
  margin-top: 18px;
  font-weight: var(--fw-bold);
  position: relative;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText h4 {
    font-weight: var(--fw-medium);
    line-height: 1.75;
    font-size: 22px;
    margin-top: clamp(30px, -89.766px + 11.696vw, 70px);
  }
}
.bl_topBiz .bl_mediaText a + h4 {
  margin-top: 16px;
  padding-top: 16px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText a + h4 {
    margin-top: 35px;
    padding-top: 35px;
  }
}
.bl_topBiz .bl_mediaText a + h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 1px;
  background-color: #fff;
  opacity: 0.2;
}
.bl_topBiz .bl_mediaText p {
  letter-spacing: 0.05em;
  line-height: 2.17;
  margin-top: 10px;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText p {
    letter-spacing: 0.1em;
    line-height: 2.27;
    margin-top: 25px;
    font-size: 15px;
    font-size: clamp(13px, 7.012px + 0.585vw, 15px);
  }
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText {
    gap: clamp(40px, -398.343px + 32.09vw, 83px);
  }
}
.bl_topBiz .bl_mediaText + .bl_mediaText {
  margin-top: 45px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText + .bl_mediaText {
    margin-top: 122px;
  }
}
.bl_topBiz .bl_mediaText .el_arrowButton {
  margin-inline: auto 26px;
}
@media screen and (min-width: 1025px) {
  .bl_topBiz .bl_mediaText .el_arrowButton {
    margin-inline: 0 auto;
  }
}

.bl_404 {
  padding-block: 100px;
  max-width: var(--content-width);
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bl_404 > * + * {
  margin-top: 40px;
}
.bl_404 h2 {
  font-size: 30px;
}

.el_interviewArchive_cat {
  display: flex;
  gap: 10px;
}
.el_interviewArchive_cat span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid;
  height: 36px;
  padding-inline: 34px;
  padding-block: 8px;
  transition: all var(--transition-time) ease;
}

.bl_archive_filter {
  display: grid;
  grid-template-columns: 1fr;
  margin-inline: auto;
  max-width: var(--content-width);
  margin-bottom: 60px;
}
.bl_archive_filter h2 {
  font-size: 20px;
}
@media screen and (min-width: 1025px) {
  .bl_archive_filter h2 {
    font-size: 28px;
  }
}
.bl_archive_filter ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 15px;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .bl_archive_filter ul {
    gap: 20px;
  }
}
.bl_archive_filter ul li a {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1;
  transition: all var(--transition-time);
  padding: 10px 17px;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .bl_archive_filter ul li a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .bl_archive_filter ul li a {
    padding: 10px 34px;
  }
}
@media (hover: hover) {
  .bl_archive_filter ul li a:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}
.bl_archive_filter ul li a.tax_current {
  background-color: var(--main-color);
  color: #fff;
}

.bl_pagination {
  margin-top: 60px;
}

.bl_pagination_link {
  display: flex;
  justify-content: center;
  /* gap: 10px; */
}
.bl_pagination_link > * {
  padding-inline: 5px;
}
@media screen and (min-width: 768px) {
  .bl_pagination_link > * {
    padding-inline: 20px;
  }
}
.bl_pagination_link > div.no-page {
  opacity: 0.3;
}

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

.page-numbers:not(.dots) {
  color: var(--text-color);
  margin-inline: 5px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  line-height: 1;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
@media screen and (min-width: 768px) {
  .page-numbers:not(.dots) {
    margin-inline: 10px;
  }
}
.page-numbers:not(.dots):not(.no-page):hover, .page-numbers:not(.dots).current {
  color: #fff;
  background-color: var(--main-color);
}

.page-numbers.dots {
  display: flex;
  align-items: center;
}

.bl_pagenation_next,
.bl_pagination_prev {
  padding-inline: 10px;
  display: flex;
  align-items: center;
}
.bl_pagenation_next a,
.bl_pagination_prev a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  color: #707070;
  transition: all var(--transition-time);
}
.bl_pagenation_next a > .el_arrow__left,
.bl_pagination_prev a > .el_arrow__left {
  margin-left: -5px;
}
@media (hover: hover) {
  .bl_pagenation_next a:hover,
  .bl_pagination_prev a:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}

.single .bl_article_content {
  padding-top: 30px;
  line-height: 1.68;
  margin-inline: auto;
}
@media screen and (min-width:520px) {
  .single .bl_article_content {
    padding-inline: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content {
    padding-block: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .single .bl_article_content {
    padding-inline: 0;
  }
}
.single .bl_article_content .el_article_meta {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 10px;
}
.single .bl_article_content h1 {
  font-size: 1.375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  color: var(--sub-color);
}
.single .bl_article_content span.el_post_category {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.single .bl_article_content span.el_post_category > span {
  display: grid;
  place-content: center;
  white-space: nowrap;
  background-color: var(--main-color);
  color: #fff;
  height: 24px;
  padding-inline: 20px;
  font-size: 14px;
}
.single .bl_article_content > * + * {
  margin-top: 35px;
}
.single .bl_article_content > * + h2,
.single .bl_article_content > *:not(h2):not(h4) + h3,
.single .bl_article_content > *:not(h2):not(h3) + h4 {
  margin-top: 50px;
}
.single .bl_article_content h2.wp-block-heading {
  font-weight: var(--fw-bold);
  font-style: normal;
  position: relative;
  font-size: 1.375rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  border-bottom: 1px solid #acacac;
  padding-bottom: 0.2em;
  position: relative;
}
.single .bl_article_content h2.wp-block-heading::after {
  content: "";
  width: 30%;
  height: 1px;
  background-color: var(--main-color);
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.single .bl_article_content h3.wp-block-heading {
  font-optical-sizing: auto;
  font-weight: var(--fw-bold);
  font-style: normal;
  position: relative;
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  padding-block: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.single .bl_article_content h3.wp-block-heading::before {
  content: "";
  width: 5px;
  height: 42px;
  background-color: var(--main-color);
  border-radius: 5px;
  display: block;
  margin-right: 0.8em;
}
.single .bl_article_content h4.wp-block-heading {
  font-size: 1rem;
  font-weight: var(--fw-bold);
}
.single .bl_article_content a {
  color: var(--main-color);
  transition: opacity var(--transition-time);
}
@media (hover: hover) {
  .single .bl_article_content a:hover {
    opacity: 0.7;
  }
}
.single .bl_article_content li,
.single .bl_article_content p {
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 2.5;
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content li,
  .single .bl_article_content p {
    font-size: 16px;
  }
}
.single .bl_article_content ul {
  padding-left: 2em;
}
.single .bl_article_content ul li {
  list-style: disc;
  line-height: 1.75;
}
.single .bl_article_content ul li + li {
  margin-top: 1.5em;
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content ul li + li {
    margin-top: 1em;
  }
}
.single .bl_article_content ol {
  padding-left: 2em;
}
.single .bl_article_content ol li {
  list-style: decimal;
}
.single .bl_article_content table {
  width: 100%;
}
.single .bl_article_content table th,
.single .bl_article_content table td {
  padding-block: 18px;
  padding-inline: 8px;
  border-color: #a7a7a7;
  border-width: 1px;
  border-style: none none solid;
  letter-spacing: 0.1em;
  line-height: 1.75;
  font-weight: var(--fw-regular);
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content table th,
  .single .bl_article_content table td {
    font-size: 16px;
    padding-block: 20px;
    padding-inline: 20px;
  }
}
.single .bl_article_content table td {
  background-color: #fff;
}
.single .bl_article_content table td:first-child,
.single .bl_article_content table th {
  color: #fff;
  background-color: var(--main-color);
  width: 30%;
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content table td:first-child,
  .single .bl_article_content table th {
    width: 260px;
  }
}
.single .bl_article_content table tr:last-child th,
.single .bl_article_content table tr:last-child td {
  border-bottom: none;
}
.single .bl_article_content .wp-block-group {
  padding-block: 30px;
  padding-inline: 25px;
}
@media screen and (min-width: 1025px) {
  .single .bl_article_content .wp-block-group {
    padding-block: 50px;
    padding-inline: 40px;
  }
}
.single .bl_article_content .wp-block-group .wp-block-group__inner-container > * + * {
  margin-top: 35px;
}
.single .bl_article_content a.wp-block-button__link {
  color: #fff;
  background-color: var(--main-color);
}
.single .wp-block-media-text {
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .single .wp-block-media-text {
    gap: 40px;
  }
}

.bl_postNav {
  max-width: var(--content-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  margin-inline: auto;
  padding-block: 30px 70px;
  flex-wrap: wrap;
  padding-inline: var(--site-inline-padding);
}
@media screen and (min-width: 1025px) {
  .bl_postNav {
    padding-block: 30px 100px;
  }
}
.bl_postNav .el_moreLink a {
  max-width: none;
  width: 270px;
}

.bl_postNav_previous,
.bl_postNav_next {
  color: #808080;
}
.bl_postNav_previous > div,
.bl_postNav_previous > a,
.bl_postNav_next > div,
.bl_postNav_next > a {
  display: flex;
  line-height: 1.4;
  color: #fff;
  padding: 5px 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.bl_postNav_previous a,
.bl_postNav_next a {
  background-color: var(--main-color);
  transition: opacity var(--transition-time);
}
.bl_postNav_previous a .el_postNav_icon::before,
.bl_postNav_next a .el_postNav_icon::before {
  filter: brightness(1);
}
@media (hover: hover) {
  .bl_postNav_previous a:hover,
  .bl_postNav_next a:hover {
    opacity: 0.7;
  }
}
.bl_postNav_previous div,
.bl_postNav_next div {
  background-color: #ccc;
}

@media screen and (max-width: 1024px) {
  .bl_postNav_previous {
    width: 48%;
    order: 1;
  }
}

@media screen and (max-width: 1024px) {
  .bl_postNav_next {
    width: 48%;
    order: 2;
    display: flex;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1024px) {
  .bl_postNav_home {
    width: 100%;
    order: 3;
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
}
.bl_postNav_home a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  color: #fff;
  padding: 5px 20px;
  transition: opacity var(--transition-time) ease;
}
@media (hover: hover) {
  .bl_postNav_home a:hover {
    opacity: 0.7;
  }
}

.el_postNav_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el_postNav_icon:before {
  content: "";
  background-image: url(../images/button-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 8px;
  filter: brightness(1);
}
.el_postNav_icon.is_next {
  margin-left: 10px;
}
.el_postNav_icon.is_prev {
  transform: scaleX(-1);
  margin-right: 10px;
}

.ly_archive_index {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--site-inline-padding);
  padding-top: 25px;
}
@media screen and (min-width: 1025px) {
  .ly_archive_index {
    padding-top: 55px;
  }
}

.ly_archiveIndex_articles.is_layout_card {
  display: grid;
  grid-template-columns: 2fr;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .ly_archiveIndex_articles.is_layout_card {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 50px;
  }
}
.ly_archiveIndex_articles.is_layout_list {
  max-width: 960px;
  margin-inline: auto;
}

.bl_archive_art {
  --transition-time: 0.6s;
}
.bl_archive_art figure {
  overflow: hidden;
}
.bl_archive_art img {
  height: auto;
  transition: transform var(--transition-time) ease;
  width: 100%;
  aspect-ratio: 400/260;
  -o-object-fit: cover;
     object-fit: cover;
  filter: none;
}
@media (hover: hover) {
  .is_layout_card .bl_archive_art:hover img {
    transform: scale(1.05);
  }
  .is_layout_card .bl_archive_art:hover .el_interviewArchive_cat span {
    background-color: var(--main-color);
    color: #fff;
  }
  .is_layout_card .bl_archive_art:hover .bl_archive_content {
    opacity: 0.7;
  }
}
.is_layout_card .bl_archive_art .el_archive_content {
  margin-top: 10px;
}
.is_layout_card .bl_archive_art .el_entry_date {
  font-size: 14px;
}
.is_layout_list .bl_archive_art {
  transition: opacity var(--transition);
}
@media (hover: hover) {
  .is_layout_list .bl_archive_art:hover {
    opacity: 0.7;
  }
}
.is_layout_list .bl_archive_art .el_archive_content {
  display: grid;
  padding-block: 15px;
  border-bottom: 1px solid var(--border-color);
}
@media screen and (min-width: 1025px) {
  .is_layout_list .bl_archive_art .el_archive_content {
    padding-block: 20px;
    gap: 10px;
    grid-template-columns: 270px 1fr;
  }
}
.is_layout_list .bl_archive_art .el_archive_meta {
  display: grid;
  grid-template-columns: 135px 1fr;
}
.is_layout_list .bl_archive_art .el_entry_date {
  font-size: 16px;
}
.is_layout_list .bl_archive_art .el_newsTab_title {
  padding-top: 4px;
}
.bl_archive_art .el_archive_meta {
  display: flex;
  gap: 10px;
}
.bl_archive_art .el_archive_meta .el_entry_date {
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  line-height: 1;
}
.bl_archive_art .el_archive_meta .el_post_category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.bl_archive_art .el_archive_meta .el_post_category span {
  display: flex;
  background-color: var(--main-color);
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: var(--fw-regular);
  letter-spacing: 0.1em;
  white-space: nowrap;
  height: 28px;
  min-width: 95px;
  padding: 4px 4px;
}
.bl_archive_art .el_newsTab_title {
  line-height: 1.4;
}

.bl_archive_content {
  margin-top: 10px;
  transition: opacity var(--transition-time) ease;
}
.bl_archive_content .el_archive_title {
  margin-top: 4px;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.4;
  color: var(--main-color);
}
@media screen and (min-width: 1025px) {
  .bl_archive_content .el_archive_title {
    font-size: 26px;
  }
}
.bl_archive_content .bl_archive_date {
  font-size: 16px;
  font-weight: var(--fw-medium);
  margin-top: 10px;
}

.bl_image_slider_container {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .bl_image_slider_container {
    margin-top: 50px;
  }
}

.bl_image_slider {
  overflow: visible;
  margin-top: 30px;
  position: relative;
  --swiper-navigation-sides-offset: -10px;
}
@media screen and (min-width: 1025px) {
  .bl_image_slider {
    margin-top: 60px;
    --swiper-navigation-sides-offset: -30px;
    width: 90%;
  }
}
.bl_image_slider .swiper-wrapper {
  align-items: center;
}
.bl_image_slider .swiper-slide {
  position: relative;
  transition: transform var(--transition), opacity var(--transition);
}
@media screen and (max-width: 1024px) {
  .bl_image_slider .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.9);
  }
}
@media screen and (min-width: 1025px) {
  .bl_image_slider .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.8);
  }
}
.bl_image_slider .swiper-slide:not(.swiper-slide-active) h3 {
  opacity: 0;
}
.bl_image_slider .swiper-slide.swiper-slide-next {
  transform-origin: left center;
}
.bl_image_slider .swiper-slide.swiper-slide-prev {
  transform-origin: right center;
}
.bl_image_slider .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 994/673;
}
.bl_image_slider .swiper-button-next,
.bl_image_slider .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: var(--main-color);
  border-radius: 100%;
  --swiper-navigation-size: 20px;
  --swiper-navigation-color: #fff;
  --swiper-navigation-top-offset: 50%;
}
.bl_image_slider .swiper-button-prev {
  left: clamp(18px, -37.47px + 14.792vw, 114px);
}
@media screen and (min-width:520px) {
  .bl_image_slider .swiper-button-prev {
    left: clamp(33px, -25.81px + 11.31vw, 90px);
  }
}
@media screen and (min-width: 1025px) {
  .bl_image_slider .swiper-button-prev {
    left: clamp(114px, -41.754px + 15.196vw, 250px);
  }
}
.bl_image_slider .swiper-button-next {
  right: clamp(18px, -37.47px + 14.792vw, 114px);
}
@media screen and (min-width:520px) {
  .bl_image_slider .swiper-button-next {
    right: clamp(33px, -25.81px + 11.31vw, 90px);
  }
}
@media screen and (min-width: 1025px) {
  .bl_image_slider .swiper-button-next {
    right: clamp(114px, -41.754px + 15.196vw, 250px);
  }
}

.is-style-beige {
  background-image: url(../images/common/bg-beige.webp);
  background-repeat: repeat;
  padding-block: 60px 60px;
}
@media screen and (min-width: 1025px) {
  .is-style-beige {
    padding-block: 102px 122px;
  }
}
.is-style-beige h2 + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .is-style-beige h2 + p {
    margin-top: 40px;
  }
}
.is-style-beige p + .wp-block-columns,
.is-style-beige p + .wp-block-media-text {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .is-style-beige p + .wp-block-columns,
  .is-style-beige p + .wp-block-media-text {
    margin-top: 60px;
  }
}

.is-style-black-bg {
  background-color: #000;
  background-image: url(../images/common/bg-black.webp);
  color: #fff;
  padding-block: 60px 60px;
}
@media screen and (min-width: 1025px) {
  .is-style-black-bg {
    padding-block: 70px 70px;
  }
}

.is-max-img-400 figure.wp-block-media-text__media {
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .is-max-img-400 figure.wp-block-media-text__media {
    max-width: 360px;
    width: 70vw;
  }
}

.is-style-greeting .wp-block-media-text__content p {
  line-height: 2.2;
}
.is-style-greeting .wp-block-media-text__content p strong {
  font-size: 1.1em;
}

.is-style-introduction {
  padding-block: 40px 60px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction {
    padding-block: 90px 108px;
  }
}
.is-style-introduction .wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .is-style-introduction .wp-block-media-text figure.wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .is-style-introduction .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
  .is-style-introduction .wp-block-media-text p {
    line-height: 2.14;
  }
}
@media screen and (max-width: 1024px) {
  .is-style-introduction .wp-block-media-text.has-media-on-bottom-sp figure.wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2;
  }
  .is-style-introduction .wp-block-media-text.has-media-on-bottom-sp .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-introduction .wp-block-media-text {
    display: grid;
    gap: 66px;
    grid-template-columns: 40% 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-introduction .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 40%;
  }
}
.is-style-introduction .wp-block-media-text + .wp-block-media-text {
  margin-top: 50px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction .wp-block-media-text + .wp-block-media-text {
    margin-top: 100px;
  }
}
.is-style-introduction .wp-block-media-text h2 + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction .wp-block-media-text h2 + p {
    margin-top: 35px;
  }
}
.is-style-introduction p {
  letter-spacing: 0.2em;
  line-height: 2.5;
}
.is-style-introduction p.is-style-strongify + p {
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction p.is-style-strongify + p {
    margin-top: 10px;
  }
}
.is-style-introduction p + p {
  margin-top: 15px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction p + p {
    margin-top: 20px;
  }
}
.is-style-introduction h2 + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .is-style-introduction h2 + p {
    margin-top: 35px;
  }
}

.is-style-white-bg {
  padding-block: 50px 60px;
}
@media screen and (min-width: 1025px) {
  .is-style-white-bg {
    padding-block: 100px 137px;
  }
}
.is-style-white-bg .wp-block-group__inner-container > * + * {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .is-style-white-bg .wp-block-group__inner-container > * + * {
    margin-top: 50px;
  }
}
.is-style-white-bg .wp-block-group__inner-container > h2 + p {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .is-style-white-bg .wp-block-group__inner-container > h2 + p {
    margin-top: 40px;
  }
}
.is-style-white-bg .wp-block-group__inner-container h3 + p {
  margin-top: 15px;
}
@media screen and (min-width: 1025px) {
  .is-style-white-bg .wp-block-group__inner-container h3 + p {
    margin-top: 25px;
  }
}
.is-style-white-bg .wp-block-group__inner-container h3.is-style-simple-h3 + p {
  margin-top: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-white-bg .wp-block-group__inner-container h3.is-style-simple-h3 + p {
    margin-top: 0;
  }
}

.wp-block-buttons.is-style-page-footer-button {
  display: flex;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button {
    gap: 46px;
  }
}
.wp-block-buttons.is-style-page-footer-button .wp-block-button {
  width: 100%;
  max-width: 660px;
  flex-grow: 1;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button .wp-block-button {
    width: calc(50% - 23px);
  }
}
.wp-block-buttons.is-style-page-footer-button a {
  background-color: #fff;
  color: var(--text-color);
  border-radius: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-weight: var(--fw-medium);
  min-height: 100px;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button a {
    font-size: 20px;
    min-height: 120px;
  }
}
.wp-block-buttons.is-style-page-footer-button a::before {
  border-color: var(--text-color);
  right: 18px;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button a::before {
    right: 66px;
  }
}
.wp-block-buttons.is-style-page-footer-button a::after {
  background-image: url(../images/common/circle-arrow-black.svg);
  right: 8px;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-page-footer-button a::after {
    right: 40px;
  }
}

.wp-block-buttons.is-style-brown-button {
  display: flex;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-brown-button {
    gap: 46px;
  }
}
.wp-block-buttons.is-style-brown-button .wp-block-button {
  width: 100%;
  max-width: 400px;
  flex-grow: 1;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-brown-button .wp-block-button {
    width: calc(50% - 23px);
  }
}
.wp-block-buttons.is-style-brown-button a {
  background-color: var(--main-color);
  color: #fff;
  border-radius: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: var(--fw-medium);
  min-height: 50px;
  line-height: 1;
  position: relative;
  transition: opacity var(--transition);
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-brown-button a {
    font-size: 16px;
    min-height: 60px;
  }
}
@media (hover: hover) {
  .wp-block-buttons.is-style-brown-button a:hover {
    opacity: 0.7;
  }
}

.is-style-black-button a {
  background-color: #000;
  color: #fff;
  border-radius: 0;
  transition: background-color var(--transition), color var(--transition);
}
@media (hover: hover) {
  .is-style-black-button a:hover {
    background-color: #fff;
    color: #000;
    opacity: 1;
  }
}

.is-style-strongify {
  font-size: 16px !important;
  font-weight: var(--fw-bold);
  line-height: 1.75;
  letter-spacing: 0.2em;
  text-align: center !important;
}
@media screen and (min-width: 1025px) {
  .is-style-strongify {
    font-size: 20px !important;
  }
}

.is-style-history {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 20px !important;
  padding-top: 40px;
}
.is-style-history .el_history_item {
  position: relative;
  gap: 0;
  padding-left: 40px;
}
.is-style-history .el_history_item:first-child {
  color: var(--main-color);
}
.is-style-history .el_history_item:first-child p:not(.has-large-font-size) {
  font-size: 13px;
  font-weight: var(--fw-semi-bold);
  line-height: 2.22;
  margin-top: 20px;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 1025px) {
  .is-style-history .el_history_item:first-child p:not(.has-large-font-size) {
    letter-spacing: 0.2em;
    margin-top: 30px;
    font-size: 18px;
  }
}
.is-style-history .el_history_item:first-child p.has-large-font-size::before {
  top: 12px;
}
.is-style-history .el_history_item:first-child p.has-large-font-size::after {
  top: 18px;
}
.is-style-history .el_history_item > p.has-large-font-size {
  --wp--preset--font-size--large: 30px;
  letter-spacing: 0.1em;
  line-height: 1;
  color: var(--main-color);
  font-weight: var(--fw-semi-bold);
}
@media screen and (min-width: 1025px) {
  .is-style-history .el_history_item > p.has-large-font-size {
    --wp--preset--font-size--large: 50px;
  }
}
.is-style-history .el_history_item > p.has-medium-font-size {
  color: var(--main-color);
  font-weight: var(--fw-bold);
  --wp--preset--font-size--medium: 16px;
  --wp--preset--font-size--large: 3.375em;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .is-style-history .el_history_item > p.has-medium-font-size {
    --wp--preset--font-size--large: 4.375em;
    --wp--preset--font-size--medium: 20px;
  }
}
.is-style-history .el_history_item > p.has-medium-font-size span {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: var(--fw-regular);
  letter-spacing: 0;
  line-height: 1;
}
.is-style-history .el_history_item > p.has-medium-font-size + p {
  letter-spacing: 0.15em;
  line-height: 1.875;
  margin-top: 10px;
  font-size: 13px;
}
@media screen and (min-width: 1025px) {
  .is-style-history .el_history_item > p.has-medium-font-size + p {
    letter-spacing: 0.2em;
    margin-top: 20px;
    font-size: 16px;
  }
}
.is-style-history .el_history_item > p.has-large-font-size,
.is-style-history .el_history_item > p.has-medium-font-size {
  --history-line-width: 35px;
}
.is-style-history .el_history_item > p.has-large-font-size::before,
.is-style-history .el_history_item > p.has-medium-font-size::before {
  content: "";
  width: 12px;
  aspect-ratio: 1/1;
  background-color: var(--main-color);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 35px;
  left: -6px;
}
.is-style-history .el_history_item > p.has-large-font-size::after,
.is-style-history .el_history_item > p.has-medium-font-size::after {
  content: "";
  width: 35px;
  height: 1px;
  background-color: var(--main-color);
  display: block;
  position: absolute;
  top: 41px;
  left: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-history {
    grid-template-columns: 50% 50%;
    padding-top: 70px;
    gap: 0 !important;
  }
  .is-style-history .el_history_item {
    padding-left: 0;
    height: 318px;
    position: relative;
    gap: 0;
  }
  .is-style-history .el_history_item p.has-large-font-size,
  .is-style-history .el_history_item p.has-medium-font-size {
    --history-line-width: 170px;
  }
  .is-style-history .el_history_item p.has-large-font-size::before,
  .is-style-history .el_history_item p.has-medium-font-size::before {
    top: 60px;
  }
  .is-style-history .el_history_item p.has-large-font-size::after,
  .is-style-history .el_history_item p.has-medium-font-size::after {
    width: var(--history-line-width);
    top: 66px;
  }
  .is-style-history .el_history_item:nth-child(odd) {
    width: 390px;
    margin-inline: auto 0;
    margin-top: -159px;
  }
  .is-style-history .el_history_item:nth-child(odd) p.has-large-font-size::before,
  .is-style-history .el_history_item:nth-child(odd) p.has-medium-font-size::before {
    left: auto;
    right: -6px;
  }
  .is-style-history .el_history_item:nth-child(odd) p.has-large-font-size::after,
  .is-style-history .el_history_item:nth-child(odd) p.has-medium-font-size::after {
    left: auto;
    right: 0;
  }
  .is-style-history .el_history_item:first-child {
    margin-top: 0;
    width: 440px;
  }
  .is-style-history .el_history_item:first-child p.has-large-font-size {
    --history-line-width: 100px;
  }
  .is-style-history .el_history_item:first-child p.has-large-font-size::before {
    top: 21px;
  }
  .is-style-history .el_history_item:first-child p.has-large-font-size::after {
    top: 26px;
  }
  .is-style-history .el_history_item:nth-child(2) {
    margin-top: 159px;
  }
  .is-style-history .el_history_item:nth-child(even) {
    padding-left: 180px;
  }
  .is-style-history .el_history_item:nth-child(even) p.has-medium-font-size::before {
    left: -6px;
  }
  .is-style-history .el_history_item:nth-child(even) p.has-medium-font-size::after {
    left: 0;
  }
  .is-style-history .el_history_item:last-child {
    margin-bottom: -100px;
  }
  .is-style-history .el_history_item:last-child p.has-medium-font-size {
    --history-line-width: 125px;
  }
}
@media screen and (min-width: 1367px) {
  .is-style-history .el_history_item:first-child {
    width: 520px;
  }
  .is-style-history .el_history_item:first-child p.has-large-font-size {
    --history-line-width: 170px;
  }
}
.is-style-history:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--main-color);
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-history:before {
    left: 50%;
    top: 0;
  }
}

.bl_biz_list {
  padding-block: 80px 90px;
}
@media screen and (min-width: 1025px) {
  .bl_biz_list {
    padding-block: 120px 170px;
  }
}

@media screen and (max-width: 1024px) {
  .is-style-bizList-item {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item {
    width: calc(100% + 50vw - 50%);
    margin-right: 0;
  }
}
@media screen and (min-width: 1367px) {
  .is-style-bizList-item {
    width: calc(var(--content-width) + 50vw - 50%);
  }
}
.is-style-bizList-item .is-style-bizList-content > .wp-block-group {
  gap: 0 !important;
}
.is-style-bizList-item .is-style-bizList-content > .wp-block-group + .wp-block-group {
  margin-top: 45px;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item .is-style-bizList-content > .wp-block-group + .wp-block-group {
    margin-top: 122px;
  }
}
.is-style-bizList-item .is-style-bizList-content figure.wp-block-image.is-mobile {
  margin-bottom: 20px;
  margin-inline: auto;
}
.is-style-bizList-item h3.wp-block-heading {
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  letter-spacing: 0.2em;
  line-height: 1.625;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item h3.wp-block-heading {
    letter-spacing: 0.1em;
    line-height: 1.75;
    font-size: clamp(26px, 11.029px + 1.462vw, 31px);
  }
}
.is-style-bizList-item h4.wp-block-heading {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.86;
  margin-top: 18px;
  font-weight: var(--fw-bold);
  position: relative;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item h4.wp-block-heading {
    font-weight: var(--fw-medium);
    line-height: 1.75;
    font-size: 22px;
    margin-top: clamp(30px, -89.766px + 11.696vw, 70px) !important;
  }
}
.is-style-bizList-item .el_arrowButton + h4,
.is-style-bizList-item a + h4 {
  margin-top: 16px !important;
  padding-top: 16px;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item .el_arrowButton + h4,
  .is-style-bizList-item a + h4 {
    margin-top: 35px !important;
    padding-top: 35px;
  }
}
.is-style-bizList-item .el_arrowButton + h4::before,
.is-style-bizList-item a + h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 1px;
  background-color: #fff;
  opacity: 0.2;
}
.is-style-bizList-item p {
  letter-spacing: 0.05em;
  line-height: 2.17;
  margin-top: 10px;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item p {
    letter-spacing: 0.1em;
    line-height: 2.27;
    margin-top: 25px;
    font-size: 15px;
    font-size: clamp(13px, 7.012px + 0.585vw, 15px);
  }
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item {
    gap: clamp(40px, -398.343px + 32.09vw, 83px);
  }
}
.is-style-bizList-item + .is-style-bizList-item {
  margin-top: 45px;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item + .is-style-bizList-item {
    margin-top: 122px;
  }
}
.is-style-bizList-item .el_arrowButton {
  margin-inline: auto 0;
  padding-inline: 0;
  --main-color: #fff;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item .el_arrowButton {
    margin-inline: 0 auto;
  }
}
.is-style-bizList-item .el_arrowButton a {
  display: block;
  padding-inline: 0 48px;
  padding-block: 10px;
}
@media screen and (min-width: 1025px) {
  .is-style-bizList-item .el_arrowButton a {
    padding-inline: 0 82px;
  }
}

.is-style-base-2col {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 20px;
}
.is-style-base-2col .wp-block-image {
  margin-inline: auto;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .is-style-base-2col {
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, -79.766px + 11.696vw, 80px);
  }
  .is-style-base-2col .wp-block-image {
    max-width: none;
  }
}

.is-style-base-3col {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 40px;
}
.is-style-base-3col .wp-block-image {
  margin-inline: auto;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .is-style-base-3col {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, -13.972px + 4.61vw, 49px);
  }
  .is-style-base-3col .wp-block-image {
    max-width: none;
  }
}

h3.is-style-simple-h3 {
  color: var(--text-color) !important;
  padding: 0 !important;
  background-color: transparent !important;
}

ul.wp-block-list.is-style-labelList-white,
ul.wp-block-list.el_labelList_white {
  display: flex;
  gap: 11px;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  ul.wp-block-list.is-style-labelList-white,
  ul.wp-block-list.el_labelList_white {
    margin-top: 40px;
  }
}
ul.wp-block-list.is-style-labelList-white li,
ul.wp-block-list.el_labelList_white li {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #000;
  font-weight: var(--fw-medium);
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 10px 15px;
  min-height: 30px;
  width: auto;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  ul.wp-block-list.is-style-labelList-white li,
  ul.wp-block-list.el_labelList_white li {
    font-size: 16px;
    padding: 10px 24px;
    min-height: 50px;
  }
}
ul.wp-block-list.is-style-labelList-white.is_japanNetwork,
ul.wp-block-list.el_labelList_white.is_japanNetwork {
  max-width: 600px;
}

.wp-block-button.is-style-external-linkBtn {
  max-width: 660px;
  width: 100%;
}
.wp-block-button.is-style-external-linkBtn a.wp-block-button__link {
  border-radius: 0;
  background-color: var(--main-color);
  color: #ffffff;
  transition: background-color var(--transition), color var(--transition);
  padding: 10px 20px;
  min-height: 100px;
}
@media screen and (min-width: 1025px) {
  .wp-block-button.is-style-external-linkBtn a.wp-block-button__link {
    font-size: 20px;
    min-height: 120px;
  }
}
@media (hover: hover) {
  .wp-block-button.is-style-external-linkBtn a.wp-block-button__link:hover {
    color: var(--main-color);
    background-color: #fff;
  }
}

.wp-block-buttons.is-style-cta-external {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .wp-block-buttons.is-style-cta-external {
    margin-top: 40px;
  }
}

.is-style-biz-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1025px) {
  .is-style-biz-heading {
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
  }
}
.is-style-biz-heading h2.wp-block-heading {
  --text-color: #fff;
  --page-h2-fsz: 50px;
  --wp--preset--font-size--small: 14px;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  font-weight: var(--fw-regular) !important;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
}
@media screen and (min-width: 1025px) {
  .is-style-biz-heading h2.wp-block-heading {
    --page-h2-fsz: 120px;
    --wp--preset--font-size--small: 20px;
  }
}
.is-style-biz-heading h2.wp-block-heading span.has-small-font-size {
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.75;
  font-weight: var(--fw-medium) !important;
}
.is-style-biz-heading .bl_topBiz_abst {
  color: #575757;
  font-size: 10px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-biz-heading .bl_topBiz_abst {
    font-size: 20px;
  }
}
.is-style-biz-heading .wp-block-column:last-child {
  max-width: 830px;
}
@media screen and (min-width: 1500px) {
  .is-style-biz-heading .wp-block-column:last-child {
    flex-grow: 2;
  }
}
.is-style-biz-heading + .is-style-bizList-item {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .is-style-biz-heading + .is-style-bizList-item {
    margin-top: 66px;
  }
}

.is-style-topReason {
  padding-block: 35px 80px;
  --article-mt: 0 !important;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason {
    padding-block: 0 136px;
    --article-mt: 40px !important;
  }
}
@media screen and (min-width: 1367px) {
  .is-style-topReason {
    --article-mt: -110px !important;
  }
}
.is-style-topReason .bl_reason {
  display: grid;
  gap: 0;
}
@media screen and (max-width: 1024px) {
  .is-style-topReason .bl_reason {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason {
    grid-template-columns: 19.5% 1fr;
  }
}
.is-style-topReason .el_reason_copy {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .el_reason_copy {
    justify-content: center;
  }
}
.is-style-topReason .el_reason_copy h2 {
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  line-height: 1.625;
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .el_reason_copy h2 {
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    font-size: 40px;
  }
}
.is-style-topReason .bl_reason_list {
  display: grid;
  position: relative;
  margin-top: 19px;
  gap: 12px;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 0;
  }
}
.is-style-topReason .bl_reason_list > div.wp-block-group {
  list-style: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 20px;
  gap: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list > div.wp-block-group {
    padding-block: 45px;
    padding-inline: 40px;
  }
}
.is-style-topReason .bl_reason_list > div.wp-block-group h3.wp-block-heading {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  padding: 0;
  background-color: transparent;
  color: var(--text-color);
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list > div.wp-block-group h3.wp-block-heading {
    gap: 16px;
    font-size: 22px;
  }
}
.is-style-topReason .bl_reason_list > div.wp-block-group h3.wp-block-heading span {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  letter-spacing: 0.05em;
  --wp--preset--font-size--small: 20px;
  width: 37px;
  height: 37px;
  font-weight: var(--fw-regular);
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list > div.wp-block-group h3.wp-block-heading span {
    --wp--preset--font-size--small: 20px;
    width: 37px;
    height: 37px;
  }
}
.is-style-topReason .bl_reason_list > div.wp-block-group p {
  letter-spacing: 0.05em;
  line-height: 2.2;
  font-size: 12px;
  margin-top: 13px;
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list > div.wp-block-group p {
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 2.2;
    margin-top: 26px;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-topReason .bl_reason_list::before {
    content: "INADA";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: #f1f1f1;
    background-image: url(../images/common/bg-site.webp);
    background-repeat: repeat;
    background-size: auto;
  }
}

.is-style-topValue {
  padding-block: 0;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue {
    padding-block: 68px 0;
  }
}

.is-style-topValue-buttons {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-buttons {
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    margin-top: 50px;
    align-items: stretch;
  }
}
.is-style-topValue-buttons .wp-block-button__link {
  width: 100%;
}
.is-style-topValue-buttons a.wp-block-button__link {
  font-size: 14px;
  border-radius: 0;
  padding-inline: 10px;
  margin-top: 0;
  white-space: wrap;
  text-align: center;
  line-height: 1.75;
}

.is-style-topValue-columns {
  align-items: center;
  display: grid !important;
  grid-template-columns: 1fr !important;
}
@media screen and (min-width: 768px) {
  .is-style-topValue-columns {
    grid-template-columns: 50% 50% !important;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns {
    gap: 0;
  }
}
.is-style-topValue-columns .wp-block-media-text__content {
  max-width: 500px;
  margin-inline: auto;
  margin-top: -190px;
}
@media screen and (min-width: 768px) {
  .is-style-topValue-columns .wp-block-media-text__content {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns .wp-block-media-text__content {
    max-width: none;
    margin-top: 0;
  }
}
.is-style-topValue-columns .wp-block-media-text__content h2 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns .wp-block-media-text__content h2 {
    letter-spacing: 0.2em;
    gap: 30px;
    font-size: 31px;
  }
}
.is-style-topValue-columns .wp-block-media-text__content h2 span.has-small-font-size {
  display: block;
  --wp--preset--font-size--small: 14px;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns .wp-block-media-text__content h2 span.has-small-font-size {
    --wp--preset--font-size--small: 15px;
  }
}
.is-style-topValue-columns .wp-block-media-text__content p {
  line-height: 2.16;
  letter-spacing: 0.05em;
  margin-top: 12px;
  font-size: 12px;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns .wp-block-media-text__content p {
    letter-spacing: 0.2em;
    line-height: 2.5;
    font-size: 16px;
    margin-top: 25px;
  }
}
.is-style-topValue-columns .wp-block-media-text__content p.is-style-strongify {
  font-weight: var(--fw-bold);
  line-height: 1.75;
  font-size: 16px;
  margin-top: 18px;
  text-align: left !important;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns .wp-block-media-text__content p.is-style-strongify {
    font-size: 20px;
    margin-top: 40px;
  }
}
.is-style-topValue-columns figure.wp-block-media-text__media {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .is-style-topValue-columns figure.wp-block-media-text__media {
    margin-inline: -125px -85px;
    width: auto;
  }
}
@media screen and (min-width: 1367px) {
  .is-style-topValue-columns figure.wp-block-media-text__media {
    margin-inline: -156px -70px;
  }
}
.is-style-topValue-columns figure.wp-block-media-text__media img {
  filter: brightness(1);
}
@media screen and (max-width: 1024px) {
  .is-style-topValue-columns figure.wp-block-media-text__media img {
    max-width: none;
    flex-shrink: 0;
    width: 530px;
    margin-top: -84px;
    margin-top: clamp(-84px, -144.092px + 16.025vw, 20px);
  }
}

section.is-style-topNews {
  padding-block: 30px 65px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews {
    padding-block: 160px 170px;
  }
}
section.is-style-topNews .bl_news2col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col {
    grid-template-columns: auto 1fr;
    gap: 90px;
  }
}
section.is-style-topNews .bl_news2col .el_linkButton {
  transition: background-color var(--transition), color var(--transition);
}
@media (hover: hover) {
  section.is-style-topNews .bl_news2col .el_linkButton:hover {
    background-color: #fff;
    color: #000;
    opacity: 1;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_title {
  display: flex;
  flex-direction: column;
}
section.is-style-topNews .bl_news2col .bl_news2col_title h2 {
  display: flex;
  flex-direction: column;
  font-weight: var(--fw-medium);
  letter-spacing: 0;
  line-height: 1;
  font-size: 50px;
  gap: 5px;
  --wp--preset--font-size--small: 14px;
}
section.is-style-topNews .bl_news2col .bl_news2col_title h2 .has-small-font-size {
  letter-spacing: 0.2em;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_title h2 {
    gap: 12px;
    font-size: 120px;
    --wp--preset--font-size--small: 20px;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_title > .el_linkButton {
  margin-top: 45px;
  font-size: 14px;
  height: 50px;
  max-width: 224px;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  section.is-style-topNews .bl_news2col .bl_news2col_title > .el_linkButton {
    display: none;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list {
  width: 100%;
  min-height: 250px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list {
    margin-top: 40px;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_meta {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_meta {
    gap: 37px;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_meta .el_post_category span {
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  font-size: 12px;
  min-height: 20px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_meta .el_post_category span {
    font-size: 14px;
    min-height: 30px;
    min-width: 80px;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_single {
  border-bottom: 1px dashed var(--text-color);
  display: block;
  padding-block: 17px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_single {
    padding-block: 37px;
  }
}
@media (hover: hover) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_single:hover .el_latestPost_content::after {
    transform: translateY(-50%) translateX(10px);
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_single:first-child {
  border-top: 1px dashed var(--text-color);
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_content {
  display: flex;
  flex-direction: column;
  transition: opacity var(--transition-time) ease;
  letter-spacing: 0.1em;
  line-height: 1.4;
  font-size: 14px;
  gap: 7px;
  padding-right: 50px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_content {
    font-size: 16px;
    gap: 40px;
    flex-direction: row;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_content h3.el_latestPost_title {
  background-color: transparent;
  padding: 0;
  color: #000;
  --page-h3-fsz: 14px;
  font-weight: var(--fw-regular);
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_content h3.el_latestPost_title {
    --page-h3-fsz: 16px;
  }
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_latestPost_content::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/top/arrow-news.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 8px;
  margin-left: auto;
  align-self: center;
  transition: transform var(--transition);
}
section.is-style-topNews .bl_news2col .bl_news2col_list .el_linkButton {
  margin-top: 16px;
  margin-inline: auto;
  height: 40px;
  font-size: 12px;
  max-width: 400px;
}
@media screen and (min-width: 1025px) {
  section.is-style-topNews .bl_news2col .bl_news2col_list .el_linkButton {
    display: none;
  }
}

.is-style-privacy ul {
  padding-left: 2em;
}
.is-style-privacy ul li {
  list-style: disc;
}

.is-style-orderMade-flow {
  gap: 0 !important;
  overflow: hidden;
}
.is-style-orderMade-flow ul.wp-block-list {
  width: 100%;
  counter-reset: one-stop;
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  gap: clamp(15px, 6.333px + 2.311vw, 30px);
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow ul.wp-block-list {
    gap: 30px;
    margin-top: 40px;
  }
}
.is-style-orderMade-flow ul.wp-block-list li {
  --wp--preset--font-size--medium: 16px;
  --wp--preset--font-size--small: 12px;
  counter-increment: one-stop;
  background-image: url(../images/common/bg-black.webp);
  background-repeat: repeat;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  padding: 15px 5px 15px;
  font-size: 16px;
  font-weight: var(--fw-semi-bold);
  letter-spacing: 0.2em;
  line-height: 1.75;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow ul.wp-block-list li {
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--small: 14px;
    justify-content: center;
    writing-mode: horizontal-tb;
    padding: 30px 20px 20px;
    font-size: 20px;
    height: 150px;
  }
}
.is-style-orderMade-flow ul.wp-block-list li span.has-small-font-size {
  content: "Flow " counter(one-stop, decimal-leading-zero);
  width: 100%;
  text-align: center;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow ul.wp-block-list li span.has-small-font-size {
    letter-spacing: 0.2em;
    position: absolute;
    top: 28px;
    left: 0;
  }
}
.is-style-orderMade-flow ul.wp-block-list li span.has-medium-font-size {
  writing-mode: vertical-rl;
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow ul.wp-block-list li span.has-medium-font-size {
    writing-mode: horizontal-tb;
  }
}
.is-style-orderMade-flow ul.wp-block-list li::after {
  content: "";
  background-image: url(../images/page/arrow-ordermade.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 14px;
  aspect-ratio: 27/44;
  width: clamp(14px, 6.488px + 2.003vw, 27px);
}
@media screen and (max-width: 1024px) {
  .is-style-orderMade-flow ul.wp-block-list li::after {
    top: 50%;
    right: clamp(-27px, -6.488px + -2.003vw, -14px);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow ul.wp-block-list li::after {
    width: 27px;
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
  }
}
.is-style-orderMade-flow ul.wp-block-list li:last-child::after {
  display: none;
}
.is-style-orderMade-flow p.el_orderMade_arrow {
  position: relative;
  text-align: center;
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.2em;
  gap: 10px;
  margin-inline: auto;
  max-width: 1082px;
  width: 100%;
  padding-inline: 20px;
}
@media screen and (min-width:520px) {
  .is-style-orderMade-flow p.el_orderMade_arrow {
    padding-inline: clamp(40px, 9.048px + 5.952vw, 70px);
  }
}
@media screen and (min-width: 1025px) {
  .is-style-orderMade-flow p.el_orderMade_arrow {
    font-size: 20px;
    padding-inline: 90px;
  }
}
@media screen and (min-width: 1367px) {
  .is-style-orderMade-flow p.el_orderMade_arrow {
    padding-inline: 0;
  }
}
.is-style-orderMade-flow p.el_orderMade_arrow::before {
  content: "";
  background-image: url(../images/page/arrow-ordermade-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
  aspect-ratio: 1082/56;
}

figcaption.wp-element-caption {
  margin-top: 16px;
}

.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}
.loading.is-active {
  opacity: 0;
  visibility: hidden;
}

.loadingInner {
  color: #fff;
  font-size: clamp(15px, 10.873px + 0.794vw, 19px);
}
.loadingInner > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width: 1025px) {
  .loadingInner > div {
    flex-direction: row;
    gap: 0;
  }
}
.loadingInner img {
  width: 112px;
  filter: brightness(0) invert(100%);
  margin-right: 10px;
}
@media screen and (min-width: 1025px) {
  .loadingInner {
    font-size: 24px;
  }
}

.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background: linear-gradient(65deg, #0372ff, #0372b4, #00b5dd);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

.is-slidein,
.is-fadein,
.is-fadeInLeft,
.is-fadeInRight,
.is-fadeUp {
  opacity: 0;
}

.is-fadeInLeft,
.is-fadeInRight,
.is-fadeUp {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.is-wipe-in-bt {
  opacity: 0;
  overflow: hidden;
}
.is-wipe-in-bt > span {
  display: inline-block;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.is-line-rl::after,
.is-line-lr::after {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.is-line-rl::before,
.is-line-lr::before {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.is-line-lr::before {
  transform: translateX(calc(-1 * var(--history-line-width)));
}

.is-line-rl::before {
  transform: translateX(var(--history-line-width));
}

.is-line-lr::after {
  transform: scaleX(0);
  transform-origin: right;
}
@media screen and (min-width: 1025px) {
  .is-line-lr::after {
    transform-origin: left;
  }
}

.is-line-rl::after {
  transform: scaleX(0);
  transform-origin: right;
}

.is-animated.is-fadeUp {
  animation-name: fadeUpAnime;
}
.is-animated.is-fadeInLeft {
  animation-name: fadeLeftAnime;
}
.is-animated.is-fadeInRight {
  animation-name: fadeRightAnime;
}
.is-animated.is-fadein {
  opacity: 0;
  animation: fadein 1.5s ease forwards;
}
.is-animated.is-slidein {
  opacity: 0;
  animation: slidein 1s ease-out forwards;
}
.is-animated.is-line-rl:before {
  animation-name: circle-rl;
}
.is-animated.is-line-rl:after {
  animation-name: line-scale;
}
.is-animated.is-line-lr:before {
  animation-name: circle-rl;
}
.is-animated.is-line-lr:after {
  animation-name: line-scale;
}
@media screen and (min-width: 1025px) {
  .is-animated.is-line-lr:before {
    animation-name: circle-lr;
  }
}
.is-animated.is-wipe-in-bt {
  opacity: 1;
}
.is-animated.is-wipe-in-bt > * {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-300px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slidein {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes circle-lr {
  0% {
    transform: translateX(calc(-1 * var(--history-line-width)));
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes circle-rl {
  0% {
    transform: translateX(var(--history-line-width));
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes line-scale {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}/*# sourceMappingURL=style.css.map */