@charset "UTF-8";
:root {
  --font_ja: "Noto Sans JP", sans-serif;
  --font_en: "Lato", sans-serif;
}

@supports (height: 1lh) {
  :root {
    --leading-trim: calc((1em - 1lh) / 2);
  }
}
/* ========================================================================================
  rem()   : 固定サイズ
  vw_pc() : 1440px幅の数値をそのまま基準にする。
            1024px以下は自動的に固定（1024pxの時点の値で止まる）
            1024px〜1440pxでなめらかに拡大し、1440pxでちょうど指定サイズに到達
            1440px以上も上限なく比例して拡大し続ける

  top: rem(20);
  @media (width > 768px) {
    top: vw_pc(20); // 1440px幅のデザインで20pxの意味
  }
======================================================================================== */
/* ===================================
Reset
=================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  scrollbar-gutter: stable;
}

body {
  line-height: 1.8;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/* input textarea reset
============================== */
input,
textarea,
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  outline: none;
  outline: 0;
}

select::-ms-expand {
  display: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  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;
}

/* ===================================
Foundation
=================================== */
* {
  box-sizing: border-box;
  line-break: strict;
}

/* テキスト
============================== */
a {
  text-decoration: none;
  color: inherit;
}

strong {
  font-weight: bold;
}

b {
  font-weight: bold;
}

sup {
  vertical-align: top;
}

/* メディア
============================== */
img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

video {
  display: block;
  max-width: 100%;
  height: auto;
  outline: none;
}

iframe {
  max-width: 100%;
}

/* Safariで表示されるデフォルトの三角形アイコンを消します */
summary::-webkit-details-marker {
  display: none;
}

summary::marker {
  content: "";
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

html {
  font-family: "Lato", "Noto Sans JP", sans-serif;
}

.ly_header {
  position: fixed;
  left: 50%;
  top: max(0.8888888889rem, 1.3888888889vw);
  width: calc(100% - max(1.5555555556rem, 2.4305555556vw) * 2);
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  overflow: hidden;
  translate: -50% 0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (width <= 768px) {
  .ly_header {
    width: calc(100% - 2.5rem);
  }
}
.ly_header .ly_header_inner {
  display: grid;
  grid-template-columns: min-content max-content;
  justify-content: space-between;
  align-items: center;
  padding-block: max(0.8888888889rem, 1.3888888889vw);
  padding-inline: max(1.5555555556rem, 2.4305555556vw);
  gap: max(0.8888888889rem, 1.3888888889vw);
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  overflow: hidden;
}
@media screen and (width <= 768px) {
  .ly_header .ly_header_inner {
    padding-inline: 1.25rem;
    padding-block: 0.6875rem;
  }
}
.ly_header .ly_header_inner .bl_header_logoWrapper {
  display: grid;
  grid-template-columns: max-content min-content;
  gap: max(0.3555555556rem, 0.5555555556vw);
  align-items: flex-end;
}
@media (max-width: 920px) {
  .ly_header .ly_header_inner .bl_header_logoWrapper {
    grid-template-columns: max-content;
    gap: 0;
  }
}
.ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoTitle .el_header_logoTitle_link {
  color: #000;
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.2;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoTitle .el_header_logoTitle_link {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoTitle .el_header_logoTitle_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoSubTitle {
  display: grid;
  grid-template-columns: min-content max(3.5111111111rem, 5.4861111111vw);
  gap: max(0.1777777778rem, 0.2777777778vw);
  align-items: center;
}
.ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoSubTitle .el_header_logoSubTitle_txt {
  color: rgba(0, 0, 0, 0.4);
  font-size: max(0.5777777778rem, 0.9027777778vw);
  font-weight: 500;
  line-height: 1.2;
  width: fit-content;
}
.ly_header .ly_header_inner .bl_header_logoWrapper .bl_header_logoSubTitle .el_header_logoSubTitle_img {
  width: 100%;
  height: auto;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper {
  display: grid;
  grid-template-columns: 1fr max(12.7555555556rem, 19.9305555556vw);
  align-items: center;
  justify-content: flex-end;
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media (max-width: 920px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper {
    gap: 0.5rem;
  }
}
@media (max-width: 810px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper {
    grid-template-columns: 1fr;
  }
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList {
  display: grid;
  grid-template-columns: repeat(5, auto);
  align-items: center;
  gap: max(0.7111111111rem, 1.1111111111vw);
  width: 100%;
}
@media (max-width: 920px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList {
    gap: max(0.3555555556rem, 0.5555555556vw);
  }
}
@media (max-width: 810px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList {
    display: none;
  }
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item {
  display: flex;
  align-items: center;
  gap: max(0.2666666667rem, 0.4166666667vw);
  padding: max(0.3555555556rem, 0.5555555556vw);
  transition: opacity 0.3s ease;
  min-width: 100%;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger {
  position: relative;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger::before {
  content: "";
  position: fixed;
  z-index: 2;
  top: var(--safe-top);
  left: var(--safe-left);
  width: var(--safe-width);
  height: var(--safe-height);
  display: none;
  clip-path: polygon(var(--safe-x) 0, 0 100%, 100% 100%);
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger .el_header_pageBtnList_item_icon {
  transition: rotate 0.3s ease;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger.is_open {
  z-index: 3;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger.is_open .el_header_pageBtnList_item_icon {
  rotate: 180deg;
}
@media (hover: hover) and (pointer: fine) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item.is_hoverTrigger.is_open:hover::before {
    display: block;
  }
}
@media (max-width: 920px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item {
    padding: 0.25rem;
  }
}
@media (any-hover: hover) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item:hover {
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item .el_header_pageBtnList_item_txt {
  display: block;
  color: #151515;
  font-family: var(--font_ja);
  font-feature-settings: "palt" on;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_pageBtnList .bl_header_pageBtnList_item .el_header_pageBtnList_item_icon {
  max-width: max(0.4444444444rem, 0.6944444444vw);
  width: 100%;
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList {
  grid-column: 2;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
@media (max-width: 810px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList {
    grid-template-columns: max-content 2rem;
  }
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_commonCtaBgBtn,
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_commonCtaBorderBtn {
  font-size: max(0.6666666667rem, 1.0416666667vw);
}
@media (max-width: 810px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_commonCtaBorderBtn {
    display: none;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_commonCtaBgBtn {
    padding-inline: 1rem;
    padding-bottom: 0.625rem;
    padding-top: 0.5rem;
  }
}
.ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn {
  display: none;
}
@media (max-width: 810px) {
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border: 1px solid #151515;
    border-radius: 100%;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn .el_header_toggleBtn_line {
    position: absolute;
    display: block;
    left: 50%;
    translate: -50% 0;
    width: 100%;
    max-width: 0.75rem;
    height: 1px;
    background-color: #151515;
    transition: top 0.3s ease, bottom 0.3s ease, translate 0.3s ease, rotate 0.3s ease, opacity 0.3s ease;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn .el_header_toggleBtn_line:nth-child(1) {
    top: 0.6875rem;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn .el_header_toggleBtn_line:nth-child(2) {
    top: 50%;
    translate: -50% -50%;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn .el_header_toggleBtn_line:last-child {
    bottom: 0.6875rem;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn.is-active .el_header_toggleBtn_line:nth-child(1) {
    top: 50%;
    translate: -50% -50%;
    rotate: 45deg;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn.is-active .el_header_toggleBtn_line:nth-child(2) {
    opacity: 0;
  }
  .ly_header .ly_header_inner .bl_header_pcNavWrapper .bl_header_ctabtnList .bl_header_toggleBtn.is-active .el_header_toggleBtn_line:last-child {
    bottom: auto;
    top: 50%;
    translate: -50% -50%;
    rotate: -45deg;
  }
}

.ly_spNavContainer {
  position: fixed;
  height: 100dvh;
  width: 100%;
  background-color: #E1E5EB;
  top: 0;
  left: 0;
  z-index: 90;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
.ly_spNavContainer .ly_spNav_inner {
  padding-inline: 1.25rem;
  padding-top: 7.125rem;
  padding-bottom: 3rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_list {
  margin-bottom: 2.5rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_list .bl_spNav_list_item {
  border-bottom: 1px solid rgba(21, 21, 21, 0.16);
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_list .bl_spNav_list_item .el_spNav_list_item_link {
  display: block;
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  padding-block: 1rem;
  padding-inline: 0.5rem;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .ly_spNavContainer .ly_spNav_inner .bl_spNav_list .bl_spNav_list_item .el_spNav_list_item_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_list .bl_spNav_list_item .bl_naviDetails .bl_naviDetails_summary {
  padding-inline: 0.5rem;
  padding-block: 1rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_ctaBtnList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 2.5rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_ctaBtnList .bl_commonCtaBorderBtn,
.ly_spNavContainer .ly_spNav_inner .bl_spNav_ctaBtnList .bl_commonCtaBgBtn {
  padding-inline: 1.25rem;
  font-size: 0.875rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_ctaBtnList .bl_commonCtaBorderBtn {
  padding-top: 0.625rem;
  padding-bottom: 0.75rem;
}
.ly_spNavContainer .ly_spNav_inner .bl_spNav_companyBtnList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.375rem;
}

.bl_header_popup {
  position: relative;
  overflow: hidden;
  height: 0;
  pointer-events: none;
}
@media screen and (width <= 768px) {
  .bl_header_popup {
    display: none;
  }
}
.bl_header_popup.is_open {
  pointer-events: auto;
}
.bl_header_popup .bl_header_popup_inner {
  display: grid;
  grid-template-columns: max(11.1111111111rem, 17.3611111111vw) 1fr;
  align-items: flex-start;
  gap: max(3.1111111111rem, 4.8611111111vw);
  padding-inline: max(3.1111111111rem, 4.8611111111vw);
  padding-top: max(1.5555555556rem, 2.4305555556vw);
  padding-bottom: max(2.1333333333rem, 3.3333333333vw);
  max-height: calc(98vh - max(0.8888888889rem, 1.3888888889vw) - 5.25rem);
  overflow-y: auto;
}
.bl_header_popup .bl_header_popup_inner .el_header_popup_inner_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1;
  padding-top: max(1.1555555556rem, 1.8055555556vw);
}
.bl_header_popup .bl_header_popup_inner .bl_header_popup_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(max(9.9555555556rem, 15.5555555556vw), 100%), 1fr));
  gap: max(0.7111111111rem, 1.1111111111vw);
}
.bl_header_popup .bl_header_popup_inner .bl_header_popup_content_service {
  grid-template-columns: 1fr;
  gap: max(3.5555555556rem, 5.5555555556vw);
  padding-top: max(1.7777777778rem, 2.7777777778vw);
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.bl_header_popup_content_service_item .el_header_popup_content_service_item_ttl {
  color: #4249D7;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
.bl_header_popup_content_service_item .bl_header_popup_content_service_item_postList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(max(9.9555555556rem, 15.5555555556vw), 100%), 1fr));
  gap: max(0.7111111111rem, 1.1111111111vw);
}

.bl_poppupBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 21, 21, 0.48);
  z-index: 90;
  backdrop-filter: blur(8px);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@media screen and (width <= 768px) {
  .bl_poppupBg {
    display: none;
  }
}

.bl_footerCtaWrapper {
  background-image: url("../img/common/cta-pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper {
    background-image: url("../img/common/cta-sp.jpg");
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner {
  display: grid;
  grid-template-columns: 1fr max(16rem, 25vw);
  align-items: center;
  gap: max(1.7777777778rem, 2.7777777778vw);
  max-width: max(51.5555555556rem, 80.5555555556vw);
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_textWrapper .el_footerCtaWrapper_textWrapper_title {
  color: #FFF;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_textWrapper .el_footerCtaWrapper_textWrapper_title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_textWrapper .el_footerCtaWrapper_textWrapper_description {
  color: #FFF;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_textWrapper .el_footerCtaWrapper_textWrapper_description {
    font-size: 0.875rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList {
  display: flex;
  flex-direction: column;
  gap: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList {
    gap: 1rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList .bl_commonCtaBorderBtn {
  font-size: max(1.0666666667rem, 1.6666666667vw);
  color: #FFF;
  border: 1px solid #FFF;
  padding-block: max(1.2444444444rem, 1.9444444444vw);
  padding-inline: max(1.7777777778rem, 2.7777777778vw);
  background: transparent;
  font-weight: 700;
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList .bl_commonCtaBorderBtn {
    font-size: 1.25rem;
    padding-block: 1.5rem;
    padding-inline: 2.5rem;
  }
}
.bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList .bl_commonCtaBgBtn {
  font-size: max(1.0666666667rem, 1.6666666667vw);
  color: #4249D7;
  background-color: #fff;
  background-image: none;
  font-weight: 700;
  padding-block: max(1.2444444444rem, 1.9444444444vw);
  padding-inline: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_footerCtaWrapper .bl_footerCtaWrapper_inner .bl_footerCtaWrapper_btnList .bl_commonCtaBgBtn {
    font-size: 1.25rem;
    padding-block: 1.5rem;
    padding-inline: 2.5rem;
  }
}

.bl_footerBorderTxt {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  padding-bottom: max(0.7111111111rem, 1.1111111111vw);
  border-bottom: 1px solid rgba(21, 21, 21, 0.16);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_footerBorderTxt {
    font-size: 0.875rem;
    padding-bottom: 1rem;
  }
}

.ly_footer {
  background-color: #F0F3F7;
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .ly_footer {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.ly_footer .ly_footer_inner {
  max-width: max(51.5555555556rem, 80.5555555556vw);
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner {
    max-width: 100%;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  padding-bottom: max(1.7777777778rem, 2.7777777778vw);
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper {
    padding-bottom: 0;
    margin-bottom: 2rem;
    border-bottom: none;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-start;
  gap: max(1.7777777778rem, 2.7777777778vw);
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    margin-bottom: 2.5rem;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_pageList {
  display: flex;
  flex-direction: column;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_pageList {
    gap: 1rem;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_pageList .el_footer_nav_pageList_link {
  display: block;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_pageList .el_footer_nav_pageList_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .el_footer_nav_postList_ttl {
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .el_footer_nav_postList_ttl {
    margin-bottom: 1.5rem;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList_catList {
  display: flex;
  flex-direction: column;
  gap: max(0.5333333333rem, 0.8333333333vw);
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList_catList .el_footer_nav_postList_pcPostList_catList_item_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList {
  display: flex;
  flex-direction: column;
  gap: max(0.0888888889rem, 0.1388888889vw);
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList .el_footer_nav_postList_pcPostList_link {
  display: grid;
  grid-template-columns: max(0.5333333333rem, 0.8333333333vw) 1fr;
  align-items: flex-start;
  gap: max(0.4444444444rem, 0.6944444444vw);
  padding: max(0.3555555556rem, 0.5555555556vw);
}
@media (any-hover: hover) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList .el_footer_nav_postList_pcPostList_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList .el_footer_nav_postList_pcPostList_link:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: max(0.0888888889rem, 0.1388888889vw);
  background-color: #4249D7;
  margin-top: max(0.3555555556rem, 0.5555555556vw);
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList .bl_footer_nav_postList_pcPostList .el_footer_nav_postList_pcPostList_link .el_footer_nav_postList_pcPostList_link_title {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.5333333333rem, 0.8333333333vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList_pc {
    display: none;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList_sp {
  display: none;
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList_sp {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_nav .bl_footer_nav_postList_sp .bl_naviDetails_summary {
    padding-bottom: 1rem;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_companyInfo {
  display: block;
  max-width: max(9.3333333333rem, 14.5833333333vw);
  width: 100%;
  margin-inline: auto;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_companyInfo:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_companyInfo .el_footer_companyInfo_logo {
  width: 100%;
  height: auto;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
.ly_footer .ly_footer_inner .bl_footer_upper .bl_footer_companyInfo .el_footer_companyInfo_name {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  width: fit-content;
  margin-inline: auto;
}
.ly_footer .ly_footer_inner .bl_footer_lower {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_lower {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.ly_footer .ly_footer_inner .bl_footer_lower .el_footer_lower_copyright {
  color: #151515;
  font-family: var(--font_en);
  font-size: max(0.5333333333rem, 0.8333333333vw);
  font-weight: 500;
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_lower .el_footer_lower_copyright {
    font-size: 0.625rem;
    grid-row: 2;
    width: fit-content;
    margin-inline: auto;
  }
}
.ly_footer .ly_footer_inner .bl_footer_lower .bl_footer_lower_linkList {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: flex-end;
  align-items: center;
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .ly_footer .ly_footer_inner .bl_footer_lower .bl_footer_lower_linkList {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    justify-content: flex-start;
  }
}

.bl_commonCtaBorderBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #447FBC;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  border-radius: max(44.4444444444rem, 69.4444444444vw);
  border: 2px solid #447FBC;
  padding-top: max(0.4444444444rem, 0.6944444444vw);
  padding-bottom: max(0.5333333333rem, 0.8333333333vw);
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  text-align: center;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .bl_commonCtaBorderBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_commonCtaBgBtn {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  border-radius: max(44.4444444444rem, 69.4444444444vw);
  background-image: url("../img/common/cta-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: max(0.4444444444rem, 0.6944444444vw);
  padding-top: max(0.5333333333rem, 0.8333333333vw);
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  text-align: center;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .bl_commonCtaBgBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_naviDetails .bl_naviDetails_summary {
  display: grid;
  grid-template-columns: auto 0.875rem;
  align-items: flex-start;
  gap: 0.625rem;
}
.bl_naviDetails .bl_naviDetails_summary .el_naviDetails_summary_txt {
  display: block;
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}
.bl_naviDetails .bl_naviDetails_summary .el_naviDetails_summary_icon {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_naviDetails .bl_naviDetails_summary .el_naviDetails_summary_icon::before, .bl_naviDetails .bl_naviDetails_summary .el_naviDetails_summary_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background-color: #4249D7;
  transition: translate 0.3s ease, rotate 0.3s ease;
}
.bl_naviDetails .bl_naviDetails_summary .el_naviDetails_summary_icon:before {
  rotate: 90deg;
  transition: translate 0.3s ease, rotate 0.3s ease;
}
.bl_naviDetails.is_open .el_naviDetails_summary_icon::before {
  rotate: 0deg;
}
.bl_naviDetails .bl_naviDetails_content {
  overflow: hidden;
  height: 0;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner .el_naviDetails_content_item_title {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner .el_naviDetails_content_item_wrapper_inner {
  padding-left: 1rem;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner .el_naviDetails_content_item {
  display: grid;
  grid-template-columns: 0.75rem auto;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.5rem;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner .el_naviDetails_content_item::before {
  content: "";
  position: relative;
  width: 100%;
  max-width: 0.75rem;
  height: 0.125rem;
  background-color: #4249D7;
  margin-top: 0.375rem;
}
.bl_naviDetails .bl_naviDetails_content .bl_naviDetails_content_inner .el_naviDetails_content_item .el_naviDetails_content_item_txt {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.bl_commonTabBtn {
  width: fit-content;
  display: grid;
  grid-template-columns: max-content max(0.6222222222rem, 0.9722222222vw);
  gap: max(0.1777777778rem, 0.2777777778vw);
  padding: max(0.3555555556rem, 0.5555555556vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_commonTabBtn {
    grid-template-columns: max-content 0.875rem;
    gap: 0.25rem;
    padding: 0.5rem;
  }
}
@media (any-hover: hover) {
  .bl_commonTabBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.bl_commonTabBtn .el_commonTabBtn_txt {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.5333333333rem, 0.8333333333vw);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
@media screen and (width <= 768px) {
  .bl_commonTabBtn .el_commonTabBtn_txt {
    font-size: 0.75rem;
  }
}
.bl_commonTabBtn .el_commonTabBtn_icon {
  width: 100%;
  height: auto;
  display: block;
}

.bl_commonAllViewBtn {
  display: block;
  width: fit-content;
  padding-bottom: max(0.4444444444rem, 0.6944444444vw);
  padding-top: max(0.4888888889rem, 0.7638888889vw);
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  border-radius: max(44.4444444444rem, 69.4444444444vw);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #F0F3F7;
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_commonAllViewBtn {
    padding-bottom: 0.625rem;
    padding-top: 0.6875rem;
    padding-inline: 1.5rem;
    font-size: 1.125rem;
  }
}
@media (any-hover: hover) {
  .bl_commonAllViewBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_searchPostCard {
  display: flex;
  gap: max(0.7111111111rem, 1.1111111111vw);
  align-items: center;
  justify-content: space-between;
  background-color: #FFF;
  border-radius: max(0.4444444444rem, 0.6944444444vw);
  border: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  padding: max(0.8888888889rem, 1.3888888889vw);
  min-height: max(3.7333333333rem, 5.8333333333vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_searchPostCard {
    padding: 1.25rem;
    min-height: 3.25rem;
  }
}
@media (any-hover: hover) {
  .bl_searchPostCard:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.bl_searchPostCard .bl_searchPostCard_icon {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  max-width: max(1.2444444444rem, 1.9444444444vw);
}
@media screen and (width <= 768px) {
  .bl_searchPostCard .bl_searchPostCard_icon {
    max-width: 1.125rem;
  }
}
.bl_searchPostCard .bl_searchPostCard_content {
  display: grid;
  grid-template-columns: 1fr max(0.7111111111rem, 1.1111111111vw);
  align-items: center;
  justify-content: space-between;
  gap: max(0.8888888889rem, 1.3888888889vw);
  width: 100%;
}
.bl_searchPostCard .bl_searchPostCard_content .el_searchPostCard_content_title {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (width <= 768px) {
  .bl_searchPostCard .bl_searchPostCard_content .el_searchPostCard_content_title {
    font-size: 1rem;
  }
}

.bl_sideCtaBtnList {
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_sideCtaBtnList {
    gap: 1rem;
  }
}
.bl_sideCtaBtnList .bl_commonCtaBorderBtn,
.bl_sideCtaBtnList .bl_commonCtaBgBtn {
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  padding-top: max(0.8rem, 1.25vw);
  padding-bottom: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_sideCtaBtnList .bl_commonCtaBorderBtn,
  .bl_sideCtaBtnList .bl_commonCtaBgBtn {
    padding-inline: 1.5rem;
    padding-top: 1.125rem;
    padding-bottom: 1.25rem;
  }
}

.bl_sideMenuWrapper {
  display: flex;
  flex-direction: column;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_sideMenuWrapper {
    gap: 3rem;
  }
}
.bl_sideMenuWrapper .bl_sideBanner {
  display: block;
  overflow: hidden;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  aspect-ratio: 320/240;
  height: auto;
  width: 100%;
}
.bl_sideMenuWrapper .bl_sideBanner .el_sideBanner_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (any-hover: hover) {
  .bl_sideMenuWrapper .bl_sideBanner:hover .el_sideBanner_img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
}

.bl_commonBgBtn {
  display: block;
  width: fit-content;
  border-radius: max(2.4888888889rem, 3.8888888889vw);
  border: 1px solid #4249D7;
  background-color: #4249D7;
  color: #FFF;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1;
  padding-top: max(0.8rem, 1.25vw);
  padding-bottom: max(0.8888888889rem, 1.3888888889vw);
  padding-inline: max(2.8444444444rem, 4.4444444444vw);
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .bl_commonBgBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_casePost {
  position: relative;
}
.bl_casePost .bl_casePost_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bl_casePost .bl_casePost_imgWrapper {
  overflow: hidden;
  border-radius: max(0.4444444444rem, 0.6944444444vw);
  height: auto;
  width: 100%;
  aspect-ratio: 90/47;
  transition: opacity 0.3s ease;
  border-radius: max(0.4444444444rem, 0.6944444444vw);
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_casePost .bl_casePost_imgWrapper {
    aspect-ratio: 302/162;
    border-radius: 0.625rem;
    margin-bottom: 1rem;
  }
}
.bl_casePost .bl_casePost_imgWrapper .el_casePost_imgWrapper_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bl_casePost .bl_casePost_lower .el_casePost_company {
  color: #4249D7;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_casePost .bl_casePost_lower .el_casePost_company {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
.bl_casePost .bl_casePost_lower .el_casePost_title {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_casePost .bl_casePost_lower .el_casePost_title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.bl_casePost .bl_casePost_lower .bl_casePost_serviceCategoryList {
  display: flex;
  flex-wrap: wrap;
  column-gap: max(0.7111111111rem, 1.1111111111vw);
  row-gap: max(0.3555555556rem, 0.5555555556vw);
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
  z-index: 2;
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_casePost .bl_casePost_lower .bl_casePost_serviceCategoryList {
    gap: 1rem;
    margin-bottom: 0.5rem;
  }
}
.bl_casePost .bl_casePost_lower .bl_casePost_serviceCategoryList .bl_casePost_serviceCategory {
  color: #4249D7;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.2;
  border-radius: max(0.1777777778rem, 0.2777777778vw);
  border: 1px solid #4249D7;
  background-color: #F0F3F7;
  padding-inline: max(0.3555555556rem, 0.5555555556vw);
  padding-bottom: max(0.1333333333rem, 0.2083333333vw);
  padding-top: max(0.1777777778rem, 0.2777777778vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_casePost .bl_casePost_lower .bl_casePost_serviceCategoryList .bl_casePost_serviceCategory {
    font-size: 0.875rem;
    padding-inline: 0.5rem;
    padding-bottom: 0.1875rem;
    padding-top: 0.25rem;
  }
}
@media (any-hover: hover) {
  .bl_casePost .bl_casePost_lower .bl_casePost_serviceCategoryList .bl_casePost_serviceCategory:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_casePost_bg {
  background-color: #F0F3F7;
  padding: max(1.0666666667rem, 1.6666666667vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_casePost_bg {
    padding: 1.5rem;
    border-radius: 1rem;
  }
}

.bl_casePost:has(.bl_casePost_link:hover) .el_casePost_title,
.bl_casePost:has(.bl_casePost_link:hover) .el_casePost_company {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.bl_casePost:has(.bl_casePost_link:hover) .bl_casePost_imgWrapper {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.bl_casePost:has(.bl_casePost_link:hover) .bl_casePost_imgWrapper .el_casePost_imgWrapper_img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.bl_productArchive_item_postList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(14.2222222222rem, 22.2222222222vw)), 1fr));
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_productArchive_item_postList {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}

.bl_productArchive {
  display: flex;
  flex-direction: column;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_productArchive {
    gap: 2rem;
  }
}

.bl_productPostCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: max(0.8888888889rem, 1.3888888889vw);
  padding: max(1.0666666667rem, 1.6666666667vw);
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  transition: opacity 0.3s ease;
  background-color: #FFF;
  height: 100%;
  text-decoration: none !important;
}
@media screen and (width <= 768px) {
  .bl_productPostCard {
    padding: 1rem;
    border-radius: 1rem;
    gap: 1.25rem;
  }
}
@media (any-hover: hover) {
  .bl_productPostCard:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper {
  margin-bottom: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper {
    margin-bottom: 0.625rem;
  }
}
.bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper .el_productPostCard_upper_logoWrapper_logo {
  width: 100%;
  max-height: max(1.7777777778rem, 2.7777777778vw);
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
  object-fit: contain;
  object-position: left;
}
@media screen and (width <= 768px) {
  .bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper .el_productPostCard_upper_logoWrapper_logo {
    max-height: 1.875rem;
    margin-bottom: 0.375rem;
  }
}
.bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper .el_productPostCard_upper_logoWrapper_txt {
  color: #999;
  font-feature-settings: "palt" on;
  font-family: var(--font_en);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (width <= 768px) {
  .bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper .el_productPostCard_upper_logoWrapper_txt {
    font-size: 0.625rem;
    line-height: 1.2;
  }
}
.bl_productPostCard .bl_productPostCard_upper .el_productPostCard_upper_txt {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_productPostCard .bl_productPostCard_upper .el_productPostCard_upper_txt {
    font-size: 0.8125rem;
  }
}
.bl_productPostCard .bl_productPostCard_arrow {
  display: grid;
  grid-template-columns: max(0.7111111111rem, 1.1111111111vw);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  aspect-ratio: 1/1;
  max-width: max(1.7777777778rem, 2.7777777778vw);
  width: 100%;
  height: auto;
  background-color: #F0F3F7;
  margin-left: auto;
}
.bl_productPostCard .bl_productPostCard_arrow img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
@media screen and (width <= 768px) {
  .bl_productPostCard .bl_productPostCard_arrow {
    max-width: 1.5rem;
  }
}

.bl_catServicesBlock {
  display: flex;
  flex-direction: column;
  gap: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_catServicesBlock {
    gap: 1.5rem;
  }
}
.bl_catServicesBlock .bl_productPost {
  container-type: inline-size;
  width: 100%;
  height: 100%;
}
@container (min-width: vw_pc(600)) {
  .bl_catServicesBlock .bl_productPostCard {
    display: grid;
    grid-template-columns: 1fr max(1.7777777778rem, 2.7777777778vw);
    gap: max(3.3333333333rem, 5.2083333333vw);
    padding-block: max(1.0666666667rem, 1.6666666667vw);
    padding-inline: max(2.1333333333rem, 3.3333333333vw);
    align-items: center;
  }
  .bl_catServicesBlock .bl_productPostCard .bl_productPostCard_upper {
    display: grid;
    grid-template-columns: max(9.6rem, 15vw) 1fr;
    gap: max(0.8888888889rem, 1.3888888889vw);
    align-items: center;
  }
  .bl_catServicesBlock .bl_productPostCard .bl_productPostCard_upper .bl_productPostCard_upper_logoWrapper {
    margin-bottom: 0;
    padding-block: max(0.2666666667rem, 0.4166666667vw);
    padding-right: max(1.4222222222rem, 2.2222222222vw);
    border-right: 1px solid rgba(0, 0, 0, 0.16);
  }
  .bl_catServicesBlock .bl_productPostCard .bl_productPostCard_upper .el_productPostCard_upper_logoWrapper_txt {
    margin-top: 0;
  }
  .bl_catServicesBlock .bl_productPostCard .bl_productPostCard_upper .el_productPostCard_upper_txt {
    margin-top: 0;
    padding-block: max(0.2666666667rem, 0.4166666667vw);
  }
}

.bl_columnPost {
  position: relative;
}
.bl_columnPost .bl_columnPost_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bl_columnPost .bl_columnPost_newBadge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: min(-0.3555555556rem, -0.5555555556vw);
  left: min(-0.3555555556rem, -0.5555555556vw);
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  max-width: max(2.8444444444rem, 4.4444444444vw);
  border-radius: 100%;
  z-index: 1;
  background-color: #4249D7;
}
@media screen and (width <= 768px) {
  .bl_columnPost .bl_columnPost_newBadge {
    top: -0.5rem;
    left: -0.5rem;
    max-width: 4rem;
  }
}
.bl_columnPost .bl_columnPost_newBadge .el_columnPost_newBadge_txt {
  color: #FFF;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (width <= 768px) {
  .bl_columnPost .bl_columnPost_newBadge .el_columnPost_newBadge_txt {
    font-size: 1rem;
  }
}
.bl_columnPost .bl_columnPost_imgWrapper {
  overflow: hidden;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  aspect-ratio: 84/55;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_columnPost .bl_columnPost_imgWrapper {
    border-radius: 1rem;
  }
}
.bl_columnPost .bl_columnPost_imgWrapper .el_columnPost_imgWrapper_img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.bl_columnPost .el_columnPost_title {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_columnPost .el_columnPost_title {
    font-size: 1rem;
  }
}

.bl_columnPost_infoWrapper {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: max(0.7111111111rem, 1.1111111111vw);
  align-items: flex-start;
  z-index: 2;
}
@media screen and (width <= 768px) {
  .bl_columnPost_infoWrapper {
    gap: 0.75rem;
  }
}
.bl_columnPost_infoWrapper .el_columnPost_info_date {
  color: #787878;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.0625rem;
}
@media screen and (width <= 768px) {
  .bl_columnPost_infoWrapper .el_columnPost_info_date {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.2;
  }
}

@media (any-hover: hover) {
  .bl_columnPost:has(.bl_columnPost_link:hover) .el_columnPost_title {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  .bl_columnPost:has(.bl_columnPost_link:hover) .bl_columnPost_imgWrapper {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  .bl_columnPost:has(.bl_columnPost_link:hover) .bl_columnPost_imgWrapper .el_columnPost_imgWrapper_img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
}
.bl_columnCatList {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_columnCatList {
    gap: 0.75rem;
  }
}
.bl_columnCatList .bl_columnCatList_item {
  display: block;
  color: #4249D7;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.2;
  border-radius: max(0.1777777778rem, 0.2777777778vw);
  background-color: #D9DBF7;
  padding-inline: max(0.3555555556rem, 0.5555555556vw);
  padding-block: max(0.1777777778rem, 0.2777777778vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_columnCatList .bl_columnCatList_item {
    font-size: 0.75rem;
    line-height: 1.2;
    padding-inline: 0.375rem;
    padding-block: 0.25rem;
  }
}
@media (hover: hover) {
  .bl_columnCatList .bl_columnCatList_item:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_TagList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: max(0.7111111111rem, 1.1111111111vw);
  z-index: 2;
}
@media screen and (width <= 768px) {
  .bl_TagList {
    gap: 0.75rem;
  }
}
.bl_TagList .bl_tagList_item {
  display: grid;
  grid-template-columns: max(0.8888888889rem, 1.3888888889vw) auto;
  align-items: center;
  gap: max(0.0888888889rem, 0.1388888889vw);
  color: #4249D7;
  font-family: var(--font_ja);
}
@media screen and (width <= 768px) {
  .bl_TagList .bl_tagList_item {
    gap: 0.125rem;
  }
}
.bl_TagList .bl_tagList_item .el_tagList_item_name {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (width <= 768px) {
  .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.625rem;
  }
}
.bl_TagList .bl_tagList_item img {
  width: 100%;
  height: auto;
}
@media (hover: hover) {
  .bl_TagList .bl_tagList_item:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_columnCatNav {
  display: flex;
  flex-direction: column;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_columnCatNav {
    gap: 3rem;
  }
}
.bl_columnCatNav .bl_columnCatNav_item {
  background-color: #F0F3F7;
  padding-block: max(1.4222222222rem, 2.2222222222vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_columnCatNav .bl_columnCatNav_item {
    padding-block: 1.25rem;
    border-radius: 1rem;
  }
}
.bl_columnCatNav .bl_columnCatNav_item .el_columnCatNav_item_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1;
  border-left: 4px solid #4249D7;
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(0.1777777778rem, 0.2777777778vw);
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_columnCatNav .bl_columnCatNav_item .el_columnCatNav_item_ttl {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    padding-inline: 1.25rem;
  }
}
.bl_columnCatNav .bl_columnCatNav_item .bl_columnCatList,
.bl_columnCatNav .bl_columnCatNav_item .bl_TagList {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_columnCatNav .bl_columnCatNav_item .bl_columnCatList,
  .bl_columnCatNav .bl_columnCatNav_item .bl_TagList {
    padding-inline: 1.25rem;
  }
}
.bl_columnCatNav .bl_columnCatNav_item .bl_columnCatList .bl_tagList_item,
.bl_columnCatNav .bl_columnCatNav_item .bl_TagList .bl_tagList_item {
  grid-template-columns: 1.25rem auto;
  gap: 0.125rem;
}
@media screen and (width <= 768px) {
  .bl_columnCatNav .bl_columnCatNav_item .bl_columnCatList .bl_tagList_item .el_tagList_item_name,
  .bl_columnCatNav .bl_columnCatNav_item .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.875rem;
  }
}
@media screen and (width <= 768px) {
  .bl_columnCatNav .bl_columnCatNav_item .bl_columnCatList .bl_columnCatList_item {
    padding-inline: 0.625rem;
    padding-block: 0.375rem;
    font-size: 1rem;
  }
}

.bl_pagination {
  --pagination_gap: max(0.8888888889rem, 1.3888888889vw);
  --pagination_size: max(1.7777777778rem, 2.7777777778vw);
  --pagination_font_size: max(0.7111111111rem, 1.1111111111vw);
  --pagination_accent: #4249D7;
  --pagination_color: #151515;
  --pagination_color_muted: #8A8A8A;
  --pagination_color_current: #fff;
  --pagination_bg_current: var(--pagination_accent);
  --pagination_border_nav: 1px solid var(--pagination_accent);
  --pagination_mt: max(2.6666666667rem, 4.1666666667vw);
  --pagination_arrow_size: max(0.6222222222rem, 0.9722222222vw);
}
@media screen and (width <= 768px) {
  .bl_pagination {
    --pagination_gap: 1rem;
    --pagination_size: 2rem;
    --pagination_font_size: 1rem;
    --pagination_arrow_size: 0.75rem;
    --pagination_mt: 3rem;
  }
}
.bl_pagination {
  display: grid;
  grid-template-columns: max(2.1333333333rem, 3.3333333333vw) auto max(2.1333333333rem, 3.3333333333vw);
  align-items: center;
  gap: var(--pagination_gap);
  width: fit-content;
  margin-inline: auto;
  margin-top: var(--pagination_mt);
}
.bl_pagination .bl_pagination_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_pagination .bl_pagination_list {
    gap: 0.5rem;
  }
}
.bl_pagination .bl_pagination_list {
  list-style: none;
  margin: 0;
  padding: 0;
  grid-column: 2;
}
.bl_pagination .bl_pagination_item {
  margin: 0;
  padding: 0;
}
.bl_pagination .el_pagination_link {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--pagination_size);
  height: var(--pagination_size);
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--pagination_color);
  font-family: var(--font_ja);
  font-feature-settings: "palt" on;
  font-size: var(--pagination_font_size);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}
.bl_pagination .el_pagination_link.is_current {
  background: var(--pagination_bg_current);
  border-color: var(--pagination_bg_current);
  color: var(--pagination_color_current);
  pointer-events: none;
}
.bl_pagination .el_pagination_link.is_dots {
  min-width: auto;
  height: auto;
  border: none;
  color: var(--pagination_color_muted);
  pointer-events: none;
}
@media (any-hover: hover) {
  .bl_pagination .el_pagination_link:hover:not(.is_current):not(.is_dots) {
    color: var(--pagination_accent);
  }
}
.bl_pagination .el_pagination_nav {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pagination_size);
  height: var(--pagination_size);
  border: var(--pagination_border_nav);
  border-radius: 50%;
  background: transparent;
  color: var(--pagination_accent);
  text-decoration: none;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
@media (any-hover: hover) {
  .bl_pagination .el_pagination_nav:hover {
    background: rgba(66, 73, 215, 0.08);
  }
}
.bl_pagination .el_pagination_nav.is_next {
  grid-column: 3;
}
.bl_pagination .el_pagination_nav.is_prev {
  grid-column: 1;
}
.bl_pagination .el_pagination_nav.is_prev .el_pagination_arrow {
  transform: scaleX(-1);
}
.bl_pagination .el_pagination_arrow {
  display: block;
  width: var(--pagination_arrow_size);
  height: var(--pagination_arrow_size);
  background-color: currentColor;
  mask: url("../img/common/arrow.svg") center/contain no-repeat;
  -webkit-mask: url("../img/common/arrow.svg") center/contain no-repeat;
}
.bl_pagination .el_pagination_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.bl_breadcrumbWrapper {
  padding-inline: max(3.1111111111rem, 4.8611111111vw);
}
@media screen and (width <= 1024px) {
  .bl_breadcrumbWrapper {
    padding-inline: 1.25rem;
  }
}
.bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner {
  display: flex;
  align-items: center;
  gap: max(0.4444444444rem, 0.6944444444vw);
  overflow-x: auto;
}
.bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_link {
  color: #151515;
  font-size: max(0.5333333333rem, 0.8333333333vw);
  font-weight: 500;
  line-height: 1.5;
  transition: opacity 0.3s ease;
  text-wrap: nowrap;
  white-space: nowrap;
}
@media screen and (width <= 768px) {
  .bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_link {
    font-size: 0.625rem;
  }
}
@media (any-hover: hover) {
  .bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_link:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }
}
.bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_line {
  max-width: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_line {
    max-width: 0.75rem;
  }
}
.bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_title {
  color: #787878;
  font-size: max(0.5333333333rem, 0.8333333333vw);
  font-weight: 500;
  line-height: 1.5;
  text-wrap: nowrap;
  white-space: nowrap;
}
@media screen and (width <= 768px) {
  .bl_breadcrumbWrapper .bl_breadcrumbWrapper_inner .el_breadcrumbWrapper_inner_title {
    font-size: 0.625rem;
  }
}

.bl_fileCardList {
  display: flex;
  flex-direction: column;
  gap: max(1.4222222222rem, 2.2222222222vw);
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_fileCardList {
    gap: 2rem;
    margin-top: 4rem;
  }
}

.bl_fileCard .bl_fileCard_header {
  display: grid;
  grid-template-columns: auto max(1.8222222222rem, 2.8472222222vw);
  width: fit-content;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_header {
    grid-template-columns: auto 2.5625rem;
  }
}
.bl_fileCard .bl_fileCard_header .bl_fileCard_header_item {
  background-color: #F0F3F7;
  padding-bottom: max(0.3555555556rem, 0.5555555556vw);
  padding-left: max(1.4222222222rem, 2.2222222222vw);
  padding-right: max(1.2888888889rem, 2.0138888889vw);
  padding-top: max(0.6222222222rem, 0.9722222222vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw) 0 0 0;
  width: fit-content;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_header .bl_fileCard_header_item {
    padding-bottom: 0.5rem;
    padding-left: 2rem;
    padding-right: 1.8125rem;
    padding-top: 0.875rem;
  }
}
.bl_fileCard .bl_fileCard_header .bl_fileCard_header_item .el_fileCard_header_item_ttl {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1;
  width: fit-content;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_header .bl_fileCard_header_item .el_fileCard_header_item_ttl {
    font-size: 0.875rem;
  }
}
.bl_fileCard .bl_fileCard_header .el_fileCard_header_icon {
  display: block;
  width: 100%;
  height: 101%;
}
.bl_fileCard .bl_fileCard_body {
  display: grid;
  grid-template-columns: max(7.1111111111rem, 11.1111111111vw) auto;
  align-items: flex-start;
  gap: max(1.0666666667rem, 1.6666666667vw);
  background-color: #F0F3F7;
  padding: max(1.0666666667rem, 1.6666666667vw);
  border-radius: 0 max(0.7111111111rem, 1.1111111111vw) max(0.7111111111rem, 1.1111111111vw) max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body {
    grid-template-columns: 6.25rem auto;
    padding: 1.5rem;
    align-items: center;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_imgWrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  overflow: hidden;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_imgWrapper {
    border-radius: 0.5rem;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_imgWrapper .el_fileCard_body_imgWrapper_img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content {
    display: contents;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper {
  display: flex;
  flex-direction: column;
  gap: max(0.4444444444rem, 0.6944444444vw);
  margin-bottom: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper {
    gap: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper .el_fileCard_body_content_nameWrapper_position {
  color: #787878;
  font-family: var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper .el_fileCard_body_content_nameWrapper_position {
    font-size: 0.875rem;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper .el_fileCard_body_content_nameWrapper_name {
  color: #4249D7;
  font-size: max(0.9777777778rem, 1.5277777778vw);
  font-weight: 700;
  line-height: 1;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .bl_fileCard_body_content_nameWrapper .el_fileCard_body_content_nameWrapper_name {
    font-size: 1.25rem;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .el_fileCard_body_content_description {
  color: #151515;
  font-size: max(0.6666666667rem, 1.0416666667vw);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .el_fileCard_body_content_description {
    font-size: 0.9375rem;
    grid-column: span 2;
  }
}
.bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .el_fileCard_body_content_url {
  display: block;
  width: fit-content;
  margin-top: max(0.4444444444rem, 0.6944444444vw);
  color: #4249D7;
  font-size: max(0.6666666667rem, 1.0416666667vw);
  font-weight: 600;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: #4249D7;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .el_fileCard_body_content_url:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
@media screen and (width <= 768px) {
  .bl_fileCard .bl_fileCard_body .bl_fileCard_body_content .el_fileCard_body_content_url {
    font-size: 0.9375rem;
    margin-top: 0.625rem;
  }
}

.is-clientInfo .el_fileCard_header_icon path {
  fill: #ECEDFB;
}
.is-clientInfo .bl_fileCard_header .bl_fileCard_header_item {
  background-color: #ECEDFB;
}
.is-clientInfo .bl_fileCard_body {
  background-color: #ECEDFB;
}

.ly_pageTurnBtnNav {
  display: grid;
  grid-template-columns: max(8.2222222222rem, 12.8472222222vw) auto max(8.2222222222rem, 12.8472222222vw);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    column-gap: 2.75rem;
    row-gap: 1rem;
    margin-top: 3rem;
  }
}
.ly_pageTurnBtnNav .bl_pageTurnBtnNav_link {
  display: grid;
  width: 100%;
  grid-template-columns: max(0.3111111111rem, 0.4861111111vw) auto;
  align-items: center;
  justify-content: center;
  gap: max(0.3555555556rem, 0.5555555556vw);
  color: #FFF;
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.2;
  padding-block: max(0.6222222222rem, 0.9722222222vw);
  background-color: #151515;
  border-radius: max(4.4444444444rem, 6.9444444444vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_link {
    grid-template-columns: 0.4375rem auto;
    justify-content: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    padding-block: 0.875rem;
    padding-inline: 2rem;
    border-radius: 6.25rem;
  }
}
@media screen and (width <= 1024px) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_link {
    padding-inline: 1rem;
  }
}
@media (any-hover: hover) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_link:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }
}
.ly_pageTurnBtnNav .bl_pageTurnBtnNav_link .el_pageTurnBtnNav_link_icon {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ly_pageTurnBtnNav .bl_pageTurnBtnNav_allBtn {
  grid-column: 2;
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_allBtn {
    grid-row: 2;
    grid-column: 1/span 2;
    text-align: center;
    width: fit-content;
    margin-inline: auto;
  }
}
.ly_pageTurnBtnNav .bl_pageTurnBtnNav_allBtn {
  color: #151515;
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(16.2 / 1em);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_allBtn {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: calc(16.2 / 1em);
  }
}
@media (any-hover: hover) {
  .ly_pageTurnBtnNav .bl_pageTurnBtnNav_allBtn:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }
}
.ly_pageTurnBtnNav .is_prev {
  grid-column: 1;
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav .is_prev {
    grid-row: 1;
    grid-column: 1;
  }
}
.ly_pageTurnBtnNav .is_next {
  grid-column: 3;
  grid-template-columns: auto max(0.3111111111rem, 0.4861111111vw);
}
@media screen and (width <= 768px) {
  .ly_pageTurnBtnNav .is_next {
    grid-row: 1;
    grid-column: 2;
    grid-template-columns: auto 0.4375rem;
  }
}
.ly_pageTurnBtnNav .is_next .el_pageTurnBtnNav_link_icon {
  grid-column: 2;
  grid-row: 1;
}
.ly_pageTurnBtnNav .is_next .el_pageTurnBtnNav_link_txt {
  grid-column: 1;
  grid-row: 1;
}

.bl_resouceCard {
  position: relative;
}
.bl_resouceCard .el_resouceCard_link {
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
  padding: max(1.0666666667rem, 1.6666666667vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  border: 1px solid rgba(0, 0, 0, 0.16);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link {
    padding: 1rem;
    border-radius: 1rem;
    padding: 1.25rem;
  }
}
.bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 312/200;
  overflow: hidden;
  border-radius: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_thumbnail {
    border-radius: 0.625rem;
  }
}
.bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bl_resouceCard .el_resouceCard_link .el_resoucePostItem_title {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link .el_resoucePostItem_title {
    font-size: 1rem;
  }
}
.bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download {
  display: grid;
  grid-template-columns: 1fr max(1.0666666667rem, 1.6666666667vw);
  gap: max(0.3555555556rem, 0.5555555556vw);
  align-items: center;
  width: fit-content;
  margin-left: auto;
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download {
    grid-template-columns: 1fr 1.25rem;
    gap: 0.5rem;
  }
}
.bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download .el_resoucePostItem_download_txt {
  color: #4249D7;
  font-family: var(--font_en);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download .el_resoucePostItem_download_txt {
    font-size: 1rem;
  }
}
.bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download .el_resoucePostItem_download_icon {
  border-radius: 100%;
  background-color: #4249D7;
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  object-fit: contain;
  padding: max(0.3111111111rem, 0.4861111111vw);
}
@media screen and (width <= 768px) {
  .bl_resouceCard .el_resouceCard_link .bl_resoucePostItem_download .el_resoucePostItem_download_icon {
    padding: 0.4375rem;
  }
}
@media (any-hover: hover) {
  .bl_resouceCard .el_resouceCard_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  .bl_resouceCard .el_resouceCard_link:hover .bl_resoucePostItem_thumbnail img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
}

.bl_caseFilter {
  --blue_color: #4249D7;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
  background-color: #F0F3F7;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_caseFilter {
    margin-bottom: 3rem;
    border-radius: 0.625rem;
  }
}
.bl_caseFilter .bl_caseFilter_summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  cursor: pointer;
  padding-block: max(1.4222222222rem, 2.2222222222vw);
  padding-right: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_summary {
    padding-block: 1.25rem;
    padding-right: 1.25rem;
    gap: 0.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_summary::-webkit-details-marker {
  display: none;
}
.bl_caseFilter .bl_caseFilter_summary .el_naviDetails_summary_txt {
  display: block;
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1;
  padding-left: max(1.7777777778rem, 2.7777777778vw);
  border-left: max(0.1777777778rem, 0.2777777778vw) solid var(--blue_color);
  padding-block: max(0.1777777778rem, 0.2777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_summary .el_naviDetails_summary_txt {
    font-size: 1.25rem;
    padding-left: 1.25rem;
    padding-block: 0.25rem;
  }
}
.bl_caseFilter .bl_caseFilter_summary .el_caseFilter_summary_icon {
  position: relative;
  flex-shrink: 0;
  width: max(1.4222222222rem, 2.2222222222vw);
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 50%;
  background-color: var(--blue_color);
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_summary .el_caseFilter_summary_icon {
    width: 2rem;
  }
}
.bl_caseFilter .bl_caseFilter_summary .el_caseFilter_summary_icon::before, .bl_caseFilter .bl_caseFilter_summary .el_caseFilter_summary_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 0.75rem;
  height: 2px;
  background-color: #FFF;
  transition: rotate 0.3s ease;
}
.bl_caseFilter .bl_caseFilter_summary .el_caseFilter_summary_icon::after {
  rotate: 90deg;
}
.bl_caseFilter .bl_caseFilter_details.is_open .el_caseFilter_summary_icon::after {
  rotate: 0deg;
}
.bl_caseFilter .bl_naviDetails_content {
  overflow: hidden;
  height: 0;
}
.bl_caseFilter .bl_caseFilter_contentInner {
  padding-left: max(1.7777777778rem, 2.7777777778vw);
  padding-right: max(1.7777777778rem, 2.7777777778vw);
  padding-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_contentInner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.bl_caseFilter .bl_caseFilter_groupList {
  margin-bottom: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_groupList {
    margin-bottom: 2rem;
  }
}
.bl_caseFilter .bl_caseFilter_group {
  display: block;
  height: auto;
  width: auto;
  padding-block: max(1.0666666667rem, 1.6666666667vw);
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_group {
    padding-block: 1.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_group:first-child {
  border-top: 1px solid #D9D9D9;
}
.bl_caseFilter .bl_caseFilter_group fieldset {
  display: contents;
}
.bl_caseFilter .el_caseFilter_group_ttl {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .el_caseFilter_group_ttl {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.bl_caseFilter .bl_caseFilter_chipList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_chipList {
    gap: 0.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-block: max(0.1777777778rem, 0.2777777778vw);
  padding-left: max(0.1777777778rem, 0.2777777778vw);
  padding-right: max(0.5333333333rem, 0.8333333333vw);
  border: 1px solid #C8C8C8;
  border-radius: 62.5rem;
  background-color: #FFF;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_chip {
    padding-block: 0.25rem;
    padding-left: 0.25rem;
    padding-right: 0.75rem;
    border-radius: 62.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_chip .el_caseFilter_chip_txt {
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  line-height: 1;
}
.bl_caseFilter .bl_caseFilter_chip .el_caseFilter_chip_check {
  position: relative;
  flex-shrink: 0;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  background-color: #FFF;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_chip .el_caseFilter_chip_check {
    width: 1.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_chip:has(.el_caseFilter_chip_input:checked) {
  border-color: #447FBC;
  color: var(--blue_color);
}
.bl_caseFilter .bl_caseFilter_chip:has(.el_caseFilter_chip_input:checked) .el_caseFilter_chip_txt {
  color: var(--blue_color);
}
.bl_caseFilter .bl_caseFilter_chip:has(.el_caseFilter_chip_input:checked) .el_caseFilter_chip_check {
  border-color: transparent;
}
.bl_caseFilter .bl_caseFilter_chip:has(.el_caseFilter_chip_input:checked) .el_caseFilter_chip_check::after {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("../img/common/checkicon.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bl_caseFilter .el_caseFilter_chip_input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bl_caseFilter .bl_caseFilter_actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding-top: max(0.3555555556rem, 0.5555555556vw);
  max-width: max(17.7777777778rem, 27.7777777778vw);
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 1024px) {
  .bl_caseFilter .bl_caseFilter_actions {
    max-width: 100%;
  }
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding-top: 0.5rem;
  }
}
.bl_caseFilter .bl_caseFilter_resetBtn,
.bl_caseFilter .bl_caseFilter_submitBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: 62.5rem;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_resetBtn,
  .bl_caseFilter .bl_caseFilter_submitBtn {
    padding-top: 1rem;
    padding-bottom: 1.125rem;
    max-width: 100%;
  }
}
@media (any-hover: hover) {
  .bl_caseFilter .bl_caseFilter_resetBtn:hover,
  .bl_caseFilter .bl_caseFilter_submitBtn:hover {
    opacity: 0.7;
  }
}
.bl_caseFilter .bl_caseFilter_resetBtn {
  color: #787878;
  border: 1px solid #787878;
}
@media screen and (width <= 768px) {
  .bl_caseFilter .bl_caseFilter_resetBtn {
    grid-row: 2;
  }
}
.bl_caseFilter .bl_caseFilter_submitBtn {
  color: #FFF;
  background-color: var(--blue_color);
  border: 1px solid var(--blue_color);
}

/*===============
共通
===============*/
.bl_topSecTtlWrapper {
  width: fit-content;
}
.bl_topSecTtlWrapper .el_topSecTtlWrapper_txt {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (width <= 768px) {
  .bl_topSecTtlWrapper .el_topSecTtlWrapper_txt {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
  }
}
.bl_topSecTtlWrapper .el_topColumnSection_vrtTtl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1.1;
}
@media screen and (width <= 768px) {
  .bl_topSecTtlWrapper .el_topColumnSection_vrtTtl {
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    line-height: 1.1;
  }
}

/*===============
セクション別
===============*/
.bl_topFvSection {
  padding-top: max(7.2888888889rem, 11.3888888889vw);
  padding-bottom: max(2.8444444444rem, 4.4444444444vw);
  padding-inline: max(6.2222222222rem, 9.7222222222vw);
  background-image: url(../img/top/fv.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .bl_topFvSection {
    padding-inline: max(1.5555555556rem, 2.4305555556vw);
  }
}
@media screen and (width <= 768px) {
  .bl_topFvSection {
    padding-top: 6.625rem;
    padding-bottom: 17.1875rem;
    padding-inline: 1.25rem;
    background-image: url(../img/top/fv-sp.webp);
  }
}
.bl_topFvSection .bl_topFvSection_inner {
  display: grid;
  grid-template-columns: max-content 1fr;
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner {
    grid-template-columns: 1fr;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper {
    margin-bottom: 1.5rem;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_subTxt {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.4222222222rem, 2.2222222222vw);
  line-height: 1.4;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
  font-weight: 700;
  display: block;
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_subTxt {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    letter-spacing: 0.096em;
    line-height: 1.3;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_subTxt .el_topFvSection_content_txt_subTxt_key {
  color: #4249D7;
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_mainTxt {
  display: block;
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.6rem, 2.5vw);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_mainTxt {
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_mainTxt .el_topFvSection_content_txt_mainTxt_spbr {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_txtWrapper .el_topFvSection_content_txt_mainTxt .el_topFvSection_content_txt_mainTxt_spbr {
    display: block;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_btnWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: max(0.7111111111rem, 1.1111111111vw);
  align-items: center;
  max-width: max(20.4444444444rem, 31.9444444444vw);
}
@media screen and (width <= 768px) {
  .bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_btnWrapper {
    gap: 1rem;
    max-width: 100%;
  }
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_btnWrapper .bl_commonCtaBorderBtn {
  padding-top: max(0.6222222222rem, 0.9722222222vw);
  padding-bottom: max(0.7111111111rem, 1.1111111111vw);
}
.bl_topFvSection .bl_topFvSection_inner .bl_topFvSection_content .bl_topFvSection_content_btnWrapper .bl_commonCtaBgBtn {
  padding-top: max(0.7111111111rem, 1.1111111111vw);
  padding-bottom: max(0.8rem, 1.25vw);
}

.bl_topRecSection {
  background-color: #F0F3F7;
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: max(3.1111111111rem, 4.8611111111vw);
  align-items: flex-start;
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr 1fr;
  row-gap: max(0.8888888889rem, 1.3888888889vw);
  column-gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 1.25rem;
    column-gap: 0;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child {
  grid-column: 1;
  grid-row: span 2;
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child {
    margin-bottom: 0.75rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_imgWrapper {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  aspect-ratio: 509/251;
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_imgWrapper {
    aspect-ratio: 350/229;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .el_columnPost_title {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .el_columnPost_title {
    font-size: 1rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_infoWrapper {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_infoWrapper .el_columnPost_info_date {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_infoWrapper .el_columnPost_info_date {
    font-size: 0.75rem;
    margin-top: 0.1875rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_infoWrapper .bl_columnCatList_item {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_columnPost_infoWrapper .bl_columnCatList_item {
    font-size: 0.75rem;
    padding-inline: 0.25rem;
    padding-block: 0.1875rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .bl_TagList .bl_tagList_item .el_tagList_item_name {
  font-size: 0.75rem;
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:first-child .el_columnPost_tagList_item_name {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) {
  margin-bottom: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) {
    margin-bottom: 0;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2), .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child {
  display: grid;
  grid-template-columns: max(8.8888888889rem, 13.8888888889vw) 1fr;
  gap: max(0.7111111111rem, 1.1111111111vw);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  padding-bottom: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2), .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child {
    align-items: center;
    grid-template-columns: 7.5rem 1fr;
    gap: 0.75rem;
    padding-bottom: 1.25rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_imgWrapper, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_imgWrapper {
  aspect-ratio: 20/13;
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_imgWrapper, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_imgWrapper {
    aspect-ratio: 1/1;
  }
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower {
    display: grid;
    grid-template-rows: max-content max-content max-content;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .el_columnPost_title, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .el_columnPost_title {
  font-size: max(0.8rem, 1.25vw);
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .el_columnPost_title, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .el_columnPost_title {
    font-size: 0.8125rem;
    line-height: 1.5;
    grid-row: 1;
    margin-bottom: 0;
  }
}
.bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_columnPost_infoWrapper, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_columnPost_infoWrapper {
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_columnPost_infoWrapper, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_columnPost_infoWrapper {
    margin-bottom: 0;
    grid-row: 3;
  }
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_columnPost_infoWrapper .el_columnPost_info_date, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_columnPost_infoWrapper .el_columnPost_info_date {
    font-size: 0.625rem;
    margin-top: 0.1875rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_columnPost_infoWrapper .bl_columnCatList .bl_columnCatList_item, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_columnPost_infoWrapper .bl_columnCatList .bl_columnCatList_item {
    font-size: 0.625rem;
    padding-inline: 0.25rem;
    padding-block: 0.1875rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_TagList, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_TagList {
    grid-row: 2;
    margin-bottom: 0;
  }
}
@media screen and (width <= 768px) {
  .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:nth-child(2) .bl_columnPost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name, .bl_topRecSection .bl_topRecSection_inner .bl_topRecSection_content .bl_columnPost:last-child .bl_columnPost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.625rem;
  }
}

.bl_topNewColumnSection {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner {
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner {
    max-width: 100%;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topSecTtlWrapper {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topSecTtlWrapper {
    margin-bottom: 2rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper {
  display: grid;
  grid-template-columns: 1fr max(14.2222222222rem, 22.2222222222vw);
  gap: max(3.1111111111rem, 4.8611111111vw);
  align-items: flex-start;
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_columnCatNav {
  position: sticky;
  top: max(8rem, 12.5vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_columnCatNav {
    position: relative;
    top: auto;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList {
  display: flex;
  flex-direction: column;
  gap: max(1.0666666667rem, 1.6666666667vw);
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList {
    gap: 1.25rem;
    margin-bottom: 2rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost {
  display: grid;
  grid-template-columns: max(11.5555555556rem, 18.0555555556vw) 1fr;
  gap: max(0.7111111111rem, 1.1111111111vw);
  padding-bottom: max(1.0666666667rem, 1.6666666667vw);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_imgWrapper {
  aspect-ratio: 26/17;
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost {
    grid-template-columns: 7.5rem 1fr;
    gap: 0.75rem;
    padding-bottom: 1.25rem;
    align-items: center;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_imgWrapper {
    aspect-ratio: 1/1;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower {
    display: grid;
    grid-template-rows: repeat(3, auto);
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .el_columnPost_title {
  font-size: max(0.8rem, 1.25vw);
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .el_columnPost_title {
    font-size: 0.8125rem;
    line-height: 1.5;
    grid-row: 1;
    margin-bottom: 0;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_columnPost_infoWrapper {
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_columnPost_infoWrapper {
    margin-bottom: 0;
    grid-row: 3;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_columnPost_infoWrapper .el_columnPost_info_date {
    font-size: 0.625rem;
    margin-top: 0.1875rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_columnPost_infoWrapper .bl_columnCatList .bl_columnCatList_item {
    font-size: 0.625rem;
    padding-inline: 0.25rem;
    padding-block: 0.1875rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_TagList {
    grid-row: 2;
    margin-bottom: 0;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost .bl_columnPost_lower .bl_TagList .bl_columnCatList_item .el_tagList_item_name {
    font-size: 0.625rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child {
    grid-template-columns: 1fr;
    border-bottom: none;
    padding-bottom: 0.75rem;
  }
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_imgWrapper {
    aspect-ratio: 350/229;
  }
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .bl_columnPost_infoWrapper {
    margin-bottom: 0;
  }
}
@media screen and (width <= 768px) and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .bl_columnPost_infoWrapper {
    font-size: 0.75rem;
  }
}
@media screen and (width <= 768px) and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .bl_columnPost_infoWrapper .el_columnPost_info_date {
    font-size: 0.625rem;
    margin-top: 0.1875rem;
  }
}
@media screen and (width <= 768px) and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .bl_columnPost_infoWrapper .bl_columnCatList .bl_columnCatList_item {
    font-size: 0.625rem;
    padding-inline: 0.25rem;
    padding-block: 0.1875rem;
  }
}
@media screen and (width <= 768px) and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .el_columnPost_title {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}
@media screen and (width <= 768px) and (width <= 768px) {
  .bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_topNewColumnSection_content_postList .bl_columnPost:first-child .bl_columnPost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.75rem;
  }
}
.bl_topNewColumnSection .bl_topNewColumnSection_inner .bl_topNewColumnSection_contentWrapper .bl_topNewColumnSection_content .bl_commonAllViewBtn {
  margin-inline: auto;
}

.bl_topSearchSection {
  background-color: #F0F3F7;
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_topSearchSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_topSearchSection .bl_topSearchSection_inner {
  display: flex;
  flex-direction: column;
  gap: max(3.5555555556rem, 5.5555555556vw);
  max-width: max(51.5555555556rem, 80.5555555556vw);
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_topSearchSection .bl_topSearchSection_inner {
    gap: 3rem;
  }
}
.bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: max(1.7777777778rem, 2.7777777778vw);
  align-items: flex-start;
}
@media screen and (width <= 768px) {
  .bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item .bl_topSearchSection_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(11.5555555556rem, 18.0555555556vw)), 1fr));
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item .bl_topSearchSection_content {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item .bl_topSearchSection_content .bl_searchPostCard {
    padding: 0.625rem;
  }
  .bl_topSearchSection .bl_topSearchSection_inner .bl_topSearchSection_item .bl_topSearchSection_content .bl_searchPostCard .el_searchPostCard_content_title {
    font-size: 0.75rem;
  }
}

.bl_topCaseSection {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_topCaseSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_topCaseSection .bl_topCaseSection_inner {
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_topCaseSection .bl_topCaseSection_inner {
    max-width: 100%;
  }
}
.bl_topCaseSection .bl_topCaseSection_inner .bl_topSecTtlWrapper {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topCaseSection .bl_topCaseSection_inner .bl_topSecTtlWrapper {
    margin-bottom: 2rem;
  }
}
.bl_topCaseSection .bl_topCaseSection_inner .bl_topCaseSection_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(14.2222222222rem, 22.2222222222vw)), 1fr));
  gap: max(1.7777777778rem, 2.7777777778vw);
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topCaseSection .bl_topCaseSection_inner .bl_topCaseSection_content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 2rem;
  }
}
.bl_topCaseSection .bl_topCaseSection_inner .bl_commonAllViewBtn {
  margin-inline: auto;
}

.bl_topProductSection {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_topProductSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_topProductSection .bl_topProductSection_inner {
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner {
    max-width: 100%;
  }
}
.bl_topProductSection .bl_topProductSection_inner .bl_topSecTtlWrapper {
  width: 100%;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner .bl_topSecTtlWrapper {
    margin-bottom: 2rem;
  }
}
.bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  padding-top: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item {
    padding-top: 2rem;
  }
}
.bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper {
    padding-top: 1rem;
  }
}
.bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper .el_productArchive_item_catWrapper_name {
  color: #4249D7;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper .el_productArchive_item_catWrapper_name {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper .el_productArchive_item_catWrapper_description {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_topProductSection .bl_topProductSection_inner .bl_productArchive .bl_productArchive_item .bl_productArchive_item_catWrapper .el_productArchive_item_catWrapper_description {
    font-size: 0.875rem;
  }
}

.bl_columnPostArchive {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_columnPostArchive {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_columnPostArchive .bl_columnPost {
  gap: max(0.8888888889rem, 1.3888888889vw);
}
.bl_columnPostArchive .bl_columnPost .bl_columnPost_imgWrapper {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_columnPostArchive .bl_columnPost .bl_columnPost_imgWrapper {
    margin-bottom: 0.625rem;
  }
}
.bl_columnPostArchive .bl_columnPost .bl_columnPost_infoWrapper {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_columnPostArchive .bl_columnPost .bl_columnPost_infoWrapper {
    margin-bottom: 1rem;
  }
}
.bl_columnPostArchive .bl_columnPost .el_columnPost_title {
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_columnPostArchive .bl_columnPost .el_columnPost_title {
    margin-bottom: 0.6875rem;
  }
}
.bl_columnPostArchive .bl_columnPost .bl_TagList {
  padding-top: max(0.5333333333rem, 0.8333333333vw);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.bl_lowerPageMain {
  padding-top: max(6.2222222222rem, 9.7222222222vw);
}
@media screen and (width <= 768px) {
  .bl_lowerPageMain {
    padding-top: 6.125rem;
  }
}

.bl_lowerPageContent {
  padding-top: max(2.6666666667rem, 4.1666666667vw);
  padding-inline: max(6.2222222222rem, 9.7222222222vw);
  padding-bottom: max(4.4444444444rem, 6.9444444444vw);
}
@media screen and (width <= 1024px) {
  .bl_lowerPageContent {
    padding-inline: 1.25rem;
    padding-top: 3rem;
  }
}

.bl_lowerPageTtlWrapper {
  width: fit-content;
  margin-bottom: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_lowerPageTtlWrapper {
    margin-bottom: 3rem;
  }
}
.bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt {
  color: #151515;
  font-family: var(--font_ja);
  font-feature-settings: "palt" on;
  font-size: max(1.7777777778rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1;
}
@media screen and (width <= 768px) {
  .bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt .el_lowerPageTtlWrapper_txt_color {
  color: #4249D7;
}
@media screen and (width <= 768px) {
  .bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt .el_lowerPageTtlWrapper_txt_color {
    display: block;
  }
}

.ly_twoColumnSection {
  display: grid;
  grid-template-columns: 1fr max(14.2222222222rem, 22.2222222222vw);
  gap: max(3.1111111111rem, 4.8611111111vw);
  align-items: flex-start;
}
@media screen and (width <= 768px) {
  .ly_twoColumnSection {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

.bl_contactSection_content {
  max-width: max(28.4444444444rem, 44.4444444444vw);
  margin-inline: auto;
}
.bl_contactSection_content .el_contactSection_content_txt {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  margin-bottom: max(2.1333333333rem, 3.3333333333vw);
}
.bl_contactSection_content .el_contactSection_content_txt .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_contactSection_content .el_contactSection_content_txt .sp_br {
    display: block;
  }
}
.bl_contactSection_content .bl_postContent {
  margin-top: 0;
}

.bl_caseArchiveWrapper .bl_caseArchive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(13.6888888889rem, 21.3888888889vw), 1fr));
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseArchiveWrapper .bl_caseArchive {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.el_caseArchive_empty {
  color: #151515;
  font-family: var(--font_ja);
  font-size: 1rem;
  line-height: 1.6;
}

.ly_caseSingleSection {
  max-width: max(34.6666666667rem, 54.1666666667vw);
  margin-inline: auto;
}

.bl_clientWrapper {
  display: flex;
  flex-direction: column;
  gap: max(1.4222222222rem, 2.2222222222vw);
  margin-top: max(2.8444444444rem, 4.4444444444vw);
  padding-bottom: max(1.4222222222rem, 2.2222222222vw);
  border-bottom: 1px solid #E0E0E0;
}
.bl_clientWrapper .bl_clientWrapper_item .el_clientWrapper_item_name {
  color: #4249D7;
  font-family: var(--font_ja);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
}
.bl_clientWrapper .bl_clientWrapper_item .bl_clientWrapper_item_info {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
.bl_clientWrapper .bl_clientWrapper_item .bl_clientWrapper_item_info .el_clientWrapper_item_position {
  color: #151515;
  font-family: var(--font_ja);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.bl_clientWrapper .bl_clientWrapper_item .bl_clientWrapper_item_info .el_clientWrapper_item_name {
  color: #151515;
  font-family: var(--font_ja);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.bl_clientWrapper .bl_clientWrapper_item .bl_clientWrapper_item_info .el_clientWrapper_item_name_suffix {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}

.bl_caseRelatedPostWrapper {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  margin-top: 0;
}
@media screen and (width <= 768px) {
  .bl_caseRelatedPostWrapper {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_caseRelatedPostWrapper + .bl_caseRelatedPostWrapper {
  margin-top: 0;
}
.bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner {
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
.bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .el_caseRelatedPostWrapper_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .el_caseRelatedPostWrapper_ttl {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_columnPostArchive, .bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_relatedPostWrapper_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(13.6888888889rem, 21.3888888889vw), 1fr));
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_columnPostArchive, .bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_relatedPostWrapper_content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_columnPostArchive .bl_casePost_bg, .bl_caseRelatedPostWrapper .bl_caseRelatedPostWrapper_inner .bl_relatedPostWrapper_content .bl_casePost_bg {
  background-color: #fff;
}
.bl_caseRelatedPostWrapper_case {
  background-color: #F0F3F7;
}

.bl_resouceCatList {
  display: flex;
  flex-direction: column;
  gap: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_resouceCatList {
    gap: 3rem;
  }
}
.bl_resouceCatList .bl_resouceCatItem {
  display: flex;
  flex-direction: column;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_resouceCatList .bl_resouceCatItem {
    gap: 1.5rem;
  }
}
.bl_resouceCatList .bl_resouceCatItem .el_resouceCatItem_ttl {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(1.2444444444rem, 1.9444444444vw);
  font-weight: 700;
  line-height: 1.2;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
  padding-block: max(0.0888888889rem, 0.1388888889vw);
  border-left: 3px solid #4249D7;
}
@media screen and (width <= 768px) {
  .bl_resouceCatList .bl_resouceCatItem .el_resouceCatItem_ttl {
    font-size: 1.125rem;
    padding-left: 1.25rem;
    padding-block: 0.125rem;
  }
}
.bl_resouceCatList .bl_resouceCatItem .bl_resoucePostArchive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(13.8666666667rem, 21.6666666667vw)), 1fr));
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_resouceCatList .bl_resouceCatItem .bl_resoucePostArchive {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.bl_resourceArticle {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(3.1111111111rem, 4.8611111111vw);
  align-items: start;
}
@media screen and (width <= 768px) {
  .bl_resourceArticle {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.bl_resourceArticle .bl_postContent {
  margin-top: 0;
}
.bl_resourceArticle .bl_resourceArticle_formWrapper {
  padding-inline: max(1.4222222222rem, 2.2222222222vw);
  padding-block: max(2.1333333333rem, 3.3333333333vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  background-color: #F0F3F7;
}
@media screen and (width <= 768px) {
  .bl_resourceArticle .bl_resourceArticle_formWrapper {
    padding-inline: 1.25rem;
    padding-block: 1.5rem;
    border-radius: 1rem;
  }
}
.bl_resourceArticle .bl_resourceArticle_formWrapper .el_resourceArticle_formWrapper_txt {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_resourceArticle .bl_resourceArticle_formWrapper .el_resourceArticle_formWrapper_txt {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
}

.bl_postTitleContainer {
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
  margin-bottom: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer {
    gap: 1rem;
    margin-bottom: 3rem;
  }
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo {
  display: grid;
  grid-template-columns: auto auto;
  gap: max(1.0666666667rem, 1.6666666667vw);
  width: fit-content;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_postTitleContainer_dateInfo {
    gap: 1rem;
  }
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item {
  display: grid;
  grid-template-columns: auto auto;
  gap: max(0.3555555556rem, 0.5555555556vw);
  width: fit-content;
  align-items: center;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item {
    gap: 0.5rem;
  }
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_ttl {
  display: grid;
  grid-template-columns: max(0.7111111111rem, 1.1111111111vw) auto;
  gap: max(0.0888888889rem, 0.1388888889vw);
  align-items: center;
  width: fit-content;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_ttl {
    grid-template-columns: 0.75rem auto;
    gap: 0.125rem;
  }
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_ttl .el_postTitleContainer_dateInfo_item_ttl_icon {
  display: block;
  width: 100%;
  height: auto;
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_ttl .el_postTitleContainer_dateInfo_item_ttl_txt {
  color: #787878;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_ttl .el_postTitleContainer_dateInfo_item_ttl_txt {
    font-size: 0.625rem;
  }
}
.bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_date {
  color: #787878;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 400;
  line-height: 1;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_postTitleContainer_dateInfo .bl_postTitleContainer_dateInfo_item .el_postTitleContainer_dateInfo_item_date {
    font-size: 0.625rem;
  }
}
.bl_postTitleContainer .el_postTitleContainer_ttl {
  color: #151515;
  font-size: max(1.2444444444rem, 1.9444444444vw);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .el_postTitleContainer_ttl {
    font-size: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_columnCatList {
    gap: 0.75rem;
  }
}
.bl_postTitleContainer .bl_columnCatList .bl_columnCatList_item {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_columnCatList .bl_columnCatList_item {
    font-size: 0.75rem;
  }
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_TagList {
    gap: 0.75rem;
  }
}
.bl_postTitleContainer .bl_TagList .bl_tagList_item .el_tagList_item_name {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_postTitleContainer .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.75rem;
  }
}

.bl_postThumbnail {
  width: 100%;
  aspect-ratio: 468/239;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  overflow: hidden;
}
@media screen and (width <= 768px) {
  .bl_postThumbnail {
    border-radius: 1rem;
  }
}
.bl_postThumbnail .el_postThumbnail_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bl_postIndexNav {
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  padding: max(1.3333333333rem, 2.0833333333vw);
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_postIndexNav {
    padding: 1.25rem;
    margin-top: 3rem;
  }
}
.bl_postIndexNav .el_postIndexNav_ttl {
  color: #4249D7;
  font-feature-settings: "palt" on;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_postIndexNav .el_postIndexNav_ttl {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.bl_postIndexNav .bl_postIndexNav_list {
  display: flex;
  flex-direction: column;
  gap: max(0.4444444444rem, 0.6944444444vw);
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_postIndexNav .bl_postIndexNav_list {
    gap: 0.5rem;
  }
}
.bl_postIndexNav .bl_postIndexNav_list .bl_postIndexNav_list_item {
  line-height: 1;
}
.bl_postIndexNav .bl_postIndexNav_list .bl_postIndexNav_list_item .el_postIndexNav_list_item_link {
  color: #151515;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.5;
  transition: opacity 0.3s ease;
  text-decoration: none;
}
@media screen and (width <= 768px) {
  .bl_postIndexNav .bl_postIndexNav_list .bl_postIndexNav_list_item .el_postIndexNav_list_item_link {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .bl_postIndexNav .bl_postIndexNav_list .bl_postIndexNav_list_item .el_postIndexNav_list_item_link:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_postContent {
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
.bl_postContent > h2 {
  color: #151515;
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.6;
  background-color: #ECEDFB;
  padding-block: max(0.4444444444rem, 0.6944444444vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > h2 {
    padding-block: 0.625rem;
    padding-inline: 1.25rem;
    font-size: 1.25rem;
  }
}
.bl_postContent > h2:not(:first-child) {
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > h2:not(:first-child) {
    margin-top: 3rem;
  }
}
.bl_postContent > h3 {
  color: #151515;
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.8;
  border-left: max(0.1333333333rem, 0.2083333333vw) solid #4249D7;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > h3 {
    padding-left: 2rem;
    font-size: 1.125rem;
    border-left: 0.1875rem solid #4249D7;
  }
}
.bl_postContent > h3:not(:first-child) {
  margin-top: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > h3:not(:first-child) {
    margin-top: 2rem;
  }
}
.bl_postContent > h4 {
  color: #151515;
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_postContent > h4 {
    font-size: 1rem;
  }
}
.bl_postContent > h4:not(:first-child) {
  margin-top: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > h4:not(:first-child) {
    margin-top: 1.5rem;
  }
}
.bl_postContent > p {
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_postContent > p {
    font-size: 0.875rem;
  }
}
.bl_postContent > p:not(:first-child) {
  margin-top: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > p:not(:first-child) {
    margin-top: 1rem;
  }
}
.bl_postContent > p strong {
  color: #4249D7;
  font-weight: 900;
}
.bl_postContent a {
  color: #4249D7;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: opacity 0.3s ease;
  word-break: break-all;
}
@media (any-hover: hover) {
  .bl_postContent a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}
.bl_postContent ol {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
  list-style: none;
  counter-reset: list-counter;
}
@media screen and (width <= 768px) {
  .bl_postContent ol {
    gap: 0.5rem;
  }
}
.bl_postContent ol:not(:first-child) {
  margin-top: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_postContent ol:not(:first-child) {
    margin-top: 1.25rem;
  }
}
.bl_postContent ol > li {
  position: relative;
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.6;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
  counter-increment: list-counter;
}
@media screen and (width <= 768px) {
  .bl_postContent ol > li {
    font-size: 0.875rem;
    padding-left: 2rem;
  }
}
.bl_postContent ol > li::before {
  content: counter(list-counter, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  color: #4249D7;
  font-family: var(--font_en);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (width <= 768px) {
  .bl_postContent ol > li::before {
    font-size: 0.875rem;
  }
}
.bl_postContent mark {
  background-color: transparent !important;
  background: linear-gradient(rgba(255, 0, 0, 0) 50%, #ECEDFB 50%);
}
.bl_postContent > ul {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
.bl_postContent > ul:not(:first-child) {
  margin-top: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > ul:not(:first-child) {
    margin-top: 1.25rem;
  }
}
.bl_postContent > ul > li {
  position: relative;
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.6;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > ul > li {
    font-size: 0.875rem;
    padding-left: 2rem;
  }
}
.bl_postContent > ul > li::before {
  content: "";
  position: absolute;
  left: max(0.3555555556rem, 0.5555555556vw);
  top: max(0.4rem, 0.625vw);
  width: max(0.3555555556rem, 0.5555555556vw);
  height: max(0.3555555556rem, 0.5555555556vw);
  border-radius: 100%;
  background-color: #151515;
}
@media screen and (width <= 768px) {
  .bl_postContent > ul > li::before {
    left: 0.5rem;
    top: 0.5625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
.bl_postContent > figure:not(:first-child) {
  margin-top: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > figure:not(:first-child) {
    margin-top: 1.25rem;
  }
}
.bl_postContent > figure img {
  width: 100%;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  overflow: hidden;
}
@media screen and (width <= 768px) {
  .bl_postContent > figure img {
    border-radius: 1rem;
  }
}
.bl_postContent > .bl_catServicesBlock:not(:first-child) {
  margin-top: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_postContent > .bl_catServicesBlock:not(:first-child) {
    margin-top: 2rem;
  }
}

.is-style-resources a {
  display: block;
  width: fit-content;
  padding-block: max(0.7111111111rem, 1.1111111111vw);
  padding-inline: max(1.6888888889rem, 2.6388888889vw);
  border-radius: 100px;
  background-color: #4249D7;
  color: #FFF;
  font-family: var(--font_ja);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .is-style-resources a {
    padding-inline: 1.25rem;
    padding-block: 1rem;
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .is-style-resources a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

.bl_relatedPostWrapper {
  display: flex;
  flex-direction: column;
  gap: max(3.5555555556rem, 5.5555555556vw);
  margin-top: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper {
    gap: 3rem;
    margin-top: 3rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .el_relatedPostWrapper_item_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .el_relatedPostWrapper_item_ttl {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg {
  padding: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg {
    padding: 1.5rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_imgWrapper {
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_imgWrapper {
    margin-bottom: 1rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .el_casePost_company {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .el_casePost_company {
    font-size: 0.875rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .el_casePost_title {
  font-size: max(0.6666666667rem, 1.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .el_casePost_title {
    font-size: 1.125rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .bl_casePost_serviceCategoryList .bl_casePost_serviceCategory {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .bl_casePost_serviceCategoryList .bl_casePost_serviceCategory {
    font-size: 0.875rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_relatedPostWrapper_content .bl_casePost_bg .bl_casePost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name {
    font-size: 0.875rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost {
    display: grid;
    grid-template-columns: 7.5rem 1fr;
    align-items: flex-start;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  }
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_imgWrapper {
    aspect-ratio: 1/1;
    margin-bottom: 0;
  }
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .el_columnPost_title {
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower {
    padding-top: 0.375rem;
    display: grid;
    grid-template-rows: repeat(3, auto);
    gap: 0.5rem;
  }
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower .bl_columnPost_infoWrapper {
    grid-row: 2;
    margin-bottom: 0;
  }
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower .el_columnPost_title {
    grid-row: 1;
  }
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower .bl_TagList {
    border: none;
    padding-top: 0;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower .el_columnPost_info_date {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost .bl_columnPost_lower .el_columnPost_info_date {
    font-size: 0.625rem;
    margin-top: 0.125rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .el_columnPost_info_date {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .el_columnPost_info_date {
    font-size: 0.625rem;
    margin-top: 0.125rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .el_columnPost_title {
  font-size: max(0.6666666667rem, 1.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .el_columnPost_title {
    font-size: 0.8125rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .bl_columnCatList .bl_columnCatList_item {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .bl_columnCatList .bl_columnCatList_item {
    padding-inline: 0.25rem;
    padding-block: 0.125rem;
    font-size: 0.625rem;
  }
}
.bl_relatedPostWrapper .bl_relatedPostWrapper_item .bl_columnPostArchive .bl_columnPost_lower .bl_TagList .bl_tagList_item .el_tagList_item_name {
  font-size: max(0.5333333333rem, 0.8333333333vw);
}

.is-style-assignment {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  padding: max(1.3333333333rem, 2.0833333333vw);
}
.is-style-assignment ul {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .is-style-assignment ul {
    gap: 0.5rem;
  }
}
.is-style-assignment ul:not(:first-child) {
  margin-top: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .is-style-assignment ul:not(:first-child) {
    margin-top: 1rem;
  }
}
.is-style-assignment ul li {
  position: relative;
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.6;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .is-style-assignment ul li {
    font-size: 0.875rem;
    padding-left: 2rem;
  }
}
.is-style-assignment ul li::before {
  content: "";
  position: absolute;
  left: max(0.3555555556rem, 0.5555555556vw);
  top: max(0.4rem, 0.625vw);
  width: max(0.3555555556rem, 0.5555555556vw);
  height: max(0.3555555556rem, 0.5555555556vw);
  border-radius: 100%;
  background-color: #151515;
}
@media screen and (width <= 768px) {
  .is-style-assignment ul li::before {
    left: 0.5rem;
    top: 0.5625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
.is-style-assignment h2,
.is-style-assignment h3,
.is-style-assignment h4,
.is-style-assignment p {
  color: #151515;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  border: none;
  padding: 0;
  background-color: transparent;
}
@media screen and (width <= 768px) {
  .is-style-assignment h2,
  .is-style-assignment h3,
  .is-style-assignment h4,
  .is-style-assignment p {
    font-size: 1rem;
  }
}
.is-style-assignment:not(:first-child) {
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .is-style-assignment:not(:first-child) {
    margin-top: 2rem;
  }
}

.is-style-effect {
  border: 1px solid #4249D7;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  padding: max(1.3333333333rem, 2.0833333333vw);
}
@media screen and (width <= 768px) {
  .is-style-effect {
    padding: 1.5rem;
    border-radius: 1rem;
  }
}
.is-style-effect h2,
.is-style-effect h3,
.is-style-effect h4,
.is-style-effect p {
  color: #4249D7;
  font-feature-settings: "palt" on;
  font-family: var(--font_ja);
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  border: none;
  padding: 0;
  background-color: transparent;
}
@media screen and (width <= 768px) {
  .is-style-effect h2,
  .is-style-effect h3,
  .is-style-effect h4,
  .is-style-effect p {
    font-size: 1rem;
  }
}
.is-style-effect ul {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .is-style-effect ul {
    gap: 0.5rem;
  }
}
.is-style-effect ul:not(:first-child) {
  margin-top: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .is-style-effect ul:not(:first-child) {
    margin-top: 1rem;
  }
}
.is-style-effect ul li {
  position: relative;
  color: #151515;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.6;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .is-style-effect ul li {
    font-size: 0.875rem;
    padding-left: 2rem;
  }
}
.is-style-effect ul li::before {
  content: "";
  position: absolute;
  left: max(0.3555555556rem, 0.5555555556vw);
  top: max(0.4rem, 0.625vw);
  width: max(0.3555555556rem, 0.5555555556vw);
  height: max(0.3555555556rem, 0.5555555556vw);
  border-radius: 100%;
  background-color: #4249D7;
}
@media screen and (width <= 768px) {
  .is-style-effect ul li::before {
    left: 0.5rem;
    top: 0.5625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
.is-style-effect:not(:first-child) {
  margin-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .is-style-effect:not(:first-child) {
    margin-top: 2rem;
  }
}

.is-style-quote {
  position: relative;
  padding-block: max(1.4222222222rem, 2.2222222222vw);
  padding-inline: max(1.7777777778rem, 2.7777777778vw);
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  background: #F0F3F7;
}
@media screen and (width <= 768px) {
  .is-style-quote {
    padding-inline: 1.5rem;
    padding-block: 2rem;
    border-radius: 1rem;
  }
}
.is-style-quote::before {
  content: "";
  position: absolute;
  right: max(0.5333333333rem, 0.8333333333vw);
  top: min(-0.5333333333rem, -0.8333333333vw);
  width: 100%;
  max-width: max(1.8666666667rem, 2.9166666667vw);
  height: auto;
  aspect-ratio: 41/32;
  background-image: url("../img/common/quote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (width <= 768px) {
  .is-style-quote::before {
    right: 0.75rem;
    top: -0.75rem;
    max-width: 2.625rem;
  }
}
.is-style-quote:not(:first-child) {
  margin-top: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .is-style-quote:not(:first-child) {
    margin-top: 2rem;
  }
}

.bl_appealArticle {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_appealArticle {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_appealArticle .bl_appealArticle_inner {
  max-width: max(34.2222222222rem, 53.4722222222vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_appealArticle .bl_appealArticle_inner {
    max-width: 100%;
  }
}
.bl_appealArticle .bl_appealArticle_inner .bl_lowerPageTtlWrapper {
  margin-bottom: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_appealArticle .bl_appealArticle_inner .bl_lowerPageTtlWrapper {
    margin-bottom: 3rem;
  }
}
.bl_appealArticle .bl_appealArticle_inner .bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt {
  font-size: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_appealArticle .bl_appealArticle_inner .bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt {
    font-size: calc(1.75s * 1rem);
  }
}
.bl_appealArticle .bl_appealArticle_inner .bl_appealArticle_img {
  width: 100%;
  height: auto;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_appealArticle .bl_appealArticle_inner .bl_appealArticle_img {
    border-radius: 1rem;
  }
}

.bl_appealRelatedSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_appealRelatedSection .bl_appealRelatedSection_inner {
  width: 100%;
  max-width: max(51.5555555556rem, 80.5555555556vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_inner {
    max-width: 100%;
  }
}
.bl_appealRelatedSection .bl_appealRelatedSection_inner .el_appealRelatedSection_content_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_inner .el_appealRelatedSection_content_ttl {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .bl_appealRelatedSection .bl_appealRelatedSection_inner .el_appealRelatedSection_content_ttl br {
    display: none;
  }
}
.bl_appealRelatedSection .bl_appealRelatedSection_inner .bl_relatedPostWrapper {
  margin-top: 0;
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_inner .bl_relatedPostWrapper {
    gap: 6rem;
  }
}
.bl_appealRelatedSection .bl_appealRelatedSection_inner .bl_catServicesBlock {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(11.1111111111rem, 17.3611111111vw)), 1fr));
}
.bl_appealRelatedSection .bl_appealRelatedSection_twoColumn {
  display: grid;
  grid-template-columns: max(10.6666666667rem, 16.6666666667vw) 1fr;
  gap: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_twoColumn {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.bl_appealRelatedSection .bl_appealRelatedSection_twoColumn .el_appealRelatedSection_content_ttl {
  margin-bottom: 0;
}
.bl_appealRelatedSection .bl_appealRelatedSection_twoColumn .bl_appealRelatedSection_twoColumn_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(12.4444444444rem, 19.4444444444vw)), 1fr));
  gap: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_twoColumn .bl_appealRelatedSection_twoColumn_content {
    gap: 1rem;
  }
}
@media screen and (width <= 768px) {
  .bl_appealRelatedSection .bl_appealRelatedSection_twoColumn .bl_searchPostCard .bl_searchPostCard_content .el_searchPostCard_content_title {
    font-size: 0.8125rem;
  }
}

.bl_appealRelatedSection_bg {
  background-color: #F0F3F7;
}

.bl_404andThanksSection .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_404andThanksSection .sp_br {
    display: block;
  }
}
.bl_404andThanksSection .bl_404andThanksSection_ttlWrapper {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_404andThanksSection .bl_404andThanksSection_ttlWrapper {
    margin-bottom: 2rem;
  }
}
.bl_404andThanksSection .bl_404andThanksSection_ttlWrapper .el_404andThanksSection_ttlWrapper_txt {
  color: #4249D7;
  font-feature-settings: "palt" on;
  font-family: var(--font_en);
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.2;
  margin-inline: auto;
  width: fit-content;
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_404andThanksSection .bl_404andThanksSection_ttlWrapper .el_404andThanksSection_ttlWrapper_txt {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.bl_404andThanksSection .bl_404andThanksSection_ttlWrapper .el_404andThanksSection_ttlWrapper_ttl {
  color: #151515;
  font-feature-settings: "palt" on;
  font-size: max(1.7777777778rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_404andThanksSection .bl_404andThanksSection_ttlWrapper .el_404andThanksSection_ttlWrapper_ttl {
    font-size: 1.5rem;
    text-align: center;
  }
}
.bl_404andThanksSection .el_404andThanksSection_txt {
  color: #151515;
  text-align: center;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_404andThanksSection .el_404andThanksSection_txt {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
.bl_404andThanksSection .bl_commonBgBtn {
  margin-inline: auto;
}

.bl_sardineTemplate {
  --sardine-grad: linear-gradient(90deg, #3e42dc 0%, #47a6eb 100%);
  --sardine-font: 'Geist', var(--font_ja);
  color: #0b0c0e;
  font-family: var(--font_ja);
  overflow-x: clip;
}
.bl_sardineTemplate img {
  max-width: 100%;
  height: auto;
  display: block;
}
.bl_sardineTemplate a {
  color: inherit;
}
.bl_sardineTemplate .bl_sardineBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_sardineTemplate .bl_sardineBrSp {
    display: inline;
  }
}
.bl_sardineTemplate .bl_sardineInner {
  margin-inline: auto;
  max-width: max(51.0222222222rem, 79.7222222222vw);
  width: 100%;
}

/* ========== Hero ========== */
.bl_sardineHero .particles-hero__logo {
  display: block;
  width: 100%;
  max-width: max(6.3111111111rem, 9.8611111111vw);
  height: auto;
  object-fit: contain;
}
.bl_sardineHero .particles-hero {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bl_sardineHero .particles-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjY5OCIgdmlld0JveD0iMCAwIDE0NDAgNjk4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCA2OThMMTQ0MCA2OThWMEwwIDBWNjk4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzYyNzhfMjcpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNjI3OF8yNyIgeDE9IjE0NDAiIHkxPSI2OTIuMDgiIHgyPSI5NzguMDUzIiB5Mj0iLTM5NS4wMzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzkxREJGRSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuODUiIHN0b3AtY29sb3I9IndoaXRlIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+");
  background-size: cover;
  background-position: center;
}
.bl_sardineHero #particles-js {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_sardineHero #particles-js {
    width: 100%;
  }
}
.bl_sardineHero .particles-hero canvas {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.bl_sardineHero .particles-hero__content {
  position: relative;
  z-index: 1;
  max-width: max(48.8888888889rem, 76.3888888889vw);
  margin: 0 auto;
  padding: max(6.8888888889rem, 10.7638888889vw) max(1.7777777778rem, 2.7777777778vw) max(3.4666666667rem, 5.4166666667vw);
  pointer-events: none;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__content {
    z-index: 5;
    padding: 7.5rem 1.5rem 3.75rem;
  }
}
.bl_sardineHero .particles-hero__cta,
.bl_sardineHero .particles-hero__content a {
  pointer-events: auto;
}
.bl_sardineHero .particles-hero__inner {
  width: fit-content;
  margin-right: auto;
}
.bl_sardineHero .particles-hero__title {
  margin: 0 0 max(0.6666666667rem, 1.0416666667vw);
  color: #0b0c0e;
  text-shadow: 0 4px 15px rgba(11, 12, 14, 0.05);
  font-family: var(--sardine-font);
  font-size: max(2.8444444444rem, 4.4444444444vw);
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__title {
    font-size: 3.5rem;
    margin-bottom: 0.5rem;
  }
}
.bl_sardineHero .particles-hero__subtitle {
  color: #0b0c0e;
  text-shadow: 0 4.444px 16.667px rgba(11, 12, 14, 0.05);
  font-family: var(--sardine-font);
  font-size: max(1.3777777778rem, 2.1527777778vw);
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__subtitle {
    font-size: 1.375rem;
    margin: 0 0 1.5rem;
    line-height: 2;
  }
}
.bl_sardineHero .particles-hero__subtitle .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__subtitle .sp_br {
    display: block;
  }
}
.bl_sardineHero .particles-hero__highlight {
  background: var(--sardine-grad);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__highlight {
    font-size: 2.3125rem;
    line-height: 1.3;
  }
}
.bl_sardineHero .particles-hero__features {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_sardineHero .particles-hero__features li {
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  color: #0b0c0e;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
  margin: 0;
  list-style: none;
}
.bl_sardineHero .particles-hero__features li::before {
  content: "- ";
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__features li {
    font-size: 0.9375rem;
    line-height: 1.6;
    padding-left: 0;
    text-indent: 0;
  }
}
.bl_sardineHero .particles-hero__cta {
  display: flex;
  gap: max(0.6666666667rem, 1.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.bl_sardineHero .particles-hero__cta__doc,
.bl_sardineHero .particles-hero__cta__contact {
  display: inline-block;
  color: #fff;
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  text-decoration: none;
  width: max(11.5555555556rem, 18.0555555556vw);
  text-align: center;
  padding: max(0.7111111111rem, 1.1111111111vw);
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  margin-top: max(1.7777777778rem, 2.7777777778vw);
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
  transition: 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__cta__doc,
  .bl_sardineHero .particles-hero__cta__contact {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-size: 1rem;
  }
}
.bl_sardineHero .particles-hero__cta__doc {
  background-color: #2d29d7;
}
@media (hover: hover) and (pointer: fine) {
  .bl_sardineHero .particles-hero__cta__doc:hover {
    background-color: #1e1c97;
  }
}
.bl_sardineHero .particles-hero__cta__contact {
  background-color: #0b0c0e;
}
@media (hover: hover) and (pointer: fine) {
  .bl_sardineHero .particles-hero__cta__contact:hover {
    background-color: #1e1c97;
  }
}
.bl_sardineHero .particles-hero__note {
  font-size: max(0.5333333333rem, 0.8333333333vw);
  color: #0b0c0e;
  line-height: 1.8;
  margin: max(0.5333333333rem, 0.8333333333vw) 0 0;
}
@media screen and (width <= 768px) {
  .bl_sardineHero .particles-hero__note {
    font-size: 0.75rem;
    line-height: 1.6;
  }
}

/* ========== News ========== */
.bl_sardineNews {
  padding: max(2.1333333333rem, 3.3333333333vw) 0 max(1.0666666667rem, 1.6666666667vw);
  text-align: center;
}
.bl_sardineNews .bl_sardineNews_ttl {
  color: #425b76;
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  margin: 0 0 max(0.7111111111rem, 1.1111111111vw);
}
.bl_sardineNews .bl_sardineNews_txt {
  margin: 0;
  line-height: 1.8;
  font-size: max(0.6666666667rem, 1.0416666667vw);
}
.bl_sardineNews .bl_sardineNews_txt a {
  color: #1977b5;
  text-decoration: underline;
}

/* ========== Sections ========== */
.bl_sardineSection {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_sardineSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_sardineSection--sky {
  background: linear-gradient(180deg, #fff 0, #e7f6fd 45%, #fff 100%);
}
.bl_sardineSection--purple {
  background: linear-gradient(180deg, rgba(45, 41, 215, 0.05) 10%, rgba(150, 148, 235, 0.2) 55%, #fff);
}
.bl_sardineSection--profile {
  background-color: #e7f6fd;
}
.bl_sardineSection--case {
  padding-bottom: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_sardineSection--case {
    padding-bottom: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_sardineSection--case .bl_sardineInner {
  padding-bottom: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_sardineSection--case .bl_sardineInner {
    padding-bottom: 2.5rem;
  }
}
.bl_sardineSection--case .bl_productsCtaBox {
  max-width: max(51.5555555556rem, 80.5555555556vw);
}

.bl_sardineHeading {
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
.bl_sardineHeading--center {
  text-align: center;
}
.bl_sardineHeading .bl_sardineHeading_sub {
  color: #0b0c0e;
  font-family: var(--sardine-font);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_sardineHeading .bl_sardineHeading_sub {
    margin-bottom: 0.5rem;
  }
}
.bl_sardineHeading .bl_sardineHeading_ttl {
  background: var(--sardine-grad);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  font-family: var(--sardine-font);
  font-size: max(1.7777777778rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.3;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_sardineHeading .bl_sardineHeading_ttl {
    font-size: 1.875rem;
  }
}
.bl_sardineHeading .bl_sardineHeading_ttl .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_sardineHeading .bl_sardineHeading_ttl .sp_br {
    display: block;
  }
}
.bl_sardineHeading .bl_sardineHeading_ttlAccent {
  color: #2d29d7;
  -webkit-text-fill-color: #2d29d7;
  background: none;
}

.bl_sardineSection--sky .bl_sardineHeading_ttl {
  background: unset;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #0b0c0e;
}
@media screen and (width <= 768px) {
  .bl_sardineSection--sky .bl_sardineHeading_ttl {
    font-size: 1.5rem;
    letter-spacing: -0.2px;
  }
}

/* ========== Logo grid / Stats ========== */
.bl_sardineLogoGrid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: max(1.4222222222rem, 2.2222222222vw) max(0.4444444444rem, 0.6944444444vw);
  justify-content: space-between;
  margin: max(2.1333333333rem, 3.3333333333vw) auto 0;
  max-width: max(48.8888888889rem, 76.3888888889vw);
  width: 100%;
}
@media screen and (width <= 1024px) {
  .bl_sardineLogoGrid {
    justify-content: center;
  }
}
@media screen and (width <= 768px) {
  .bl_sardineLogoGrid {
    gap: 1rem;
    margin-top: 2rem;
    max-width: 28.125rem;
  }
}
.bl_sardineLogoGrid .bl_sardineLogoGrid_item {
  align-items: center;
  display: flex;
  height: max(1.7777777778rem, 2.7777777778vw);
  justify-content: center;
  width: max(5.6888888889rem, 8.8888888889vw);
}
@media screen and (width <= 768px) {
  .bl_sardineLogoGrid .bl_sardineLogoGrid_item {
    height: 2rem;
    width: 5.375rem;
  }
}
@media screen and (width <= 480px) {
  .bl_sardineLogoGrid .bl_sardineLogoGrid_item {
    height: 1.25rem;
    width: 4rem;
  }
}
.bl_sardineLogoGrid .bl_sardineLogoGrid_figure {
  align-items: center;
  background: #fff;
  border-radius: max(0.1777777778rem, 0.2777777778vw);
  box-shadow: 0 4px 5px 0 rgba(11, 12, 14, 0.03);
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.bl_sardineLogoGrid .bl_sardineLogoGrid_figure img {
  max-width: max(5.6888888889rem, 8.8888888889vw);
  max-height: 100%;
  object-fit: contain;
}
@media screen and (width <= 768px) {
  .bl_sardineLogoGrid .bl_sardineLogoGrid_figure img {
    max-height: 2rem;
    max-width: 6.25rem;
  }
}
@media screen and (width <= 480px) {
  .bl_sardineLogoGrid .bl_sardineLogoGrid_figure img {
    max-height: 1.75rem;
    max-width: 5rem;
  }
}

.bl_sardineStats {
  display: flex;
  gap: max(0.7111111111rem, 1.1111111111vw);
  width: 100%;
  margin-top: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_sardineStats {
    flex-wrap: wrap;
    max-width: 34.375rem;
    margin: 2.5rem auto 0;
  }
}
.bl_sardineStats .bl_sardineStats_card {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  padding: max(1.0666666667rem, 1.6666666667vw) max(0.4444444444rem, 0.6944444444vw) max(0.7111111111rem, 1.1111111111vw);
  box-shadow: 0 4px 15px 0 rgba(11, 12, 14, 0.05);
  overflow: hidden;
}
@media screen and (width <= 768px) {
  .bl_sardineStats .bl_sardineStats_card {
    flex: auto;
    width: 47%;
    padding: 1rem 0.625rem;
  }
}
.bl_sardineStats .bl_sardineStats_label {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin: 0;
  background: var(--sardine-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_sardineStats .bl_sardineStats_label {
    font-size: 0.875rem;
    min-height: 2lh;
  }
}
.bl_sardineStats .bl_sardineStats_value {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: max(0.1777777778rem, 0.2777777778vw);
  width: 100%;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_sardineStats .bl_sardineStats_value {
    gap: 1px;
  }
}
.bl_sardineStats .bl_sardineStats_number,
.bl_sardineStats .bl_sardineStats_unit {
  font-weight: 700;
  background: var(--sardine-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bl_sardineStats .bl_sardineStats_number {
  font-size: max(1.7777777778rem, 2.7777777778vw);
  line-height: 1.3;
}
@media screen and (width <= 768px) {
  .bl_sardineStats .bl_sardineStats_number {
    font-size: 2.1875rem;
  }
}
.bl_sardineStats .bl_sardineStats_unit {
  font-size: max(1.2444444444rem, 1.9444444444vw);
  line-height: 1.6;
  padding-bottom: 2px;
}
@media screen and (width <= 768px) {
  .bl_sardineStats .bl_sardineStats_unit {
    font-size: 1.5rem;
  }
}

/* ========== Column2 ========== */
.bl_sardineColumn2 {
  display: flex;
  gap: max(1.0666666667rem, 1.6666666667vw) max(0.8888888889rem, 1.3888888889vw);
  align-items: flex-start;
}
.bl_sardineColumn2--reverse {
  flex-direction: row-reverse;
  margin-top: max(2.6666666667rem, 4.1666666667vw);
  gap: max(1.7777777778rem, 2.7777777778vw) max(1.9555555556rem, 3.0555555556vw);
}
@media screen and (width <= 768px) {
  .bl_sardineColumn2--reverse {
    margin-top: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .bl_sardineColumn2 {
    align-items: center;
    flex-direction: column;
  }
  .bl_sardineColumn2--reverse {
    flex-direction: column-reverse;
  }
}
.bl_sardineColumn2 .bl_sardineColumn2_ttl {
  background: var(--sardine-grad);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  font-family: var(--sardine-font);
  font-size: max(1.7777777778rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.3;
  -webkit-text-fill-color: transparent;
  margin: 0 0 max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_sardineColumn2 .bl_sardineColumn2_ttl {
    display: block;
    font-size: 1.875rem;
    text-align: center;
  }
}
.bl_sardineColumn2 .bl_sardineColumn2_text {
  color: #0b0c0e;
  max-width: max(25.6rem, 40vw);
  flex: 1;
}
.bl_sardineColumn2 .bl_sardineColumn2_text p {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.6;
  margin: 0 0 max(0.7111111111rem, 1.1111111111vw);
}
.bl_sardineColumn2 .bl_sardineColumn2_text p:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 768px) {
  .bl_sardineColumn2 .bl_sardineColumn2_text p {
    font-size: 0.9375rem;
  }
}
.bl_sardineColumn2 .bl_sardineColumn2_image {
  max-width: max(22.2222222222rem, 34.7222222222vw);
  flex: 1;
}
.bl_sardineColumn2 .bl_sardineColumn2_image figure {
  margin: 0;
}

/* ========== Features ========== */
.bl_sardineFeatures {
  display: flex;
  flex-direction: column;
  gap: max(3.2rem, 5vw);
  margin-top: max(3.2rem, 5vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures {
    gap: 3rem;
    margin-top: 3rem;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_item {
  position: relative;
}
.bl_sardineFeatures .bl_sardineFeatures_number {
  position: absolute;
  top: min(-3.6rem, -5.625vw);
}
.bl_sardineFeatures .bl_sardineFeatures_number span {
  font-family: var(--sardine-font);
  font-size: max(5.3333333333rem, 8.3333333333vw);
  font-weight: 700;
  line-height: 1.3;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-text-stroke-width: 0.85px;
  -webkit-text-stroke-color: #7354eb;
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_number {
    top: -1.9375rem;
  }
  .bl_sardineFeatures .bl_sardineFeatures_number span {
    font-size: 3rem;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_item:nth-child(odd) .bl_sardineFeatures_number {
  left: min(-1.5111111111rem, -2.3611111111vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_item:nth-child(odd) .bl_sardineFeatures_number {
    left: 0;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_item:nth-child(even) .bl_sardineFeatures_number {
  right: min(-1.5111111111rem, -2.3611111111vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_item:nth-child(even) .bl_sardineFeatures_number {
    right: 0;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_card {
  background: #fff;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
  padding: max(2.4888888889rem, 3.8888888889vw) max(4.1333333333rem, 6.4583333333vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_card {
    padding: 1.5rem 1rem;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_ttl {
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_ttl {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_txt {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.6;
  margin: 0 0 max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_sardineFeatures .bl_sardineFeatures_txt {
    font-size: 0.9375rem;
  }
}
.bl_sardineFeatures .bl_sardineFeatures_image {
  margin: 0;
}

/* ========== Biometrics ========== */
.bl_sardineBiometrics {
  display: flex;
  gap: min(18px, 1.5vw);
  margin-top: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_sardineBiometrics {
    max-width: min(580px, 75vw);
    margin-inline: auto;
  }
}
@media screen and (width <= 480px) {
  .bl_sardineBiometrics {
    max-width: 19.375rem;
    width: 100%;
  }
}
.bl_sardineBiometrics .bl_sardineBiometrics_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(0.3111111111rem, 0.4861111111vw);
}
.bl_sardineBiometrics .bl_sardineBiometrics_section--left {
  width: max(17.6rem, 27.5vw);
}
.bl_sardineBiometrics .bl_sardineBiometrics_section--right {
  width: max(20.1333333333rem, 31.4583333333vw);
}
.bl_sardineBiometrics .bl_sardineBiometrics_ttl {
  font-size: min(30px, 2.6vw);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  margin: 0;
}
.bl_sardineBiometrics .bl_sardineBiometrics_ttl--blue {
  color: #2d29d7;
}
.bl_sardineBiometrics .bl_sardineBiometrics_ttl--purple {
  color: #7354eb;
}
.bl_sardineBiometrics .bl_sardineBiometrics_content {
  display: flex;
  gap: min(28px, 1.9vw);
  width: 100%;
}
.bl_sardineBiometrics .bl_sardineBiometrics_content--right {
  justify-content: space-between;
  gap: min(1px, 1.1vw);
  height: 100%;
}
.bl_sardineBiometrics .bl_sardineBiometrics_checklist {
  background-color: #ebecee;
  padding: max(0.5333333333rem, 0.8333333333vw) min(14px, 1vw) max(0.5333333333rem, 0.8333333333vw) min(10px, 0.8vw);
}
@media screen and (width <= 480px) {
  .bl_sardineBiometrics .bl_sardineBiometrics_checklist {
    padding: 4.156px 4.75px 4.156px 3.562px;
  }
}
.bl_sardineBiometrics .bl_sardineBiometrics_checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_sardineBiometrics .bl_sardineBiometrics_checklist li {
  font-size: min(14px, 1vw);
  position: relative;
  padding-left: min(21px, 1.4vw);
  line-height: 1.6;
}
@media screen and (width <= 480px) {
  .bl_sardineBiometrics .bl_sardineBiometrics_checklist li {
    font-size: min(4.75px, 1.3vw);
  }
}
.bl_sardineBiometrics .bl_sardineBiometrics_checklist li::before {
  content: "";
  width: min(14px, 1.2vw);
  height: min(14px, 1.2vw);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuMTUwMiAzLjQ3NTQ2QzExLjIwOTkgMy40MTQ0OSAxMS4yODEyIDMuMzY2MDYgMTEuMzU5OSAzLjMzMjk5QzExLjQzODYgMy4yOTk5MyAxMS41MjMxIDMuMjgyOSAxMS42MDg1IDMuMjgyOUMxMS42OTM5IDMuMjgyOSAxMS43Nzg0IDMuMjk5OTMgMTEuODU3MSAzLjMzMjk5QzExLjkzNTggMy4zNjYwNiAxMi4wMDcxIDMuNDE0NDkgMTIuMDY2OSAzLjQ3NTQ2QzEyLjMxNzMgMy43Mjg1IDEyLjMyMDggNC4xMzczOCAxMi4wNzU2IDQuMzk0OEw2Ljg5ODQ2IDEwLjUxNDlDNi44Mzk2OCAxMC41Nzk1IDYuNzY4MzUgMTAuNjMxNCA2LjY4ODgzIDEwLjY2NzRDNi42MDkzMiAxMC43MDM0IDYuNTIzMjggMTAuNzIyOSA2LjQzNiAxMC43MjQ1QzYuMzQ4NzEgMTAuNzI2MSA2LjI2MjAxIDEwLjcwOTkgNi4xODEyIDEwLjY3NjlDNi4xMDAzOCAxMC42NDM5IDYuMDI3MTUgMTAuNTk0NyA1Ljk2NTk5IDEwLjUzMjRMMi44MTU3NCA3LjM0MDE3QzIuNjk0MjUgNy4yMTYyNyAyLjYyNjE5IDcuMDQ5NjYgMi42MjYxOSA2Ljg3NjEyQzIuNjI2MTkgNi43MDI1OSAyLjY5NDI1IDYuNTM1OTggMi44MTU3NCA2LjQxMjA4QzIuODc1NDkgNi4zNTExMSAyLjk0NjgxIDYuMzAyNjggMy4wMjU1MSA2LjI2OTYxQzMuMTA0MjIgNi4yMzY1NSAzLjE4ODczIDYuMjE5NTEgMy4yNzQwOSA2LjIxOTUxQzMuMzU5NDYgNi4yMTk1MSAzLjQ0Mzk3IDYuMjM2NTUgMy41MjI2OCA2LjI2OTYxQzMuNjAxMzggNi4zMDI2OCAzLjY3MjcgNi4zNTExMSAzLjczMjQ1IDYuNDEyMDhMNi40MDQ2NSA5LjEyMDE4TDExLjEzMjcgMy40OTQ3MkMxMS4xMzgxIDMuNDg3OTYgMTEuMTQzOSAzLjQ4MTUzIDExLjE1MDIgMy40NzU0NloiIGZpbGw9IiMyMTI1MjkiLz4KPC9zdmc+");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: min(5px, 0.35vw);
  left: 0;
}
.bl_sardineBiometrics .bl_sardineBiometrics_etc {
  text-align: right;
  padding-left: max(0.9333333333rem, 1.4583333333vw);
}
.bl_sardineBiometrics .bl_sardineBiometrics_etc::before {
  display: none;
}
.bl_sardineBiometrics .bl_sardineBiometrics_images {
  display: flex;
  flex-direction: column;
  gap: max(0.3111111111rem, 0.4861111111vw);
  max-width: max(8.7111111111rem, 13.6111111111vw);
}
.bl_sardineBiometrics .bl_sardineBiometrics_imageBlock {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
}
.bl_sardineBiometrics .bl_sardineBiometrics_thumb {
  max-width: min(188px, 14vw);
  height: min(137px, 10vw);
  aspect-ratio: 183/137;
}
@media screen and (width <= 480px) {
  .bl_sardineBiometrics .bl_sardineBiometrics_thumb {
    max-width: min(63.762px, 18vw);
    height: 46.441px;
    aspect-ratio: 63.76/46.44;
  }
}
.bl_sardineBiometrics .bl_sardineBiometrics_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.bl_sardineBiometrics .bl_sardineBiometrics_caption {
  font-size: min(12px, 1vw);
  margin: 0;
}
.bl_sardineBiometrics .bl_sardineBiometrics_separator {
  font-family: var(--font_ja);
  font-size: min(30px, 2.6vw);
  font-weight: 100;
  line-height: 2;
  color: #0b0c0e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_sardineBiometrics .bl_sardineBiometrics_deviceImage {
  width: min(270px, 60%);
  max-width: max(12rem, 18.75vw);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (width <= 480px) {
  .bl_sardineBiometrics .bl_sardineBiometrics_deviceImage {
    width: min(270px, 57%);
  }
}

/* ========== Cases ========== */
.bl_sardineCases {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(1.7777777778rem, 2.7777777778vw);
  align-items: flex-start;
  margin-top: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_sardineCases {
    grid-template-columns: repeat(1, 1fr);
    flex-direction: column;
    gap: 2.5rem;
  }
}
.bl_sardineCases .bl_sardineCases_item {
  flex: 1;
  min-width: 0;
  text-decoration: none;
  color: #000;
  transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .bl_sardineCases .bl_sardineCases_item:hover {
    opacity: 0.7;
  }
}
.bl_sardineCases .bl_sardineCases_image {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  overflow: hidden;
  width: 100%;
}
.bl_sardineCases .bl_sardineCases_image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.bl_sardineCases .bl_sardineCases_body {
  line-height: 1.8;
}
.bl_sardineCases .bl_sardineCases_company,
.bl_sardineCases .bl_sardineCases_txt {
  margin: 0;
}
.bl_sardineCases .bl_sardineCases_company {
  margin-bottom: max(0.1777777778rem, 0.2777777778vw);
}

.bl_sardineCases_cta {
  text-align: center;
  margin-top: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_sardineCases_cta {
    margin-top: 1.5rem;
  }
}

.bl_sardineButton {
  background-color: #000;
  border-radius: max(0.1777777778rem, 0.2777777778vw);
  color: #fff !important;
  display: inline-block;
  line-height: 1.2;
  min-width: max(12rem, 18.75vw);
  padding: max(0.7111111111rem, 1.1111111111vw) max(2.2222222222rem, 3.4722222222vw);
  position: relative;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_sardineButton {
    font-size: 0.875rem;
    min-width: 13.75rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_sardineButton:hover {
    opacity: 0.7;
  }
}
.bl_sardineButton .bl_sardineButton_icon {
  line-height: 0;
  position: absolute;
  right: max(0.8888888889rem, 1.3888888889vw);
  top: 50%;
  transform: translateY(-50%);
  width: max(0.4rem, 0.625vw);
}
.bl_sardineButton .bl_sardineButton_icon svg {
  height: auto;
  width: 100%;
}

/* ========== Profile ========== */
.bl_sardineProfile_lead {
  text-align: center;
  margin: 0 auto max(1.7777777778rem, 2.7777777778vw);
  line-height: 1.8;
  max-width: max(31.1111111111rem, 48.6111111111vw);
}
@media screen and (width <= 768px) {
  .bl_sardineProfile_lead {
    text-align: left;
    margin-bottom: 1.5rem;
    max-width: 100%;
  }
}

.bl_sardineProfile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(1.7777777778rem, 2.7777777778vw);
  margin-top: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_sardineProfile {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin: 1.5rem auto 0;
    max-width: 100%;
  }
}
.bl_sardineProfile .bl_sardineProfile_card {
  background: #fff;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.04);
  flex: 1 1 calc(50% - 20px);
  padding: max(1.7777777778rem, 2.7777777778vw) max(2rem, 3.125vw);
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_card {
    flex: auto;
    padding: 2.5rem 1.5rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
  margin-bottom: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_header {
    gap: 0.5rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_logo {
  align-items: center;
  display: flex;
  height: max(2.2222222222rem, 3.4722222222vw);
  justify-content: center;
  margin: 0;
}
.bl_sardineProfile .bl_sardineProfile_logo img {
  max-height: max(1.7777777778rem, 2.7777777778vw);
  object-fit: contain;
}
.bl_sardineProfile .bl_sardineProfile_role {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_role {
    font-size: 0.9375rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_table {
  display: flex;
  flex-direction: column;
  gap: max(0.8888888889rem, 1.3888888889vw);
  margin: 0;
}
.bl_sardineProfile .bl_sardineProfile_row {
  align-items: flex-start;
  display: flex;
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_row {
    gap: 0.25rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_row dt {
  flex-shrink: 0;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.6;
  width: max(4.5777777778rem, 7.1527777778vw);
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_row dt {
    font-size: 0.8125rem;
    width: 5.375rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_row dd {
  font-size: max(0.6222222222rem, 0.9722222222vw);
  line-height: 1.6;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_sardineProfile .bl_sardineProfile_row dd {
    font-size: 0.8125rem;
  }
}
.bl_sardineProfile .bl_sardineProfile_row dd a {
  color: #000;
  display: inline-block;
  word-break: break-all;
}
.bl_sardineProfile .bl_sardineProfile_row dd a[target=_blank]::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj48bWFzayBpZD0iYSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvbWFzaz48ZyBmaWxsPSIjMGIwYzBlIiBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTEuNDU1IDBINy4wOTJhLjU0Ni41NDYgMCAxIDAgMCAxLjA5MWgzLjA0Nkw0LjUyNCA2LjcwNGEuNTQ2LjU0NiAwIDEgMCAuNzcyLjc3M2w1LjYxNC01LjYxNHYzLjA0NmEuNTQ1LjU0NSAwIDAgMCAxLjA5IDBWLjU0NUEuNTQ1LjU0NSAwIDAgMCAxMS40NTUgMCIvPjxwYXRoIGQ9Ik05LjI3MiA1LjQ1NUEuNTQ1LjU0NSAwIDAgMCA4LjcyNiA2djQuOTA4SDEuMDkxVjMuMjczSDZhLjU0Ni41NDYgMCAxIDAgMC0xLjA5MUguNTQ1QS41NDUuNTQ1IDAgMCAwIDAgMi43Mjd2OC43MjdjMCAuMy4yNDQuNTQ1LjU0NS41NDVoOC43MjdhLjU0NS41NDUgMCAwIDAgLjU0Ni0uNTQ1VjZhLjU0NS41NDUgMCAwIDAtLjU0Ni0uNTQ1Ii8+PC9nPjwvc3ZnPg==");
  background-size: contain;
  content: "";
  display: inline-block;
  height: max(0.5333333333rem, 0.8333333333vw);
  margin-left: max(0.3555555556rem, 0.5555555556vw);
  vertical-align: initial;
  width: max(0.5333333333rem, 0.8333333333vw);
}

/* ========== Bottom CTA ========== */
.bl_sardineCta {
  background: linear-gradient(139deg, #f4f5ff 0.45%, #f5f6f8 83.45%);
  padding: max(3.5555555556rem, 5.5555555556vw) 0;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_sardineCta {
    padding: 3rem 0;
  }
}
.bl_sardineCta .bl_sardineCta_ttl {
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  margin: 0 0 max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_sardineCta .bl_sardineCta_ttl {
    font-size: 1.5rem;
  }
}
.bl_sardineCta .bl_sardineCta_txt {
  font-size: max(0.8rem, 1.25vw);
  line-height: 1.7;
  margin: 0 0 max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_sardineCta .bl_sardineCta_txt {
    font-size: 1rem;
    margin-bottom: 1.75rem;
  }
}
.bl_sardineCta .bl_sardineCta_btns {
  display: flex;
  justify-content: center;
  gap: max(0.7111111111rem, 1.1111111111vw);
  flex-wrap: wrap;
}
.bl_sardineCta .bl_sardineCta_btns .bl_commonCtaBorderBtn,
.bl_sardineCta .bl_sardineCta_btns .bl_commonCtaBgBtn {
  min-width: max(8.8888888889rem, 13.8888888889vw);
}

.bl_productsOtherSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_productsOtherSection .bl_productsOtherSection_inner {
  max-width: max(51.0222222222rem, 79.7222222222vw);
  margin: 0 auto;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection .bl_productsOtherSection_inner {
    max-width: 100%;
  }
}
.bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
.bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading .sp_br {
    display: block;
  }
}

/* ========== Template root ========== */
.bl_siftTemplate {
  --sift-blue: #316cff;
  --sift-yellow: #ffc900;
  --sift-navy: #071871;
  --sift-light-blue: #f0f7fb;
  --sift-border: #1681d8;
  --sift-en: 'Inter', sans-serif;
  color: #3d3d3d;
  font-family: var(--font_ja);
  overflow-x: clip;
}
.bl_siftTemplate img {
  display: block;
  height: auto;
  max-width: 100%;
}
.bl_siftTemplate a {
  text-decoration: none;
}
.bl_siftTemplate ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_siftTemplate p {
  margin: 0;
}
.bl_siftTemplate .bl_siftBrPc {
  display: inline;
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_siftBrPc {
    display: none;
  }
}
.bl_siftTemplate .bl_siftBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_siftBrSp {
    display: inline;
  }
}
.bl_siftTemplate .bl_siftInner {
  margin-inline: auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_siftInner {
    max-width: 100%;
    padding-inline: 0.9375rem;
  }
}

/* ========== Info banner ========== */
.bl_siftInfo {
  background: #071871;
  overflow: hidden;
  padding: max(0.4888888889rem, 0.7638888889vw) max(0.4444444444rem, 0.6944444444vw) max(0.3111111111rem, 0.4861111111vw);
  text-align: center;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_siftInfo {
    line-height: 1;
    padding: 0.3125rem 0.625rem;
  }
}
.bl_siftInfo p {
  display: inline-block;
  letter-spacing: 0.03em;
  margin: 0;
}
.bl_siftInfo a {
  color: #fff;
  display: block;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  padding-right: max(0.6666666667rem, 1.0416666667vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_siftInfo a {
    font-size: 0.75rem;
  }
}
.bl_siftInfo a::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: max(0.3555555556rem, 0.5555555556vw);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftInfo a::after {
    height: 0.5rem;
    width: 0.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftInfo a:hover {
    opacity: 0.85;
  }
}

/* ========== Hero ========== */
.bl_siftHero {
  background: url("../img/products_template/sift/bg_mv_pc.png") no-repeat center center/cover;
  color: #fff;
  position: relative;
  padding-top: max(8.5333333333rem, 13.3333333333vw);
  padding-bottom: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero {
    background-image: url("../img/products_template/sift/bg_mv_sp.png");
    height: auto;
    padding-top: 6.125rem;
    padding-bottom: 3.625rem;
  }
}
.bl_siftHero .bl_siftHero_inner {
  position: relative;
  line-height: 1.8;
  width: 100%;
}
@media screen and (width <= 1024px) {
  .bl_siftHero .bl_siftHero_inner {
    padding-inline: max(0.4444444444rem, 0.6944444444vw);
  }
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_inner {
    padding: 6.125rem 0.9375rem 3.625rem;
    position: relative;
    top: auto;
    transform: none;
  }
}
.bl_siftHero .bl_siftHero_content {
  letter-spacing: -0.02em;
}
.bl_siftHero .bl_siftHero_logo {
  height: auto;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  max-width: max(4.4444444444rem, 6.9444444444vw);
  width: auto;
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_logo {
    margin-bottom: 0.75rem;
    max-width: 5rem;
  }
}
.bl_siftHero .bl_siftHero_ttl {
  margin: 0 0 max(0.7555555556rem, 1.1805555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_ttl {
    margin-bottom: 1.0625rem;
  }
}
.bl_siftHero .bl_siftHero_ttl img {
  width: max(32.7111111111rem, 51.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_ttl img {
    width: 21.375rem;
  }
}
.bl_siftHero .bl_siftHero_lead {
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  margin-bottom: max(0.2666666667rem, 0.4166666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_lead {
    font-size: 1.0625rem;
    margin-bottom: 0.375rem;
  }
}
.bl_siftHero .bl_siftHero_points {
  line-height: 2;
  margin-bottom: max(4.4444444444rem, 6.9444444444vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_points {
    font-size: 0.8125rem;
    line-height: 1.8;
    margin-bottom: 2.0625rem;
  }
}
.bl_siftHero .bl_siftHero_cta {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.6666666667rem, 1.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_cta {
    gap: 0.75rem;
  }
}
.bl_siftHero .bl_siftHero_note {
  font-size: max(0.5333333333rem, 0.8333333333vw);
  line-height: 1.8;
  margin-top: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_siftHero .bl_siftHero_note {
    font-size: 0.75rem;
    line-height: 1.6;
    margin-top: 1.625rem;
  }
}

/* ========== Buttons ========== */
.bl_siftBtn {
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  display: inline-block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  line-height: 1.2;
  min-width: max(9.6888888889rem, 15.1388888889vw);
  padding: max(0.7111111111rem, 1.1111111111vw) max(1.0666666667rem, 1.6666666667vw);
  text-align: center;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_siftBtn {
    border-radius: 0.3125rem;
    flex: 1 1 calc(50% - 0.375rem);
    font-size: 1rem;
    min-width: 0;
    padding: 0.875rem 0.75rem;
  }
}
@media screen and (width <= 480px) {
  .bl_siftBtn {
    flex: 1 1 100%;
  }
}
.bl_siftBtn--yellow {
  background-color: #ffc900;
  color: #000;
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftBtn--yellow:hover {
    opacity: 0.85;
  }
}
.bl_siftBtn--dark {
  background-color: #0b0c0e;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftBtn--dark:hover {
    background-color: #1e1c97;
  }
}

/* ========== Section title (shared) ========== */
.bl_siftSecTtl {
  font-size: max(1.6rem, 2.5vw);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 max(2.2222222222rem, 3.4722222222vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftSecTtl {
    font-size: 1.875rem;
    margin-bottom: 1.5625rem;
  }
}
.bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
  color: #316cff;
  display: block;
  font-family: var(--sift-en);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 600;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
    font-size: 0.875rem;
    margin-bottom: 0.875rem;
  }
}
.bl_siftSecTtl--left {
  text-align: left;
}
@media screen and (width <= 768px) {
  .bl_siftSecTtl--left {
    text-align: center;
  }
}

.bl_siftSecTtl_en {
  font-family: var(--sift-en);
  font-weight: 600;
}

/* ========== More link ========== */
.bl_siftMore {
  margin: 0;
}
.bl_siftMore a {
  color: #071871;
  display: inline-block;
  font-family: var(--sift-en);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  padding-right: max(0.6666666667rem, 1.0416666667vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_siftMore a {
    font-size: 0.875rem;
    padding-right: 0.9375rem;
  }
}
.bl_siftMore a::before {
  border-right: 2px solid #071871;
  border-top: 2px solid #071871;
  content: "";
  display: block;
  height: max(0.3555555556rem, 0.5555555556vw);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftMore a::before {
    height: 0.5rem;
    width: 0.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftMore a:hover {
    opacity: 0.7;
  }
}

.bl_siftMoreBtn {
  background-color: #1b85fb;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  color: #fff;
  display: inline-block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 300;
  line-height: max(2.6666666667rem, 4.1666666667vw);
  min-width: max(8rem, 12.5vw);
  text-align: center;
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_siftMoreBtn {
    border-radius: 0.3125rem;
    font-size: 0.875rem;
    line-height: 3.125rem;
    min-width: 11.25rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftMoreBtn:hover {
    opacity: 0.7;
  }
}

/* ========== Customers ========== */
.bl_siftCustomers {
  margin-bottom: max(2.8444444444rem, 4.4444444444vw);
  padding-top: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_siftCustomers {
    margin-bottom: 3rem;
    padding-top: 2rem;
  }
}
.bl_siftCustomers .bl_siftCustomers_ttl {
  color: #3d3d3d;
  font-size: max(1.1111111111rem, 1.7361111111vw);
  font-weight: 700;
  line-height: 1.3;
  margin: max(1.4222222222rem, 2.2222222222vw) auto max(2rem, 3.125vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftCustomers .bl_siftCustomers_ttl {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 1.5rem auto 2rem;
  }
}
.bl_siftCustomers .bl_siftCustomers_ttl span {
  color: #316cff;
}
.bl_siftCustomers .bl_siftCustomers_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: max(2.2222222222rem, 3.4722222222vw) max(0.8888888889rem, 1.3888888889vw);
  justify-content: center;
}
@media screen and (width <= 768px) {
  .bl_siftCustomers .bl_siftCustomers_list {
    gap: 2.6875rem 0;
  }
}
.bl_siftCustomers .bl_siftCustomers_list li {
  text-align: center;
  width: calc((100% - max(4.4444444444rem, 6.9444444444vw)) / 6);
}
@media screen and (width <= 1024px) {
  .bl_siftCustomers .bl_siftCustomers_list li {
    width: calc((100% - max(1.7777777778rem, 2.7777777778vw)) / 3);
  }
}
@media screen and (width <= 768px) {
  .bl_siftCustomers .bl_siftCustomers_list li {
    width: 50%;
  }
}
.bl_siftCustomers .bl_siftCustomers_list img {
  display: inline-block;
  margin-inline: auto;
  max-height: max(1.7777777778rem, 2.7777777778vw);
  object-fit: contain;
  width: auto;
}
@media screen and (width <= 768px) {
  .bl_siftCustomers .bl_siftCustomers_list img {
    max-height: 2rem;
  }
}
@media screen and (width <= 480px) {
  .bl_siftCustomers .bl_siftCustomers_list img {
    max-height: 1.5rem;
  }
}

/* ========== Stats ========== */
.bl_siftStats {
  margin-bottom: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_siftStats {
    margin-bottom: 2rem;
  }
}
.bl_siftStats .bl_siftStats_list {
  display: flex;
  gap: max(1.5555555556rem, 2.4305555556vw);
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media screen and (width <= 1024px) {
  .bl_siftStats .bl_siftStats_list {
    gap: max(0.4444444444rem, 0.6944444444vw);
  }
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_list {
    flex-direction: column;
    gap: 1.5625rem;
    margin-bottom: 5.3125rem;
  }
}
.bl_siftStats .bl_siftStats_list > li {
  background: url("../img/products_template/sift/bg_sift.png") no-repeat center center/cover;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  box-shadow: 0 0 max(0.6666666667rem, 1.0416666667vw) max(0.0888888889rem, 0.1388888889vw) rgba(0, 0, 0, 0.11);
  color: #fff;
  flex: 1 1 0;
  font-weight: 700;
  line-height: 1.3;
  list-style: none;
  padding: max(1.6444444444rem, 2.5694444444vw) max(0.4444444444rem, 0.6944444444vw) max(1.2888888889rem, 2.0138888889vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_list > li {
    border-radius: 0.3125rem;
    flex: none;
    line-height: 1.2;
    padding: 1.25rem 1.5625rem 0.9375rem;
    text-align: left;
    width: 100%;
  }
}
.bl_siftStats .bl_siftStats_list > li > p {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: max(0.1777777778rem, 0.2777777778vw);
  justify-content: center;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_list > li > p {
    gap: 0.25rem;
    justify-content: flex-start;
  }
}
.bl_siftStats .bl_siftStats_tag {
  display: block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_tag {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
  }
}
.bl_siftStats .bl_siftStats_num {
  font-family: var(--sift-en);
  font-size: max(2.4444444444rem, 3.8194444444vw);
  font-weight: 600;
  line-height: 1.1;
}
@media screen and (width <= 1024px) {
  .bl_siftStats .bl_siftStats_num {
    font-size: max(2rem, 3.125vw);
  }
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_num {
    font-size: 2.5rem;
  }
}
.bl_siftStats .bl_siftStats_unit {
  font-family: var(--sift-en);
  font-size: max(2.2222222222rem, 3.4722222222vw);
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (width <= 1024px) {
  .bl_siftStats .bl_siftStats_unit {
    font-size: max(1.7777777778rem, 2.7777777778vw);
  }
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_unit {
    font-size: 1.75rem;
  }
}
.bl_siftStats .bl_siftStats_unit--sm {
  font-size: max(1.3333333333rem, 2.0833333333vw);
}
@media screen and (width <= 768px) {
  .bl_siftStats .bl_siftStats_unit--sm {
    font-size: 1rem;
  }
}

/* ========== About ========== */
.bl_siftAbout {
  margin-top: max(2.8444444444rem, 4.4444444444vw);
  padding-bottom: max(2.4888888889rem, 3.8888888889vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_siftAbout {
    margin-top: 0;
    padding-bottom: 2rem;
  }
}
.bl_siftAbout .bl_siftAbout_head {
  max-width: max(20.2222222222rem, 31.5972222222vw);
  padding-bottom: max(8.6666666667rem, 13.5416666667vw);
  padding-top: max(6.1777777778rem, 9.6527777778vw);
  position: relative;
  z-index: 1;
}
@media screen and (width <= 1024px) {
  .bl_siftAbout .bl_siftAbout_head {
    margin-bottom: max(1.0222222222rem, 1.5972222222vw);
    max-width: 100%;
    padding-bottom: max(20.4444444444rem, 31.9444444444vw);
    padding-top: max(4rem, 6.25vw);
  }
}
@media screen and (width <= 768px) {
  .bl_siftAbout .bl_siftAbout_head {
    margin-bottom: 1.4375rem;
    padding-bottom: 90%;
    padding-top: 5.625rem;
  }
}
.bl_siftAbout .bl_siftAbout_head p {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_siftAbout .bl_siftAbout_head p {
    font-size: 0.9375rem;
    line-height: 1.8;
  }
}
.bl_siftAbout .bl_siftAbout_logo {
  margin: 0 0 max(2.3111111111rem, 3.6111111111vw);
}
@media screen and (width <= 768px) {
  .bl_siftAbout .bl_siftAbout_logo {
    margin-bottom: 2.0625rem;
    text-align: center;
  }
}
.bl_siftAbout .bl_siftAbout_logo img {
  width: max(13.2888888889rem, 20.7638888889vw);
}
@media screen and (width <= 768px) {
  .bl_siftAbout .bl_siftAbout_logo img {
    margin-inline: auto;
    width: 9.25rem;
  }
}
.bl_siftAbout::after {
  background: url("../img/products_template/sift/img_sift.png") no-repeat center center/100% auto;
  content: "";
  display: block;
  height: max(26.6666666667rem, 41.6666666667vw);
  position: absolute;
  right: 0;
  top: 0;
  width: max(32.0888888889rem, 50.1388888889vw);
}
@media screen and (width <= 1024px) {
  .bl_siftAbout::after {
    background-position: bottom center;
    background-size: 70% auto;
    bottom: 0;
    height: max(22.2222222222rem, 34.7222222222vw);
    right: min(-4.4444444444rem, -6.9444444444vw);
    top: auto;
  }
}
@media screen and (width <= 768px) {
  .bl_siftAbout::after {
    background-position: bottom center;
    background-size: 96% auto;
    height: 66%;
    left: 2%;
    right: auto;
    width: 100%;
  }
}

/* ========== Features wrap ========== */
.bl_siftFeaturesWrap {
  background-color: #f0f7fb;
  padding: max(3.5555555556rem, 5.5555555556vw) 0;
}
@media screen and (width <= 768px) {
  .bl_siftFeaturesWrap {
    padding: 3rem 0;
  }
}

/* ========== Features ========== */
.bl_siftFeatures {
  margin-bottom: max(4rem, 6.25vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures {
    margin-bottom: 5rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_list {
  background: #fff;
  border: 1px solid #1681d8;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  display: flex;
  justify-content: space-between;
  padding: max(2.0888888889rem, 3.2638888889vw) max(4.6666666667rem, 7.2916666667vw) max(1.7333333333rem, 2.7083333333vw) max(5.0666666667rem, 7.9166666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_list {
    border-radius: 0.3125rem;
    flex-direction: column;
    gap: 2.4375rem;
    margin-top: 2.125rem;
    padding: 2.4375rem 1rem 1.875rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_item {
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_item {
    font-size: 0.875rem;
    line-height: 2;
  }
}
.bl_siftFeatures .bl_siftFeatures_item img {
  margin: 0 auto max(1.1111111111rem, 1.7361111111vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_item img {
    margin-bottom: 0.75rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_item:nth-of-type(1) img {
  padding-bottom: max(0.0444444444rem, 0.0694444444vw);
  width: max(3.1111111111rem, 4.8611111111vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_item:nth-of-type(1) img {
    margin-bottom: 0.75rem;
    padding: 0;
    width: 4.375rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_item:nth-of-type(2) img {
  padding-top: max(0.0444444444rem, 0.0694444444vw);
  width: max(3.0222222222rem, 4.7222222222vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_item:nth-of-type(2) img {
    margin-bottom: 0.375rem;
    padding: 0;
    width: 4.25rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_item:nth-of-type(3) img {
  width: max(3.1555555556rem, 4.9305555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftFeatures .bl_siftFeatures_item:nth-of-type(3) img {
    margin-bottom: 0.8125rem;
    width: 4.4375rem;
  }
}
.bl_siftFeatures .bl_siftFeatures_item p {
  margin: 0;
}

/* ========== Products ========== */
.bl_siftProducts {
  margin-bottom: max(1.4222222222rem, 2.2222222222vw);
}
@media screen and (width <= 768px) {
  .bl_siftProducts {
    margin-bottom: 1.5rem;
  }
}
.bl_siftProducts .bl_siftProducts_col {
  align-items: flex-start;
  display: flex;
  gap: max(2.4444444444rem, 3.8194444444vw);
  justify-content: space-between;
  margin-bottom: max(3.8666666667rem, 6.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_col {
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.bl_siftProducts .bl_siftProducts_text {
  flex: 1;
  min-width: 0;
}
.bl_siftProducts .bl_siftProducts_text .bl_siftSecTtl {
  letter-spacing: -0.07em;
  margin-bottom: max(0.9777777778rem, 1.5277777778vw);
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_text .bl_siftSecTtl {
    margin-bottom: 1rem;
  }
}
.bl_siftProducts .bl_siftProducts_text .bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
  letter-spacing: 0.05em;
}
.bl_siftProducts .bl_siftProducts_text p {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_text p {
    font-size: 0.9375rem;
    text-align: left;
  }
}
.bl_siftProducts .bl_siftProducts_image {
  flex-shrink: 0;
  max-width: 50vw;
  padding-inline: max(2.4888888889rem, 3.8888888889vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_image {
    max-width: 100%;
    padding-inline: 0;
    width: 100%;
  }
}
.bl_siftProducts .bl_siftProducts_image img {
  margin-inline: auto;
  max-width: max(21.3333333333rem, 33.3333333333vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_image img {
    max-width: 100%;
  }
}
.bl_siftProducts .bl_siftProducts_ex {
  border: 1px solid #fafafa;
  border-top: none;
  padding: max(1.2444444444rem, 1.9444444444vw) max(4.4444444444rem, 6.9444444444vw) max(0.8444444444rem, 1.3194444444vw);
  position: relative;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_ex {
    padding: 2.4375rem 0.9375rem 1.4375rem;
  }
}
.bl_siftProducts .bl_siftProducts_ex::before, .bl_siftProducts .bl_siftProducts_ex::after {
  background: #fafafa;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  width: max(13.7777777778rem, 21.5277777778vw);
  max-width: calc(50% - max(8.4444444444rem, 13.1944444444vw));
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_ex::before, .bl_siftProducts .bl_siftProducts_ex::after {
    max-width: calc(50% - 9.375rem);
  }
}
.bl_siftProducts .bl_siftProducts_ex::before {
  left: 0;
}
.bl_siftProducts .bl_siftProducts_ex::after {
  right: 0;
}
.bl_siftProducts .bl_siftProducts_exTtl {
  color: #316cff;
  display: inline-block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  left: 50%;
  margin: 0;
  position: absolute;
  top: min(-0.7555555556rem, -1.1805555556vw);
  transform: translateX(-50%);
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_exTtl {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    top: -1.4375rem;
    width: 16.5625rem;
  }
}
.bl_siftProducts .bl_siftProducts_exList {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.2222222222rem, 0.3472222222vw) max(1.5111111111rem, 2.3611111111vw);
  justify-content: center;
  margin: 0 auto;
  max-width: max(40rem, 62.5vw);
  padding: 0;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_exList {
    gap: 0.4375rem 1.25rem;
  }
}
.bl_siftProducts .bl_siftProducts_exList li {
  font-size: max(0.6222222222rem, 0.9722222222vw);
  line-height: 1.8;
  list-style: none;
}
@media screen and (width <= 768px) {
  .bl_siftProducts .bl_siftProducts_exList li {
    font-size: 0.875rem;
  }
}

/* ========== Case study ========== */
.bl_siftCase {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
.bl_siftCase .bl_siftMoreBtn {
  display: block;
  width: 100%;
  max-width: max(11.2444444444rem, 17.5694444444vw);
  margin-inline: auto;
  margin-top: max(2.2222222222rem, 3.4722222222vw);
}

/* ========== Flow ========== */
.bl_siftFlow {
  background-color: #f0f7fb;
  margin-bottom: 0;
  padding: max(3.5555555556rem, 5.5555555556vw) 0;
}
@media screen and (width <= 768px) {
  .bl_siftFlow {
    padding: 3rem 0;
  }
}
.bl_siftFlow .bl_siftFlow_ttl {
  font-size: max(1.3333333333rem, 2.0833333333vw);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto max(2.2222222222rem, 3.4722222222vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftFlow .bl_siftFlow_ttl {
    font-size: 1.375rem;
    margin-bottom: 2rem;
  }
}
.bl_siftFlow .bl_siftFlow_image {
  margin: 0;
  text-align: center;
}
.bl_siftFlow .bl_siftFlow_image img {
  margin-inline: auto;
  width: 100%;
}

/* ========== Blog / Resources lists ========== */
.bl_siftLists {
  padding: max(3.5555555556rem, 5.5555555556vw) 0;
}
@media screen and (width <= 768px) {
  .bl_siftLists {
    padding: 3rem 0;
  }
}
.bl_siftLists .bl_siftLists_grid {
  display: grid;
  gap: max(2.7555555556rem, 4.3055555556vw) max(2rem, 3.125vw);
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftLists_grid {
    gap: 3rem;
    grid-template-columns: 1fr;
  }
}
.bl_siftLists .bl_siftList {
  min-width: 0;
}
.bl_siftLists .bl_siftList .bl_siftSecTtl {
  margin-bottom: 0;
  text-align: left;
}
.bl_siftLists .bl_siftList .bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
  margin-bottom: max(0.2222222222rem, 0.3472222222vw);
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList .bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
    margin-bottom: 0.875rem;
  }
}
.bl_siftLists .bl_siftList .bl_siftMore {
  border-bottom: 1px solid #ccc;
  margin-top: min(-0.1333333333rem, -0.2083333333vw);
  padding-bottom: max(0.2222222222rem, 0.3472222222vw);
  text-align: right;
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList .bl_siftMore {
    border-bottom: none;
    margin-top: 0.3125rem;
    padding-bottom: 0;
  }
}
.bl_siftLists .bl_siftList_items {
  margin-top: max(1.7777777778rem, 2.7777777778vw);
  padding: 0;
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList_items {
    margin-top: 0.8125rem;
  }
}
.bl_siftLists .bl_siftList_items > li {
  list-style: none;
  margin-bottom: max(1.3333333333rem, 2.0833333333vw);
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList_items > li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.25rem;
    padding-bottom: 0.6875rem;
  }
}
.bl_siftLists .bl_siftList_items > li:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList_items > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.bl_siftLists .bl_siftList_items > li > a {
  align-items: flex-start;
  display: flex;
  gap: max(1.3333333333rem, 2.0833333333vw);
  transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .bl_siftLists .bl_siftList_items > li > a:hover {
    opacity: 0.7;
  }
}
.bl_siftLists .bl_siftList_thumb {
  aspect-ratio: 3/2;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  width: max(6rem, 9.375vw);
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList_thumb {
    display: none;
  }
}
.bl_siftLists .bl_siftList_txt {
  flex: 1;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  line-height: 1.8;
  margin: 0;
  transform: translateY(min(-0.2222222222rem, -0.3472222222vw));
}
@media screen and (width <= 768px) {
  .bl_siftLists .bl_siftList_txt {
    font-size: 0.875rem;
    line-height: 2;
    transform: none;
  }
}

/* ========== Company profile ========== */
.bl_siftCompany {
  background-color: #fafafa;
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany {
    padding-block: 3rem;
    padding-inline: 1.25rem;
  }
}
.bl_siftCompany .bl_productsCtaBox {
  margin-bottom: max(6.3555555556rem, 9.9305555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_productsCtaBox {
    margin-bottom: 3rem;
  }
}
.bl_siftCompany .bl_siftCompany_lead {
  line-height: 1.8;
  margin: 0 auto max(1.3333333333rem, 2.0833333333vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_lead {
    margin-bottom: 2rem;
    text-align: left;
  }
}
.bl_siftCompany .bl_siftCompany_list {
  display: flex;
  gap: max(1.7777777778rem, 2.7777777778vw);
  margin: 0;
  padding: 0;
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_list {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.bl_siftCompany .bl_siftCompany_card {
  background: #fff;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  box-shadow: 0 0 max(0.6666666667rem, 1.0416666667vw) max(0.0888888889rem, 0.1388888889vw) rgba(0, 0, 0, 0.04);
  flex: 1 1 0;
  list-style: none;
  padding: max(2.2222222222rem, 3.4722222222vw) max(0.4444444444rem, 0.6944444444vw) max(1.8222222222rem, 2.8472222222vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_card {
    border-radius: 0.3125rem;
    padding: 2.625rem 0.625rem 1.9375rem;
  }
}
.bl_siftCompany .bl_siftCompany_cardTtl {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  margin: 0 0 max(1.4666666667rem, 2.2916666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_cardTtl {
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
  }
}
.bl_siftCompany .bl_siftCompany_cardTtl img {
  display: block;
  margin-inline: auto;
}
.bl_siftCompany .bl_siftCompany_cardTtl img[alt=Sift] {
  margin-bottom: max(0.6666666667rem, 1.0416666667vw);
  width: max(5.3333333333rem, 8.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_cardTtl img[alt=Sift] {
    margin-bottom: 1.375rem;
    width: 6.25rem;
  }
}
.bl_siftCompany .bl_siftCompany_cardTtl img[alt*=DG] {
  margin: max(0.2666666667rem, 0.4166666667vw) auto max(0.8888888889rem, 1.3888888889vw);
  width: max(8rem, 12.5vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_cardTtl img[alt*=DG] {
    margin: 0 auto 1.25rem;
    width: 10rem;
  }
}
.bl_siftCompany .bl_siftCompany_cardTtl span {
  display: block;
  font-size: max(0.6666666667rem, 1.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_cardTtl span {
    font-size: 0.875rem;
  }
}
.bl_siftCompany .bl_siftCompany_table {
  display: flex;
  flex-direction: column;
  gap: max(0.8rem, 1.25vw);
  margin: 0;
  padding-left: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_table {
    gap: 0.375rem;
    padding-left: 1.25rem;
  }
}
.bl_siftCompany .bl_siftCompany_row {
  display: flex;
  flex-wrap: wrap;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_row {
    flex-direction: column;
    font-size: 0.8125rem;
  }
}
.bl_siftCompany .bl_siftCompany_row dt {
  flex-shrink: 0;
  font-size: max(0.6666666667rem, 1.0416666667vw);
  font-weight: 700;
  width: max(4.6666666667rem, 7.2916666667vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_row dt {
    font-size: 0.8125rem;
    line-height: 1.8;
    margin-bottom: 0;
    width: 100%;
  }
}
.bl_siftCompany .bl_siftCompany_row dd {
  flex: 1;
  font-weight: 500;
  margin: 0;
  min-width: 0;
  width: calc(100% - max(4.8888888889rem, 7.6388888889vw));
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_row dd {
    margin-bottom: 0.375rem;
    width: 100%;
  }
  .bl_siftCompany .bl_siftCompany_row dd:last-of-type {
    margin-bottom: 0;
  }
}
.bl_siftCompany .bl_siftCompany_row dd a {
  color: #000;
  display: inline-block;
  padding-right: max(1.5555555556rem, 2.4305555556vw);
  position: relative;
  word-break: break-all;
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_row dd a {
    padding-right: 1.875rem;
  }
}
.bl_siftCompany .bl_siftCompany_row dd a[target=_blank]::after {
  background: url("../img/products_template/sift/ic_blank.png") no-repeat center center/100% auto;
  content: "";
  display: block;
  height: max(0.4444444444rem, 0.6944444444vw);
  position: absolute;
  right: max(0.4888888889rem, 0.7638888889vw);
  top: 50%;
  transform: translateY(-50%);
  width: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_siftCompany .bl_siftCompany_row dd a[target=_blank]::after {
    height: 0.625rem;
    right: 0.5rem;
    width: 0.625rem;
  }
}

/* ========== Price ========== */
.bl_siftPrice {
  background: url("../img/products_template/sift/bg_price_pc.png") no-repeat center center/cover;
  color: #fff;
  min-height: max(19.8222222222rem, 30.9722222222vw);
  padding: max(3.8666666667rem, 6.0416666667vw) 0 max(1.7777777778rem, 2.7777777778vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_siftPrice {
    background-image: url("../img/products_template/sift/bg_price_sp.png");
    margin-inline: -0.9375rem;
    min-height: 0;
    padding: 5.4375rem 0.9375rem 5.0625rem;
    width: calc(100% + 1.875rem);
  }
}
.bl_siftPrice .bl_siftSecTtl {
  margin-bottom: max(1.1555555556rem, 1.8055555556vw);
}
@media screen and (width <= 768px) {
  .bl_siftPrice .bl_siftSecTtl {
    margin-bottom: 1.375rem;
  }
}
.bl_siftPrice .bl_siftSecTtl > span:not(.bl_siftSecTtl_en) {
  color: #fff;
}
.bl_siftPrice .bl_siftPrice_lead {
  font-size: max(0.8rem, 1.25vw);
  line-height: 1.7;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_siftPrice .bl_siftPrice_lead {
    font-size: 1rem;
    text-align: left;
  }
}
.bl_siftPrice .bl_siftPrice_cta {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.6666666667rem, 1.0416666667vw);
  justify-content: center;
  margin: max(1.2444444444rem, 1.9444444444vw) auto max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_siftPrice .bl_siftPrice_cta {
    gap: 0.75rem;
    margin: 1.25rem auto 1.375rem;
    max-width: 25rem;
  }
}
.bl_siftPrice .bl_siftPrice_note {
  font-size: max(0.5777777778rem, 0.9027777778vw);
  line-height: 1.8;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_siftPrice .bl_siftPrice_note {
    font-size: 0.75rem;
    text-align: left;
  }
}

/* ========== Other products section (nested) ========== */
.bl_siftTemplate .bl_productsOtherSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_productsOtherSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
  margin: 0 auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
    max-width: 100%;
  }
}
.bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading {
    margin-bottom: 1.5rem;
  }
}
.bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading .sp_br {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_siftTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_sardineHeading .sp_br {
    display: block;
  }
}

/* ========== Template root ========== */
.bl_redTemplate {
  --red-accent: #c23c42;
  --red-en: 'Raleway', sans-serif;
  color: #000;
  font-family: var(--font_ja);
  letter-spacing: 0.05em;
  line-height: 2;
  overflow-x: clip;
}
.bl_redTemplate img {
  display: block;
  height: auto;
  max-width: 100%;
}
.bl_redTemplate a {
  text-decoration: none;
}
.bl_redTemplate ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_redTemplate p {
  margin: 0;
}
.bl_redTemplate .bl_redBrPc {
  display: inline;
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_redBrPc {
    display: none;
  }
}
.bl_redTemplate .bl_redBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_redBrSp {
    display: inline;
  }
}
.bl_redTemplate .bl_redInner {
  margin-inline: auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_redInner {
    max-width: 100%;
    padding-inline: 0.9375rem;
  }
}

/* ========== Hero ========== */
.bl_redHero {
  align-items: center;
  background: url("../img/products_template/red/bg_mv_pc.png") no-repeat center center/cover;
  color: #fff;
  display: flex;
  height: max(31.0222222222rem, 48.4722222222vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_redHero {
    align-items: flex-start;
    background-image: url("../img/products_template/red/bg_mv_sp.png");
    height: auto;
  }
}
.bl_redHero .bl_redHero_inner {
  letter-spacing: -0.02em;
  padding-top: max(5.4666666667rem, 8.5416666667vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_inner {
    padding: 5.3125rem 0.9375rem 3.375rem;
  }
}
.bl_redHero .bl_redHero_headline {
  width: 100%;
}
.bl_redHero .bl_redHero_logo {
  height: auto;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
  max-width: max(5.3333333333rem, 8.3333333333vw);
  width: auto;
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_logo {
    margin-bottom: 0.75rem;
    max-width: 6.25rem;
  }
}
.bl_redHero .bl_redHero_ttl {
  font-family: "NeuePlak", var(--red-en);
  font-size: max(2.7555555556rem, 4.3055555556vw);
  font-weight: 500;
  letter-spacing: 0.009em;
  line-height: 1.5;
  margin: 0 0 max(0.3111111111rem, 0.4861111111vw);
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_ttl {
    font-size: 2.5rem;
    margin-bottom: 0.6875rem;
  }
}
.bl_redHero .bl_redHero_lead {
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.8;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_lead {
    font-size: 1.0625rem;
    line-height: 1.4;
  }
}
.bl_redHero .bl_redHero_list {
  margin-top: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_list {
    font-size: 0.8125rem;
    margin-top: 0.4375rem;
  }
}
.bl_redHero .bl_redHero_list li {
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_list li {
    line-height: inherit;
  }
}
.bl_redHero .bl_redHero_cta {
  margin-top: max(4.4888888889rem, 7.0138888889vw);
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_cta {
    margin-top: 1.375rem;
  }
}
.bl_redHero .bl_redHero_note {
  font-size: max(0.5333333333rem, 0.8333333333vw);
  line-height: 1.833333333;
  margin-top: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_redHero .bl_redHero_note {
    line-height: 2;
    margin-top: 1.5rem;
  }
}

/* ========== Button ========== */
.bl_redBtn {
  align-items: center;
  background-color: #E48772;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  color: #000;
  display: inline-flex;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  height: max(1.9555555556rem, 3.0555555556vw);
  justify-content: center;
  line-height: 1.2;
  min-width: max(10.6666666667rem, 16.6666666667vw);
  padding-inline: max(1.5555555556rem, 2.4305555556vw);
  position: relative;
  width: max(10.6666666667rem, 16.6666666667vw);
  transition: opacity 0.3s ease;
}
@media screen and (width <= 768px) {
  .bl_redBtn {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    height: 3.125rem;
    min-width: 0;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_redBtn:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
}

/* ========== Section title (shared) ========== */
.bl_redSecTtl {
  font-size: max(1.6rem, 2.5vw);
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 max(2.2222222222rem, 3.4722222222vw);
  text-align: center;
}
.bl_redSecTtl .bl_redBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_redSecTtl .bl_redBrSp {
    display: block;
  }
}
@media screen and (width <= 768px) {
  .bl_redSecTtl {
    font-size: 1.875rem;
    margin-bottom: 1.5625rem;
  }
}
.bl_redSecTtl > span {
  color: var(--red-accent);
  display: block;
  font-family: var(--red-en);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_redSecTtl > span {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}

/* ========== About ========== */
.bl_redAbout {
  margin-top: max(3.5555555556rem, 5.5555555556vw);
  overflow: hidden;
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_redAbout {
    margin-top: 5.625rem;
  }
}
.bl_redAbout .bl_redAbout_row {
  align-items: flex-start;
  display: flex;
  gap: max(1.4222222222rem, 2.2222222222vw) max(1.7777777778rem, 2.7777777778vw);
  justify-content: space-between;
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_row {
    flex-direction: column;
    gap: 2rem;
  }
}
.bl_redAbout .bl_redAbout_text {
  flex-shrink: 0;
  padding-bottom: max(5.3333333333rem, 8.3333333333vw);
  width: calc(50% - max(1.7777777778rem, 2.7777777778vw));
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_text {
    padding-bottom: 0;
    width: 100%;
  }
}
.bl_redAbout .bl_redAbout_text p {
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_text p {
    font-size: 0.9375rem;
  }
}
.bl_redAbout .bl_redAbout_logo {
  margin: 0 0 max(2.2222222222rem, 3.4722222222vw);
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_logo {
    margin-bottom: 2rem;
    text-align: center;
  }
}
.bl_redAbout .bl_redAbout_logo img {
  width: max(13.4666666667rem, 21.0416666667vw);
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_logo img {
    margin-inline: auto;
    width: 11.75rem;
  }
}
.bl_redAbout .bl_redAbout_image {
  flex-shrink: 0;
  height: calc((50vw + max(0.3111111111rem, 0.4861111111vw)) * 0.7857);
  position: relative;
  width: 50%;
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_image {
    height: auto;
    transform: translateX(-0.25rem);
    width: calc(100% + 2.125rem);
    padding-bottom: 2.5rem;
  }
}
.bl_redAbout .bl_redAbout_image img {
  left: min(-0.3111111111rem, -0.4861111111vw);
  max-width: none;
  position: absolute;
  top: 0;
  width: calc(50vw + max(0.3111111111rem, 0.4861111111vw));
  z-index: 2;
}
@media screen and (width <= 768px) {
  .bl_redAbout .bl_redAbout_image img {
    position: static;
    width: 100%;
  }
}

/* ========== Sections wrap ========== */
.bl_redSections {
  margin-top: min(-3.8222222222rem, -5.9722222222vw);
  position: relative;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_redSections {
    margin-top: 0;
  }
}

.bl_redSection:nth-child(odd) {
  background-color: #f9f9f9;
}

/* ========== Partnership ========== */
.bl_redPartnership {
  padding: max(5.6444444444rem, 8.8194444444vw) 0 max(4.0888888889rem, 6.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership {
    padding: 9.1875rem 0 5.0625rem;
  }
}
.bl_redPartnership .bl_redSecTtl {
  margin-bottom: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redSecTtl {
    margin-bottom: 0.625rem;
  }
}
.bl_redPartnership .bl_redPartnership_lead {
  line-height: 2;
  text-align: center;
}
.bl_redPartnership .bl_redPartnership_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(7.3333333333rem, 11.4583333333vw);
  margin: max(2rem, 3.125vw) auto 0;
  max-width: max(35.1111111111rem, 54.8611111111vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_list {
    grid-template-columns: 1fr;
    gap: 1.9375rem;
    margin-top: 2.8125rem;
    max-width: 100%;
  }
}
.bl_redPartnership .bl_redPartnership_item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: max(1.0222222222rem, 1.5972222222vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_item {
    gap: 0.8125rem;
  }
}
.bl_redPartnership .bl_redPartnership_item:first-child img {
  width: max(10.9777777778rem, 17.1527777778vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_item:first-child img {
    width: 10rem;
  }
}
.bl_redPartnership .bl_redPartnership_item:last-child img {
  width: max(15.0222222222rem, 23.4722222222vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_item:last-child img {
    width: 13.5rem;
  }
}
.bl_redPartnership .bl_redPartnership_item img {
  height: auto;
  margin-inline: auto;
}
.bl_redPartnership .bl_redPartnership_item a {
  display: inline-block;
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 1.8;
  padding-right: max(0.6666666667rem, 1.0416666667vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_item a {
    font-size: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.bl_redPartnership .bl_redPartnership_item a::after {
  background: url("../img/products_template/red/ic_blank.png") no-repeat center center/100% auto;
  content: "";
  display: block;
  height: max(0.4rem, 0.625vw);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(0.4rem, 0.625vw);
}
@media screen and (width <= 768px) {
  .bl_redPartnership .bl_redPartnership_item a::after {
    height: 0.625rem;
    width: 0.625rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_redPartnership .bl_redPartnership_item a:hover {
    opacity: 0.7;
  }
}

/* ========== Support ========== */
.bl_redSupport {
  background-color: #fff;
  padding: max(4.2222222222rem, 6.5972222222vw) 0 max(4.6666666667rem, 7.2916666667vw);
}
@media screen and (width <= 768px) {
  .bl_redSupport {
    padding: 5.375rem 0 5.0625rem;
  }
}
.bl_redSupport .bl_redSecTtl {
  margin-bottom: max(1.9111111111rem, 2.9861111111vw);
}
@media screen and (width <= 768px) {
  .bl_redSupport .bl_redSecTtl {
    margin-bottom: 1.9375rem;
  }
}
.bl_redSupport .bl_redSupport_row {
  align-items: center;
  display: flex;
  gap: max(1.4222222222rem, 2.2222222222vw) max(1.7777777778rem, 2.7777777778vw);
  justify-content: space-between;
}
@media screen and (width <= 768px) {
  .bl_redSupport .bl_redSupport_row {
    align-items: flex-start;
    flex-direction: column;
    gap: 2rem;
  }
}
.bl_redSupport .bl_redSupport_image {
  flex-shrink: 0;
  height: calc((50vw + max(0.3111111111rem, 0.4861111111vw)) * 0.5795);
  position: relative;
  width: 50%;
}
@media screen and (width <= 768px) {
  .bl_redSupport .bl_redSupport_image {
    height: auto;
    margin: 0 -1.875rem;
    width: calc(100% + 3.75rem);
  }
}
.bl_redSupport .bl_redSupport_image img {
  max-width: none;
  position: absolute;
  right: min(-0.3111111111rem, -0.4861111111vw);
  top: max(0.0888888889rem, 0.1388888889vw);
  width: calc(50vw + max(0.3111111111rem, 0.4861111111vw));
}
@media screen and (width <= 768px) {
  .bl_redSupport .bl_redSupport_image img {
    position: static;
    width: 100%;
  }
}
.bl_redSupport .bl_redSupport_text {
  flex-shrink: 0;
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
  width: calc(50% - max(1.7777777778rem, 2.7777777778vw));
}
@media screen and (width <= 768px) {
  .bl_redSupport .bl_redSupport_text {
    font-size: 0.9375rem;
    width: 100%;
  }
}

/* ========== Company ========== */
.bl_redCompany {
  padding: max(4.4rem, 6.875vw) 0 max(4rem, 6.25vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany {
    padding: 5.5625rem 0 5.625rem;
  }
}
.bl_redCompany .bl_productsCtaBox {
  margin-bottom: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_productsCtaBox {
    margin-bottom: 3rem;
  }
}
.bl_redCompany .bl_redSecTtl {
  margin-bottom: max(0.9777777778rem, 1.5277777778vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redSecTtl {
    margin-bottom: 1.375rem;
  }
}
.bl_redCompany .bl_redCompany_lead {
  line-height: 2;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_lead {
    text-align: left;
  }
}
.bl_redCompany .bl_redCompany_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.3333333333rem, 2.0833333333vw) max(1.7777777778rem, 2.7777777778vw);
  margin-top: max(1.3333333333rem, 2.0833333333vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_list {
    flex-direction: column;
    gap: 1.875rem;
    margin-top: 1.875rem;
  }
}
.bl_redCompany .bl_redCompany_card {
  background: #fff;
  border-radius: max(0.2222222222rem, 0.3472222222vw);
  box-shadow: 0 0 max(0.6666666667rem, 1.0416666667vw) max(0.0888888889rem, 0.1388888889vw) rgba(0, 0, 0, 0.04);
  flex: 1 1 calc(50% - max(1.7777777778rem, 2.7777777778vw));
  min-width: 0;
  padding: max(2.4888888889rem, 3.8888888889vw) max(1.3333333333rem, 2.0833333333vw) max(2.3555555556rem, 3.6805555556vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_card {
    border-radius: 0.3125rem;
    flex: none;
    padding: 2.3125rem 1.875rem 2.0625rem;
    width: 100%;
  }
}
.bl_redCompany .bl_redCompany_cardTtl {
  margin: 0 0 max(1.4222222222rem, 2.2222222222vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_cardTtl {
    margin-bottom: 0.8125rem;
  }
}
.bl_redCompany .bl_redCompany_cardTtl img {
  display: block;
  margin-inline: auto;
}
.bl_redCompany .bl_redCompany_cardTtl img[alt="ACI WorldWide"] {
  width: max(10.3111111111rem, 16.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_cardTtl img[alt="ACI WorldWide"] {
    width: 14.0625rem;
  }
}
.bl_redCompany .bl_redCompany_cardTtl img[alt=DGビジネステクノロジー] {
  width: max(8.0444444444rem, 12.5694444444vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_cardTtl img[alt=DGビジネステクノロジー] {
    width: 11.3125rem;
  }
}
.bl_redCompany .bl_redCompany_cardTtl span {
  display: block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 400;
  margin-top: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_cardTtl span {
    font-size: 1rem;
    margin-top: 1.1875rem;
  }
}
.bl_redCompany .bl_redCompany_table {
  display: flex;
  flex-direction: column;
  gap: max(0.8888888889rem, 1.3888888889vw);
  margin: 0;
  padding-left: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_table {
    gap: 0;
    padding-left: 0;
  }
}
.bl_redCompany .bl_redCompany_row {
  display: flex;
  flex-wrap: wrap;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_row {
    flex-direction: column;
    font-size: 0.875rem;
  }
}
.bl_redCompany .bl_redCompany_row dt {
  flex-shrink: 0;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  width: max(4.5777777778rem, 7.1527777778vw);
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_row dt {
    font-size: 0.9375rem;
    line-height: 1.6;
    width: 100%;
  }
}
.bl_redCompany .bl_redCompany_row dd {
  font-weight: 400;
  margin: 0;
  width: calc(100% - max(4.5777777778rem, 7.1527777778vw));
}
@media screen and (width <= 768px) {
  .bl_redCompany .bl_redCompany_row dd {
    margin-bottom: 0.5625rem;
    width: 100%;
  }
  .bl_redCompany .bl_redCompany_row dd:last-child {
    margin-bottom: 0;
  }
}

/* ========== Price ========== */
.bl_redPrice {
  background: url("../img/products_template/red/bg_price_pc.png") no-repeat center center/cover;
  color: #fff;
  padding: max(3.8222222222rem, 5.9722222222vw) 0 max(4.2666666667rem, 6.6666666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_redPrice {
    background-image: url("../img/products_template/red/bg_price_sp.png");
    margin-inline: -0.9375rem;
    padding: 5.375rem 0.9375rem 5.125rem;
    width: calc(100% + 1.875rem);
  }
}
.bl_redPrice .bl_redSecTtl {
  margin-bottom: max(0.9333333333rem, 1.4583333333vw);
}
@media screen and (width <= 768px) {
  .bl_redPrice .bl_redSecTtl {
    margin-bottom: 1.3125rem;
  }
}
.bl_redPrice .bl_redSecTtl > span {
  color: #fff;
}
.bl_redPrice .bl_redPrice_lead {
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
}
@media screen and (width <= 768px) {
  .bl_redPrice .bl_redPrice_lead {
    font-size: 0.9375rem;
    text-align: left;
  }
}
.bl_redPrice .bl_redPrice_cta {
  margin: max(1.3333333333rem, 2.0833333333vw) auto max(0.7111111111rem, 1.1111111111vw);
  max-width: max(10.6666666667rem, 16.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_redPrice .bl_redPrice_cta {
    margin: 1.25rem auto 1.4375rem;
    max-width: 21.5625rem;
    width: 100%;
  }
}
.bl_redPrice .bl_redPrice_note {
  font-size: max(0.5777777778rem, 0.9027777778vw);
  line-height: 1.7;
}
@media screen and (width <= 768px) {
  .bl_redPrice .bl_redPrice_note {
    font-size: 0.8125rem;
    line-height: 2;
    text-align: left;
  }
}

/* ========== Other products section (nested) ========== */
.bl_redTemplate .bl_productsOtherSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_productsOtherSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_redTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
  margin-inline: auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
    max-width: 100%;
  }
}
.bl_redTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_siftSecTtl {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_redTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_siftSecTtl {
    margin-bottom: 1.5rem;
  }
}

/* ========== Template root ========== */
.bl_iovationTemplate {
  --iovation-accent: #36ccbe;
  --iovation-en: 'Raleway', sans-serif;
  color: #000;
  font-family: var(--font_ja);
  letter-spacing: 0.05em;
  line-height: 2;
  overflow-x: clip;
}
.bl_iovationTemplate img {
  display: block;
  height: auto;
  max-width: 100%;
}
.bl_iovationTemplate a {
  text-decoration: none;
}
.bl_iovationTemplate ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_iovationTemplate p {
  margin: 0;
}
.bl_iovationTemplate .bl_iovationBrPc {
  display: inline;
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_iovationBrPc {
    display: none;
  }
}
.bl_iovationTemplate .bl_iovationBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_iovationBrSp {
    display: inline;
  }
}
.bl_iovationTemplate .bl_iovationInner {
  margin-inline: auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  padding-inline: max(1.3333333333rem, 2.0833333333vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_iovationInner {
    max-width: 100%;
    padding-inline: 0.9375rem;
  }
}

/* ========== Hero ========== */
.bl_iovationHero {
  align-items: center;
  background: url("../img/products_template/iovation/bg_mv_pc.png") no-repeat center center/cover;
  color: #fff;
  display: flex;
  height: max(31.0222222222rem, 48.4722222222vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_iovationHero {
    align-items: flex-start;
    background-image: url("../img/products_template/iovation/bg_mv_sp.png");
    height: auto;
  }
}
.bl_iovationHero .bl_iovationHero_inner {
  letter-spacing: -0.02em;
  padding-top: max(5.4666666667rem, 8.5416666667vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_inner {
    padding: 5.75rem 0.9375rem 3.375rem;
  }
}
.bl_iovationHero .bl_iovationHero_headline {
  width: 100%;
}
.bl_iovationHero .bl_iovationHero_logo {
  height: auto;
  max-width: max(5.3333333333rem, 8.3333333333vw);
  width: auto;
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_logo {
    margin-bottom: 0.75rem;
    max-width: 6.25rem;
  }
}
.bl_iovationHero .bl_iovationHero_ttl {
  font-family: var(--iovation-en);
  font-size: max(2.7555555556rem, 4.3055555556vw);
  font-weight: 600;
  letter-spacing: 0.006em;
  line-height: 1.5;
  margin: 0 0 max(0.3111111111rem, 0.4861111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_ttl {
    font-size: 2.125rem;
    margin-bottom: 0.8125rem;
  }
}
.bl_iovationHero .bl_iovationHero_lead {
  font-size: max(0.8rem, 1.25vw);
  font-weight: 700;
  line-height: 1.8;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_lead {
    font-size: 1.0625rem;
    line-height: 1.4;
  }
}
.bl_iovationHero .bl_iovationHero_list {
  margin-top: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_list {
    font-size: 0.8125rem;
    margin-top: 0.4375rem;
  }
}
.bl_iovationHero .bl_iovationHero_list li {
  line-height: 1.8;
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_list li {
    line-height: inherit;
  }
}
.bl_iovationHero .bl_iovationHero_cta {
  margin-top: max(4.4888888889rem, 7.0138888889vw);
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_cta {
    margin-top: 2.875rem;
  }
}
.bl_iovationHero .bl_iovationHero_note {
  font-size: max(0.5333333333rem, 0.8333333333vw);
  line-height: 1.833333333;
  margin-top: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_iovationHero .bl_iovationHero_note {
    line-height: 2;
    margin-top: 1.5rem;
  }
}

/* ========== Button ========== */
.bl_iovationBtn {
  align-items: center;
  background-color: #36ccbe;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  color: #fff;
  display: inline-flex;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  height: max(1.9555555556rem, 3.0555555556vw);
  justify-content: center;
  line-height: 1.2;
  min-width: max(10.6666666667rem, 16.6666666667vw);
  padding-inline: max(1.5555555556rem, 2.4305555556vw);
  position: relative;
  transition: opacity 0.3s ease;
  width: max(10.6666666667rem, 16.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_iovationBtn {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    height: 3.125rem;
    min-width: 0;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_iovationBtn:hover {
    opacity: 0.7;
  }
}

/* ========== Section title (shared) ========== */
.bl_iovationSecTtl {
  font-size: max(1.6rem, 2.5vw);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}
.bl_iovationSecTtl .bl_iovationBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_iovationSecTtl .bl_iovationBrSp {
    display: block;
  }
}
@media screen and (width <= 768px) {
  .bl_iovationSecTtl {
    font-size: 1.875rem;
  }
}
.bl_iovationSecTtl > span {
  color: var(--iovation-accent);
  display: block;
  font-family: var(--iovation-en);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_iovationSecTtl > span {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}

/* ========== About ========== */
.bl_iovationAbout {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  overflow: hidden;
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_iovationAbout {
    margin-top: 0;
    padding-block: 3rem;
  }
}
.bl_iovationAbout .bl_iovationAbout_row {
  align-items: flex-start;
  display: flex;
  gap: max(1.4222222222rem, 2.2222222222vw) max(1.3333333333rem, 2.0833333333vw);
  justify-content: space-between;
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_row {
    flex-direction: column;
    gap: 2rem;
  }
}
.bl_iovationAbout .bl_iovationAbout_text {
  flex-shrink: 0;
  padding-bottom: max(5.3333333333rem, 8.3333333333vw);
  width: calc(50% - max(1.3333333333rem, 2.0833333333vw));
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_text {
    padding-bottom: 0;
    width: 100%;
  }
}
.bl_iovationAbout .bl_iovationAbout_text p {
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_text p {
    font-size: 0.9375rem;
  }
}
.bl_iovationAbout .bl_iovationAbout_logo {
  margin: 0 0 max(2.2666666667rem, 3.5416666667vw);
  padding-left: max(0.1333333333rem, 0.2083333333vw);
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_logo {
    margin-bottom: 2rem;
    padding-left: 0;
    text-align: center;
  }
}
.bl_iovationAbout .bl_iovationAbout_logo img {
  width: max(12.8rem, 20vw);
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_logo img {
    margin-inline: auto;
    width: 15.625rem;
  }
}
.bl_iovationAbout .bl_iovationAbout_image {
  flex-shrink: 0;
  height: calc((50vw + max(0.3111111111rem, 0.4861111111vw)) * 0.6666666667);
  position: relative;
  width: 50%;
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_image {
    height: auto;
    transform: translateX(-0.25rem);
    width: calc(100% + 2rem);
  }
}
.bl_iovationAbout .bl_iovationAbout_image img {
  left: min(-0.3111111111rem, -0.4861111111vw);
  max-width: none;
  position: absolute;
  top: 0;
  width: calc(50vw + max(0.3111111111rem, 0.4861111111vw));
  z-index: 100;
}
@media screen and (width <= 768px) {
  .bl_iovationAbout .bl_iovationAbout_image img {
    position: static;
    width: 100%;
  }
}

/* ========== Sections wrap ========== */
.bl_iovationSections {
  margin-top: min(-8rem, -12.5vw);
  position: relative;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_iovationSections {
    margin-top: 0;
  }
}

.bl_iovationSection {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_iovationSection {
    padding-inline: 1.25rem;
  }
}
.bl_iovationSection:nth-child(odd) {
  background-color: #f9f9f9;
}

/* ========== Customers ========== */
.bl_iovationCustomers {
  padding: max(6.9777777778rem, 10.9027777778vw) 0 max(3.5111111111rem, 5.4861111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCustomers {
    padding: 9.1875rem 0 5.125rem;
  }
}
.bl_iovationCustomers .bl_iovationSecTtl {
  margin-bottom: max(0.4444444444rem, 0.6944444444vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCustomers .bl_iovationSecTtl {
    margin-bottom: 0.625rem;
  }
}
.bl_iovationCustomers .bl_iovationCustomers_row {
  align-items: center;
  display: flex;
  gap: max(1.3333333333rem, 2.0833333333vw) max(1.7777777778rem, 2.7777777778vw);
  justify-content: space-between;
  margin-top: max(2.1777777778rem, 3.4027777778vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCustomers .bl_iovationCustomers_row {
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
}
.bl_iovationCustomers .bl_iovationCustomers_image {
  flex-shrink: 0;
  width: 50%;
}
@media screen and (width <= 768px) {
  .bl_iovationCustomers .bl_iovationCustomers_image {
    width: 100%;
  }
}
.bl_iovationCustomers .bl_iovationCustomers_image img {
  margin-inline: auto;
}
.bl_iovationCustomers .bl_iovationCustomers_text {
  flex-shrink: 0;
  width: calc(50% - max(1.7777777778rem, 2.7777777778vw));
}
@media screen and (width <= 768px) {
  .bl_iovationCustomers .bl_iovationCustomers_text {
    width: 100%;
  }
}

/* ========== Features ========== */
.bl_iovationFeatures {
  background-color: #fff;
  padding: max(3.3777777778rem, 5.2777777778vw) 0 max(3.2rem, 5vw);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures {
    padding: 5.4375rem 0 5.1875rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(2.2222222222rem, 3.4722222222vw);
  justify-content: center;
  margin-top: max(2.2222222222rem, 3.4722222222vw);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_list {
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 1.8125rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_list > li {
  width: calc((100% - max(4.4444444444rem, 6.9444444444vw)) / 3);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_list > li {
    align-items: flex-start;
    display: flex;
    gap: 1.0625rem;
    width: 100%;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_list > li:nth-child(1) .bl_iovationFeatures_icon img {
  max-height: max(2.3555555556rem, 3.6805555556vw);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_list > li:nth-child(1) .bl_iovationFeatures_icon img {
    max-height: 3.3125rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_list > li:nth-child(3) .bl_iovationFeatures_icon img {
  max-height: max(2.3111111111rem, 3.6111111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_list > li:nth-child(3) .bl_iovationFeatures_icon img {
    max-height: 3.25rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_icon {
  align-items: center;
  display: flex;
  height: max(2.6666666667rem, 4.1666666667vw);
  justify-content: center;
  margin-bottom: max(0.8rem, 1.25vw);
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_icon {
    flex-shrink: 0;
    height: 3rem;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 3.4375rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_icon img {
  max-height: 100%;
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_body {
    flex: 1;
    min-width: 0;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_body p {
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_body p {
    font-size: 0.9375rem;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_ttl {
  line-height: 1.4;
  margin: 0 0 max(0.6666666667rem, 1.0416666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_ttl {
    margin-bottom: 0.3125rem;
    text-align: left;
  }
}
.bl_iovationFeatures .bl_iovationFeatures_ttl span {
  display: inline-block;
  font-size: max(0.8rem, 1.25vw);
  padding-left: 1.2em;
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_iovationFeatures .bl_iovationFeatures_ttl span {
    display: block;
    font-size: 1.0625rem;
  }
}

/* ========== Company ========== */
.bl_iovationCompany {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany {
    padding-block: 3rem;
  }
}
.bl_iovationCompany .bl_productsCtaBox {
  margin-bottom: max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_productsCtaBox {
    margin-bottom: 3rem;
  }
}
.bl_iovationCompany .bl_iovationSecTtl {
  margin-bottom: max(1.0222222222rem, 1.5972222222vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationSecTtl {
    margin-bottom: 1.375rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_lead {
  line-height: 2;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_lead {
    text-align: left;
  }
}
.bl_iovationCompany .bl_iovationCompany_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.3333333333rem, 2.0833333333vw) max(1.7777777778rem, 2.7777777778vw);
  margin-top: max(1.3333333333rem, 2.0833333333vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_list {
    flex-direction: column;
    gap: 1.875rem;
    margin-top: 2rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_card {
  background: #fff;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  box-shadow: 0 0 max(0.6666666667rem, 1.0416666667vw) max(0.0888888889rem, 0.1388888889vw) rgba(0, 0, 0, 0.04);
  flex: 1 1 calc(50% - max(1.7777777778rem, 2.7777777778vw));
  min-width: 0;
  padding: max(2.3111111111rem, 3.6111111111vw) max(1.3333333333rem, 2.0833333333vw) max(1.9111111111rem, 2.9861111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_card {
    border-radius: 0.5rem;
    flex: none;
    padding: 2.25rem 1.875rem 1.9375rem;
    width: 100%;
  }
}
.bl_iovationCompany .bl_iovationCompany_cardTtl {
  margin: 0 0 max(1.4666666667rem, 2.2916666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_cardTtl {
    margin-bottom: 0.8125rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_cardTtl img {
  display: block;
  margin-inline: auto;
}
.bl_iovationCompany .bl_iovationCompany_cardTtl img[alt=iovation] {
  width: max(9.5111111111rem, 14.8611111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_cardTtl img[alt=iovation] {
    width: 8.0625rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_cardTtl img[alt=DGビジネステクノロジー] {
  width: max(8.0444444444rem, 12.5694444444vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_cardTtl img[alt=DGビジネステクノロジー] {
    width: 11.3125rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_cardTtl span {
  display: block;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 400;
  margin-top: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_cardTtl span {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_table {
  display: flex;
  flex-direction: column;
  gap: max(0.8888888889rem, 1.3888888889vw);
  margin: 0;
  padding-left: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_table {
    gap: 0;
    margin-right: -0.625rem;
    padding-left: 0;
  }
}
.bl_iovationCompany .bl_iovationCompany_row {
  display: flex;
  flex-wrap: wrap;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_row {
    flex-direction: column;
    font-size: 0.875rem;
  }
}
.bl_iovationCompany .bl_iovationCompany_row dt {
  flex-shrink: 0;
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  width: max(4.5777777778rem, 7.1527777778vw);
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_row dt {
    font-size: 0.9375rem;
    line-height: 1.6;
    width: 100%;
  }
}
.bl_iovationCompany .bl_iovationCompany_row dd {
  font-weight: 400;
  margin: 0;
  width: calc(100% - max(4.5777777778rem, 7.1527777778vw));
}
@media screen and (width <= 768px) {
  .bl_iovationCompany .bl_iovationCompany_row dd {
    margin-bottom: 0.5625rem;
    width: 100%;
  }
  .bl_iovationCompany .bl_iovationCompany_row dd:last-child {
    margin-bottom: 0;
  }
}

/* ========== Price ========== */
.bl_iovationPrice {
  background: url("../img/products_template/iovation/bg_price_pc.png") no-repeat center center/cover;
  color: #fff;
  padding: max(3.8222222222rem, 5.9722222222vw) 0 max(4.2666666667rem, 6.6666666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_iovationPrice {
    background-image: url("../img/products_template/iovation/bg_price_sp.png");
    margin-inline: -0.9375rem;
    padding: 5.375rem 0.9375rem 5.125rem;
    width: calc(100% + 1.875rem);
  }
}
.bl_iovationPrice .bl_iovationSecTtl {
  margin-bottom: max(0.9333333333rem, 1.4583333333vw);
}
@media screen and (width <= 768px) {
  .bl_iovationPrice .bl_iovationSecTtl {
    margin-bottom: 1.5625rem;
  }
}
.bl_iovationPrice .bl_iovationSecTtl > span {
  color: #fff;
}
.bl_iovationPrice .bl_iovationPrice_lead {
  font-size: max(0.6666666667rem, 1.0416666667vw);
  line-height: 2;
}
@media screen and (width <= 768px) {
  .bl_iovationPrice .bl_iovationPrice_lead {
    font-size: 0.9375rem;
    text-align: left;
  }
}
.bl_iovationPrice .bl_iovationPrice_cta {
  margin: max(1.3333333333rem, 2.0833333333vw) auto max(0.7111111111rem, 1.1111111111vw);
  max-width: max(10.6666666667rem, 16.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_iovationPrice .bl_iovationPrice_cta {
    margin: 1.25rem auto 1.4375rem;
    max-width: 21.5625rem;
    width: 100%;
  }
}
.bl_iovationPrice .bl_iovationPrice_note {
  font-size: max(0.5777777778rem, 0.9027777778vw);
  line-height: 1.7;
}
@media screen and (width <= 768px) {
  .bl_iovationPrice .bl_iovationPrice_note {
    font-size: 0.8125rem;
    line-height: 2;
    text-align: left;
  }
}

/* ========== Other products section (nested) ========== */
.bl_iovationTemplate .bl_productsOtherSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_productsOtherSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_iovationTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
  margin-inline: auto;
  max-width: max(47.1111111111rem, 73.6111111111vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_productsOtherSection .bl_productsOtherSection_inner {
    max-width: 100%;
  }
}
.bl_iovationTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_siftSecTtl {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_iovationTemplate .bl_productsOtherSection .bl_productsOtherSection_inner .bl_siftSecTtl {
    margin-bottom: 1.5rem;
  }
}

.bl_productsOtherSection .bl_iovationSecTtl {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection .bl_iovationSecTtl {
    margin-bottom: 1.5rem;
  }
}
.bl_productsOtherSection .bl_iovationSecTtl .bl_iovationBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection .bl_iovationSecTtl .bl_iovationBrSp {
    display: block;
  }
}

/* ========== Template root ========== */
.bl_ytguardTemplate {
  color: #0b0c0e;
  font-family: var(--font_ja);
  overflow-x: clip;
}
.bl_ytguardTemplate img {
  display: block;
  height: auto;
  max-width: 100%;
}
.bl_ytguardTemplate a {
  text-decoration: none;
}

.bl_ytguardInner {
  margin-inline: auto;
  max-width: max(51.0222222222rem, 79.7222222222vw);
  padding-inline: max(1.0666666667rem, 1.6666666667vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_ytguardInner {
    padding-inline: 0.9375rem;
  }
}
.bl_ytguardInner--narrow {
  max-width: max(44.4444444444rem, 69.4444444444vw);
}

.bl_ytguardBrPc {
  display: inline;
}
@media screen and (width <= 768px) {
  .bl_ytguardBrPc {
    display: none;
  }
}

.bl_ytguardBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_ytguardBrSp {
    display: inline;
  }
}

.bl_ytguardSection {
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardSection {
    padding-block: 2.5rem;
  }
}

/* ========== CTA Button ========== */
.bl_ytguardBtn {
  align-items: center;
  background: linear-gradient(90deg, #00A5BD 0%, #0061A4 100%);
  border-radius: 100px;
  color: #fff;
  display: inline-flex;
  font-family: "Geist", var(--font_ja);
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  justify-content: center;
  letter-spacing: max(0.1066666667rem, 0.1666666667vw);
  line-height: 1.6;
  max-width: 100%;
  padding: max(0.4355555556rem, 0.6805555556vw) max(2.1333333333rem, 3.3333333333vw) max(0.4355555556rem, 0.6805555556vw) max(1.0666666667rem, 1.6666666667vw);
  position: relative;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: max(18.6666666667rem, 29.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardBtn {
    font-size: 1.375rem;
    letter-spacing: 0.1375rem;
    max-width: 21.375rem;
    padding: 0.625rem 3rem 0.625rem 1.5rem;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_ytguardBtn:hover {
    box-shadow: 0 max(0.4444444444rem, 0.6944444444vw) max(0.8888888889rem, 1.3888888889vw) rgba(0, 165, 189, 0.3);
    transform: translateY(min(-0.1333333333rem, -0.2083333333vw));
  }
}

.bl_ytguardBtn_arw {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjA3MV8zMTEyKSI+CiAgICA8cGF0aCBkPSJNMjAuMDAwMyAxMC41ODQyQzIwLjAwMDMgNS4wNjEzOCAxNS41MjMxIDAuNTg0MjI5IDEwLjAwMDMgMC41ODQyMjlDNC40Nzc0MyAwLjU4NDIyOSAwLjAwMDI3NDY1OCA1LjA2MTM4IDAuMDAwMjc0NjU4IDEwLjU4NDJDMC4wMDAyNzQ2NTggMTYuMTA3MSA0LjQ3NzQzIDIwLjU4NDIgMTAuMDAwMyAyMC41ODQyQzE1LjUyMzEgMjAuNTg0MiAyMC4wMDAzIDE2LjEwNzEgMjAuMDAwMyAxMC41ODQyWiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik05LjU5ODU1IDE0LjAyODlDOS40Nzk0OSAxNC4wMjg5IDkuMzYwNDMgMTMuOTgzMSA5LjI3OCAxMy44OTE1QzkuMDk0ODMgMTMuNzE3NSA5LjA5NDgzIDEzLjQyNDQgOS4yNzggMTMuMjQxMkwxMS42Nzc1IDEwLjg0MTdMOS4yNzggOC40NDIxN0M5LjA5NDgzIDguMjU5IDkuMDk0ODMgNy45NzUwOSA5LjI3OCA3Ljc5MTkyQzkuNDYxMTcgNy42MDg3NSA5Ljc0NTA5IDcuNjA4NzUgOS45MjgyNiA3Ljc5MTkyTDEyLjY0ODMgMTAuNTEyQzEyLjgzMTUgMTAuNjk1MiAxMi44MzE1IDEwLjk3OTEgMTIuNjQ4MyAxMS4xNjIyTDkuOTI4MjYgMTMuODgyM0M5LjgzNjY3IDEzLjk3MzkgOS43MTc2MSAxNC4wMTk3IDkuNjA3NzEgMTQuMDE5N0w5LjU5ODU1IDE0LjAyODlaIiBmaWxsPSIjMDA1MEE0Ii8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF82MDcxXzMxMTIiPgogICAgICA8cmVjdCB3aWR0aD0iMjAuNTMzMyIgaGVpZ2h0PSIyMC41MzMzIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: max(0.8888888889rem, 1.3888888889vw);
  position: absolute;
  right: max(1.0666666667rem, 1.6666666667vw);
  top: 50%;
  transform: translateY(-50%);
  width: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardBtn_arw {
    height: 1.25rem;
    right: 1.375rem;
    width: 1.25rem;
  }
}

/* ========== Shared heading ========== */
.bl_ytguardHeading {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading {
    margin-bottom: 1.5rem;
  }
}
.bl_ytguardHeading--center {
  text-align: center;
}

.bl_ytguardHeading_en {
  background: linear-gradient(to right, #0050a4, #009ccb);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Geist", var(--font_ja);
  font-size: max(0.6222222222rem, 0.9722222222vw);
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0 0 max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading_en {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}

.bl_ytguardHeading_ttl {
  color: #0b0c0e;
  font-size: max(1.2444444444rem, 1.9444444444vw);
  font-weight: 700;
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
  line-height: 1.6;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading_ttl {
    font-size: 1.875rem;
    letter-spacing: 0.09375rem;
  }
}
.bl_ytguardHeading_ttl .bl_ytguardBrSp {
  display: none;
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading_ttl .bl_ytguardBrSp {
    display: block;
  }
}

.bl_ytguardHeading_border {
  display: inline;
  text-decoration: underline;
  text-decoration-color: #B3E5F0;
  text-decoration-thickness: max(0.2222222222rem, 0.3472222222vw);
  text-underline-offset: max(0.2222222222rem, 0.3472222222vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading_border {
    text-decoration-thickness: 0.25rem;
    text-underline-offset: 0.25rem;
  }
}

.bl_ytguardHeading_small {
  font-size: max(1.0666666667rem, 1.6666666667vw);
  letter-spacing: max(0.1066666667rem, 0.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHeading_small {
    font-size: 1.25rem;
    letter-spacing: 0.125rem;
  }
}

/* ========== Hero ========== */
#hero-ytguard,
.bl_ytguardHero {
  background: linear-gradient(180deg, #E4F3FD 0%, rgba(241, 249, 254, 0.75) 90%, rgba(255, 255, 255, 0.5) 100%);
  overflow: hidden;
  padding-inline: max(3.5555555556rem, 5.5555555556vw);
  padding-bottom: max(3.5555555556rem, 5.5555555556vw);
  padding-top: max(6.4444444444rem, 10.0694444444vw);
  position: relative;
  width: 100%;
}
@media screen and (width <= 768px) {
  #hero-ytguard,
  .bl_ytguardHero {
    padding: 5.625rem 0 3.75rem;
  }
}

.bl_ytguardHero_inner {
  align-items: center;
  display: flex;
  gap: max(2.6666666667rem, 4.1666666667vw);
  margin-inline: auto;
  max-width: max(51.0222222222rem, 79.7222222222vw);
  position: relative;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_inner {
    flex-direction: column;
    gap: 2.5rem;
    padding-inline: 0.9375rem;
  }
}

.bl_ytguardHero_content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: max(0.7111111111rem, 1.1111111111vw);
  position: relative;
  width: 100%;
  max-width: max(24.8888888889rem, 38.8888888889vw);
  z-index: 2;
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_content {
    gap: 1rem;
    max-width: 100%;
  }
}

.bl_ytguardHero_logo {
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_logo {
    margin-bottom: 1rem;
    width: fit-content;
    margin-inline: auto;
  }
}
.bl_ytguardHero_logo .bl_ytguardHero_logoImg {
  max-width: max(6rem, 9.375vw);
  width: 100%;
  margin-bottom: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_logo .bl_ytguardHero_logoImg {
    max-width: 8.4375rem;
    margin-inline: auto;
  }
}
.bl_ytguardHero_logo .el_ytguardHero_ttl {
  color: #383635;
  font-feature-settings: "palt" on;
  font-family: "Geist", var(--font_ja);
  font-size: max(2.1333333333rem, 3.3333333333vw);
  font-weight: 500;
  line-height: 1;
}

.el_ytguardHero_lead {
  font-size: max(2.1333333333rem, 3.3333333333vw);
  font-weight: 700;
  letter-spacing: max(0.0382222222rem, 0.0597222222vw);
  line-height: 1.4;
  margin: 0;
}
@media screen and (width <= 768px) {
  .el_ytguardHero_lead {
    font-size: 2.5625rem;
    margin-inline: auto;
    max-width: 31.25rem;
    text-align: center;
  }
}

.bl_ytguardHero_ttlSmall {
  font-size: max(1.8666666667rem, 2.9166666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlSmall {
    font-size: 2.25rem;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlSmall--2 {
    font-size: 2.5625rem;
  }
}

@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlLarge {
    font-size: 2.8125rem;
    line-height: 1.5;
  }
}

.bl_ytguardHero_ttlBorder {
  display: inline;
  text-decoration: underline;
  text-decoration-color: #B3E5F0;
  text-decoration-thickness: max(0.2666666667rem, 0.4166666667vw);
  text-underline-offset: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlBorder {
    text-decoration-thickness: 0.25rem;
    text-underline-offset: 0.375rem;
  }
}

.bl_ytguardHero_ttlAccent1 {
  color: #00A5BD;
  font-size: max(2.3111111111rem, 3.6111111111vw);
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlAccent1 {
    font-size: 3.25rem;
    letter-spacing: 0.175rem;
  }
}

.bl_ytguardHero_ttlAccent2 {
  color: #00A5BD;
  font-size: max(2.1333333333rem, 3.3333333333vw);
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_ttlAccent2 {
    font-size: 3rem;
    letter-spacing: 0.175rem;
  }
}

.bl_ytguardHero_lead {
  font-size: max(0.9777777778rem, 1.5277777778vw);
  letter-spacing: max(0.0288888889rem, 0.0451388889vw);
  line-height: 1.2;
  margin-bottom: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_lead {
    font-size: 1.125rem;
    letter-spacing: 0.03125rem;
    line-height: 1.5;
    text-align: center;
  }
}

.bl_ytguardHero_cta {
  display: flex;
  flex-direction: column;
  gap: max(0.6222222222rem, 0.9722222222vw);
  padding-top: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_cta {
    align-items: center;
    gap: 1.5rem;
    padding-top: 0.5rem;
  }
}
.bl_ytguardHero_cta .bl_ytguardBtn {
  margin-inline: auto;
  width: min(max(24.8888888889rem, 38.8888888889vw), 100%);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_cta .bl_ytguardBtn {
    max-width: 21.375rem;
    width: 100%;
  }
}
.bl_ytguardHero_cta .bl_ytguardBtn_arw {
  right: max(0.9777777778rem, 1.5277777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_cta .bl_ytguardBtn_arw {
    right: 1.375rem;
  }
}

.bl_ytguardHero_note {
  font-size: max(0.4888888889rem, 0.7638888889vw);
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_note {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
    line-height: 1.6;
    text-align: center;
  }
}

.bl_ytguardHero_visual {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  max-width: max(22.9777777778rem, 35.9027777778vw);
  min-width: min(max(22.9777777778rem, 35.9027777778vw), 50%);
  position: relative;
  width: 100%;
}
@media screen and (width <= 1024px) {
  .bl_ytguardHero_visual {
    margin-right: max(1.0666666667rem, 1.6666666667vw);
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_visual {
    margin: 1.625rem auto;
    max-width: 21.25rem;
    min-width: 10.9375rem;
  }
}
@media screen and (width <= 480px) {
  .bl_ytguardHero_visual {
    max-width: 18.75rem;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_visual--pc {
    display: none !important;
  }
}
.bl_ytguardHero_visual--sp {
  display: none !important;
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_visual--sp {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
}

.bl_ytguardHero_visualGrad {
  background: radial-gradient(circle at center, rgba(11, 162, 154, 0.25) 0%, rgba(11, 162, 154, 0.15) 35%, rgba(11, 162, 154, 0.08) 60%, rgba(11, 162, 154, 0) 80%);
  border-radius: 50%;
  height: max(17.6888888889rem, 27.6388888889vw);
  left: calc(50% - max(0.4444444444rem, 0.6944444444vw));
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(17.6888888889rem, 27.6388888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_visualGrad {
    height: min(21.25rem, 57vw);
    left: 50%;
    width: min(21.25rem, 57vw);
  }
}

.bl_ytguardHero_visualImg {
  height: auto;
  object-fit: contain;
  position: relative;
  width: max(23.0222222222rem, 35.9722222222vw);
  z-index: 1;
}
@media screen and (width <= 1024px) {
  .bl_ytguardHero_visualImg {
    max-width: max(23.0222222222rem, 35.9722222222vw);
    width: 100%;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardHero_visualImg {
    max-width: 18.75rem;
    width: 100%;
  }
}

/* ========== Movie ========== */
.bl_ytguardMovie .bl_ytguardHeading {
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardMovie .bl_ytguardHeading {
    margin-bottom: 1rem;
  }
}

.bl_ytguardMovie_lead {
  font-size: max(0.8rem, 1.25vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.8;
  margin: 0 auto max(1.7777777778rem, 2.7777777778vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardMovie_lead {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    line-height: 1.8;
    margin-bottom: 2rem;
  }
}

.bl_ytguardMovie_player {
  cursor: pointer;
  margin-inline: auto;
  max-width: max(40rem, 62.5vw);
  position: relative;
  width: 100%;
}

.bl_ytguardMovie_video {
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  box-shadow: 0 max(0.1777777778rem, 0.2777777778vw) max(0.8888888889rem, 1.3888888889vw) 0 rgba(0, 0, 0, 0.2);
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_ytguardMovie_video {
    border-radius: 0.75rem;
    box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.2);
  }
}

.bl_ytguardMovie_play {
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  left: 50%;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 10;
}
.bl_ytguardMovie_play.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.bl_ytguardMovie_icon {
  display: block;
  height: auto;
  width: max(2.9777777778rem, 4.6527777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardMovie_icon {
    width: 3.5rem;
  }
}

/* ========== Problem ========== */
.bl_ytguardProblem {
  background-color: #e1f5f9;
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem {
    padding-block: 2.5rem;
  }
}
.bl_ytguardProblem .bl_ytguardHeading {
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem .bl_ytguardHeading {
    margin-bottom: 1.875rem;
  }
}

.bl_ytguardProblem_cards {
  display: flex;
  gap: max(0.7111111111rem, 1.1111111111vw) max(0.9333333333rem, 1.4583333333vw);
  justify-content: center;
  margin-bottom: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 1024px) {
  .bl_ytguardProblem_cards {
    flex-wrap: wrap;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_cards {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.875rem;
    width: 100%;
  }
}

.bl_ytguardProblem_card {
  align-items: center;
  background: #fff;
  border-radius: max(0.9333333333rem, 1.4583333333vw);
  display: flex;
  flex-direction: column;
  padding: max(1.2rem, 1.875vw) max(0.4rem, 0.625vw);
  width: max(14.1777777778rem, 22.1527777778vw);
}
@media screen and (width <= 1024px) {
  .bl_ytguardProblem_card {
    min-width: 17.5rem;
    width: calc(50% - max(0.4888888889rem, 0.7638888889vw));
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_card {
    border-radius: 1.3125rem;
    margin-inline: auto;
    max-width: 19.9375rem;
    min-width: 0;
    padding: 1.5rem 0.5rem;
    width: 100%;
  }
}

.bl_ytguardProblem_icon {
  align-items: center;
  display: flex;
  height: max(2.0444444444rem, 3.1944444444vw);
  justify-content: center;
  margin-bottom: max(0.5333333333rem, 0.8333333333vw);
  width: max(2.0444444444rem, 3.1944444444vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_icon {
    height: 2.875rem;
    margin-bottom: 0.75rem;
    width: 2.875rem;
  }
}
.bl_ytguardProblem_icon img {
  height: auto;
  max-width: 100%;
}

.bl_ytguardProblem_txt {
  color: #0b0c0e;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0711111111rem, 0.1111111111vw);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_txt {
    font-size: 0.9375rem;
    letter-spacing: 0.075rem;
  }
}

.bl_ytguardProblem_bottom {
  background: #fff;
  border-radius: max(0.7111111111rem, 1.1111111111vw);
  margin-inline: auto;
  max-width: max(44.4444444444rem, 69.4444444444vw);
  padding: max(1.3333333333rem, 2.0833333333vw);
  position: relative;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_bottom {
    border-radius: 1rem;
    margin-inline: auto;
    max-width: 19.9375rem;
    padding: 1rem 1.875rem;
  }
}

.bl_ytguardProblem_arrow {
  border-bottom: max(0.5333333333rem, 0.8333333333vw) solid #fff;
  border-left: max(0.5333333333rem, 0.8333333333vw) solid transparent;
  border-right: max(0.5333333333rem, 0.8333333333vw) solid transparent;
  height: 0;
  left: 50%;
  position: absolute;
  top: min(-0.4888888889rem, -0.7638888889vw);
  transform: translateX(-50%);
  width: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_arrow {
    border-bottom-width: 0.75rem;
    border-left-width: 0.75rem;
    border-right-width: 0.75rem;
    top: -0.6875rem;
  }
}

.bl_ytguardProblem_bottomTxt {
  font-size: max(0.8rem, 1.25vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.8;
  margin: 0;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardProblem_bottomTxt {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
  }
}

.bl_ytguardProblem_highlight {
  color: #FF0000;
  font-weight: 700;
}

/* ========== Features ========== */
.bl_ytguardFeatures {
  background: linear-gradient(180deg, #E1F5F9 0%, #F5F5F5 50%, #E4F3FD 100%);
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures {
    padding-block: 2.5rem;
  }
}
.bl_ytguardFeatures .bl_ytguardHeading_border {
  text-underline-offset: max(0.0888888889rem, 0.1388888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures .bl_ytguardHeading_border {
    text-underline-offset: 0.125rem;
  }
}

.bl_ytguardFeatures_list {
  display: flex;
  flex-direction: column;
  gap: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_list {
    gap: 3rem;
  }
}

.bl_ytguardFeatures_row {
  align-items: center;
  display: flex;
  gap: max(2.3111111111rem, 3.6111111111vw) max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_row {
    flex-direction: column;
    gap: 1.5rem;
    margin-inline: auto;
    max-width: 30rem;
  }
}
.bl_ytguardFeatures_row--reverse {
  flex-direction: row-reverse;
  gap: max(2.3111111111rem, 3.6111111111vw) max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_row--reverse {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.bl_ytguardFeatures_content {
  flex: 1;
}

.bl_ytguardFeatures_label {
  color: #0BA29A;
  font-size: max(1.2444444444rem, 1.9444444444vw);
  font-weight: 700;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.37;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_label {
    font-size: 1.5rem;
    letter-spacing: 0.03125rem;
    line-height: 1.6;
  }
}

.bl_ytguardFeatures_heading {
  font-size: max(0.9777777778rem, 1.5277777778vw);
  font-weight: 700;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.45;
  margin: max(0.3555555556rem, 0.5555555556vw) 0 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_heading {
    font-size: 1.25rem;
    letter-spacing: 0.03125rem;
    line-height: 1.6;
    margin-top: 0.5rem;
  }
}

.bl_ytguardFeatures_desc {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.7;
  margin: max(0.8888888889rem, 1.3888888889vw) 0 max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_desc {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    margin: 1rem 0 1.25rem;
  }
  .bl_ytguardFeatures_desc .bl_ytguardBrPc {
    display: none;
  }
}

.bl_ytguardFeatures_checks {
  display: flex;
  flex-direction: column;
  gap: max(0.3555555556rem, 0.5555555556vw);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_checks {
    gap: 0.5rem;
  }
}
.bl_ytguardFeatures_checks li {
  color: #00756B;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding-left: max(1.4222222222rem, 2.2222222222vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_checks li {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    padding-left: 2rem;
  }
}
.bl_ytguardFeatures_checks li::before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy4xNjY2NyAxMi4xNjY3TDEzLjA0MTcgNi4yOTE2N0wxMS44NzUgNS4xMjVMNy4xNjY2NyA5LjgzMzMzTDQuNzkxNjcgNy40NTgzM0wzLjYyNSA4LjYyNUw3LjE2NjY3IDEyLjE2NjdaTTguMzMzMzMgMTYuNjY2N0M3LjE4MDU2IDE2LjY2NjcgNi4wOTcyMiAxNi40NDc5IDUuMDgzMzMgMTYuMDEwNEM0LjA2OTQ0IDE1LjU3MjkgMy4xODc1IDE0Ljk3OTIgMi40Mzc1IDE0LjIyOTJDMS42ODc1IDEzLjQ3OTIgMS4wOTM3NSAxMi41OTcyIDAuNjU2MjUgMTEuNTgzM0MwLjIxODc1IDEwLjU2OTQgMCA5LjQ4NjExIDAgOC4zMzMzM0MwIDcuMTgwNTYgMC4yMTg3NSA2LjA5NzIyIDAuNjU2MjUgNS4wODMzM0MxLjA5Mzc1IDQuMDY5NDQgMS42ODc1IDMuMTg3NSAyLjQzNzUgMi40Mzc1QzMuMTg3NSAxLjY4NzUgNC4wNjk0NCAxLjA5Mzc1IDUuMDgzMzMgMC42NTYyNUM2LjA5NzIyIDAuMjE4NzUgNy4xODA1NiAwIDguMzMzMzMgMEM5LjQ4NjExIDAgMTAuNTY5NCAwLjIxODc1IDExLjU4MzMgMC42NTYyNUMxMi41OTcyIDEuMDkzNzUgMTMuNDc5MiAxLjY4NzUgMTQuMjI5MiAyLjQzNzVDMTQuOTc5MiAzLjE4NzUgMTUuNTcyOSA0LjA2OTQ0IDE2LjAxMDQgNS4wODMzM0MxNi40NDc5IDYuMDk3MjIgMTYuNjY2NyA3LjE4MDU2IDE2LjY2NjcgOC4zMzMzM0MxNi42NjY3IDkuNDg2MTEgMTYuNDQ3OSAxMC41Njk0IDE2LjAxMDQgMTEuNTgzM0MxNS41NzI5IDEyLjU5NzIgMTQuOTc5MiAxMy40NzkyIDE0LjIyOTIgMTQuMjI5MkMxMy40NzkyIDE0Ljk3OTIgMTIuNTk3MiAxNS41NzI5IDExLjU4MzMgMTYuMDEwNEMxMC41Njk0IDE2LjQ0NzkgOS40ODYxMSAxNi42NjY3IDguMzMzMzMgMTYuNjY2N1pNOC4zMzMzMyAxNUMxMC4xOTQ0IDE1IDExLjc3MDggMTQuMzU0MiAxMy4wNjI1IDEzLjA2MjVDMTQuMzU0MiAxMS43NzA4IDE1IDEwLjE5NDQgMTUgOC4zMzMzM0MxNSA2LjQ3MjIyIDE0LjM1NDIgNC44OTU4MyAxMy4wNjI1IDMuNjA0MTdDMTEuNzcwOCAyLjMxMjUgMTAuMTk0NCAxLjY2NjY3IDguMzMzMzMgMS42NjY2N0M2LjQ3MjIyIDEuNjY2NjcgNC44OTU4MyAyLjMxMjUgMy42MDQxNyAzLjYwNDE3QzIuMzEyNSA0Ljg5NTgzIDEuNjY2NjcgNi40NzIyMiAxLjY2NjY3IDguMzMzMzNDMS42NjY2NyAxMC4xOTQ0IDIuMzEyNSAxMS43NzA4IDMuNjA0MTcgMTMuMDYyNUM0Ljg5NTgzIDE0LjM1NDIgNi40NzIyMiAxNSA4LjMzMzMzIDE1WiIgZmlsbD0iIzAwNzU2QiIvPgo8L3N2Zz4=") no-repeat center;
  background-size: contain;
  content: "";
  height: max(0.7111111111rem, 1.1111111111vw);
  left: max(0.1777777778rem, 0.2777777778vw);
  position: absolute;
  top: max(0.5777777778rem, 0.9027777778vw);
  transform: translateY(-50%);
  width: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_checks li::before {
    height: 1rem;
    left: 0.25rem;
    top: 0.75rem;
    width: 1rem;
  }
}

.bl_ytguardFeatures_visual {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
}
.bl_ytguardFeatures_visual img {
  height: auto;
  max-height: max(17.6444444444rem, 27.5694444444vw);
  max-width: max(17.6444444444rem, 27.5694444444vw);
  object-fit: contain;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_visual img {
    max-height: none;
    max-width: 100%;
    width: 17.6875rem;
  }
}

.bl_ytguardFeatures_visualBg {
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(11, 162, 154, 0.2) 0%, rgba(11, 162, 154, 0.12) 40%, rgba(11, 162, 154, 0.05) 65%, rgba(11, 162, 154, 0) 85%);
  border-radius: 50%;
  height: max(21.1555555556rem, 33.0555555556vw);
  position: absolute;
  width: max(21.1555555556rem, 33.0555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_visualBg {
    height: min(21.1875rem, 95vw);
    width: min(21.1875rem, 95vw);
  }
}

.bl_ytguardFeatures_cta {
  margin-top: max(2.6666666667rem, 4.1666666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardFeatures_cta {
    margin-top: 2.5rem;
  }
}

/* ========== Steps ========== */
.bl_ytguardSteps {
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps {
    padding-block: 2.5rem;
  }
}

.bl_ytguardSteps_heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: max(2.1333333333rem, 3.3333333333vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_heading {
    margin-bottom: 2rem;
  }
}
.bl_ytguardSteps_heading h2 {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  margin: 0;
}

.bl_ytguardSteps_line1 {
  font-size: max(1.0666666667rem, 1.6666666667vw);
  letter-spacing: max(0.1066666667rem, 0.1666666667vw);
  line-height: 1.6;
}

.bl_ytguardSteps_bracket {
  vertical-align: baseline;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_bracket {
    font-size: 1.25rem;
  }
}

.bl_ytguardSteps_text {
  font-size: max(1.2444444444rem, 1.9444444444vw);
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
  line-height: 1.6;
  vertical-align: baseline;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_text {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
  }
}

.bl_ytguardSteps_large {
  font-size: max(1.5111111111rem, 2.3611111111vw);
  letter-spacing: max(0.1511111111rem, 0.2361111111vw);
  line-height: 1.3;
  vertical-align: baseline;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_large {
    font-size: 1.8125rem;
    letter-spacing: 0.18125rem;
  }
}

.bl_ytguardSteps_line2 {
  font-size: max(1.2444444444rem, 1.9444444444vw);
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_line2 {
    font-size: 1.25rem;
    letter-spacing: 0.125rem;
  }
}

.bl_ytguardSteps_cards {
  display: flex;
  gap: max(0.9333333333rem, 1.4583333333vw) max(3.1111111111rem, 4.8611111111vw);
  justify-content: center;
  margin-inline: auto;
}
@media screen and (width <= 1024px) {
  .bl_ytguardSteps_cards {
    flex-wrap: wrap;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_cards {
    flex-direction: column;
    gap: 3.75rem;
  }
}

.bl_ytguardSteps_card {
  align-items: center;
  background: #fff;
  border-radius: max(0.9333333333rem, 1.4583333333vw);
  box-shadow: 0 max(0.1777777778rem, 0.2777777778vw) max(0.6666666667rem, 1.0416666667vw) rgba(0, 80, 164, 0.1);
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
  padding: max(1.2rem, 1.875vw) max(0.2222222222rem, 0.3472222222vw);
  position: relative;
  width: max(14.1777777778rem, 22.1527777778vw);
}
@media screen and (width <= 1024px) {
  .bl_ytguardSteps_card {
    min-width: 17.5rem;
    width: calc(50% - max(2.2222222222rem, 3.4722222222vw));
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_card {
    border-radius: 1.3125rem;
    box-shadow: 0 0.25rem 0.9375rem rgba(0, 80, 164, 0.1);
    gap: 1rem;
    margin-inline: auto;
    max-width: 19.9375rem;
    min-width: 0;
    padding: 1rem 0.5625rem;
    width: 100%;
  }
}
.bl_ytguardSteps_card:not(:first-child)::before {
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjA3MV80OTU5KSI+CiAgICA8cGF0aCBkPSJNMjguMDAwMyAxMy45OTk5QzI4LjAwMDMgNi4yNjc5MiAyMS43MzIzIC05LjE1NTI3ZS0wNSAxNC4wMDAzIC05LjE1NTI3ZS0wNUM2LjI2ODM1IC05LjE1NTI3ZS0wNSAwLjAwMDMzNTY5MyA2LjI2NzkyIDAuMDAwMzM1NjkzIDEzLjk5OTlDMC4wMDAzMzU2OTMgMjEuNzMxOSA2LjI2ODM1IDI3Ljk5OTkgMTQuMDAwMyAyNy45OTk5QzIxLjczMjMgMjcuOTk5OSAyOC4wMDAzIDIxLjczMTkgMjguMDAwMyAxMy45OTk5WiIgZmlsbD0iI0UxRjVGOSIvPgogICAgPHBhdGggZD0iTTEyLjEzOTUgMTguMzQ2MUMxMS45NzcxIDE4LjM0NjEgMTEuODE0OCAxOC4yODM3IDExLjcwMjQgMTguMTU4OEMxMS40NTI2IDE3LjkyMTUgMTEuNDUyNiAxNy41MjE4IDExLjcwMjQgMTcuMjcyMUwxNC45NzQ1IDE0TDExLjcwMjQgMTAuNzI3OUMxMS40NTI2IDEwLjQ3ODEgMTEuNDUyNiAxMC4wOTEgMTEuNzAyNCA5Ljg0MTJDMTEuOTUyMiA5LjU5MTQzIDEyLjMzOTMgOS41OTE0MyAxMi41ODkxIDkuODQxMkwxNi4yOTgzIDEzLjU1MDRDMTYuNTQ4MSAxMy44MDAyIDE2LjU0ODEgMTQuMTg3MyAxNi4yOTgzIDE0LjQzNzFMMTIuNTg5MSAxOC4xNDYzQzEyLjQ2NDIgMTguMjcxMiAxMi4zMDE4IDE4LjMzMzYgMTIuMTUyIDE4LjMzMzZMMTIuMTM5NSAxOC4zNDYxWiIgZmlsbD0iIzBCQTI5QSIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNjA3MV80OTU5Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: max(1.2444444444rem, 1.9444444444vw);
  left: min(-2.1333333333rem, -3.3333333333vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: max(1.2444444444rem, 1.9444444444vw);
}
@media screen and (width <= 1024px) {
  .bl_ytguardSteps_card:not(:first-child)::before {
    display: none;
  }
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_card:not(:first-child)::before {
    display: block;
    height: 1.75rem;
    left: 50%;
    top: -2.625rem;
    transform: translateX(-50%) rotate(90deg);
    width: 1.75rem;
  }
}

.bl_ytguardSteps_label {
  color: #0BA29A;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  letter-spacing: max(0.0711111111rem, 0.1111111111vw);
  line-height: 1.6;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_label {
    font-size: 0.875rem;
    letter-spacing: 0.0875rem;
  }
}

.bl_ytguardSteps_icon {
  align-items: center;
  background-color: #e1f5f9;
  border-radius: 100px;
  display: flex;
  height: max(3.1111111111rem, 4.8611111111vw);
  justify-content: center;
  width: max(3.1555555556rem, 4.9305555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_icon {
    height: 4.375rem;
    width: 4.4375rem;
  }
}
.bl_ytguardSteps_icon img {
  max-height: max(1.7777777778rem, 2.7777777778vw);
  max-width: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_icon img {
    max-height: 2.5rem;
    max-width: 2.5rem;
  }
}

.bl_ytguardSteps_ttl {
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  letter-spacing: max(0.0888888889rem, 0.1388888889vw);
  line-height: 1.6;
  margin: 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_ttl {
    font-size: 1.125rem;
    letter-spacing: 0.1125rem;
  }
}

.bl_ytguardSteps_desc {
  color: #0b0c0e;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0711111111rem, 0.1111111111vw);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardSteps_desc {
    font-size: 0.875rem;
    letter-spacing: 0.09375rem;
  }
}

/* ========== Pricing ========== */
.bl_ytguardPricing {
  background-color: #f5f5f5;
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing {
    padding-block: 2.5rem;
  }
}

.bl_ytguardPricing_box {
  background: #fff;
  border: max(0.0888888889rem, 0.1388888889vw) solid rgba(11, 162, 154, 0.3);
  border-radius: max(0.8888888889rem, 1.3888888889vw);
  display: flex;
  flex-direction: column;
  gap: max(1.0666666667rem, 1.6666666667vw);
  margin-inline: auto;
  max-width: max(35.5555555556rem, 55.5555555556vw);
  overflow: hidden;
  padding: max(1.3333333333rem, 2.0833333333vw);
  position: relative;
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_box {
    border-radius: 1.25rem;
    border-width: 0.125rem;
    gap: 1.875rem;
    padding: 1.875rem 0.9375rem;
  }
}

.bl_ytguardPricing_decoration {
  background: rgba(11, 162, 154, 0.1);
  border-radius: 100px;
  height: max(8.8888888889rem, 13.8888888889vw);
  left: min(-2.6666666667rem, -4.1666666667vw);
  position: absolute;
  top: min(-2.6222222222rem, -4.0972222222vw);
  width: max(8.8888888889rem, 13.8888888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_decoration {
    height: 7.75rem;
    left: -3.4375rem;
    top: -2.5rem;
    width: 7.75rem;
  }
}

.bl_ytguardPricing_ttl {
  color: #0BA29A;
  font-size: max(1.2444444444rem, 1.9444444444vw);
  font-weight: 700;
  letter-spacing: max(0.1244444444rem, 0.1944444444vw);
  line-height: 1.5;
  margin: 0 0 max(0.5777777778rem, 0.9027777778vw);
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_ttl {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    margin-bottom: 0;
  }
}

.bl_ytguardPricing_badges {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: max(0.7111111111rem, 1.1111111111vw);
  position: relative;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badges {
    gap: 1rem;
    width: 100%;
  }
}

.bl_ytguardPricing_badge {
  align-items: center;
  background: rgba(11, 162, 154, 0.1);
  border-radius: max(1.3333333333rem, 2.0833333333vw);
  display: flex;
  flex-wrap: wrap;
  gap: max(0.2222222222rem, 0.3472222222vw);
  justify-content: center;
  min-width: max(12.4444444444rem, 19.4444444444vw);
  padding: max(0.8888888889rem, 1.3888888889vw) max(1.8222222222rem, 2.8472222222vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge {
    border-radius: 1.875rem;
    gap: 0.3125rem;
    min-height: 4.25rem;
    min-width: 0;
    padding: 0.9375rem 1.25rem;
    width: 100%;
  }
}
.bl_ytguardPricing_badge--single {
  min-width: max(12.7555555556rem, 19.9305555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge--single {
    min-width: 0;
    padding: 0.9375rem 1.25rem;
  }
}
.bl_ytguardPricing_badge span {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge span {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    line-height: 1.6;
  }
}
.bl_ytguardPricing_badge strong {
  color: #0BA29A;
  font-size: max(1.0666666667rem, 1.6666666667vw);
  font-weight: 700;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge strong {
    font-size: 1.375rem;
    letter-spacing: 0.03125rem;
  }
}
.bl_ytguardPricing_badge em {
  color: #ff6b35;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-style: normal;
  font-weight: 600;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge em {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    line-height: 1.6;
  }
}
.bl_ytguardPricing_badge b {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  font-weight: 700;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_badge b {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
  }
}

.bl_ytguardPricing_desc {
  font-size: max(0.8rem, 1.25vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.8;
  margin: 0;
  padding-bottom: max(0.2666666667rem, 0.4166666667vw);
  position: relative;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_desc {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    padding-bottom: 0;
  }
}

.bl_ytguardPricing_cta {
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardPricing_cta .bl_ytguardBtn {
    font-size: 1.125rem;
    letter-spacing: 0.1125rem;
  }
}

/* ========== FAQ ========== */
.bl_ytguardFaq {
  padding-block: max(2.6666666667rem, 4.1666666667vw) max(3.5555555556rem, 5.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq {
    padding-block: 2.5rem;
  }
}

.bl_ytguardFaq_list {
  margin-inline: auto;
  max-width: max(40rem, 62.5vw);
}

.bl_ytguardFaq_item {
  margin: max(1.3333333333rem, 2.0833333333vw) 0;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_item {
    margin: 1.5rem 0;
  }
}
.bl_ytguardFaq_item.is-open .bl_ytguardFaq_icon, .bl_ytguardFaq_item[open].is-open .bl_ytguardFaq_icon {
  transform: scale(1, -1);
}

.bl_ytguardFaq_q {
  background: #E4F3FD;
  border-radius: max(0.6222222222rem, 0.9722222222vw);
  cursor: pointer;
  display: block;
  font-size: max(0.8rem, 1.25vw);
  font-weight: 400;
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.5;
  list-style: none;
  padding: max(1.3333333333rem, 2.0833333333vw) max(3.1111111111rem, 4.8611111111vw) max(1.3333333333rem, 2.0833333333vw) max(4.6666666667rem, 7.2916666667vw);
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_q {
    border-radius: 0.875rem;
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    line-height: 1.8;
    padding: 1rem 2.5rem 1rem 3.4375rem;
  }
}
.bl_ytguardFaq_q::-webkit-details-marker {
  display: none;
}
.bl_ytguardFaq_q::before {
  background-image: url("../img/products_template/ytguard/question.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: max(1.7777777778rem, 2.7777777778vw);
  left: max(1.5555555556rem, 2.4305555556vw);
  position: absolute;
  top: max(1.0666666667rem, 1.6666666667vw);
  width: max(1.7777777778rem, 2.7777777778vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_q::before {
    height: 2rem;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
  }
}

.bl_ytguardFaq_icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjA3NV8yMzExKSI+CiAgICA8cGF0aCBkPSJNMTMgMjZDMjAuMTc5NyAyNiAyNiAyMC4xNzk3IDI2IDEzQzI2IDUuODIwMyAyMC4xNzk3IDAgMTMgMEM1LjgyMDMgMCAwIDUuODIwMyAwIDEzQzAgMjAuMTc5NyA1LjgyMDMgMjYgMTMgMjZaIiBmaWxsPSIjMDBBNUJEIi8+CiAgICA8cGF0aCBkPSJNNy4xOTA0MyAxMC44NzAxTDEzLjAwMDQgMTYuNjgwMUwxOC44MTA0IDEwLjg3MDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNjA3NV8yMzExIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==") center/100% no-repeat;
  background-size: cover;
  display: block;
  height: max(1.1555555556rem, 1.8055555556vw);
  position: absolute;
  right: max(1.5555555556rem, 2.4305555556vw);
  top: calc(50% - max(0.5333333333rem, 0.8333333333vw));
  transition: transform 0.3s;
  width: max(1.1555555556rem, 1.8055555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_icon {
    height: 1.125rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.125rem;
  }
}

@media screen and (width <= 768px) {
  .bl_ytguardFaq_item.is-open .bl_ytguardFaq_icon {
    top: calc(50% - 0.4375rem);
    transform: scale(1, -1);
  }
}

.bl_ytguardFaq_a {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  position: relative;
  transition: grid-template-rows 0.35s ease, opacity 0.28s ease;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_a {
    font-size: 0.9375rem;
  }
}
.bl_ytguardFaq_item.is-open .bl_ytguardFaq_a {
  grid-template-rows: 1fr;
  opacity: 1;
}
.bl_ytguardFaq_a::before {
  background-image: url("../img/products_template/ytguard/answer.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: max(1.7777777778rem, 2.7777777778vw);
  left: max(1.5555555556rem, 2.4305555556vw);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: max(1.3333333333rem, 2.0833333333vw);
  transition: opacity 0.28s ease 0.06s;
  width: max(1.7777777778rem, 2.7777777778vw);
  z-index: 1;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_a::before {
    height: 2rem;
    left: 1rem;
    top: 1.5rem;
    width: 2rem;
  }
}
.bl_ytguardFaq_item.is-open .bl_ytguardFaq_a::before {
  opacity: 1;
}

.bl_ytguardFaq_aInner {
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.68;
  min-height: 0;
  overflow: hidden;
  padding: max(1.3333333333rem, 2.0833333333vw) max(1.5555555556rem, 2.4305555556vw) 0 max(4.6666666667rem, 7.2916666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_aInner {
    font-size: 0.9375rem;
    letter-spacing: 0.03125rem;
    padding: 1.5rem 0 0 3.625rem;
  }
}
.bl_ytguardFaq_aInner p {
  margin: 0 0 max(0.5333333333rem, 0.8333333333vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_aInner p {
    margin-bottom: 0.75rem;
  }
}
.bl_ytguardFaq_aInner p:last-child {
  margin-bottom: 0;
}
.bl_ytguardFaq_aInner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_ytguardFaq_aInner ul li {
  list-style: none;
  margin: max(0.1777777778rem, 0.2777777778vw) 0 0 max(0.8888888889rem, 1.3888888889vw);
  padding: 0;
  position: relative;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_aInner ul li {
    margin: 0.25rem 0 0 1.25rem;
  }
}
.bl_ytguardFaq_aInner ul li::before {
  aspect-ratio: 1/1;
  background: #00A5BD;
  border-radius: 50%;
  content: "";
  height: max(0.3555555556rem, 0.5555555556vw);
  left: -1em;
  position: absolute;
  top: max(0.4444444444rem, 0.6944444444vw);
  width: max(0.3555555556rem, 0.5555555556vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_aInner ul li::before {
    height: 0.5rem;
    top: 0.5625rem;
    width: 0.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bl_ytguardFaq_a,
  .bl_ytguardFaq_a::before,
  .bl_ytguardFaq_icon {
    transition: none;
  }
}
.bl_ytguardFaq_cta {
  margin-top: max(2.6666666667rem, 4.1666666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_cta {
    margin-top: 2.5rem;
  }
}
.bl_ytguardFaq_cta .bl_ytguardBtn {
  margin-inline: auto;
}

.bl_ytguardFaq_note {
  font-size: max(0.4888888889rem, 0.7638888889vw);
  letter-spacing: normal;
  line-height: 1.5;
  margin: max(0.6222222222rem, 0.9722222222vw) auto 0;
  max-width: max(24.8888888889rem, 38.8888888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardFaq_note {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
    line-height: 1.6;
    margin-top: 1.5rem;
  }
}

/* ========== Contact ========== */
.bl_ytguardContact {
  background-color: #e1f5f9;
  padding-block: max(2.6666666667rem, 4.1666666667vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardContact {
    padding-block: 2.5rem;
  }
}
.bl_ytguardContact .bl_productsCtaBox {
  background: linear-gradient(90deg, #00A5BD 0%, #0061A4 100%);
  margin-bottom: 0;
}
.bl_ytguardContact .bl_productsCtaBox .el_productsCtaBox_ctaList_btn--gradient {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
}

.bl_ytguardContact_lead {
  color: #fff;
  font-size: max(0.7111111111rem, 1.1111111111vw);
  letter-spacing: max(0.0311111111rem, 0.0486111111vw);
  line-height: 1.6;
  margin: min(-0.3555555556rem, -0.5555555556vw) 0 max(1.0666666667rem, 1.6666666667vw);
  text-align: center;
}
@media screen and (width <= 768px) {
  .bl_ytguardContact_lead {
    font-size: 0.875rem;
    letter-spacing: 0.03125rem;
    margin: -0.25rem 0 1rem;
  }
}

/* ========== Other services ========== */
.bl_ytguardTemplate .bl_productsOtherSection {
  padding-block: max(3.5555555556rem, 5.5555555556vw);
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardTemplate .bl_productsOtherSection {
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
  }
}
.bl_ytguardTemplate .bl_productsOtherSection_inner {
  margin-inline: auto;
  max-width: max(51.0222222222rem, 79.7222222222vw);
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_ytguardTemplate .bl_productsOtherSection_inner {
    max-width: 100%;
  }
}

/* ========== Cases ========== */
.bl_productsCasesList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: max(1.7777777778rem, 2.7777777778vw);
  align-items: flex-start;
  margin-top: max(2.1333333333rem, 3.3333333333vw);
}
@media screen and (width <= 768px) {
  .bl_productsCasesList {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
}

.bl_productsOtherSection_list {
  display: grid;
  gap: max(1.7777777778rem, 2.7777777778vw);
  grid-template-columns: repeat(auto-fill, minmax(min(max(10.2222222222rem, 15.9722222222vw), 100%), 1fr));
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection_list {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.bl_productsOtherSection_list .bl_productPostCard .el_productPostCard_upper_txt {
  font-size: max(0.7111111111rem, 1.1111111111vw);
}
@media screen and (width <= 768px) {
  .bl_productsOtherSection_list .bl_productPostCard .el_productPostCard_upper_txt {
    font-size: 0.875rem;
  }
}

/* ========== CTA Box ========== */
.bl_productsCtaBox {
  overflow: hidden;
  padding-inline: max(3.5555555556rem, 5.5555555556vw);
  padding-block: max(1.7777777778rem, 2.7777777778vw);
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  max-width: max(47.1111111111rem, 73.6111111111vw);
  margin-inline: auto;
  background-image: url("../img/products_template/productsCta_bg_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (width <= 768px) {
  .bl_productsCtaBox {
    background-image: url("../img/products_template/productsCta_bg_sp.jpg");
    padding-inline: 1.25rem;
    padding-block: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.bl_productsCtaBox .bl_productsCtaBox_inner {
  max-width: max(26.6666666667rem, 41.6666666667vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_productsCtaBox .bl_productsCtaBox_inner {
    max-width: 100%;
  }
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ttl {
  color: #FFF;
  text-align: center;
  font-size: max(1.4222222222rem, 2.2222222222vw);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 0.005em;
  margin-bottom: max(1.0666666667rem, 1.6666666667vw);
}
@media screen and (width <= 768px) {
  .bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ttl {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList {
  display: flex;
  justify-content: center;
  gap: max(0.8888888889rem, 1.3888888889vw);
  max-width: max(24.8888888889rem, 38.8888888889vw);
  width: 100%;
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList {
    gap: 1rem;
    max-width: 17.5rem;
    width: 100%;
  }
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn {
  padding: max(0.7111111111rem, 1.1111111111vw);
  color: #FFF;
  text-align: center;
  font-size: max(0.8888888889rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.008em;
  border-radius: max(0.3555555556rem, 0.5555555556vw);
  transition: 0.3s ease;
  width: 100%;
}
@media screen and (width <= 768px) {
  .bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn {
    padding: 1rem;
    font-size: 0.9375rem;
    width: 100%;
  }
}
@media (any-hover: hover) {
  .bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn:hover {
    opacity: 0.8;
    transform: opacity 0.3s ease;
  }
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn--border {
  border: 1px solid #FFF;
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn--gradient {
  background: linear-gradient(90deg, #3E42DC 0%, #47A6EB 100%);
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn--yellow {
  background-color: #FFC900;
  color: #000;
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn--pink {
  background-color: #E48772;
  color: #000;
}
.bl_productsCtaBox .bl_productsCtaBox_inner .el_productsCtaBox_ctaList .el_productsCtaBox_ctaList_btn--green {
  background-color: #36CCBE;
  color: #fff;
}

.bl_ytguardCtaBox {
  padding-inline: max(0.8888888889rem, 1.3888888889vw);
  padding-block: max(2.8444444444rem, 4.4444444444vw);
}
@media screen and (width <= 768px) {
  .bl_ytguardCtaBox {
    padding-inline: 1.25rem;
    padding-block: 3rem;
  }
}

.bl_productsArticle {
  max-width: max(34.2222222222rem, 53.4722222222vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_productsArticle {
    max-width: 100%;
  }
}
.bl_productsArticle .bl_postContent {
  margin-top: max(0.8888888889rem, 1.3888888889vw);
}
@media screen and (width <= 768px) {
  .bl_productsArticle .bl_postContent {
    margin-top: 1.25rem;
  }
}

.bl_productsSingleSection_inner {
  max-width: max(34.2222222222rem, 53.4722222222vw);
  margin-inline: auto;
}
@media screen and (width <= 768px) {
  .bl_productsSingleSection_inner {
    max-width: 100%;
  }
}
.bl_productsSingleSection_inner .bl_lowerPageTtlWrapper {
  margin-bottom: 0;
}
.bl_productsSingleSection_inner .bl_lowerPageTtlWrapper .el_lowerPageTtlWrapper_txt {
  color: #151515;
  font-size: max(2.1333333333rem, 3.3333333333vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}