@charset "UTF-8";
:root {
  interpolate-size: allow-keywords;
}

html {
  font-size: 62.5%;
  line-height: 1.15;
}
html[lang=en] * {
  letter-spacing: 0 !important;
  word-break: keep-all;
}

@media (max-width: 999px) {
  .container {
    min-width: 0;
  }
}

.l-contents {
  padding-top: 100px;
}
@media (max-width: 768px) {
  .l-contents {
    padding-top: 60px;
  }
}
.l-contents picture {
  display: block;
  height: 100%;
  line-height: 0;
}

body {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "游ゴシック", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.5;
  text-justify: inter-ideograph;
  word-wrap: anywhere;
  color: #131313;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  background: #F5F6F8;
}
@media (max-width: 768px) {
  body {
    min-width: 320px;
    font-weight: 400;
    font-size: 1.4rem;
  }
}

p {
  line-break: strict;
  overflow-wrap: anywhere;
}

/*
----------------------------------------
flex
----------------------------------------
*/
.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  -js-display: flex;
}

.flex.nowrap {
  flex-wrap: nowrap;
}

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

.flex.item-center {
  align-items: center;
}

.flex-column {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*
---------------------------------------
link
---------------------------------------
*/
a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

/*
---------------------------------------
clear
---------------------------------------
*/
.clearfix:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
     height: auto;
     overflow: hidden;
     /**/
}

*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
/*
---------------------------------------
common
---------------------------------------
*/
.pc {
  display: block !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.tab {
  display: none !important;
}
@media (max-width: 999px) {
  .tab {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .tab {
    display: block !important;
  }
}

.sp {
  display: none !important;
}
@media (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

.inline-pc {
  display: inline-block !important;
}
@media (max-width: 768px) {
  .inline-pc {
    display: none !important;
  }
}

.inline-sp {
  display: none !important;
}
@media (max-width: 768px) {
  .inline-sp {
    display: inline-block !important;
  }
}

.wbr {
  word-break: keep-all;
}

.en {
  font-family: "Lexend", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.inner {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 2rem;
  word-wrap: anywhere;
  word-break: break-all;
}
@media (max-width: 440px) {
  .inner {
    padding: 0 1.5rem;
  }
}

span {
  font-size: inherit;
  font-weight: inherit;
}

.img {
  line-height: 0;
}

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

.hover-img-zoom {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hover-img-zoom img {
  width: 100%;
  transition: all 0.3s ease-out;
}
.hover-img-zoom .c-arrow img {
  width: auto;
}
@media (hover: hover) {
  .hover-img-zoom:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.2);
  }
  .hover-img-zoom:where(:any-link, :enabled, summary):hover .c-arrow img {
    transform: scale(1);
  }
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.ofi {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ofi-contain {
  object-fit: contain;
}

@media (max-width: 768px) {
  .no-telLink a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
  }
}
input[type=text],
input[type=search],
input[type=tel],
input[type=number],
input[type=url],
input[type=email],
input[type=password],
input[type=date],
textarea,
select {
  font-size: 16px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-family: inherit;
  width: 100%;
  color: #131313;
}
@media (max-width: 440px) {
  input[type=text],
  input[type=search],
  input[type=tel],
  input[type=number],
  input[type=url],
  input[type=email],
  input[type=password],
  input[type=date],
  textarea,
  select {
    padding: 8px 14px;
  }
}

select {
  padding: 16px 18px;
  cursor: pointer;
}
@media (max-width: 440px) {
  select {
    padding: 12px 14px;
  }
}

textarea {
  max-width: 100%;
  width: 100%;
  resize: vertical;
}
input::-webkit-input-placeholder {
  color: #A8A8A8;
  font-weight: 400;
}
@media (max-width: 440px) {
  input::-webkit-input-placeholder {
    font-size: 15px;
  }
}

input:-moz-placeholder {
  color: #A8A8A8;
  font-weight: 400;
}
@media (max-width: 440px) {
  input:-moz-placeholder {
    font-size: 15px;
  }
}

textarea::-webkit-input-placeholder {
  color: #A8A8A8;
  font-weight: 400;
}

textarea:-moz-placeholder {
  color: #A8A8A8;
  font-weight: 400;
}

.anc {
  margin-top: -10rem;
  padding-top: 10rem;
}
@media (max-width: 768px) {
  .anc {
    margin-top: -6rem;
    padding-top: 6rem;
  }
}

em {
  font-style: normal;
}

.blue {
  color: #014099;
}

.svg-icn_instagram {
  fill: #014098;
}

.svg-icn_youtube {
  fill: #014098;
}

.svg-icn_x {
  fill: #014098;
}

.svg-icn_line {
  fill: #014098;
}

.svg-icn_facebook {
  fill: #014098;
}

.svg-icn_cap-1 {
  fill: #fff;
  transition: fill 0.3s ease-out;
}

.svg-icn_cap-2 {
  fill: #014099;
  transition: fill 0.3s ease-out;
}

.svg-icn_external-link {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  transition: stroke 0.3s ease-out;
}

.svg-arrow-bottom {
  fill: #014098;
  transition: fill 0.3s ease-out;
}

.svg-chevron-bottom {
  fill: none;
  stroke: #041562;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  transition: fill 0.3s ease-out;
}

.svg-play {
  fill: #fff;
  transition: fill 0.3s ease-out;
}

.swiper {
  /* スライドのチラつき防止 */
  visibility: hidden;
  /* 要素を見えなくする（高さは保持） */
  overflow: hidden;
  /* 念のためスライドのはみ出しを防止 */
  transition: opacity 0.3s linear 0.3s;
  opacity: 0;
}
.swiper.swiper-initialized {
  visibility: visible;
  /* Swiperの初期化後に表示 */
  overflow: visible;
  /* 非表示のままだと両端のスライドが切れるので表示にする */
  opacity: 1;
}

.swiper-ui {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: 2.2rem;
}
@media (max-width: 768px) {
  .swiper-pagination {
    margin-inline: 0;
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  width: auto;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1rem;
}
@media (max-width: 768px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.4rem;
  }
}

.swiper-pagination-bullet {
  background: #718298;
  opacity: 0.3;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  border-radius: 50%;
  margin: 0 1rem;
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.4rem;
  }
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #014099;
  opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(113, 130, 152, 0.5);
  position: relative;
  background: #fff;
  transition: all 0.3s ease-out;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}
.swiper-button-prev:before,
.swiper-button-next:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}
.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon {
  display: none;
}

.swiper-button-prev:before {
  background: url(../img/common/arrow-left-blue.svg) no-repeat center center/1.6rem;
}
.swiper-button-prev:hover {
  box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
}
.swiper-button-prev:hover:before {
  transform: translate(-5px, -50%);
}

.swiper-button-next:before {
  background: url(../img/common/arrow-right-blue.svg) no-repeat center center/1.6rem;
}
.swiper-button-next:hover {
  box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
}
.swiper-button-next:hover:before {
  transform: translate(5px, -50%);
}

.scroll {
  /*バーの太さ*/
  /*バーの背景色*/
  /*バーの色*/
}
.scroll::-webkit-scrollbar {
  width: 19px;
  height: 19px;
}
@media (max-width: 768px) {
  .scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
}
.scroll::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
  background: #D4D9E0;
  border-radius: 10px;
  border: 5px solid #fff;
}
@media (max-width: 768px) {
  .scroll::-webkit-scrollbar-thumb {
    background: #718298;
    border-width: 2px;
  }
}

.scroll-hint-icon-wrap {
  height: calc(100% - 1rem);
}
@media (max-width: 768px) {
  .scroll-hint-icon-wrap {
    height: 100%;
  }
}

.scroll-hint-icon {
  width: 159px;
  height: 107px;
  padding: 25px 10px 10px 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .scroll-hint-icon {
    width: 150px;
    height: 88px;
    left: auto;
    right: 0.8rem;
    z-index: 2;
  }
}
.scroll-hint-icon:before {
  height: 48px;
}
@media (max-width: 768px) {
  .scroll-hint-icon:before {
    height: 36px;
  }
}
.scroll-hint-icon:after {
  width: 44px;
  height: 18px;
  background-size: 44px;
  margin-left: -24px;
}
@media (max-width: 768px) {
  .scroll-hint-icon:after {
    width: 33px;
    height: 12px;
    background-size: 33px;
    margin-left: -18px;
  }
}

.scroll-hint-text {
  font-size: 1.3rem;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .scroll-hint-text {
    margin-top: 4px;
  }
}

.c-arrow {
  width: 2.1rem;
  height: 2.1rem;
  display: grid;
  place-items: center;
  position: relative;
}
.c-arrow:before {
  content: "";
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #014099;
  transition: all 0.3s ease-out;
}
.c-arrow--w2 {
  width: 2.2rem;
  height: 2.2rem;
}
.c-arrow--w2:before {
  width: 2.2rem;
  height: 2.2rem;
  border-width: 2px;
}
.c-arrow--blue:before {
  border-color: #014099;
}
.c-arrow--white:before {
  border-color: #fff;
}

@media (hover: hover) {
  a:where(:any-link, :enabled, summary):hover .c-arrow:before {
    scale: 1.15;
  }
}

.c-bnrList-02 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6rem;
}
@media (max-width: 999px) {
  .c-bnrList-02 {
    gap: 3rem;
  }
}
@media (max-width: 440px) {
  .c-bnrList-02 {
    grid-template-columns: 1fr;
  }
}

.c-bnrList-02__item {
  background: #fff;
  box-shadow: 3px 3px 6px rgba(113, 130, 152, 0.5);
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-bnrList-02__item {
    box-shadow: 0px 0px 8px rgba(113, 130, 152, 0.5);
  }
}

.c-bnrList-02__link {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .c-bnrList-02__link:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
}

.c-bnrList-02__img {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .c-bnrList-02__img {
    aspect-ratio: 1/0.47;
  }
}

.c-bnrList-02__ttlBox {
  display: flex;
  align-items: center;
  padding: 2.2rem 1.6rem;
  flex: 1;
  position: relative;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-bnrList-02__ttlBox {
    padding-block: 1.7rem 1.8rem;
    justify-content: flex-start;
  }
}
.c-bnrList-02__ttlBox .c-arrow {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.c-bnrList-02__ttlBox--en {
  justify-content: center;
}

.c-bnrList-02__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #014099;
}
@media (max-width: 768px) {
  .c-bnrList-02__ttl {
    font-size: 1.6rem;
  }
}

.c-bnrList-02__imgTxtBox {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  padding-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox {
    padding-bottom: 0;
  }
}

.c-bnrList-02__imgTxtBox__icon {
  width: 6.7rem;
  height: 6.7rem;
  margin-inline: auto;
  margin-bottom: 1.8rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.16);
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 820px) {
  .c-bnrList-02__imgTxtBox__icon {
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__icon {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.c-bnrList-02__imgTxtBox__icon--vision {
  background-image: url(../img/top/icon-vision.svg);
  background-size: 3.5rem;
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__icon--vision {
    background-size: 2.4rem;
  }
}
.c-bnrList-02__imgTxtBox__icon--retailers {
  background-image: url(../img/top/icon-retailers-02.svg);
  background-size: 3.6rem;
  background-position: center top 2rem;
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__icon--retailers {
    background-size: 2.8rem;
    background-position: center top 0.8rem;
  }
}
.c-bnrList-02__imgTxtBox__icon--company {
  background-image: url(../img/top/icon-company.svg);
  background-size: 3.5rem;
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__icon--company {
    background-size: 2.4rem;
  }
}

.c-bnrList-02__imgTxtBox__ttl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  line-height: 1;
  margin-bottom: 2rem;
}
@media (max-width: 820px) {
  .c-bnrList-02__imgTxtBox__ttl {
    font-size: 3rem;
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__ttl {
    font-size: 2rem;
  }
}

.c-bnrList-02__imgTxtBox__txt {
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #E5ECF5;
}
@media (max-width: 768px) {
  .c-bnrList-02__imgTxtBox__txt {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}

.c-bnrList-03 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5.8rem;
}
@media (max-width: 999px) {
  .c-bnrList-03 {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .c-bnrList-03 {
    gap: 2.4rem;
    grid-template-columns: 1fr;
  }
}
.c-bnrList-03__item {
  background: #fff;
  box-shadow: 3px 3px 10px rgba(113, 130, 152, 0.5);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-bnrList-03__item {
    box-shadow: 1px 1px 6px rgba(113, 130, 152, 0.5);
    border-radius: 4px;
    max-width: 43rem;
    margin-inline: auto;
  }
}

.c-bnrList-03__link {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .c-bnrList-03__link:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
}

.c-bnrList-03__img {
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .c-bnrList-03__img__img {
    aspect-ratio: 1/0.68;
  }
}

.c-bnrList-03__imgTxtBox {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  .c-bnrList-03__imgTxtBox {
    padding-bottom: 0;
  }
}

.c-bnrList-03__imgTxtBox__ttl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  line-height: 1.6;
  margin-bottom: 2rem;
}
@media (max-width: 820px) {
  .c-bnrList-03__imgTxtBox__ttl {
    font-size: 3rem;
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 768px) {
  .c-bnrList-03__imgTxtBox__ttl {
    font-size: 2.8rem;
  }
}

.c-bnrList-03__imgTxtBox__txt {
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-bnrList-03__imgTxtBox__txt {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}

.c-bnrList-03__arrow {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
}
@media (max-width: 768px) {
  .c-bnrList-03__arrow {
    right: 0.8rem;
    bottom: 0.8rem;
  }
}

.c-bnrList {
  display: grid;
}
.c-bnrList--col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.4rem 1.6rem;
}
@media (max-width: 768px) {
  .c-bnrList--col3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
  }
}
@media (max-width: 440px) {
  .c-bnrList--col3 {
    grid-template-columns: 1fr;
  }
}

.c-bnrList__item {
  border-radius: 0 0 8px 8px;
  background: #fff;
  box-shadow: 3px 3px 6px rgba(113, 130, 152, 0.5);
}

.c-bnrList__link {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .c-bnrList__link:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
}

.c-bnrList__img {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.c-bnrList__caption {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .c-bnrList__caption {
    font-size: 2.1rem;
  }
}

.c-bnrList__ttlBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.6rem;
  flex: 1;
}
@media (max-width: 768px) {
  .c-bnrList__ttlBox {
    padding: 1.7rem 1.6rem 1.7rem 1.2rem;
  }
}

.c-bnrList__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #014099;
}
@media (max-width: 768px) {
  .c-bnrList__ttl {
    font-size: 1.6rem;
  }
}

.c-breadcrumbs__list {
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .c-breadcrumbs__list {
    font-size: 1.1rem;
    line-height: 1.6;
  }
}

.c-breadcrumbs__item:not(:last-child) {
  margin-right: 1.9rem;
  position: relative;
}
@media (max-width: 768px) {
  .c-breadcrumbs__item:not(:last-child) {
    margin-right: 1.4rem;
  }
}
.c-breadcrumbs__item:not(:last-child):after {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  border: 1px solid #718298;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: -1rem;
}
@media (max-width: 768px) {
  .c-breadcrumbs__item:not(:last-child):after {
    right: -0.8rem;
  }
}
.c-breadcrumbs__item a {
  color: #014099;
}

.c-btn-01--l .c-btn-01__link {
  height: 6.2rem;
  font-size: 1.8rem;
  padding-inline: 6.4rem 10rem;
}
@media (max-width: 768px) {
  .c-btn-01--l .c-btn-01__link {
    height: 4.6rem;
    font-size: 1.5rem;
    padding-inline: 2.1rem 5.1rem;
  }
}
.c-btn-01--l .c-btn-01__arrow {
  right: 1.6rem;
}
@media (max-width: 768px) {
  .c-btn-01--row2 .c-btn-01__link {
    height: 6.7rem;
    text-align: left;
  }
}
.c-btn-01--s .c-btn-01__link {
  height: 4.4rem;
  font-size: 1.6rem;
  padding-inline: 3.1rem 6.6rem;
}
@media (max-width: 768px) {
  .c-btn-01--s .c-btn-01__link {
    height: 4.6rem;
    font-size: 1.5rem;
    padding-inline: 2.1rem 5.1rem;
  }
}
.c-btn-01--s .c-btn-01__arrow {
  right: 1.2rem;
}
.c-btn-01--white .c-btn-01__link {
  background: #fff;
  color: #131313;
}
.c-btn-01--white .c-btn-01__arrow:before {
  border-color: rgba(19, 19, 19, 0.8);
}
.c-btn-01--white--txtBlue .c-btn-01__link {
  color: #014099;
}
.c-btn-01--white--txtBlue .c-btn-01__arrow:before {
  border-color: rgba(1, 64, 153, 0.8);
}

.c-btn-01__link {
  background: linear-gradient(135deg, #014099 0%, #041562 100%);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  display: inline-grid;
  place-items: center;
  position: relative;
}
@media (hover: hover) {
  .c-btn-01__link:where(:any-link, :enabled, summary):hover .c-btn-01__txt {
    opacity: 0.7;
  }
  .c-btn-01__link:where(:any-link, :enabled, summary):hover .c-btn-01__arrow:before {
    scale: 1.15;
  }
  .c-btn-01__link:where(:any-link, :enabled, summary):hover .c-btn-01__icon {
    opacity: 0.7;
  }
}

.c-btn-01__txt {
  letter-spacing: 0.06em;
  transition: opacity 0.3s ease-out;
}

.c-btn-01__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  opacity: 0.8;
}
.c-btn-01__arrow:before {
  content: "";
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #fff;
  transition: all 0.3s ease-out;
}

.c-btn-01__icon {
  position: absolute;
  right: 1.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-btn-01__icon {
    width: 1.8rem;
    height: 1.8rem;
    right: 1.2rem;
  }
}

.c-btn-02__link {
  height: 9rem;
  font-size: 2rem;
  padding-inline: 3.2rem 6.7rem;
  background: linear-gradient(135deg, #014099 0%, #041562 100%);
  color: #fff;
  border-radius: 4px;
  display: inline-grid;
  place-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .c-btn-02__link {
    width: 100%;
    height: 6.4rem;
    font-size: 1.5rem;
    padding-inline: 2.1rem 5.1rem;
    justify-content: start;
  }
}
@media (hover: hover) {
  .c-btn-02__link:where(:any-link, :enabled, summary):hover .c-btn-02__txt {
    opacity: 0.7;
  }
  .c-btn-02__link:where(:any-link, :enabled, summary):hover .c-btn-02__arrow:before {
    scale: 1.15;
  }
}

.c-btn-02__txt {
  letter-spacing: 0.06em;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-btn-02__txt {
    font-weight: bold;
  }
}
.c-btn-02__txt .small {
  font-size: 1.6rem;
  color: #D6E1EF;
}
@media (max-width: 768px) {
  .c-btn-02__txt .small {
    font-size: 1.3rem;
    font-weight: 400;
  }
}

.c-btn-02__arrow {
  position: absolute;
  right: 1.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .c-btn-02__arrow {
    right: 1.2rem;
  }
}
.c-btn-02__arrow:before {
  content: "";
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #fff;
  transition: all 0.3s ease-out;
}

.c-btn-03 {
  position: absolute;
  right: 4rem;
  bottom: 0;
  transition: transform 0.3s ease-out;
  display: inline-flex;
  align-items: center;
  padding-bottom: 0.7rem;
  border-bottom: 4px solid #014099;
}
@media (max-width: 999px) {
  .c-btn-03 {
    right: 1rem;
  }
}
@media (max-width: 768px) {
  .c-btn-03 {
    right: 0.8rem;
    padding-bottom: 0.5rem;
  }
}

.c-btn-03__txt {
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  color: #014099;
  margin-right: 1.6rem;
}
@media (max-width: 768px) {
  .c-btn-03__txt {
    font-size: 1.4rem;
    margin-right: 1.7rem;
  }
}

.c-categoryCard__item {
  position: relative;
}

.c-categoryCard__button {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.c-categoryCard__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 16px 0;
  position: relative;
}
.c-categoryCard__img:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.25;
  transition: opacity 0.3s ease-out;
}
.c-categoryCard__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-categoryCard__txt {
  font-size: 2.2rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  transition: font-size 0.3s ease-out;
  z-index: 1;
}
.c-categoryCard__txt span {
  display: inline-block;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

@media (min-width: 769px) {
  .c-categoryCard-list {
    max-width: 1060px;
    height: 570px;
    margin-inline: auto;
    container-type: inline-size;
    display: flex;
    --gap: 1.7cqw;
    position: relative;
    --w-set: 18.1cqw;
    --w-hover: 40.5cqw;
    --w1: var(--w-hover);
    --l1: 0;
    --l2: calc(var(--w-hover) + var(--gap));
    --l3: calc(var(--w-hover) + var(--w-set) + var(--gap) * 2);
    --l4: calc(var(--w-hover) + var(--w-set) * 2 + var(--gap) * 3);
  }
  .c-categoryCard-list[data-class=_1] {
    --w1: var(--w-hover);
    --w2: var(--w-set);
    --w3: var(--w-set);
    --w4: var(--w-set);
    --l2: calc(var(--w1) + var(--gap));
    --l3: calc(var(--w1) + var(--w2) + var(--gap) * 2);
    --l4: calc(var(--w1) + var(--w2) + var(--w3) + var(--gap) * 3);
  }
  .c-categoryCard-list[data-class=_1] .c-categoryCard__item._1 .c-categoryCard__img img {
    filter: grayscale(0%);
  }
  .c-categoryCard-list[data-class=_1] .c-categoryCard__item._1 .c-categoryCard__txt {
    font-size: 3rem;
  }
  .c-categoryCard-list[data-class=_2] {
    --w1: var(--w-set);
    --w2: var(--w-hover);
    --w3: var(--w-set);
    --w4: var(--w-set);
    --l2: calc(var(--w1) + var(--gap));
    --l3: calc(var(--w1) + var(--w2) + var(--gap) * 2);
    --l4: calc(var(--w1) + var(--w2) + var(--w3) + var(--gap) * 3);
  }
  .c-categoryCard-list[data-class=_2] .c-categoryCard__item._2 .c-categoryCard__img img {
    filter: grayscale(0%);
  }
  .c-categoryCard-list[data-class=_2] .c-categoryCard__item._2 .c-categoryCard__txt {
    font-size: 3rem;
  }
  .c-categoryCard-list[data-class=_3] {
    --w1: var(--w-set);
    --w2: var(--w-set);
    --w3: var(--w-hover);
    --w4: var(--w-set);
    --l2: calc(var(--w1) + var(--gap));
    --l3: calc(var(--w1) + var(--w2) + var(--gap) * 2);
    --l4: calc(var(--w1) + var(--w2) + var(--w3) + var(--gap) * 3);
  }
  .c-categoryCard-list[data-class=_3] .c-categoryCard__item._3 .c-categoryCard__img img {
    filter: grayscale(0%);
  }
  .c-categoryCard-list[data-class=_3] .c-categoryCard__item._3 .c-categoryCard__txt {
    font-size: 3rem;
  }
  .c-categoryCard-list[data-class=_4] {
    --w1: var(--w-set);
    --w2: var(--w-set);
    --w3: var(--w-set);
    --w4: var(--w-hover);
    --l2: calc(var(--w1) + var(--gap));
    --l3: calc(var(--w1) + var(--w2) + var(--gap) * 2);
    --l4: calc(var(--w1) + var(--w2) + var(--w3) + var(--gap) * 3);
  }
  .c-categoryCard-list[data-class=_4] .c-categoryCard__item._4 .c-categoryCard__img img {
    filter: grayscale(0%);
  }
  .c-categoryCard-list[data-class=_4] .c-categoryCard__item._4 .c-categoryCard__txt {
    font-size: 3rem;
  }
  .c-categoryCard__item {
    width: var(--w-set);
    height: 570px;
    position: absolute;
    top: 0;
    transition: 500ms cubic-bezier(0.69, 0.04, 0.28, 0.93);
    --min-width: 0;
    min-width: var(--min-width);
  }
  .c-categoryCard__item:hover {
    will-change: width, left;
  }
  .c-categoryCard__item._1 {
    left: var(--l1);
    width: var(--w1);
  }
  .c-categoryCard__item._2 {
    left: var(--l2);
    width: var(--w2);
  }
  .c-categoryCard__item._3 {
    left: var(--l3);
    width: var(--w3);
  }
  .c-categoryCard__item._4 {
    left: var(--l4);
    width: var(--w4);
  }
  .c-categoryCard__img img {
    filter: grayscale(100%);
    transition: filter 0.3s ease-out;
  }
}
@media (max-width: 768px) {
  .c-categoryCard-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
  }
  .c-categoryCard__img {
    border-radius: 0 0 8px 0;
  }
  .c-categoryCard__img:after {
    content: "";
    background: url(../img/common/arrow-right-thin.svg) no-repeat center center/cover;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    z-index: 1;
  }
  .c-categoryCard__txt {
    font-size: 1.8rem;
  }
  .c-categoryCard__txt span {
    text-shadow: 0 0 10px #041562;
  }
}
@media (max-width: 440px) {
  .c-categoryCard-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
  }
}
@media (min-width: 769px) {
  .c-categoryCard-list--en {
    --w-hover: 60.4cqw;
  }
}
@media (max-width: 440px) {
  .c-categoryCard-list--en {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
  }
}
@media (max-width: 768px) {
  .c-categoryCard-list--en .c-categoryCard__txt {
    font-size: 1.6rem;
  }
}

.c-categorySearchList__group:not(:last-child) {
  margin-bottom: 6.5rem;
}

.c-categorySearchList__heading {
  font-size: 3rem;
  font-weight: bold;
  color: #014099;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 1.6rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .c-categorySearchList__heading {
    font-size: 2.5rem;
  }
}
.c-categorySearchList__heading:before, .c-categorySearchList__heading:after {
  content: "";
  background: #014099;
  width: 2rem;
  height: 2px;
  display: block;
}

.c-categorySearchList__list {
  display: grid;
  margin-inline: auto;
}
.c-categorySearchList__list--col4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6rem;
}
@media (max-width: 1150px) {
  .c-categorySearchList__list--col4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
  }
}
@media (max-width: 880px) {
  .c-categorySearchList__list--col4 {
    gap: 1rem;
  }
}
@media (max-width: 440px) {
  .c-categorySearchList__list--col4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
}
.c-categorySearchList__list--col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
  max-width: 1100px;
}
@media (max-width: 1150px) {
  .c-categorySearchList__list--col3 {
    gap: 1.2rem;
  }
}
@media (max-width: 880px) {
  .c-categorySearchList__list--col3 {
    gap: 1rem;
  }
}
@media (max-width: 440px) {
  .c-categorySearchList__list--col3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
}
.c-categorySearchList__list--col2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.4rem;
  max-width: 1100px;
}
@media (max-width: 880px) {
  .c-categorySearchList__list--col2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (max-width: 440px) {
  .c-categorySearchList__list--col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
}

.c-categorySearchList__item a {
  position: relative;
  display: block;
}

.c-categorySearchList__img {
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-categorySearchList__img {
    aspect-ratio: 136/102;
  }
}
.c-categorySearchList__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-categorySearchList__txt {
  font-size: 2.3rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.52;
  letter-spacing: 0.03em;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-categorySearchList__txt {
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    line-height: 1.8;
  }
}
.c-categorySearchList__txt .small {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .c-categorySearchList__txt .small {
    font-size: clamp(1.2rem, 2.3vw, 1.6rem);
  }
}

.is-english .c-categorySearchList__txt {
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .is-english .c-categorySearchList__txt {
    font-size: clamp(1.4rem, 3vw, 1.9rem);
  }
}
.is-english .c-categorySearchList__txt .pipe {
  font-size: 1.4rem;
  transform: translateY(-0.2em);
  display: inline-block;
  margin-inline: 0.3em;
}
@media (max-width: 768px) {
  .is-english .c-categorySearchList__txt .pipe {
    font-size: 1.2rem;
  }
}

/**
 * 折りたたみ可能なリストコンポーネント
 * SPのみでコンテンツの一部を隠し、PCではすべて表示する
 */
.c-collapsible-list {
  position: relative;
}
@media (max-width: 768px) {
  .c-collapsible-list {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .c-collapsible-list.is-expanded {
    max-height: none !important;
  }
  .c-collapsible-list.is-expanded .c-collapsible-list__toggle {
    display: none;
  }
  .c-collapsible-list.is-expanded::after {
    display: none;
  }
  .c-collapsible-list::after {
    content: "";
    position: absolute;
    bottom: 6.6rem;
    left: 0;
    right: 0;
    height: 4.2rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none;
    z-index: 1;
  }
}

.c-collapsible-list__toggle {
  display: none;
}
@media (max-width: 768px) {
  .c-collapsible-list__toggle {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background: #fff url(../img/common/chevron-down.svg) no-repeat bottom center/1.2rem 1.2rem;
    border: none;
    padding: 2.4rem 2rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #014099;
    cursor: pointer;
    transition: all 0.3s ease-out;
    white-space: nowrap;
    width: 100%;
  }
  .c-collapsible-list__toggle:focus {
    outline: 2px solid #014099;
    outline-offset: 2px;
  }
}
@media (max-width: 768px) and (hover: hover) {
  .c-collapsible-list__toggle:where(:any-link, :enabled, summary):hover {
    background-color: #014099;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .c-collapsible-list__toggle:active {
    transform: translateX(-50%) translateY(1px);
  }
}

.c-collapsible-list__toggle__txt {
  display: inline-block;
}

.c-heading-01 {
  font-size: 5rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  position: relative;
  padding-left: 7rem;
}
@media (max-width: 768px) {
  .c-heading-01 {
    font-size: 2.6rem;
    padding-left: 3.2rem;
  }
}
.c-heading-01:before {
  content: "";
  background: #014099;
  width: 4rem;
  height: 0.4rem;
  display: block;
  position: absolute;
  left: 0;
  top: 4rem;
  top: 0.5lh;
}
@media (max-width: 768px) {
  .c-heading-01:before {
    width: 2.4rem;
    height: 0.2rem;
    top: 2.4rem;
    top: calc(0.5lh + 0.1rem);
  }
}
.c-heading-01--white {
  color: #fff;
}
.c-heading-01--white:before {
  background: #fff;
}
.c-heading-01--s {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .c-heading-01--s {
    font-size: 2.2rem;
  }
}
.c-heading-01--blue {
  color: #014099;
}

.c-heading-02 {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .c-heading-02 {
    font-size: 2.6rem;
  }
}
.c-heading-02--s {
  font-size: 3.2rem;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .c-heading-02--s {
    font-size: 2.2rem;
  }
}
.c-heading-02--ss {
  font-size: 2.5rem;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .c-heading-02--ss {
    font-size: 2rem;
  }
}
.c-heading-02--blue {
  color: #014099;
}

.c-heading-03 {
  font-size: 2.8rem;
  font-weight: bold;
  background: #014099;
  color: #fff;
  padding: 0.8rem 1.6rem;
  margin-block: 6.4rem 3rem;
}
@media (max-width: 768px) {
  .c-heading-03 {
    font-size: 2rem;
    margin-block: 3rem 2rem;
  }
}

.c-heading-04 {
  font-size: 2rem;
  font-weight: bold;
  color: #014099;
  padding: 0;
}

.c-heading-05 {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background: #014099;
  color: #fff;
  border-radius: 8px 0 0 8px;
  padding: 1rem 5.2rem;
  position: relative;
  width: calc(100% + 30px);
  transform: translateX(-15px);
}
@media (max-width: 768px) {
  .c-heading-05 {
    font-size: 2.6rem;
    padding: 0.8rem 2.4rem;
    border-radius: 4px 0 0 4px;
    width: calc(100% + 1.5rem);
    transform: translateX(0);
  }
}
.c-heading-05:before {
  content: "";
  background: #fff;
  width: 4px;
  height: 6.5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 1.5rem;
}
@media (max-width: 768px) {
  .c-heading-05:before {
    width: 2px;
    height: calc(100% - 1rem);
    left: 1rem;
  }
}

.c-heading-06 {
  font-size: 2.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-heading-06 {
    font-size: 2rem;
  }
}
.c-heading-06:after {
  content: "";
  background: #014098;
  flex: 1;
  height: 1px;
  display: inline-block;
  margin-left: 1.7rem;
}
@media (max-width: 768px) {
  .c-heading-06:after {
    margin-left: 0.8rem;
  }
}

.c-heading-07 {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .c-heading-07 {
    font-size: 2.6rem;
  }
}
.c-heading-07 span {
  background: linear-gradient(transparent 55%, #FEFF6B 55%);
  padding-inline: 4rem;
  display: inline-block;
}
@media (max-width: 768px) {
  .c-heading-07 span {
    padding-inline: 0.8rem;
    background: linear-gradient(transparent 64%, #FEFF6B 64%);
  }
}

.c-heading-08 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  background: #014099;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 1.1rem;
  border-radius: 5rem;
}
@media (max-width: 768px) {
  .c-heading-08 {
    font-size: 2rem;
    padding: 0.8rem;
    margin-inline: 1rem;
  }
}

.c-lead-01 {
  line-height: 2;
}
.c-lead-01:is(li) {
  list-style: disc;
  margin-left: 1.5em;
}
@media (max-width: 768px) {
  .c-lead-01 {
    font-size: 1.6rem;
  }
}
.c-lead-01 a {
  color: #014099;
  text-decoration: underline;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .c-lead-01 a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

.c-linkList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6rem;
}
@media (max-width: 1200px) {
  .c-linkList {
    gap: 4rem;
  }
}
@media (max-width: 768px) {
  .c-linkList {
    gap: 2rem;
  }
}
@media (max-width: 440px) {
  .c-linkList {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}

.c-linkList__link {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .c-linkList__link:where(:any-link, :enabled, summary):hover .c-linkList__img img {
    transform: scale(1.1);
  }
}

.c-linkList__img {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-linkList__img {
    border-radius: 8px;
    aspect-ratio: 1/0.76;
  }
  .c-linkList__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.c-linkList__txtbox {
  padding: 3.2rem 0 13.4rem;
  text-align: center;
  position: relative;
  flex: 1;
  background: #fff;
}
@media (max-width: 768px) {
  .c-linkList__txtbox {
    padding: 1.7rem 5rem 3rem 2.4rem;
    text-align: left;
    width: 90%;
    margin-inline: auto;
    margin-top: -8rem;
  }
}

.c-linkList__ttl {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  color: #014099;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .c-linkList__ttl {
    font-size: 2.2rem;
    margin-bottom: 0.2rem;
  }
}

.c-linkList__txt {
  letter-spacing: 0.06em;
}

.c-linkList__arrow {
  width: 3.2rem;
  height: 3.2rem;
  margin-inline: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 7rem;
}
@media (max-width: 768px) {
  .c-linkList__arrow {
    width: 2.2rem;
    height: 2.2rem;
    left: auto;
    right: 1.5rem;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
}
.c-linkList__arrow:before {
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 768px) {
  .c-linkList__arrow:before {
    width: 2.2rem;
    height: 2.2rem;
  }
}

.c-news-item__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .c-news-item__list {
    gap: 2rem;
  }
}

.c-news-item__link {
  background: #fff;
  display: block;
  border-radius: 8px;
  padding-block: 2.7rem;
  padding-inline: 2.4rem 9.4rem;
  box-shadow: 5px 5px 20px rgba(113, 130, 152, 0.5);
  position: relative;
}
@media (hover: hover) {
  .c-news-item__link:where(:any-link, :enabled, summary):hover .c-news-item__date,
  .c-news-item__link:where(:any-link, :enabled, summary):hover .c-news-item__ttl {
    color: #014099;
  }
}
@media (max-width: 768px) {
  .c-news-item__link {
    box-shadow: 2px 2px 8px rgba(113, 130, 152, 0.5);
    padding-block: 1.8rem;
    padding-inline: 1.7rem 4.9rem;
  }
}

.c-news-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.c-news-item__date {
  font-size: 1.4rem;
  color: #718298;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-news-item__date {
    font-size: 1.3rem;
  }
}

.c-news-item__ttl {
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-news-item__ttl {
    font-size: 1.5rem;
  }
}

.c-news-item__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4rem;
}
@media (max-width: 768px) {
  .c-news-item__arrow {
    right: 1.7rem;
  }
}

.c-pageNav__list {
  display: grid;
  gap: 1.4rem;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-pageNav__list {
    gap: 0.3rem;
  }
}
.c-pageNav__list--col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-pageNav__list--col4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.c-pageNav__link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, max-content);
  place-items: center;
  align-content: center;
  gap: 0.7rem;
  background: #fff;
  color: #014099;
  height: 8.4rem;
  border-radius: 8.4rem;
  border: 3px solid #041562;
  transition: all 0.3s ease-out;
  position: relative;
  box-shadow: 0 8px 0 0 #041562;
}
@media (hover: hover) {
  .c-pageNav__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  .c-pageNav__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .c-pageNav__link {
    height: 5rem;
    gap: 0.5rem;
    background: #041562;
    border-radius: 0px;
    border: none;
    box-shadow: none;
  }
  .c-pageNav__link .svg-arrow-bottom {
    fill: #fff;
  }
}

.c-pageNav__txt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768px) {
  .c-pageNav__txt {
    font-size: 1.4rem;
    color: #fff;
  }
}

@media (max-width: 768px) {
  .c-pageNav__arrow svg {
    width: 0.9rem;
    height: auto;
  }
}

.c-pageNav-02 {
  background: #fff;
  position: relative;
  z-index: 3;
  transition: box-shadow 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-pageNav-02 {
    border-bottom: 1px solid #014099;
  }
}
.c-pageNav-02.is-fixed {
  box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
}
@media (max-width: 768px) {
  .c-pageNav-02.is-fixed {
    box-shadow: none;
  }
}
.c-pageNav-02.is-fixed .c-pageNav-02__link {
  background: #fff;
}
.c-pageNav-02.is-fixed .c-pageNav-02__item:not(:last-child):before {
  opacity: 1;
}
.c-pageNav-02 .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 768px) {
  .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}

.c-pageNav-02__list {
  display: grid;
  gap: 0.4rem;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-pageNav-02__list {
    gap: 0;
  }
}
.c-pageNav-02__list--col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
}
@media (max-width: 768px) {
  .c-pageNav-02__list--col3 {
    gap: 0.6rem 0.8rem;
  }
}
.c-pageNav-02__list--col4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-pageNav-02__list--col5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-pageNav-02__list--col6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.1rem;
}
@media (max-width: 768px) {
  .c-pageNav-02__list--col6 {
    gap: 0.6rem 0.8rem;
  }
}

.c-pageNav-02__item:not(:last-child) {
  position: relative;
}
.c-pageNav-02__item:not(:last-child):before {
  content: "";
  background: #014099;
  width: 2px;
  height: 32px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -3px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-pageNav-02__item:not(:last-child):before {
    opacity: 1;
    width: 1px;
    height: 4.8rem;
    z-index: 1;
    right: 0;
  }
}

.c-pageNav-02__link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, max-content);
  place-items: center;
  align-content: center;
  gap: 1rem;
  background: #E5ECF5;
  color: #014099;
  height: 7rem;
  transition: all 0.3s ease-out;
  position: relative;
}
@media (hover: hover) {
  .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt,
  .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 0.3;
  }
}
@media (max-width: 768px) {
  .c-pageNav-02__link {
    height: 6.5rem;
    gap: 0;
    background: #fff;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding-bottom: 1rem;
  }
}

.c-pageNav-02__txt {
  font-size: 2rem;
  text-align: center;
  line-height: 1;
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-pageNav-02__txt {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.03em;
  }
}

.c-pageNav-02__arrow {
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-pageNav-02__arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 1rem;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .c-pageNav-02__arrow svg {
    width: 1rem;
    height: auto;
  }
}

.c-pageTtl-01 {
  padding-block: 4.3rem 3.4rem;
}
@media (max-width: 768px) {
  .c-pageTtl-01 {
    padding-block: 1.5rem 1.2rem;
  }
}
.c-pageTtl-01 .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 1024px) {
  .c-pageTtl-01 .inner {
    padding-inline: 2rem;
  }
}

.c-pageTtl-01__title {
  font-size: 4rem;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .c-pageTtl-01__title {
    font-size: 2.2rem;
    text-align: center;
  }
}

.c-pageTtl-02 {
  position: relative;
}
.c-pageTtl-02__bg {
  width: 100%;
  height: 40rem;
}
@media (max-width: 768px) {
  .c-pageTtl-02__bg {
    height: 9rem;
  }
}
@media (max-width: 768px) {
  .c-pageTtl-02__bg--row2 {
    height: 13rem;
  }
}
.c-pageTtl-02__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-pageTtl-02__title {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 6rem;
  letter-spacing: 0.06em;
  color: #fff;
  text-shadow: 0 0 10px #000;
}
@media (max-width: 768px) {
  .c-pageTtl-02__title {
    font-size: 3rem;
  }
}
.c-pageTtl-02__title .small {
  font-size: 3rem;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .c-pageTtl-02__title .small {
    font-size: 1.5rem;
  }
}

.c-products-item-related {
  display: block;
}
.c-products-item-related a {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
  background: none;
  padding: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .c-products-item-related a {
    border-radius: 0 0 8px 8px;
    background: #fff;
    padding: 0.8rem 0.8rem 1.2rem;
  }
}
.c-products-item-related .c-products-item__img {
  box-shadow: 3px 3px 10px rgba(113, 130, 152, 0.5);
}
@media (max-width: 768px) {
  .c-products-item-related .c-products-item__img {
    box-shadow: none;
  }
}

.c-products-item__list {
  max-width: 954px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem 2.4rem;
}
@container (max-width: 700px) {
  .c-products-item__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .c-products-item__list {
    gap: 2.4rem;
  }
}
@media (max-width: 440px) {
  .c-products-item__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
}

.c-products-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}

.c-products-item__box {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
  background: #fff;
  padding: 1.6rem 1.6rem 3rem;
  border-radius: 0 0 8px 8px;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .c-products-item__box {
    border-radius: 0 0 8px 8px;
    background: #fff;
    padding: 0.8rem 0.8rem 1.2rem;
  }
}
.c-products-item__box:hover {
  cursor: pointer;
}
.c-products-item__box:hover .c-products-item__img img {
  transform: scale(1.2);
}

.c-products-item__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.c-products-item__badge-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.4rem;
  align-items: end;
}

.c-products-item__badge {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 0.4rem 1.2rem;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .c-products-item__badge {
    font-size: 1.2rem;
    padding: 0.2rem 0.6rem;
  }
}
.c-products-item__badge--new {
  background: #014099;
}
.c-products-item__badge--add {
  background: #189F28;
}
.c-products-item__badge--custom {
  background: var(--badge-color);
}

.c-products-item__img {
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .c-products-item__img {
    box-shadow: none;
    margin-bottom: 0.2rem;
  }
}
.c-products-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-out;
}

.c-products-item__ttl {
  line-height: 1.3;
}
@media (max-width: 768px) {
  .c-products-item__ttl {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
  }
}

.c-products-item__tags {
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .c-products-item__tags.c-tag-list {
    display: none;
  }
}
.c-products-item__tags .c-tag-list__item {
  position: relative;
  z-index: 2;
}

.c-products-search__btn {
  position: fixed;
  right: 4rem;
  bottom: 4rem;
  width: 19rem;
  height: 19rem;
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(113, 130, 152, 0.5);
  z-index: 2;
  padding: 0;
  border: none;
  background: none;
}
@media (hover: hover) {
  .c-products-search__btn:where(:any-link, :enabled, summary):hover .c-products-search__btn__bg__inner {
    opacity: 0.7;
  }
}
@media (max-width: 1450px) {
  .c-products-search__btn {
    right: 2rem;
    bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .c-products-search__btn {
    right: 0;
    bottom: -6.25rem;
    width: 12.5rem;
    height: 12.5rem;
    transition: all 0.1s linear;
    overflow: hidden;
    clip-path: inset(0 0 50% 0);
  }
  .c-products-search__btn.is-fixed {
    transform: translateY(-4.2rem);
  }
}

.c-products-search__btn__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(13, 103, 230) 5%, rgb(10, 83, 187) 23%, rgb(8, 70, 158) 50%, rgb(10, 83, 187) 79%, rgb(13, 103, 230) 100%);
}
@media (max-width: 768px) {
  .c-products-search__btn__bg {
    opacity: 0.8;
  }
}

.c-products-search__btn__bg__inner {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 12px #020A2F;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-products-search__btn__bg__inner {
    top: 0.7rem;
    left: 0.7rem;
    width: calc(100% - 1.4rem);
    height: calc(100% - 1.4rem);
  }
}

.c-products-search__btn__txtbox {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.4rem;
}
@media (max-width: 768px) {
  .c-products-search__btn__txtbox {
    padding-top: 0;
    padding-bottom: 4.7rem;
    flex-direction: column-reverse;
  }
}

.c-products-search__btn__txt {
  font-size: 2.6rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .c-products-search__btn__txt {
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-top: 0.2rem;
  }
}
.c-products-search__btn__txt--en {
  font-size: 2.2rem;
  line-height: 1.36;
}
@media (max-width: 768px) {
  .c-products-search__btn__txt--en {
    font-size: 1.2rem;
  }
}

@media (max-width: 768px) {
  .c-products-search__btn__icn {
    width: 2.3rem;
  }
}

.c-products-search__modal .b-modal__heading-01 {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .c-products-search__modal .b-modal__heading-01 {
    margin-bottom: 0.5rem;
  }
}

.c-products-search__search__ttl {
  font-size: 2.8rem;
  font-weight: bold;
  color: #014099;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .c-products-search__search__ttl {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.c-products-search__search__ttl .small {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .c-products-search__search__ttl .small {
    font-size: 1.8rem;
  }
}

.c-products-search__search-boxWrap {
  margin-top: 6rem;
  max-width: 1150px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12rem;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .c-products-search__search-boxWrap {
    margin-top: 3rem;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

.c-products-search__search__form {
  display: flex;
  justify-content: center;
}

.c-products-search__search__prefix {
  font-size: 1.8rem;
  height: 6rem;
  background: #fff;
  padding: 1.6rem 3.6rem;
  margin-right: 0.8rem;
}
@media (max-width: 768px) {
  .c-products-search__search__prefix {
    font-size: 1.6rem;
    height: 5rem;
    padding: 1.2rem 1.6rem;
    margin-right: 0.8rem;
  }
}

.c-products-search__search__input {
  width: 100%;
  height: 6rem;
  border-radius: 0;
  background: #fff;
  border: none;
  padding: 2rem;
  font-size: 16px;
  font-weight: 400;
  flex: 1;
}
@media (max-width: 768px) {
  .c-products-search__search__input {
    height: 5rem;
  }
}

.c-products-search__search__btn {
  width: 6rem;
  height: 6rem;
  border-radius: 0;
  background: #014099 url(../img/common/icon-search-white.svg) no-repeat center center/3rem 3rem;
  border: none;
  padding: 0;
  font-size: 0;
}
@media (max-width: 768px) {
  .c-products-search__search__btn {
    width: 5rem;
    height: 5rem;
    background-size: 2.4rem 2.4rem;
  }
}

/**
 * SDGSバナーコンポーネント
 */
.secSdgs .secSdgs__bnr {
  max-width: 1170px;
  margin-inline: auto;
}
.secSdgs .secSdgs__link {
  display: block;
  transition: opacity 0.3s ease-out;
  position: relative;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(113, 130, 152, 0.5);
}
@media (hover: hover) {
  .secSdgs .secSdgs__link:where(:any-link, :enabled, summary):hover .secSdgs__bnr__inner {
    opacity: 0.7;
  }
  .secSdgs .secSdgs__link:where(:any-link, :enabled, summary):hover .c-btn-01__arrow:before {
    scale: 1.15;
  }
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__link {
    background: url(../img/top/sdgs_bg_sp@2x.jpg) no-repeat center center/cover;
    border-radius: 30px 0 30px 0;
    padding: 1.6rem;
  }
}
.secSdgs .secSdgs__bnr__inner {
  background: url(../img/top/sdgs_bg@2x.jpg) no-repeat center center/cover;
  padding: 3.5rem 5rem 6.4rem;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__bnr__inner {
    padding: 1.6rem 1.6rem 4.3rem;
    background: rgba(255, 255, 255, 0.75);
  }
}
.secSdgs .secSdgs__flex {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50px 0 50px 0;
  display: flex;
  justify-content: center;
  padding: 2.8rem 0 4.4rem;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__flex {
    border-radius: 30px 0 30px 0;
    padding: 0;
    display: block;
    background: none;
  }
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__logo {
    width: 82%;
    margin-inline: auto;
    text-align: center;
  }
}
.secSdgs .secSdgs__txtbox {
  padding-left: 4rem;
  padding-top: 1.5rem;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__txtbox {
    padding-left: 0;
    padding-top: 1rem;
  }
}
.secSdgs .secSdgs__ttl {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
  color: #014099;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__ttl {
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 1.8rem;
  }
}
.secSdgs .secSdgs__txt {
  letter-spacing: 0.07em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__txt {
    line-height: 1.7;
    margin-bottom: 2.1rem;
  }
}
.secSdgs .secSdgs__btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 4.2rem;
  text-align: center;
}
@media (max-width: 768px) {
  .secSdgs .secSdgs__btn {
    position: static;
  }
}

.c-secTtl-01 {
  position: relative;
  padding-top: 16rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-secTtl-01 {
    padding-top: 13rem;
  }
}
.c-secTtl-01__img {
  width: calc(50vw + 830px);
  max-width: calc(100vw - 4rem);
  margin-left: auto;
  height: 575px;
  display: block;
}
@media (max-width: 999px) {
  .c-secTtl-01__img {
    height: 465px;
  }
}
@media (max-width: 768px) {
  .c-secTtl-01__img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.c-secTtl-01__img img {
  object-position: left center;
}
@media (max-width: 999px) {
  .c-secTtl-01__img img {
    object-position: center center;
  }
}

.c-secTtl-01__en {
  mix-blend-mode: color-burn;
  font-size: 22rem;
  line-height: 0.8;
  color: rgba(1, 64, 153, 0.3);
  white-space: nowrap;
  position: absolute;
  left: -3rem;
  top: 5rem;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 999px) {
  .c-secTtl-01__en {
    font-size: 12rem;
    left: 0;
  }
}
@media (max-width: 768px) {
  .c-secTtl-01__en {
    font-size: 6rem;
    left: 1.7rem;
    top: 1.6rem;
  }
}

.c-secTtl-01__txtbox {
  position: relative;
  background: #fff;
  border-radius: 8px 0 0 8px;
  padding: 4rem 0 4rem 5.5rem;
  max-width: 585px;
  margin-left: auto;
  margin-top: -23.7rem;
}
@media (max-width: 768px) {
  .c-secTtl-01__txtbox {
    border-radius: 4px;
    margin-top: -3.7rem;
    padding: 2.5rem 1.3rem;
    margin-right: auto;
  }
}
.c-secTtl-01__txtbox:before {
  content: "";
  background: #fff;
  width: calc(50vw - 580px);
  height: 100%;
  display: block;
  position: absolute;
  right: calc(-50vw + 580px);
  top: 0;
  z-index: 0;
}
@media (max-width: 1210px) {
  .c-secTtl-01__txtbox:before {
    width: 25px;
    right: -25px;
  }
}
@media (max-width: 768px) {
  .c-secTtl-01__txtbox:before {
    display: none;
  }
}

.c-secTtl-01__ttl {
  letter-spacing: 0.04em;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  .c-secTtl-01__ttl {
    text-align: center;
    margin-bottom: 0.9rem;
  }
}

.c-secTtl-01__txt {
  line-height: 2;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .c-secTtl-01__txt {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

.c-secTtl-01__btn {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .c-secTtl-01__btn {
    margin-top: 3rem;
    text-align: center;
  }
}

/* Safari */
_::-webkit-full-page-media,
_:future,
:root .c-secTtl-01__en {
  opacity: 0.3;
}

.c-side-products-search__search__ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-side-products-search__search__ttl {
    margin-bottom: 0;
  }
}
.c-side-products-search__search__ttl .small {
  margin-right: 0.2em;
}

.c-side-select {
  background: #fff url(../img/common/icon-select.svg) no-repeat right 1rem center/0.8rem;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  font-size: 1.2rem;
  padding: 1rem 1rem;
}
@media (max-width: 768px) {
  .c-side-select {
    flex: 1;
    margin-left: 2.4rem;
  }
}

.c-side__taxonomy-select {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .c-side__taxonomy-select {
    gap: 1.6rem;
  }
}

@media (max-width: 768px) {
  .c-side__taxonomy-select__item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .c-side__taxonomy-select__item--noflex {
    display: block;
  }
  .c-side__taxonomy-select__item--noflex .c-side-select {
    margin-left: 0;
    margin-top: 0.4rem;
  }
}

.c-side-products-search__button-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  margin-bottom: 3.1rem;
}
@media (max-width: 768px) {
  .c-side-products-search__button-group {
    gap: 0.8rem;
  }
}

.c-side-products-search__btn {
  border-radius: 4px;
  border: none;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
  height: 4rem;
  transition: opacity 0.3s ease-out;
  display: grid;
  place-items: center;
}
@media (hover: hover) {
  .c-side-products-search__btn:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.c-side-products-search__btn--reset {
  background: #718298;
}
.c-side-products-search__btn--search {
  background: #014099;
}

.c-side-products-search__search__form {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-side-products-search__search__form {
    margin-top: 0.4rem;
  }
}

.c-side-products-search__search__prefix {
  font-size: 1.2rem;
  margin-right: 0.9rem;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-side-products-search__search__prefix {
    font-size: 1.6rem;
  }
}

input.c-side-products-search__search__input {
  background: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  font-size: 1.2rem;
  padding: 1rem 3.7rem 1rem 1rem;
  flex: 1;
}
@media (max-width: 768px) {
  input.c-side-products-search__search__input {
    font-size: 16px;
    padding: 1rem 4.4rem 1rem 1rem;
  }
}
input.c-side-products-search__search__input::-webkit-input-placeholder {
  font-size: 12px;
}
@media (max-width: 440px) {
  input.c-side-products-search__search__input::-webkit-input-placeholder {
    font-size: 16px;
  }
}
input.c-side-products-search__search__input:-moz-placeholder {
  font-size: 12px;
}
@media (max-width: 440px) {
  input.c-side-products-search__search__input:-moz-placeholder {
    font-size: 16px;
  }
}

.c-side-products-search__search__btn {
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0;
  width: 3.8rem;
  height: calc(100% - 4px);
  display: block;
  border: none;
  border-radius: 0 3px 3px 0;
  background: #fff url(../img/common/icon-search-gray.svg) no-repeat center/1.9rem;
  font-size: 0;
  cursor: pointer;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .c-side-products-search__search__btn:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .c-side-products-search__search__btn {
    right: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: 4.4rem;
    background: #014099 url(../img/common/icon-search-white.svg) no-repeat center/1.9rem;
  }
}

.c-side-products-search__box--name {
  margin-bottom: 3.3rem;
}
@media (max-width: 768px) {
  .c-side-products-search__box--name {
    margin-bottom: 3.1rem;
  }
}

.c-side-products-search__refinement {
  margin-bottom: 0.8rem;
  border-radius: 4px;
  overflow: hidden;
}

.c-side-products-search__refinement__parent,
.c-side-products-search__refinement__child-btn {
  font-size: 1.2rem;
  display: block;
  border: none;
  width: 100%;
  text-align: left;
  position: relative;
}

.c-side-products-search__refinement__child-btn--en {
  font-size: 1.1rem;
}

.c-side-products-search__refinement__parent {
  background: #131313;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 1.1rem 1.2rem;
}
.c-side-products-search__refinement__parent .c-side-products-search__refinement__icon {
  background: url(../img/common/icon-plus.svg) no-repeat center center/1.3rem;
  right: 0.7rem;
}
.c-side-products-search__refinement__parent[aria-expanded=true] .c-side-products-search__refinement__icon {
  background: url(../img/common/icon-minus.svg) no-repeat center center/1.3rem;
}

.c-side-products-search__refinement__icon {
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-side-products-search__refinement__child:not(:last-child) {
  position: relative;
  border-bottom: 1px solid #D1D1D1;
}

.c-side-products-search__refinement__child-btn {
  padding: 1.4rem 0;
}
.c-side-products-search__refinement__child-btn .c-side-products-search__refinement__icon {
  width: 1rem;
  height: 1rem;
  background: url(../img/common/chevron-down.svg) no-repeat center center/1rem;
  right: -0.2rem;
  transition: transform 0.3s ease-out;
}
.c-side-products-search__refinement__child-btn[aria-expanded=true] .c-side-products-search__refinement__icon {
  transform: translateY(-50%) rotate(-180deg);
}

.c-side-products-search__refinement__content,
.c-side-products-search__refinement__grandchild {
  height: 0;
  overflow: clip;
  transition: height 0.3s, content-visibility 0.3s allow-discrete;
}
.c-side-products-search__refinement__content.is-expanded,
.c-side-products-search__refinement__grandchild.is-expanded {
  height: auto;
}
.c-side-products-search__refinement__content.is-collapsed,
.c-side-products-search__refinement__grandchild.is-collapsed {
  height: 0;
}

.c-side-products-search__refinement__content {
  background: #F5F6F8;
}

.c-side-products-search__refinement__content__inner {
  padding: 0 1rem 0.1rem;
}

.c-side-products-search__refinement__list {
  background: #fff;
  padding: 0.8rem;
  margin-bottom: 0.9rem;
}

.c-side-products-search__refinement__checkbox-label {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
  padding: 0.4rem 0;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}

.c-side-products-search__refinement__checkbox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.c-side-products-search__refinement__checkbox-input:checked + .c-side-products-search__refinement__checkbox-custom::after {
  border-color: #014099;
}
.c-side-products-search__refinement__checkbox-input:focus + .c-side-products-search__refinement__checkbox-custom {
  outline: 1px solid #014099;
  outline-offset: 0px;
}

.c-side-products-search__refinement__checkbox-custom {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  border: 1px solid #D1D1D1;
  border-radius: 0;
  background-color: #fff;
  margin-right: 0.8rem;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  flex-shrink: 0;
}
.c-side-products-search__refinement__checkbox-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9rem;
  height: 1.3rem;
  border: solid #F5F6F8;
  border-width: 0 3px 3px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}

.c-side-products-search__refinement__checkbox-text {
  flex: 1;
  line-height: 1.5;
  user-select: none;
}

@media (max-width: 768px) {
  .c-side-products-search__container {
    border-radius: 4px;
    overflow: hidden;
  }
}

#open-side-products-search {
  display: none;
  width: 100%;
  padding: 1.2rem 1.5rem;
  background: #718298;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) {
  #open-side-products-search {
    display: block;
  }
}
#open-side-products-search::after {
  content: "";
  position: absolute;
  right: 1.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.1rem;
  height: 2.1rem;
  background: url(../img/common/icon-plus-circle.svg) no-repeat center center/2.1rem;
  transition: transform 0.3s ease-out;
}
#open-side-products-search[aria-expanded=true]::after {
  background-image: url(../img/common/icon-minus-circle.svg);
}

@media (max-width: 768px) {
  .c-tabs--side {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .c-tabs--side.is-expanded {
    max-height: 5000px;
  }
}

.spec-table__content {
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  padding-bottom: 1.6rem;
  border-radius: 8px 0 0 8px;
  z-index: 0;
}
@media (max-width: 768px) {
  .spec-table__content {
    overscroll-behavior: contain;
    max-height: 40rem;
    overflow-y: auto;
    padding-bottom: 0.4rem;
  }
}
.spec-table__content:not(:last-of-type) {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .spec-table__content:not(:last-of-type) {
    margin-bottom: 3.1rem;
  }
}

.spec-table__ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  background: #014099;
  border-radius: 8px 0 0 8px;
  display: grid;
  place-items: center;
  width: 13rem;
  min-width: 13rem;
  border-right: 0.8rem solid #E5ECF5;
  white-space: normal;
  position: sticky;
  left: 0;
  z-index: 3;
}
@media (max-width: 768px) {
  .spec-table__ttl {
    font-size: 1.6rem;
    min-width: 6.8rem;
    width: 6.8rem;
    border-width: 0.4rem;
    position: sticky;
    top: 0;
  }
}

.spec-table__table {
  flex: 1;
  border-spacing: 0;
  border-collapse: separate;
  white-space: nowrap;
  border: none;
  position: relative;
}
.spec-table__table.has-title .spec-table__thead th:first-child {
  left: 13rem;
}
@media (max-width: 768px) {
  .spec-table__table.has-title .spec-table__thead th:first-child {
    left: 6.8rem;
  }
}
.spec-table__table.has-title .spec-table__tbody td:first-child {
  left: 13rem;
}
@media (max-width: 768px) {
  .spec-table__table.has-title .spec-table__tbody td:first-child {
    left: 6.8rem;
  }
}

@media (max-width: 768px) {
  .spec-table__thead tr {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}
.spec-table__thead th {
  background: #014099;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  height: 5.8rem;
  padding-inline: 1rem;
}
@media (max-width: 768px) {
  .spec-table__thead th {
    font-size: 1.6rem;
    height: 4.8rem;
    padding-inline: 1.6rem;
  }
}
.spec-table__thead th:not(:last-child) {
  border-right: 2px solid #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.spec-table__thead th:first-child {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
}

.spec-table__tbody tr:nth-of-type(even) td {
  background: #F5F6F8;
}
.spec-table__tbody td {
  background: #fff;
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1.8rem 1rem;
}
@media (max-width: 768px) {
  .spec-table__tbody td {
    font-size: 1.6rem;
    padding: 0.8rem 0.5rem;
  }
}
.spec-table__tbody td:not(:last-child) {
  border-right: 2px solid #D4D9E0;
}
.spec-table__tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}

.c-tabs .c-tabs__txt {
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  display: block;
}
@media (max-width: 768px) {
  .c-tabs .c-tabs__txt {
    font-size: 1.4rem;
  }
}
.c-tabs .c-tabs__txt .small {
  font-size: 2.2rem;
  transition: all 0.3s ease-out;
}
.c-tabs [role=tablist] {
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0 2rem;
  align-items: end;
  height: 9rem;
}
@media (max-width: 768px) {
  .c-tabs [role=tablist] {
    padding-inline: 1.5rem;
    gap: 0 0.6rem;
    height: 5rem;
    z-index: 2;
  }
}
@media (max-width: 768px) {
  .c-tabs [role=tablist].is-fixed {
    padding-inline: 10px !important;
    gap: 0;
    background: #fff;
    border-bottom: 1px solid #014099;
  }
  .c-tabs [role=tablist].is-fixed .c-tabs__txt {
    font-size: 1.7rem;
  }
  .c-tabs [role=tablist].is-fixed [role=tab] {
    flex: 1;
    border-radius: 0px;
    background: #fff;
    color: rgba(113, 130, 152, 0.5);
    height: 4.9rem;
  }
  .c-tabs [role=tablist].is-fixed [role=tab]:before {
    display: none;
  }
  .c-tabs [role=tablist].is-fixed [role=tab]:not(:last-child):after {
    content: "";
    background: #014099;
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .c-tabs [role=tablist].is-fixed [role=tab][aria-selected=true] {
    color: #014099;
    height: 4.9rem;
    padding-top: 0;
    background: #fff;
  }
  .c-tabs [role=tablist].is-fixed [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.7rem;
  }
}
.c-tabs [role=tab] {
  display: inline-block;
  background: #718298;
  color: #fff;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  text-align: center;
  border: none;
  padding: 0;
  border-radius: 8px 8px 0 0;
  display: grid;
  place-items: center;
  position: relative;
  transition: all 0.3s ease-out;
  height: 6.4rem;
  flex: 1;
}
@media (max-width: 768px) {
  .c-tabs [role=tab] {
    transition: none;
    border-radius: 4px 4px 0 0;
    height: 4rem;
  }
}
.c-tabs [role=tab]:before {
  content: "";
  background: transparent;
  width: 100%;
  height: 1.2rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: background 0.3s ease-out;
}
@media (max-width: 768px) {
  .c-tabs [role=tab]:before {
    height: 0.4rem;
  }
}
.c-tabs [role=tab][aria-selected=true] {
  background: #fff;
  color: #014099;
  flex: 1.23;
  height: 9rem;
  padding-top: 1.2rem;
}
@media (max-width: 768px) {
  .c-tabs [role=tab][aria-selected=true] {
    flex: 1;
    height: 5rem;
    padding-top: 0.4rem;
  }
}
.c-tabs [role=tab][aria-selected=true] .c-tabs__txt {
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .c-tabs [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.6rem;
  }
}
.c-tabs [role=tab][aria-selected=true] .c-tabs__txt .small {
  font-size: 2.4rem;
}
.c-tabs [role=tab][aria-selected=true]:before {
  background: #041562;
}
@media (hover: hover) {
  .c-tabs [role=tab][aria-selected=false]:where(:any-link, :enabled, summary):hover {
    background: #041562;
  }
}
.c-tabs .tabpanel__cont {
  background: #fff;
  padding: 5rem 2.1rem 8rem;
}
@media (max-width: 768px) {
  .c-tabs .tabpanel__cont {
    padding: 2.4rem 1.5rem 2.8rem;
  }
}
.c-tabs [role=tabpanel] {
  min-height: 1rem;
  width: 100%;
  overflow: auto;
}
.c-tabs [role=tabpanel].is-hidden {
  display: none;
}
@media (max-width: 768px) {
  .c-tabs--side {
    border: 1px solid #E5ECF5;
    border-top: none;
    border-radius: 0 0 4px 4px;
  }
}
.c-tabs--side [role=tablist] {
  height: 4rem;
  gap: 0;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tablist] {
    padding-inline: 0;
    height: 5rem;
    border-bottom: 1px solid #014099;
  }
}
.c-tabs--side .c-tabs__txt {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .c-tabs--side .c-tabs__txt {
    font-size: 1.5rem;
  }
}
.c-tabs--side .c-tabs__txt--en {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .c-tabs--side .c-tabs__txt--en {
    font-size: 1.5rem;
  }
}
.c-tabs--side [role=tab] {
  border-radius: 4px 4px 0 0;
  height: 3.6rem;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab] {
    border-radius: 0px;
    background: #fff;
    color: rgba(113, 130, 152, 0.5);
    height: 5rem;
  }
}
.c-tabs--side [role=tab]:before {
  height: 0.4rem;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab]:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab]:not(:last-child):after {
    content: "";
    background: #014099;
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
}
.c-tabs--side [role=tab][aria-selected=true] {
  flex: 1;
  height: 4rem;
  padding-top: 0.4rem;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab][aria-selected=true] {
    height: 5rem;
    padding-top: 0;
  }
}
.c-tabs--side [role=tab][aria-selected=true] .c-tabs__txt {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.5rem;
  }
}
.c-tabs--side [role=tab][aria-selected=true] .c-tabs__txt--en {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .c-tabs--side [role=tab][aria-selected=true] .c-tabs__txt--en {
    font-size: 1.5rem;
  }
}
@media (hover: hover) and (max-width: 768px) {
  .c-tabs--side [role=tab][aria-selected=false]:where(:any-link, :enabled, summary):hover {
    background: #fff;
  }
}
@media (max-width: 768px) {
  .c-tabs--side [role=tabpanel] {
    position: relative;
  }
  .c-tabs--side [role=tabpanel]:before {
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    width: 100%;
    height: 3rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 4px 4px;
    z-index: 1;
  }
}
.c-tabs--side .tabpanel__cont {
  padding: 1.7rem 1.4rem 1.6rem;
}
@media (max-width: 768px) {
  .c-tabs--side .tabpanel__cont {
    background: none;
    max-height: 30rem;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1.6rem 2.4rem 3rem;
  }
}

@media (max-width: 768px) {
  .is-english .c-tabs [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .is-english .c-tabs [role=tab][aria-selected=true] .c-tabs__txt--en {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .is-english .c-tabs [role=tablist].is-fixed .c-tabs__txt,
  .is-english .c-tabs [role=tablist].is-fixed [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.5rem;
  }
}

.c-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media (max-width: 768px) {
  .c-tag-list {
    gap: 0.4rem;
  }
}
@media (max-width: 768px) {
  .c-tag-list--pageLink {
    justify-content: center;
    gap: 0.8rem 0.6rem;
  }
}
.c-tag-list--pageLink .c-tag-list__item {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .c-tag-list--pageLink .c-tag-list__item {
    font-size: 1.4rem;
  }
}
.c-tag-list--pageLink .c-tag-list__item a {
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 0.9rem 2.2rem;
}
@media (max-width: 768px) {
  .c-tag-list--pageLink .c-tag-list__item a {
    padding: 0.9rem 1.5rem;
    gap: 0.6rem;
  }
}
@media (hover: hover) {
  .c-tag-list--pageLink .c-tag-list__item a:where(:any-link, :enabled, summary):hover {
    background: #718298;
    color: #E5ECF5;
    opacity: 1;
  }
  .c-tag-list--pageLink .c-tag-list__item a:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #E5ECF5;
  }
}
.c-tag-list--pageLink .c-tag-list__item .svg-arrow-bottom {
  fill: #718298;
}

.c-tag-list__item {
  background: #E5ECF5;
  color: #718298;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 0.4rem 1.3rem;
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .c-tag-list__item {
    font-size: 1rem;
    line-height: 1.3;
    padding: 0.3rem 0.8rem;
  }
}
.c-tag-list__item:has(a) {
  padding: 0;
}
.c-tag-list__item a {
  display: inline-block;
  padding: 0.4rem 1.3rem;
  border-radius: 2rem;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .c-tag-list__item a:where(:any-link, :enabled, summary):hover {
    background: #718298;
    color: #E5ECF5;
  }
}
@media (max-width: 768px) {
  .c-tag-list__item a {
    padding: 0.3rem 0.8rem;
  }
}

.c-tooltip__body {
  display: block;
}
.c-tooltip__body:before {
  content: "ツールチップあり：";
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
}

.c-tooltip {
  --_bg: #E5ECF5;
  --_color: #014099;
  --_triangle-size: 8px;
  --_gap: 1px;
  position: absolute;
  z-index: 1;
  display: block;
  width: max-content;
  max-width: 156px;
  padding: 5px 6px;
  background-color: var(--_bg);
  color: var(--_color);
  text-align: left;
  border-radius: 4px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 500;
  visibility: hidden;
  opacity: 0;
  filter: drop-shadow(0 0 2px rgba(113, 130, 152, 0.5));
}
.c-tooltip:before {
  position: absolute;
  margin: auto;
  content: "";
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  width: var(--_triangle-size);
  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background-color: var(--_bg);
}
.c-tooltip:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-tooltip--top {
  bottom: calc(100% + var(--_triangle-size) + var(--_gap));
  left: 50%;
  translate: -50% var(--_y, 0);
}
.c-tooltip--top:before {
  bottom: calc(var(--_triangle-size) * -1);
  right: 0;
  left: 0;
  border-width: var(--_triangle-size) var(--_triangle-size) 0 var(--_triangle-size);
  border-color: var(--_bg) transparent transparent transparent;
}
.c-tooltip--top:after {
  top: 100%;
  left: 0;
  height: calc(var(--_triangle-size) + var(--_gap));
}
.c-tooltip--en--product-name {
  max-width: 214px;
  left: auto;
  right: -20px;
  translate: 0% var(--_y, 0);
}
.c-tooltip--en--product-name:before {
  right: 23px;
  left: auto;
}
.c-tooltip--en--line-material {
  max-width: 160px;
  left: auto;
  right: -5px;
  translate: 0% var(--_y, 0);
}
.c-tooltip--en--line-material:before {
  right: 9px;
  left: auto;
}

.c-tooltip-container {
  position: relative;
  display: inline-block;
  margin-left: 0.4rem;
  cursor: pointer;
}
.c-tooltip-container:is(:hover, :focus-visible, :focus-within, :active) > .c-tooltip {
  visibility: visible;
  opacity: 1;
}
.c-tooltip-container--en {
  margin-left: 0.3rem;
}

@media (prefers-reduced-motion: no-preference) {
  .c-tooltip {
    transition: visibility 0s linear 0.1s, opacity 0.1s, translate 0.1s;
  }
  .c-tooltip-container:is(:hover, :focus-visible, :focus-within, :active) > .c-tooltip {
    transition: visibility 0s linear 0s, opacity 0.3s, translate 0.3s;
  }
  .c-tooltip-container:not(:is(:hover, :focus-visible, :focus-within, :active)) > .c-tooltip.-top {
    --_y: var(--_gap);
  }
}
.c-page-nav {
  margin: 4rem auto 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-page-nav {
    margin-top: 1.6rem;
  }
}

.wp-pagenavi {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: stretch;
  -js-display: flex;
  text-align: center;
  position: relative;
}

.wp-pagenavi a,
.wp-pagenavi > span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #D1D1D1;
  font-size: 2.6rem;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .wp-pagenavi a,
  .wp-pagenavi > span {
    font-size: 1.6rem;
  }
}
.wp-pagenavi a:not(:last-child),
.wp-pagenavi > span:not(:last-child) {
  margin-right: 2.6rem;
}
@media (max-width: 768px) {
  .wp-pagenavi a:not(:last-child),
  .wp-pagenavi > span:not(:last-child) {
    margin-right: 1.6rem;
  }
}

.wp-pagenavi a {
  transition: all 0.2s;
}

.wp-pagenavi a:hover {
  color: #014099;
}

.wp-pagenavi .page .icon,
.wp-pagenavi .previouspostslink .icon,
.wp-pagenavi .nextpostslink .icon {
  font-size: 16px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(113, 130, 152, 0.5);
  position: relative;
  background: #fff;
  transition: all 0.3s ease-out;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  .wp-pagenavi .previouspostslink:before,
  .wp-pagenavi .nextpostslink:before {
    width: 1rem;
    height: 1rem;
  }
}

.wp-pagenavi .previouspostslink:before {
  background: url(../img/common/arrow-left-blue.svg) no-repeat center center/1.6rem;
}
@media (max-width: 768px) {
  .wp-pagenavi .previouspostslink:before {
    background-size: 1rem;
  }
}
.wp-pagenavi .previouspostslink:hover {
  box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
}
.wp-pagenavi .previouspostslink:hover:before {
  transform: translate(-5px, -50%);
}

.wp-pagenavi .nextpostslink:before {
  background: url(../img/common/arrow-right-blue.svg) no-repeat center center/1.6rem;
}
@media (max-width: 768px) {
  .wp-pagenavi .nextpostslink:before {
    background-size: 1rem;
  }
}
.wp-pagenavi .nextpostslink:hover {
  box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
}
.wp-pagenavi .nextpostslink:hover:before {
  transform: translate(5px, -50%);
}

.wp-pagenavi .current {
  color: #014099;
}

.editor-styles-wrapper .b-3column__ttl {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.255;
  padding: 0;
  margin: 0 0 10px;
}
.editor-styles-wrapper .b-3column__ttl:before {
  display: none;
}
.editor-styles-wrapper .b-3column__flex {
  display: flex;
  gap: 35px;
}
.editor-styles-wrapper .b-3column__flex-item {
  width: 33.333%;
  flex-basis: 33.333%;
}
.editor-styles-wrapper .b-3column__flex-item-img {
  padding: 0;
  margin: 0 0 14px 0;
}
.editor-styles-wrapper .b-3column__flex-item-ttl {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.255;
  padding: 0;
  border: none;
  margin: 0 0 14px 0;
}
.editor-styles-wrapper .b-3column__flex-item-txt {
  margin: 0 0 14px 0;
}

.b-categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.b-categoryList__link {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.8rem;
  background: var(--category-color);
  color: #fff;
}
@media (max-width: 768px) {
  .b-categoryList__link {
    font-size: 1.2rem;
    padding: 0.1rem 0.4rem;
  }
}

.b-modal__dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.b-modal__dialog {
  border: none;
  background: none;
  padding: 7.2rem 2rem 0;
  overflow: visible;
  /* 非表示のアニメーション登録 */
  animation-name: fadeOut;
  animation-fill-mode: forwards;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  width: 100%;
  max-width: 1740px;
  margin: 1rem auto 0;
}
@media (max-width: 768px) {
  .b-modal__dialog {
    padding: 4.4rem 0 0;
  }
}

.b-modal__dialog[open] {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
}

.b-modal__closeButton {
  background: none;
  border: none;
  position: absolute;
  top: 0;
  right: 20px;
  padding: 0;
}
@media (max-width: 768px) {
  .b-modal__closeButton {
    width: 3.3rem;
  }
}

.b-modal__dialog__inpurArea {
  border-radius: 0;
  border: none;
  position: relative;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100svh - 14rem);
}
@media (max-width: 768px) {
  .b-modal__dialog__inpurArea {
    padding: 0 1.5rem;
    max-height: calc(100svh - 8rem);
  }
}

.b-modal__dialog-container {
  position: relative;
  background: #E5ECF5;
  padding: 5rem 5rem 16rem;
}
@media (max-width: 1240px) {
  .b-modal__dialog-container {
    padding-inline: 1rem;
  }
}
@media (max-width: 768px) {
  .b-modal__dialog-container {
    padding: 3rem 1.5rem 7.2rem;
  }
}
@media (max-width: 440px) {
  .b-modal__dialog-container {
    padding-inline: 0.8rem;
  }
}
.b-modal__dialog-container .c-tabs {
  max-width: 1170px;
  margin-inline: auto;
}
@media (max-width: 1140px) {
  .b-modal__dialog-container .c-tabs [role=tablist] {
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tablist] {
    padding-inline: 0;
    gap: 0.3rem;
    height: 4rem;
  }
}
.b-modal__dialog-container .c-tabs .c-tabs__txt {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs .c-tabs__txt {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
  }
}
.b-modal__dialog-container .c-tabs .c-tabs__txt .pipe {
  font-size: 1.6rem;
  transform: translateY(-0.2em);
  display: inline-block;
  margin-inline: 0.3em;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs .c-tabs__txt .pipe {
    font-size: 1rem;
  }
}
.b-modal__dialog-container .c-tabs [role=tab] {
  flex: 1;
}
@media (max-width: 1140px) {
  .b-modal__dialog-container .c-tabs [role=tab] {
    flex: auto;
  }
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tab] {
    border-radius: 8px 8px 0 0;
  }
}
.b-modal__dialog-container .c-tabs [role=tab]:before {
  height: 10px;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tab]:before {
    height: 4px;
  }
}
.b-modal__dialog-container .c-tabs [role=tab][aria-selected=false] {
  background: rgba(113, 130, 152, 0.3);
}
.b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] {
  padding-top: 10px;
  flex: 1.1;
}
@media (max-width: 1140px) {
  .b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] {
    flex: auto;
  }
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] {
    height: 4rem;
    padding-top: 0.4rem;
  }
}
.b-modal__dialog-container .c-tabs [role=tab][aria-selected=true]:before {
  background: #014099;
}
.b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] .c-tabs__txt {
  font-size: 2.2rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] .c-tabs__txt {
    font-size: 1.2rem;
  }
}
.b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] .c-tabs__txt--l {
  font-size: 3rem;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs [role=tab][aria-selected=true] .c-tabs__txt--l {
    font-size: 1.2rem;
  }
}
.b-modal__dialog-container .c-tabs .tabpanel__cont {
  padding-bottom: 6.4rem;
}
@media (max-width: 768px) {
  .b-modal__dialog-container .c-tabs .tabpanel__cont {
    padding-bottom: 2.4rem;
  }
}

.b-modal__heading-01 {
  font-size: 5rem;
  font-weight: bold;
  color: #014099;
  text-align: center;
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .b-modal__heading-01 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
}
.b-modal__heading-01 .small {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .b-modal__heading-01 .small {
    font-size: 2.4rem;
  }
}
.b-modal__heading-01 #js-modal-category-name .pipe {
  font-size: 0.7em;
  transform: translateY(-0.2em);
  display: inline-block;
  margin-inline: 0.3em;
}

.b-modal__heading-02 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #014099;
  text-align: center;
  margin-bottom: 4.5rem;
}
@media (max-width: 768px) {
  .b-modal__heading-02 {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
}
.b-modal__heading-02 .small {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .b-modal__heading-02 .small {
    font-size: 1.6rem;
  }
}

.b-modal__closeButton--bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 288px;
  height: 65px;
  color: #fff;
  background: #014099;
  display: grid;
  place-items: center;
  font-size: 2rem;
  font-weight: 500;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .b-modal__closeButton--bottom:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .b-modal__closeButton--bottom {
    width: 15.6rem;
    height: 4rem;
    font-size: 1.6rem;
  }
}

.b-postContent p {
  line-height: 1.8;
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .b-postContent p {
    font-size: 1.6rem;
  }
}
.b-postContent a {
  color: #014099;
  text-decoration: underline;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .b-postContent a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.b-postContent address {
  font-style: normal;
}
.b-postContent li {
  line-height: 1.8;
  margin: 1.05em 0;
}
.b-postContent .is-style-num_circle {
  padding-left: 0;
}
.b-postContent .is-style-num_circle li {
  padding-left: 2.6em;
}
.b-postContent .is-style-num_circle li:before {
  width: 2.1em;
  height: 2.1em;
  top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  line-height: 2.1em;
}
.b-postContent ul.is-style-index li:before {
  background: #014099;
  height: 8px;
  left: 0px;
  position: absolute;
  top: calc(0.75em - 1px);
  width: 8px;
}
.b-postContent hr {
  border-bottom: 4px solid #ddd;
}
.b-postContent .cap_box_content {
  border: 2px solid #718298;
}
.b-postContent .is-style-onborder_ttl > .cap_box_ttl {
  font-size: 2rem;
  font-weight: bold;
}
.b-postContent .wp-block-columns {
  gap: 4rem !important;
}
@media (max-width: 768px) {
  .b-postContent .wp-block-columns.is-not-stacked-on-mobile {
    gap: 1rem !important;
  }
}
.b-postContent .wp-block-columns .c-heading-04 {
  font-size: 2rem !important;
  font-weight: bold;
  color: #014099;
  padding: 0;
  border: none;
  margin: 0 0 1rem !important;
}
@media (max-width: 768px) {
  .b-postContent .wp-block-columns .c-heading-04 {
    text-align: center;
  }
}

.b-button-01 a {
  position: relative;
  height: 6.2rem;
  font-size: 1.8rem;
  padding-inline: 6.4rem 10rem;
}
@media (max-width: 768px) {
  .b-button-01 a {
    height: 4.6rem;
    font-size: 1.5rem;
    padding-inline: 2.1rem 5.1rem;
  }
}
.b-button-01 a .u-fz-s {
  transition: opacity 0.3s ease-out;
  font-size: 1.8rem !important;
}
@media (max-width: 768px) {
  .b-button-01 a .u-fz-s {
    font-size: 1.5rem !important;
  }
}
@media (hover: hover) {
  .b-button-01 a:where(:any-link, :enabled, summary):hover .u-fz-s {
    opacity: 0.7;
  }
}
.b-button-01 a .swl-inline-icon {
  position: absolute;
  right: 1.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
}

.b-productLink.wp-block-columns {
  gap: 2.4rem !important;
}
@media (max-width: 768px) {
  .b-productLink.wp-block-columns {
    gap: 1.6rem !important;
  }
}
.b-productLink .p-blogCard:hover {
  box-shadow: none;
}
.b-productLink .p-blogCard:hover .c-postThumb__figure img {
  transform: scale(1.2);
}
.b-productLink .p-blogCard__inner {
  padding: 0;
  display: block;
}
.b-productLink .p-blogCard__inner:before {
  border: none;
}
.b-productLink .p-blogCard__caption {
  display: none;
}
.b-productLink .c-postThumb {
  width: 100%;
  border: 1px solid #DDDDDD;
  margin: 0 0 0.8rem 0;
}
.b-productLink .p-blogCard .c-postThumb__figure:before {
  padding-top: 0;
}
.b-productLink .p-blogCard .c-postThumb__figure img {
  transition: all 0.3s ease-out;
  object-fit: contain;
  position: static;
}
.b-productLink .p-blogCard__title {
  color: #014099;
  text-decoration: underline;
  font-size: 1.5rem;
}

.b-productLink--col1 .c-postThumb {
  max-width: 270px;
}
@media (max-width: 768px) {
  .b-productLink--col1 .c-postThumb {
    max-width: calc(50% - 1.6rem)/2 !important;
  }
}

.b-table-01 {
  border: 2px solid #D4D9E0;
}
.b-table-01.wp-block-table th, .b-table-01.wp-block-table td {
  border: none;
  text-align: center;
}
@media (max-width: 768px) {
  .b-table-01.wp-block-table th, .b-table-01.wp-block-table td {
    font-size: 1.5rem;
  }
}
.b-table-01.wp-block-table th {
  font-weight: bold;
}
.b-table-01.wp-block-table td {
  font-weight: 500;
  padding: 0.65em 0.75em;
}
.b-table-01.wp-block-table td:not(:last-child) {
  border-right: 2px solid #D4D9E0;
}
.b-table-01 tr:nth-of-type(even) td {
  background: #F5F6F8;
}
.b-table-01 tr:not(:last-child) th {
  border-bottom: 2px solid #fff;
}

.b-group-01 {
  background: #E5ECF5;
  padding: 2.6rem 3.2rem;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .b-group-01 {
    padding: 1.6rem;
  }
}
.b-group-01 h2 {
  font-size: 2.2rem !important;
  font-weight: bold;
  color: #014099 !important;
  padding: 0;
  background: none !important;
  margin: 0 0 1rem !important;
  text-align: center !important;
}
.b-group-01 p {
  text-align: center;
  line-height: 2;
  margin-bottom: 1em;
}
.b-group-01 small {
  font-size: 0.9em;
  line-height: 1.59;
  display: inline-block;
  color: #707070;
  opacity: 1;
}

/**
 * セクションナビゲーションコンポーネント
 * セクション内のナビゲーションリストを表示するコンポーネント
 */
.c-secNav {
  background: #fff;
  padding-block: 16rem;
}
@media (max-width: 768px) {
  .c-secNav {
    padding-block: 8rem;
  }
}

.c-secNav__heading {
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .c-secNav__heading {
    margin-bottom: 2.3rem;
  }
}

.c-secNav__note {
  margin-bottom: 6.4rem;
}
@media (max-width: 768px) {
  .c-secNav__note {
    margin-bottom: 2.5rem;
  }
}

.c-secNav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .c-secNav__list {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.c-secNav__item {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .c-secNav__item {
    gap: 2rem;
  }
}
.c-secNav__item--col1 {
  width: 100%;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .c-secNav__item--col1 {
    margin-bottom: 0;
  }
}
.c-secNav__item--col3 {
  width: calc((100% - 3rem) / 3);
}
@media (max-width: 999px) {
  .c-secNav__item--col3 {
    width: 100%;
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .c-secNav__item--col3 {
    width: 100%;
    margin-bottom: 0;
  }
}
.c-secNav__item--col3 .c-secNav__item__button {
  padding-right: 3.9rem;
  height: 15rem;
}
@media (max-width: 999px) {
  .c-secNav__item--col3 .c-secNav__item__button {
    height: auto;
  }
}

.c-secNav__item__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 7.1rem 0 2.1rem;
  border: 3px solid #041562;
  border-radius: 0.8rem;
  transition: all 0.3s ease-out;
  position: relative;
}
@media (hover: hover) {
  .c-secNav__item__button:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
  }
  .c-secNav__item__button:where(:any-link, :enabled, summary):hover .c-secNav__ttl {
    color: #fff;
  }
  .c-secNav__item__button:where(:any-link, :enabled, summary):hover .c-secNav__arrow .svg-arrow-bottom {
    fill: #fff;
  }
}
@media (max-width: 999px) {
  .c-secNav__item__button {
    padding-right: 2.1rem;
  }
}
@media (max-width: 768px) {
  .c-secNav__item__button {
    padding: 1.5rem;
    border-width: 2px;
    padding: 1rem 4.1rem 1rem 1.1rem;
  }
}

.c-secNav__ttl {
  flex: 1;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #014099;
  transition: color 0.3s ease-out;
}
@media (max-width: 999px) {
  .c-secNav__ttl br {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .c-secNav__ttl br {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .c-secNav__ttl br.pc {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .c-secNav__ttl {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .c-secNav__illust {
    max-width: 52%;
  }
}
.c-secNav__arrow {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-secNav__arrow {
    right: 1.1rem;
  }
}
.c-secNav__arrow .svg-arrow-bottom {
  fill: #014099;
}

.offshore__swiper {
  margin-left: calc(50vw - 560px);
  overflow: visible;
}
@media (max-width: 1240px) {
  .offshore__swiper {
    margin-left: 6rem;
  }
}
@media (max-width: 768px) {
  .offshore__swiper {
    margin-left: 4rem;
  }
}
.offshore__swiper .swiper-slide {
  width: 339px !important;
  margin-right: 28px;
  transition: all 0.3s ease-out;
  opacity: 1;
}
@media (max-width: 440px) {
  .offshore__swiper .swiper-slide {
    width: 61.5vw !important;
    margin-right: 6.4vw;
  }
}
.offshore__swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}

.offshore__swiper__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}
@media (max-width: 768px) {
  .offshore__swiper__item {
    gap: 4px;
  }
}

@media (hover: hover) {
  .offshore__swiper__link:where(:any-link, :enabled, summary):hover .offshore__swiper__ttl {
    color: #014099;
  }
}

.offshore__swiper__category {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 1.6rem;
  letter-spacing: 0.3em;
  color: #014099;
  line-height: 1;
}
@media (max-width: 768px) {
  .offshore__swiper__category {
    font-size: 1.5rem;
    padding-top: 0.6rem;
  }
}

.offshore__swiper__img {
  aspect-ratio: 315/442;
  margin-bottom: 1.1rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .offshore__swiper__img {
    margin-bottom: 0.4rem;
  }
}

.offshore__swiper__ttl {
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  .offshore__swiper__ttl {
    line-height: 1.6;
  }
}

.offshore__swiper__tags {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .offshore__swiper__tags {
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  .offshore__swiper__tags .c-tag-list__item {
    padding: 0;
    background: none;
  }
}

.offshore__swiper__ui {
  margin-top: 4.8rem;
  margin-right: calc(50vw - 560px);
}
@media (max-width: 768px) {
  .offshore__swiper__ui {
    margin-top: 2.1rem;
    margin-right: 4rem;
  }
}

.pickup__swiper {
  margin-left: calc(50vw - 560px);
  overflow: visible;
}
@media (max-width: 1240px) {
  .pickup__swiper {
    margin-left: 6rem;
  }
}
@media (max-width: 768px) {
  .pickup__swiper {
    margin-left: 4rem;
  }
}
.pickup__swiper .swiper-slide {
  width: 553px !important;
  margin-right: 24px;
  transition: all 0.3s ease-out;
  opacity: 1;
}
@media (max-width: 440px) {
  .pickup__swiper .swiper-slide {
    width: 82vw !important;
    margin-right: 3vw;
  }
}
.pickup__swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}

.pickup__swiper__ui {
  margin-top: 4.8rem;
  margin-right: calc(50vw - 560px);
}
@media (max-width: 768px) {
  .pickup__swiper__ui {
    margin-top: 1.5rem;
    margin-right: 4rem;
  }
}

.secContents {
  background: #014099;
  overflow: hidden;
  padding-bottom: 15.2rem;
}
@media (max-width: 768px) {
  .secContents {
    padding-bottom: 8.3rem;
  }
}
.secContents .inner {
  max-width: 1240px;
}

.secContents__imgSlider {
  animation: marqueeX 40s linear infinite;
  display: flex;
  width: 5805px;
  margin-bottom: 15.2rem;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  contain: layout style;
  isolation: isolate;
}
@media (max-width: 768px) {
  .secContents__imgSlider {
    animation: marqueeX 20s linear infinite;
    width: 702vw;
    margin-bottom: 4.1rem;
  }
}
.secContents__imgSlider--en {
  margin-bottom: 0;
}

@-webkit-keyframes marqueeX {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-33.3333333333%, 0, 0);
    transform: translate3d(-33.3333333333%, 0, 0);
  }
}
@keyframes marqueeX {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-33.3333333333%, 0, 0);
  }
}
.secContents__imgSlider__img {
  width: 387px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
@media (max-width: 768px) {
  .secContents__imgSlider__img {
    width: 46.8vw;
  }
}

.secContents__heading {
  margin-bottom: 6.9rem;
}
@media (max-width: 768px) {
  .secContents__heading {
    margin-bottom: 3.5rem;
  }
}

.secContents__bnr {
  max-width: 1040px;
  margin-inline: auto;
  margin-bottom: 12.8rem;
}
@media (max-width: 768px) {
  .secContents__bnr {
    margin-bottom: 4.1rem;
  }
}

.secContents__bnr__link {
  display: block;
  transition: opacity 0.3s ease-out;
  position: relative;
}
@media (hover: hover) {
  .secContents__bnr__link:where(:any-link, :enabled, summary):hover .secContents__bnr__img {
    opacity: 0.7;
  }
  .secContents__bnr__link:where(:any-link, :enabled, summary):hover .c-btn-01__arrow:before {
    scale: 1.15;
  }
}

.secContents__bnr__img {
  transition: opacity 0.3s ease-out;
  position: relative;
  height: 250px;
}
@media (max-width: 768px) {
  .secContents__bnr__img {
    height: 220px;
  }
}
.secContents__bnr__img:before {
  content: "";
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 15%, rgba(229, 236, 245, 0.4) 85%);
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  display: block;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 0;
}
.secContents__bnr__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.secContents__bnr__inner {
  padding: 4rem 2rem 3.7rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.secContents__bnr__txt {
  font-size: 3.6rem;
  text-align: center;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.04em;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  .secContents__bnr__txt {
    font-size: 2.2rem;
    line-height: 1.63;
    margin-bottom: 1.7rem;
  }
}

.secContents__bnr__btn {
  text-align: center;
}

.secContents__pageNav {
  margin-bottom: 9.6rem;
  padding-inline: 1.5rem;
}
@media (max-width: 1200px) {
  .secContents__pageNav {
    padding-inline: 0;
  }
}
@media (max-width: 768px) {
  .secContents__pageNav {
    margin-bottom: 4.4rem;
  }
}

.secContents__box:not(:last-of-type) {
  margin-bottom: 4.8rem;
}
@media (max-width: 768px) {
  .secContents__box:not(:last-of-type) {
    margin-bottom: 4rem;
  }
}
.secContents__box .inner {
  position: relative;
}

.secContents__box__bg {
  position: relative;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .secContents__box__bg {
    padding-bottom: 3.2rem;
  }
}
.secContents__box__bg:before {
  content: "";
  background: #fff;
  width: calc(50vw + 600px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 1240px) {
  .secContents__box__bg:before {
    width: calc(100vw - 2rem);
  }
}
@media (max-width: 768px) {
  .secContents__box__bg:before {
    border-radius: 4px 0 0 4px;
    width: calc(100vw - 1.5rem);
  }
}

.secContents__box__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-inline: 4rem 1.6rem;
  margin-bottom: 5.3rem;
  gap: 2rem;
}
@media (max-width: 768px) {
  .secContents__box__head {
    display: block;
    padding-inline: 2.5rem 0;
    margin-bottom: 2.6rem;
  }
}

.secContents__box__heading {
  font-size: 4rem;
  font-weight: bold;
  color: #014099;
  border-left: 4px solid #014099;
  padding-left: 2.5rem;
  padding-block: 7rem 2.4rem;
  flex: 1;
}
@media (max-width: 768px) {
  .secContents__box__heading {
    font-size: 2.2rem;
    border-width: 2px;
    padding-left: 1.8rem;
    padding-block: 3.3rem 0.9rem;
  }
}

.secContents__btn--pc {
  display: block;
  padding-bottom: 2rem;
}
@media (max-width: 768px) {
  .secContents__btn--pc {
    display: none;
  }
}
.secContents__btn--sp {
  display: none;
}
@media (max-width: 768px) {
  .secContents__btn--sp {
    display: block;
    margin-top: 3.3rem;
    text-align: center;
  }
}

.other__list {
  padding-inline: 4rem 2rem;
}
@media (max-width: 768px) {
  .other__list {
    padding-inline: 2.5rem 1rem;
  }
}

.secLine {
  background: #fff;
  padding-block: 16rem;
}
@media (max-width: 768px) {
  .secLine {
    padding-block: 0 8rem;
  }
}
.secLine .inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (max-width: 999px) {
  .secLine .inner {
    display: block;
  }
}
@media (max-width: 768px) {
  .secLine .inner {
    padding-inline: 0;
  }
}

.secLine__img {
  flex: 1;
  margin-right: calc(50% - 50vw);
  margin-left: 3.7%;
  box-shadow: 3px 3px 10px 0 rgba(113, 130, 152, 0.5);
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  max-height: 739px;
}
@media (max-width: 1240px) {
  .secLine__img {
    margin-left: 0;
  }
}
@media (max-width: 999px) {
  .secLine__img {
    margin-left: 3vw;
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .secLine__img {
    margin-left: 0;
    margin-bottom: 2.7rem;
    border-radius: 0px;
    box-shadow: none;
  }
}

.secLine__txtbox {
  width: 41%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 8rem;
}
@media (max-width: 1240px) {
  .secLine__txtbox {
    width: 50%;
    padding-bottom: 0;
  }
}
@media (max-width: 999px) {
  .secLine__txtbox {
    width: 100%;
  }
}

.secLine__heading {
  margin-bottom: 8rem;
}
@media (max-width: 999px) {
  .secLine__heading {
    text-align: center;
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  .secLine__heading {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 999px) {
  .secLine__btn {
    text-align: center;
  }
}

.secLink-brand-retailers {
  background: #fff;
  padding-block: 15rem 16rem;
}
@media (max-width: 768px) {
  .secLink-brand-retailers {
    padding-block: 8rem;
  }
}

.secLinks {
  position: relative;
  padding-bottom: 15.2rem;
}
@media (max-width: 768px) {
  .secLinks {
    padding-bottom: 8.2rem;
    padding-inline: 1rem;
  }
}
.secLinks:before {
  content: "";
  background: #014099;
  width: 100%;
  height: 547px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .secLinks:before {
    height: 84%;
  }
}

.secNew {
  padding-block: 14.6rem 15.2rem;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .secNew {
    padding-block: 8.6rem 8rem;
  }
}

.secNew__heading {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .secNew__heading {
    margin-bottom: 2.7rem;
  }
}

.secNew__swiper {
  margin-left: calc(50vw - 563px);
  overflow: visible;
}
@media (max-width: 1210px) {
  .secNew__swiper {
    margin-left: 4rem;
  }
}
@media (max-width: 440px) {
  .secNew__swiper {
    margin-left: 1.5rem;
  }
}
.secNew__swiper .swiper-slide {
  width: 340px !important;
  height: auto;
  margin-right: 32px;
  transition: all 0.3s ease-out;
  opacity: 1;
}
@media (max-width: 440px) {
  .secNew__swiper .swiper-slide {
    width: 65.55vw !important;
    margin-right: 4.44vw;
  }
}
.secNew__swiper .swiper-slide-active {
  transform: translateX(-22px);
}
@media (max-width: 440px) {
  .secNew__swiper .swiper-slide-active {
    transform: translateX(0);
  }
}
.secNew__swiper .swiper-slide-active .secNew__card:before {
  box-shadow: 5px 5px 20px rgba(113, 130, 152, 0.5);
  transform: scale(1.06);
}
@media (max-width: 440px) {
  .secNew__swiper .swiper-slide-active .secNew__card:before {
    box-shadow: 2px 2px 8px rgba(113, 130, 152, 0.5);
    transform: scale(1, 1.06);
  }
}
.secNew__swiper .swiper-slide-active .secNew__card__inner {
  transform: translateX(10px);
}
@media (max-width: 440px) {
  .secNew__swiper .swiper-slide-active .secNew__card__inner {
    transform: translateX(0);
  }
}
.secNew__swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}

.secNew__item {
  height: 100%;
}
.secNew__item a {
  display: block;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding-top: 2.9rem;
}
@media (hover: hover) {
  .secNew__item a:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
  .secNew__item a:where(:any-link, :enabled, summary):hover .secNew__name {
    color: #014099;
  }
}

.secNew__newTag {
  display: inline-block;
  background: #014099;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 0.4rem 1.2rem;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.secNew__card {
  padding: 2.8rem;
  position: relative;
  flex: 1;
}
@media (max-width: 440px) {
  .secNew__card {
    padding: 1.6rem 1.6rem 2.5rem;
  }
}
.secNew__card:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 0 0 8px 8px;
  transition: all 0.3s ease-out;
  transform-origin: left top;
}

.secNew__card__inner {
  transition: all 0.3s ease-out;
}

.secNew__img {
  width: 284px;
  height: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (max-width: 440px) {
  .secNew__img {
    width: calc(100% - 2.4rem);
    margin-inline: auto;
    margin-bottom: 1rem;
  }
}
.secNew__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.secNew__name {
  line-height: 1.3;
  transition: color 0.3s ease-out;
}
@media (max-width: 440px) {
  .secNew__name {
    line-height: 1.5;
  }
}

.secNew__tags {
  margin-top: 2.3rem;
}

.secNew__swiper__ui {
  margin-top: 7.8rem;
  margin-bottom: 6.4rem;
  margin-right: calc(50vw - 563px);
}
@media (max-width: 1210px) {
  .secNew__swiper__ui {
    margin-right: 4rem;
  }
}
@media (max-width: 440px) {
  .secNew__swiper__ui {
    margin-top: 4rem;
    margin-bottom: 4.1rem;
    margin-right: 1.5rem;
  }
}

.secNew__btn {
  text-align: center;
}

.secProductInfo {
  background: #014099;
  padding-block: 15.1rem 16rem;
}
@media (max-width: 768px) {
  .secProductInfo {
    padding-block: 8.3rem 0;
  }
}
@media (max-width: 768px) {
  .secProductInfo .c-categorySearchList:not(.b-modal__dialog-container .c-categorySearchList) {
    padding-inline: 2.5rem;
  }
}

.secProductInfo__heading {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .secProductInfo__heading {
    margin-bottom: 2.6rem;
  }
}

@media (max-width: 768px) {
  .secProductInfo__cont {
    padding-inline: 0;
  }
}

.secProductInfo__btn {
  text-align: center;
  margin-top: 6.4rem;
}
@media (max-width: 768px) {
  .secProductInfo__btn {
    margin-top: 4rem;
    margin-bottom: 5.6rem;
  }
}

.secSearch--contents {
  padding-block: 15.6rem 16rem;
}
@media (max-width: 768px) {
  .secSearch--contents {
    padding-block: 4.3rem 4rem;
  }
}
@media (max-width: 768px) {
  .secSearch--contents .inner {
    padding-inline: 2.3rem;
  }
}
.secSearch--contents .c-products-search__search__ttl {
  font-size: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .secSearch--contents .c-products-search__search__ttl {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.secSearch--contents .secSearch__item {
  max-width: 510px;
  margin-inline: auto;
}
.secSearch--contents .secSearch__txt {
  text-align: center;
  letter-spacing: 0.06em;
  margin-top: -1rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .secSearch--contents .secSearch__txt {
    font-size: 1.5rem;
    letter-spacing: 0;
    margin-top: -1.2rem;
    margin-bottom: 2.2rem;
  }
}

.st-article__sidebar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .st-article__sidebar {
    padding-inline: 1.5rem;
  }
}

.st-article__sidebar__item {
  background: #fff;
  border-radius: 4px 4px 0 0;
  border-top: 4px solid #041562;
  padding: 0 1.6rem 1.6rem;
}
@media (max-width: 768px) {
  .st-article__sidebar__item {
    padding: 0 0.8rem 1.6rem;
  }
}

.st-article__sidebar__heading {
  font-size: 1.4rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.03em;
  padding-block: 0.8rem;
}
@media (max-width: 768px) {
  .st-article__sidebar__heading {
    padding-block: 0.9rem;
    padding-inline: 0.8rem;
  }
}

.st-article__sidebar__categoryList {
  padding-top: 0.3rem;
}
@media (max-width: 768px) {
  .st-article__sidebar__categoryList {
    padding-inline: 0.8rem;
  }
}

.st-article__sidebar__categoryList__item {
  border-bottom: 1px solid #D1D1D1;
}
.st-article__sidebar__categoryList__item a {
  display: block;
  font-size: 1.2rem;
  padding-block: 1.2rem;
  position: relative;
  transition: opacity 0.3s ease-out;
}
.st-article__sidebar__categoryList__item a:before {
  content: "";
  background: url(../img/common/chevron-right-black.svg) no-repeat center center/contain;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .st-article__sidebar__categoryList__item a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

.st-article__sidebar__bnrList {
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}
@media (max-width: 768px) {
  .st-article__sidebar__bnrList {
    padding-top: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 0.6rem;
  }
}

.st-article__sidebar__bnrList__item a {
  display: block;
  position: relative;
}
.st-article__sidebar__bnrList__item--border {
  border: 2px solid #014099;
}

.st-article__sidebar__bnrList__txt {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.22;
}
@media (max-width: 768px) {
  .st-article__sidebar__bnrList__txt {
    font-size: 1.5rem;
  }
}

#brandvision .c-pageTtl-02__bg {
  height: 68rem;
}
@media (max-width: 768px) {
  #brandvision .c-pageTtl-02__bg {
    height: 17.9rem;
  }
}
#brandvision .c-pageTtl-02__title {
  font-size: 6.4rem;
  line-height: 1.8;
  text-shadow: none;
  text-align: left;
  max-width: 1170px;
  margin-inline: auto;
  padding-bottom: 5.8rem;
}
@media (max-width: 1210px) {
  #brandvision .c-pageTtl-02__title {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  #brandvision .c-pageTtl-02__title {
    font-size: 2.2rem;
    padding-bottom: 0;
    padding-inline: 1.6rem;
  }
}
#brandvision .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #brandvision .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#brandvision .secAbout {
  background: #fff;
  padding-block: 20rem 38.9rem;
}
@media (max-width: 1110px) {
  #brandvision .secAbout {
    padding-block: 16rem 10rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secAbout {
    padding-block: 3.8rem 8.7rem;
  }
}
#brandvision .secAbout .inner {
  position: relative;
  z-index: 0;
}
#brandvision .secAbout__heading {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15rem;
}
@media (max-width: 1110px) {
  #brandvision .secAbout__heading {
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secAbout__heading {
    margin-bottom: 3rem;
  }
}
#brandvision .secAbout__logo {
  margin-right: 4.2rem;
}
@media (max-width: 768px) {
  #brandvision .secAbout__logo {
    width: 25rem;
    margin-right: 2rem;
  }
}
#brandvision .secAbout__logo--en {
  margin-right: 0;
}
@media (max-width: 768px) {
  #brandvision .secAbout__logo--en {
    width: 24rem;
  }
}
#brandvision .secAbout__ttl {
  font-size: 5rem;
  font-weight: bold;
  color: #014099;
}
@media (max-width: 768px) {
  #brandvision .secAbout__ttl {
    font-size: 2.4rem;
  }
}
#brandvision .secAbout__ttl--en {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  #brandvision .secAbout__ttl--en {
    margin-right: 0.6rem;
  }
}
#brandvision .secAbout__txtbox {
  padding-left: 3.3rem;
}
@media (max-width: 1110px) {
  #brandvision .secAbout__txtbox {
    padding-left: 0;
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secAbout__txtbox {
    margin-bottom: 4rem;
  }
}
#brandvision .secAbout__txtbox--en {
  max-width: 550px;
}
@media (max-width: 768px) {
  #brandvision .secAbout__txtbox--en {
    max-width: 100%;
  }
}
#brandvision .secAbout__txt {
  line-height: 2.5;
  letter-spacing: 0.06em;
}
#brandvision .secAbout__txt + .secAbout__txt {
  margin-top: 5em;
}
@media (max-width: 1110px) {
  #brandvision .secAbout__txt + .secAbout__txt {
    margin-top: 2.6em;
  }
}
@media (max-width: 768px) {
  #brandvision .secAbout__txt {
    font-size: 1.6rem;
  }
}
#brandvision .secAbout__img {
  position: absolute;
  right: -5rem;
  top: 0;
  z-index: -1;
}
@media (max-width: 1110px) {
  #brandvision .secAbout__img {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 0;
  }
}
@media (max-width: 1110px) {
  #brandvision .secAbout__img--pc {
    display: none;
  }
}
#brandvision .secAbout__img--sp {
  display: none;
}
@media (max-width: 1110px) {
  #brandvision .secAbout__img--sp {
    display: block;
  }
}
#brandvision .secWorld {
  background: #014099;
  border-radius: 6.4rem;
  color: #fff;
  padding-block: 13.6rem 16rem;
  position: relative;
}
@media (max-width: 768px) {
  #brandvision .secWorld {
    border-radius: 4rem;
    padding-block: 8rem 8rem;
  }
}
#brandvision .secWorld:before, #brandvision .secWorld:after {
  content: "";
  width: 0.4rem;
  height: 7.2rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #brandvision .secWorld:before, #brandvision .secWorld:after {
    width: 0.2rem;
    height: 5.2rem;
  }
}
#brandvision .secWorld:before {
  background: #014099;
  top: -7.2rem;
}
@media (max-width: 768px) {
  #brandvision .secWorld:before {
    top: -5.2rem;
  }
}
#brandvision .secWorld:after {
  background: #fff;
  top: 0;
}
#brandvision .secWorld__heading {
  font-size: 4.7rem;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 7.5rem;
}
@media (max-width: 768px) {
  #brandvision .secWorld__heading {
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
}
#brandvision .secWorld__txt {
  max-width: 960px;
  margin-inline: auto;
  line-height: 1.8;
  letter-spacing: 0.06em;
  margin-bottom: 9.3rem;
}
@media (max-width: 768px) {
  #brandvision .secWorld__txt {
    max-width: 100%;
    margin-bottom: 4.5rem;
    font-size: 1.6rem;
  }
}
#brandvision .secWorld__slider {
  width: 100%;
  overflow: hidden;
}
#brandvision .secContents__imgSlider {
  animation: marqueeX 96s linear infinite;
  display: flex;
  margin-bottom: 0;
  width: 14454px;
}
@media (max-width: 768px) {
  #brandvision .secContents__imgSlider {
    animation: marqueeX 48s linear infinite;
    width: 762.48vw;
  }
}
#brandvision .secContents__imgSlider__img:nth-of-type(odd) {
  width: 420px;
}
@media (max-width: 768px) {
  #brandvision .secContents__imgSlider__img:nth-of-type(odd) {
    width: 44.44vw;
  }
}
#brandvision .secContents__imgSlider__img:nth-of-type(even) {
  width: 383px;
}
@media (max-width: 768px) {
  #brandvision .secContents__imgSlider__img:nth-of-type(even) {
    width: 40.277vw;
  }
}
#brandvision .secPoint {
  padding-bottom: 26rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint {
    padding-bottom: 10.3rem;
  }
}
#brandvision .secPoint .inner {
  position: relative;
  z-index: 0;
}
#brandvision .secPoint__lead {
  padding-block: 20.4rem 15rem;
  position: relative;
}
@media (max-width: 1110px) {
  #brandvision .secPoint__lead {
    padding-block: 16rem 10rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secPoint__lead {
    padding-block: 8rem 3.4rem;
  }
}
#brandvision .secPoint__heading {
  font-size: 5.6rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.06em;
  margin-bottom: 12.4rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__heading {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 2rem;
  }
}
#brandvision .secPoint__leadImg-01 {
  position: absolute;
  right: -1.5rem;
  top: 15rem;
  z-index: -1;
}
@media (max-width: 1110px) {
  #brandvision .secPoint__leadImg-01 {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 0;
  }
}
#brandvision .secPoint__lead__txt {
  line-height: 2.5;
  letter-spacing: 0.06em;
  max-width: 765px;
  margin-bottom: 11.5rem;
}
@media (max-width: 1110px) {
  #brandvision .secPoint__lead__txt {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #brandvision .secPoint__lead__txt {
    margin-bottom: 4.1rem;
  }
}
#brandvision .secPoint__leadImg-02 {
  max-width: 1202px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  #brandvision .secPoint__leadImg-02 {
    padding-left: 1rem;
  }
}
#brandvision .secPoint__item {
  background: #fff;
  box-shadow: 10px 10px 10px rgba(113, 130, 152, 0.5);
}
@media (max-width: 768px) {
  #brandvision .secPoint__item {
    margin-inline: 1.5rem;
    box-shadow: 4px 4px 8px rgba(113, 130, 152, 0.5);
  }
}
#brandvision .secPoint__item:not(:last-child) {
  margin-bottom: 10rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__item:not(:last-child) {
    margin-bottom: 3rem;
  }
}
#brandvision .secPoint__item.item-03 .c-btn-01__txt {
  padding-left: 4.4rem;
  background: url(../img/brandvision/icn_youtube.svg) no-repeat center left/3.6rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__item.item-03 .c-btn-01__txt {
    padding-left: 3.1rem;
    background-size: 2.7rem;
  }
}
#brandvision .secPoint__item .inner {
  position: relative;
  padding-block: 8.5rem 10.3rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__item .inner {
    padding-block: 7rem 2.6rem;
  }
}
#brandvision .secPoint__head {
  background: #014099;
  color: #fff;
  width: 18.4rem;
  height: 13.6rem;
  box-shadow: 8px 8px 0 #E5ECF5;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 2rem;
  top: -2.5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  #brandvision .secPoint__head {
    width: 6.8rem;
    height: 6.5rem;
    left: 1rem;
    top: -0.8rem;
    box-shadow: 4px 4px 0 #E5ECF5;
  }
}
#brandvision .secPoint__head__point {
  font-size: 2.4rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__head__point {
    font-size: 1.1rem;
  }
}
#brandvision .secPoint__head__num {
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__head__num {
    font-size: 2.2rem;
  }
}
#brandvision .secPoint__ttl {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  position: relative;
  color: #014099;
  padding-bottom: 2rem;
  margin-bottom: 7.8rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__ttl {
    font-size: 2.6rem;
    line-height: 1.3;
    padding-bottom: 2.5rem;
    margin-bottom: 1.7rem;
  }
}
#brandvision .secPoint__ttl:before {
  content: "";
  background: #014099;
  width: 3.2rem;
  height: 0.4rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
@media (max-width: 768px) {
  #brandvision .secPoint__ttl:before {
    height: 0.2rem;
  }
}
#brandvision .secPoint__flex {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 999px) {
  #brandvision .secPoint__flex {
    display: block;
  }
}
@media (max-width: 999px) {
  #brandvision .secPoint__img {
    text-align: center;
    margin-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secPoint__img {
    margin-bottom: 1.3rem;
  }
}
#brandvision .secPoint__txtbox {
  flex: 1;
  padding-right: 8.4rem;
}
@media (max-width: 1210px) {
  #brandvision .secPoint__txtbox {
    padding-right: 4rem;
  }
}
@media (max-width: 999px) {
  #brandvision .secPoint__txtbox {
    padding-right: 0;
  }
}
#brandvision .secPoint__txt {
  text-box: trim-start text;
}
#brandvision .secPoint__btn {
  margin-top: 6.5rem;
}
@media (max-width: 999px) {
  #brandvision .secPoint__btn {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #brandvision .secPoint__btn {
    margin-top: 2rem;
  }
}
#brandvision .secPoint__devList {
  margin-top: 6.4rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__devList {
    margin-top: 2rem;
  }
}
#brandvision .secPoint__devList__item {
  background: #E5ECF5;
  padding: 3.2rem;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #brandvision .secPoint__devList__item {
    padding: 1.5rem;
    border-radius: 4px;
  }
}
#brandvision .secPoint__devList__item:not(:last-child) {
  margin-bottom: 3.2rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__devList__item:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#brandvision .secPoint__devList__ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #014099;
  border-left: 4px solid #014099;
  padding-left: 0.8rem;
  margin-bottom: 1.8rem;
}
@media (max-width: 768px) {
  #brandvision .secPoint__devList__ttl {
    font-size: 2rem;
    padding-left: 0.6rem;
    margin-bottom: 1.2rem;
  }
}
#brandvision .secPoint__devList__txt {
  line-height: 1.8;
}
@media (max-width: 768px) {
  #brandvision .secPoint__devList__txt {
    font-size: 1.5rem;
  }
}
#brandvision .secPoint__devList__txt em {
  font-weight: bold;
}
#brandvision .secHistory {
  position: relative;
  padding-block: 8.6rem 0;
  background-image: url(../img/brandvision/history_logo.svg), url(../img/brandvision/history_bg@2x.jpg);
  background-repeat: no-repeat;
  background-position: center top 2rem, center top;
  background-size: 1128px, cover;
}
@media (max-width: 768px) {
  #brandvision .secHistory {
    padding-block: 6.2rem 0;
    background-image: url(../img/brandvision/history_logo.svg), url(../img/brandvision/history_bg_sp@2x.jpg);
    background-repeat: no-repeat;
    background-position: center top 4.2rem, center top;
    background-size: 100vw, cover;
  }
}
#brandvision .secHistory:before {
  content: "";
  background: url(../img/brandvision/history_wave@2x.png) repeat-x center top/1895px;
  width: 100%;
  height: 61px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -61px;
}
@media (max-width: 768px) {
  #brandvision .secHistory:before {
    background-size: auto 2rem;
    height: 2rem;
    top: -1.9rem;
  }
}
#brandvision .secHistory__heading {
  font-size: 5.8rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 14.4rem;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #brandvision .secHistory__heading {
    font-size: 2.6rem;
    margin-bottom: 2.5rem;
  }
}
#brandvision .secHistory__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-block: 10rem 24rem;
}
@media (max-width: 1210px) {
  #brandvision .secHistory__list {
    display: block;
  }
}
@media (max-width: 768px) {
  #brandvision .secHistory__list {
    padding-block: 4.3rem 8rem;
  }
}
#brandvision .secHistory__list:before {
  content: "";
  background: #E5ECF5;
  width: 0.4rem;
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  #brandvision .secHistory__list:before {
    width: 0.2rem;
  }
}
#brandvision .secHistory__item {
  width: 517px;
  background: #fff;
  border-radius: 8px;
  padding: 6.4rem 3.2rem 7rem;
  box-shadow: 8px 8px 10px #041562;
  position: relative;
}
@media (max-width: 1210px) {
  #brandvision .secHistory__item {
    margin-inline: auto;
  }
  #brandvision .secHistory__item:not(:last-child) {
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  #brandvision .secHistory__item {
    width: 100%;
    padding: 3.4rem 2.1rem 3rem;
    box-shadow: 4px 4px 5px #041562;
  }
  #brandvision .secHistory__item:not(:last-child) {
    margin-bottom: 3.3rem;
  }
}
#brandvision .secHistory__item:before {
  content: "";
  background: #fff;
  width: 6.8rem;
  height: 0.4rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1210px) {
  #brandvision .secHistory__item:before {
    display: none;
  }
}
#brandvision .secHistory__item:nth-of-type(odd):before {
  right: -6.8rem;
}
#brandvision .secHistory__item:nth-of-type(even):before {
  left: -6.8rem;
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-02 {
    margin-top: 23.6rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-03 {
    margin-top: -4.4rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-04 {
    margin-top: 19.2rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-05 {
    margin-top: -4.8rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-06 {
    margin-top: 21.4rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-07 {
    margin-top: -3.2rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-08 {
    margin-top: 21.2rem;
  }
}
@media (min-width: 1211px) {
  #brandvision .secHistory__item.item-09 {
    margin-top: -27.8rem;
  }
}
#brandvision .secHistory__year {
  background: #014099;
  border: 4px solid #fff;
  border-radius: 3.6rem;
  font-size: 5rem;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fff;
  line-height: 1;
  padding: 1rem 3rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3.9rem;
}
@media (max-width: 768px) {
  #brandvision .secHistory__year {
    font-size: 2.5rem;
    padding: 0.6rem 1.7rem;
    top: -1.9rem;
    border-width: 2px;
  }
}
#brandvision .secHistory__ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 2.6rem;
}
@media (max-width: 768px) {
  #brandvision .secHistory__ttl {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
}
#brandvision .secHistory__txt {
  color: #718298;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #brandvision .secHistory__txt {
    font-size: 1.5rem;
  }
}
#brandvision .secHistory__img {
  margin-top: 3rem;
  text-align: center;
}
@media (max-width: 768px) {
  #brandvision .secHistory__img {
    margin-top: 2rem;
  }
}
@media (max-width: 440px) {
  #brandvision .secHistory__img img {
    width: 100%;
  }
}
#brandvision .secFuture {
  background: #fff;
  padding-block: 27.8rem 33.8rem;
}
@media (max-width: 1080px) {
  #brandvision .secFuture {
    padding-block: 16rem 0;
  }
}
@media (max-width: 768px) {
  #brandvision .secFuture {
    padding-block: 8rem 1rem;
  }
}
#brandvision .secFuture .inner {
  position: relative;
  z-index: 0;
}
#brandvision .secFuture__txtbox {
  max-width: 700px;
  margin-left: auto;
}
@media (max-width: 1080px) {
  #brandvision .secFuture__txtbox {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #brandvision .secFuture__txtbox {
    margin-bottom: 2rem;
  }
}
#brandvision .secFuture__heading {
  font-size: 5.6rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.06em;
  margin-bottom: 9.8rem;
}
@media (max-width: 768px) {
  #brandvision .secFuture__heading {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
#brandvision .secFuture__txt {
  line-height: 2.5;
  letter-spacing: 0.06em;
}
#brandvision .secFuture__img {
  position: absolute;
  left: -2.2rem;
  top: 1.2rem;
  z-index: -1;
}
@media (max-width: 1080px) {
  #brandvision .secFuture__img {
    position: static;
    text-align: center;
  }
}
#brandvision .secBottom img {
  width: 100%;
}

#company .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #company .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#company .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-block: 14rem 16.7rem;
}
@media (max-width: 768px) {
  #company .c-pageNav-02 {
    z-index: 3;
    padding-block: 0;
    margin-bottom: 0;
  }
  #company .c-pageNav-02.is-fixed {
    border-color: #fff;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
  }
}
#company .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  #company .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}
#company .c-pageNav-02 .c-pageNav-02__list {
  max-width: 875px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  #company .c-pageNav-02 .c-pageNav-02__list {
    gap: 1.4rem;
  }
}
@media (min-width: 769px) {
  #company .c-pageNav-02 .c-pageNav-02__link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    place-items: center;
    align-content: center;
    gap: 1.3rem;
    background: #fff;
    color: #014099;
    padding-top: 0.7rem;
    height: 8.4rem;
    border-radius: 8.4rem;
    border: 3px solid #041562;
    transition: all 0.3s ease-out;
    position: relative;
    box-shadow: 0 8px 0 0 #041562;
  }
}
@media (min-width: 769px) and (hover: hover) {
  #company .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  #company .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  #company .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  #company .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #company .c-pageNav-02 .c-pageNav-02__txt {
    font-weight: bold;
  }
}
#company .secOverview {
  padding-block: 16rem 16rem;
}
@media (max-width: 768px) {
  #company .secOverview {
    padding-block: 8rem 8rem;
  }
}
#company .secOverview__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #company .secOverview__heading {
    margin-bottom: 2.5rem;
  }
}
#company .secOverview__dl {
  background: #fff;
}
@media (max-width: 768px) {
  #company .secOverview__dl {
    margin-inline: 1rem;
  }
}
#company .secOverview__dl .row {
  border-bottom: 2px solid #D4D9E0;
}
@media (max-width: 768px) {
  #company .secOverview__dl .row:last-child {
    border: none;
  }
}
#company .secOverview__dl .row__inner {
  padding: 2.3rem 2rem;
  max-width: 1050px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #company .secOverview__dl .row__inner {
    padding: 2.4rem 1.1rem;
    display: block;
  }
}
#company .secOverview__dl dt {
  font-size: 2rem;
  font-weight: bold;
  color: #014099;
  width: 24rem;
}
@media (max-width: 768px) {
  #company .secOverview__dl dt {
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    width: 100%;
    margin-bottom: 1rem;
  }
}
#company .secOverview__dl dd {
  line-height: 2;
  letter-spacing: 0.06em;
  width: calc(100% - 24rem);
}
@media (max-width: 768px) {
  #company .secOverview__dl dd {
    width: 100%;
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
#company .secOverview__dl dd.wide {
  width: 100%;
  margin-top: 2rem;
}
#company .secOverview__dl iframe {
  width: 100%;
  height: 386px;
}
@media (max-width: 768px) {
  #company .secOverview__dl iframe {
    height: auto;
    aspect-ratio: 1/1;
  }
}
#company .secMessage {
  background: #fff;
  padding-block: 16rem 16rem;
}
@media (max-width: 768px) {
  #company .secMessage {
    padding-block: 8rem 8rem;
  }
}
#company .secMessage__heading {
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  #company .secMessage__heading {
    margin-bottom: 2.5rem;
  }
}
#company .secMessage__box {
  display: grid;
  grid-template-columns: 1.13fr 1fr;
  gap: 8rem;
}
@media (max-width: 1110px) {
  #company .secMessage__box {
    gap: 4rem;
  }
}
@media (max-width: 768px) {
  #company .secMessage__box {
    display: block;
    padding-inline: 1rem;
  }
}
@media (max-width: 768px) {
  #company .secMessage__img {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
  }
}
#company .secMessage__txtbox {
  order: -1;
}
@media (max-width: 768px) {
  #company .secMessage__txtbox {
    width: 100%;
  }
}
#company .secMessage__txt {
  letter-spacing: 0.06em;
}
#company .secMessage__txt + .secMessage__txt {
  margin-top: 2em;
}
#company .secMessage__sign {
  margin-top: 3.4rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #company .secMessage__sign {
    margin-top: 4.4rem;
  }
}
@media (max-width: 768px) {
  #company .secMessage__sign--en {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #company .secMessage__sign--en .sign__name {
    margin-top: 1rem;
    flex: none;
    width: 71%;
    margin-left: auto;
  }
}
#company .sign__position {
  font-weight: 400;
  margin-right: 2.2rem;
}
@media (max-width: 768px) {
  #company .sign__position {
    margin-right: 2rem;
  }
}
@media (max-width: 768px) {
  #company .sign__name {
    flex: 1;
  }
}
#company .secHistory {
  background: url(../img/company/logo.svg), url(../img/company/history_bg@2x.jpg);
  background-repeat: no-repeat;
  background-position: center top, center top;
  background-size: 1128px, cover;
  padding-block: 9rem 8rem;
}
@media (max-width: 768px) {
  #company .secHistory {
    background: url(../img/company/logo.svg), url(../img/company/history_bg_sp@2x.jpg);
    background-repeat: no-repeat;
    background-position: center top 4.2rem, center top;
    background-size: 100vw, cover;
    padding-block: 6.2rem 8rem;
  }
}
#company .secHistory__heading {
  text-align: center;
  color: #fff;
  margin-bottom: 9rem;
}
@media (max-width: 768px) {
  #company .secHistory__heading {
    margin-bottom: 5.3rem;
  }
}
#company .secHistory__box {
  background: rgba(255, 255, 255, 0.9);
  padding: 5.6rem 2rem;
  text-align: center;
}
@media (max-width: 768px) {
  #company .secHistory__box {
    padding: 3.4rem 1.5rem 4.2rem;
  }
}
#company .secHistory__ttl {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #company .secHistory__ttl {
    margin-bottom: 2.2rem;
  }
}
#company .secHistory__txt {
  margin-bottom: 2.7rem;
}
@media (max-width: 768px) {
  #company .secHistory__txt {
    font-weight: bold;
    margin-bottom: 2rem;
  }
}
#company .secHistory__txt--en {
  font-weight: 500;
}
#company .secHistory__txt--en em {
  font-weight: bold;
}
#company .secLinks {
  padding-block: 16rem 16rem;
  background: #fff;
}
@media (max-width: 768px) {
  #company .secLinks {
    padding-block: 8.3rem;
  }
}
#company .secLinks:before {
  background: #F5F6F8;
  z-index: 0;
}
@media (max-width: 768px) {
  #company .secLinks:before {
    height: 76%;
  }
}
#company .secLinks .inner {
  position: relative;
}

#contents .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #contents .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#contents .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-block: 14rem 16.7rem;
}
@media (max-width: 768px) {
  #contents .c-pageNav-02 {
    z-index: 3;
    padding-block: 0;
    margin-bottom: 0;
  }
  #contents .c-pageNav-02.is-fixed {
    border-color: #fff;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
  }
}
#contents .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  #contents .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}
@media (min-width: 769px) {
  #contents .c-pageNav-02 .c-pageNav-02__list {
    gap: 1.4rem;
  }
}
@media (min-width: 769px) {
  #contents .c-pageNav-02 .c-pageNav-02__link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    place-items: center;
    align-content: center;
    gap: 1.3rem;
    background: #fff;
    color: #014099;
    padding-top: 0.7rem;
    height: 8.4rem;
    border-radius: 8.4rem;
    border: 3px solid #041562;
    transition: all 0.3s ease-out;
    position: relative;
    box-shadow: 0 8px 0 0 #041562;
  }
}
@media (min-width: 769px) and (hover: hover) {
  #contents .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  #contents .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  #contents .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  #contents .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #contents .c-pageNav-02 .c-pageNav-02__txt {
    font-weight: bold;
  }
}
#contents .secPickup {
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #contents .secPickup {
    margin-bottom: 4rem;
  }
}
#contents .secContents__box {
  overflow: hidden;
}
#contents .secContents__box__bgImg {
  top: 0;
  right: 0;
  width: calc(50vw + 830px);
  max-width: calc(100vw - 2rem);
  margin-left: auto;
  height: 853px;
  z-index: 0;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
@media (max-width: 1240px) {
  #contents .secContents__box__bgImg {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #contents .secContents__box__bgImg {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}
#contents .secContents__box__bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#contents .secContents__box__bg {
  margin-top: -25rem;
}
@media (max-width: 768px) {
  #contents .secContents__box__bg {
    margin-top: -4rem;
  }
}
#contents .secContents__box__head {
  padding-inline: 2.5rem 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #contents .secContents__box__head {
    margin-bottom: 1rem;
  }
}
#contents .secContents__box__lead {
  padding-inline: 6rem 0;
  line-height: 2;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  #contents .secContents__box__lead {
    font-size: 1.6rem;
    padding-inline: 2.5rem 1.5rem;
    line-height: 1.8;
    margin-bottom: 2rem;
  }
}
#contents .secOffhore {
  position: relative;
  padding-bottom: 16.4rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #contents .secOffhore {
    padding-bottom: 8.4rem;
  }
}
#contents .secOffhore:before {
  content: "";
  background: #E5ECF5;
  width: 100%;
  height: calc(100% - 38rem);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  #contents .secOffhore:before {
    display: none;
  }
}
#contents .secOffhore__genre {
  margin-top: 12rem;
}
@media (max-width: 768px) {
  #contents .secOffhore__genre {
    margin-top: 4rem;
  }
}
#contents .secOffhore__genre .inner {
  max-width: 1160px;
}
@media (max-width: 1200px) {
  #contents .secOffhore__genre .inner {
    padding-inline: 4rem;
  }
}
@media (max-width: 768px) {
  #contents .secOffhore__genre .inner {
    padding-inline: 1.5rem;
  }
}
#contents .secOffhore__genre__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #contents .secOffhore__genre__heading {
    margin-bottom: 2rem;
    margin-left: 2.5rem;
  }
}
#contents .secOffhore__genre__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3.2rem 2.4rem;
  margin-bottom: 4rem;
}
@media (max-width: 999px) {
  #contents .secOffhore__genre__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  #contents .secOffhore__genre__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.4rem;
    padding-left: 2.5rem;
    margin-bottom: 3.2rem;
  }
}
#contents .secOffhore__genre__item a {
  display: block;
  position: relative;
}
#contents .secOffhore__genre__txt {
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 768px) {
  #contents .secOffhore__genre__txt {
    font-size: 1.6rem;
  }
}
#contents .secOffhore__genre__btn {
  text-align: center;
}
#contents .secVideo {
  padding-bottom: 16rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  #contents .secVideo {
    padding-bottom: 8rem;
  }
}
#contents .secVideo__head {
  background: url(../img/contents/youtube_bg@2x.jpg) no-repeat center center/cover;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding-block: 16rem 19.7rem;
}
@media (max-width: 768px) {
  #contents .secVideo__head {
    background-image: url(../img/contents/youtube_bg_sp@2x.jpg);
    padding-block: 2.7rem 7rem;
  }
}
#contents .secVideo__head__ttl {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  #contents .secVideo__head__ttl {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }
}
#contents .secVideo__head__lead {
  font-weight: bold;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #contents .secVideo__head__lead {
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 400;
  }
}
#contents .secVideo__cont {
  max-width: 1340px;
  margin-inline: auto;
  background: #fff;
  border-radius: 0 0 8px 8px;
  padding: 0 8.5rem 8rem;
  margin-top: -12rem;
}
@media (max-width: 768px) {
  #contents .secVideo__cont {
    margin-top: -4rem;
    padding: 0 0 4rem;
    border-radius: 4px 0 0 4px;
    width: calc(100vw - 1.5rem);
    margin-left: auto;
    margin-right: 0;
  }
}
#contents .secVideo__cont__head {
  padding-inline: 0;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #contents .secVideo__cont__head {
    padding-left: 2.5rem;
    margin-bottom: 1.7rem;
  }
}
#contents .video__swiper {
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  #contents .video__swiper {
    visibility: visible;
    overflow: visible;
    opacity: 1;
  }
  #contents .video__swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.2rem 2.6rem;
  }
}
@media (max-width: 999px) {
  #contents .video__swiper .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  #contents .video__swiper {
    margin-left: 2.5rem;
  }
  #contents .video__swiper .swiper-slide {
    width: 82vw !important;
    margin-right: 3vw;
    transition: all 0.3s ease-out;
    opacity: 1;
  }
  #contents .video__swiper .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  #contents .video__swiper__ui {
    display: none;
  }
}
@media (max-width: 768px) {
  #contents .video__swiper__ui {
    margin-top: 2rem;
    margin-right: 2.5rem;
  }
}
#contents .video__swiper__category {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 0.4rem 1.2rem;
  font-size: 1.4rem;
  background: #718298;
}
@media (max-width: 768px) {
  #contents .video__swiper__category {
    font-size: 1rem;
    padding: 0.2rem 0.6rem;
  }
}
#contents .video__swiper__iframe {
  margin-bottom: 0.6rem;
  cursor: pointer;
  position: relative;
}
#contents .video__swiper__iframe iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 6px rgba(113, 130, 152, 0.5);
  pointer-events: none;
}
#contents .video__swiper__ttl {
  letter-spacing: 0.06em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  #contents .video__swiper__ttl {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 768px) {
  #contents .secVideo__btn {
    margin-right: 1.5rem;
    margin-bottom: 3.4rem;
  }
}
#contents .b-modal__dialog-container {
  background: none;
  padding: 0;
}
#contents .b-modal__dialog {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 768px) {
  #contents .b-modal__dialog {
    padding-bottom: 4.4rem;
  }
}
@media (max-width: 768px) {
  #contents .b-modal__dialog__inpurArea {
    padding-inline: 0;
  }
}
#contents .secKnot__modal-video {
  width: 100%;
  margin: 0 auto;
}
#contents .secKnot__modal-video .secKnot__modal-video__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#contents .secKnot__modal-video .secKnot__modal-video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contents .secVideo .c-collapsible-list {
  max-width: 950px;
  margin-inline: auto;
}
#contents .secVideo .c-collapsible-list__content {
  justify-content: center;
  max-width: 950px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  #contents .secVideo .c-collapsible-list__content {
    gap: 0.9rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 768px) {
  #contents .secVideo .c-tag-list__item {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  #contents .secVideo .c-tag-list__item a {
    padding: 0.8rem 1.6rem;
  }
}
#contents .secOther {
  background: #fff;
  padding-block: 16rem;
}
@media (max-width: 768px) {
  #contents .secOther {
    padding-block: 8.4rem;
  }
}
#contents .secOther__heading {
  margin-bottom: 4rem;
}
#contents .secOther__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
}
@media (max-width: 768px) {
  #contents .secOther__list {
    padding-inline: 1rem;
    gap: 6rem;
  }
}
#contents .secOther__item {
  display: grid;
  gap: 0;
}
@media (max-width: 768px) {
  #contents .secOther__item {
    display: block;
  }
}
#contents .secOther__item:nth-of-type(odd) {
  grid-template-columns: 1fr 1.35fr;
}
#contents .secOther__item:nth-of-type(odd) .secOther__img {
  transform: translateX(8.4rem);
}
@media (max-width: 1200px) {
  #contents .secOther__item:nth-of-type(odd) .secOther__img {
    transform: translateX(4rem);
  }
}
@media (max-width: 768px) {
  #contents .secOther__item:nth-of-type(odd) .secOther__img {
    transform: none;
  }
}
#contents .secOther__item:nth-of-type(odd) .secOther__txtbox {
  order: -1;
}
#contents .secOther__item:nth-of-type(even) {
  grid-template-columns: 1.35fr 1fr;
}
#contents .secOther__item:nth-of-type(even) .secOther__img {
  transform: translateX(-8.4rem);
}
@media (max-width: 1200px) {
  #contents .secOther__item:nth-of-type(even) .secOther__img {
    transform: translateX(-4rem);
  }
}
@media (max-width: 768px) {
  #contents .secOther__item:nth-of-type(even) .secOther__img {
    transform: none;
  }
}
#contents .secOther__img {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 3px 3px 10px rgba(113, 130, 152, 0.5);
}
@media (max-width: 768px) {
  #contents .secOther__img {
    box-shadow: 2px 2px 6px rgba(113, 130, 152, 0.5);
  }
}
#contents .secOther__txtbox {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  #contents .secOther__txtbox {
    padding-top: 1.8rem;
  }
}
#contents .secOther__ttl {
  font-size: 4rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 3.7rem;
}
@media (max-width: 768px) {
  #contents .secOther__ttl {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
}
#contents .secOther__txt {
  line-height: 2;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #contents .secOther__txt {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  #contents .secOther__btn {
    text-align: center;
  }
}

#development .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #development .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#development .secMainView {
  background: #E5ECF5;
  padding-bottom: 16rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  #development .secMainView {
    padding-bottom: 8rem;
  }
}
#development .c-secTtl-01 {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  #development .c-secTtl-01 {
    margin-bottom: 4.3rem;
  }
}
#development .c-secTtl-01__en {
  font-size: 26rem;
  left: -4.6rem;
  top: -1.8rem;
}
@media (max-width: 999px) {
  #development .c-secTtl-01__en {
    font-size: 15rem;
    left: 0;
  }
}
@media (max-width: 768px) {
  #development .c-secTtl-01__en {
    font-size: 6rem;
    left: 1.7rem;
    top: 1.3rem;
  }
}
#development .feeling__cont {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
@media (max-width: 999px) {
  #development .feeling__cont {
    display: block;
  }
}
#development .feeling__img {
  flex: 1;
  margin-left: calc(50% - 50vw);
  margin-right: 7.5%;
}
@media (max-width: 999px) {
  #development .feeling__img {
    margin-left: -2rem;
    margin-right: 0;
  }
}
#development .feeling__txtbox {
  width: 45.5%;
  position: relative;
  padding-top: 5.6rem;
}
@media (max-width: 999px) {
  #development .feeling__txtbox {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #development .feeling__txtbox {
    padding-inline: 1rem;
    padding-top: 1.4rem;
  }
}
#development .feeling__ttl__en {
  font-size: 23rem;
  line-height: 0.8;
  color: rgba(1, 64, 153, 0.15);
  mix-blend-mode: color-burn;
  white-space: nowrap;
  position: relative;
  left: -5.2rem;
  top: 0;
  margin-bottom: -3.2rem;
}
@media (max-width: 999px) {
  #development .feeling__ttl__en {
    font-size: 12rem;
    left: 0;
  }
}
@media (max-width: 768px) {
  #development .feeling__ttl__en {
    font-size: 6rem;
    margin-bottom: -1.8rem;
  }
}
#development .feeling__ttl {
  letter-spacing: 0;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  #development .feeling__ttl {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}
#development .secDevelop {
  background: #fff;
  padding-block: 16rem 16rem;
}
@media (max-width: 768px) {
  #development .secDevelop {
    padding-block: 8rem 8rem;
  }
}
#development .secDevelop .inner {
  max-width: 1240px;
}
@media (max-width: 999px) {
  #development .secDevelop__heading {
    margin-bottom: 8.3rem;
  }
}
@media (max-width: 768px) {
  #development .secDevelop__heading {
    margin-bottom: 4rem;
  }
}
#development .secDevelop__item {
  display: flex;
  align-items: center;
}
@media (max-width: 999px) {
  #development .secDevelop__item {
    display: block;
  }
}
#development .secDevelop__item.item-01 {
  flex-direction: row-reverse;
  margin-bottom: 3.3rem;
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-01 {
    margin-bottom: 5.5rem;
  }
}
#development .secDevelop__item.item-01 .secDevelop__txtbox {
  transform: translateX(7.8rem);
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-01 .secDevelop__txtbox {
    transform: translateX(0);
  }
}
#development .secDevelop__item.item-01 .secDevelop__txtbox:before {
  left: 0;
  top: 0;
  border-top: 5px solid #E5ECF5;
  border-left: 5px solid #E5ECF5;
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-01 .secDevelop__txtbox:before {
    top: auto;
    bottom: 0;
    border-top: none;
    border-bottom: 5px solid #E5ECF5;
  }
}
#development .secDevelop__item.item-01 .secDevelop__txtbox:after {
  left: 0;
  bottom: 0;
  border-bottom: 5px solid #E5ECF5;
  border-left: 5px solid #E5ECF5;
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-01 .secDevelop__txtbox:after {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 5px solid #E5ECF5;
  }
}
#development .secDevelop__item.item-02 .secDevelop__txtbox {
  transform: translateX(-7.8rem);
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-02 .secDevelop__txtbox {
    transform: translateX(0);
  }
}
#development .secDevelop__item.item-02 .secDevelop__txtbox:before {
  right: 0;
  top: 0;
  border-top: 5px solid #E5ECF5;
  border-right: 5px solid #E5ECF5;
}
@media (max-width: 999px) {
  #development .secDevelop__item.item-02 .secDevelop__txtbox:before {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #E5ECF5;
    border-left: 5px solid #E5ECF5;
  }
}
#development .secDevelop__item.item-02 .secDevelop__txtbox:after {
  right: 0;
  bottom: 0;
  border-bottom: 5px solid #E5ECF5;
  border-right: 5px solid #E5ECF5;
}
@media (max-width: 999px) {
  #development .secDevelop__img {
    text-align: center;
  }
}
#development .secDevelop__txtbox {
  min-width: 680px;
  padding: 5rem 4.8rem;
  background: #fff;
  flex: 1;
  position: relative;
}
@media (max-width: 999px) {
  #development .secDevelop__txtbox {
    min-width: 0;
    width: 90%;
    margin-inline: auto;
    margin-top: -10rem;
  }
}
@media (max-width: 768px) {
  #development .secDevelop__txtbox {
    width: 95%;
    margin-top: -8.7rem;
    padding: 2.4rem 2.2rem 3rem;
  }
}
#development .secDevelop__txtbox:before, #development .secDevelop__txtbox:after {
  content: "";
  width: 10rem;
  height: 10rem;
  display: block;
  position: absolute;
}
@media (max-width: 768px) {
  #development .secDevelop__txtbox:before, #development .secDevelop__txtbox:after {
    width: 4rem;
    height: 4rem;
  }
}
#development .secDevelop__subTtl {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #development .secDevelop__subTtl {
    text-align: center;
    margin-bottom: 0.9rem;
  }
}
#development .secFlow {
  padding-block: 16rem 16rem;
}
@media (max-width: 768px) {
  #development .secFlow {
    padding-block: 8rem 8rem;
  }
}
#development .secFlow__heading {
  margin-bottom: 8.3rem;
}
@media (max-width: 768px) {
  #development .secFlow__heading {
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 768px) {
  #development .secFlow__lead {
    padding-inline: 1rem;
  }
}
#development .secFlow__subTtl {
  text-align: center;
  line-height: 1.3;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #development .secFlow__subTtl {
    text-align: left;
    margin-bottom: 2rem;
    line-height: 1.4;
  }
}
#development .secFlow__txt {
  margin-bottom: 7.7rem;
}
@media (max-width: 768px) {
  #development .secFlow__txt {
    margin-bottom: 2.2rem;
  }
}
#development .secFlow__phase {
  margin-bottom: 13.8rem;
}
@media (max-width: 768px) {
  #development .secFlow__phase {
    padding-inline: 1rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  #development .secFlow__phase .c-collapsible-list {
    max-height: 36rem !important;
  }
  #development .secFlow__phase .c-collapsible-list.is-expanded {
    max-height: none !important;
  }
}
#development .phase__list {
  display: flex;
  justify-content: center;
}
@media (max-width: 1170px) {
  #development .phase__list {
    zoom: 0.8;
  }
}
@media (max-width: 960px) {
  #development .phase__list {
    zoom: 0.68;
  }
}
@media (max-width: 768px) {
  #development .phase__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5rem;
    zoom: 1;
  }
}
#development .phase__item {
  margin-inline: 2.8rem;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 768px) {
  #development .phase__item {
    margin-inline: 0;
    display: block;
    background: #fff;
    color: #014098;
    border: 1px solid #014098;
    border-left: 7px solid #014098;
    width: 100%;
    padding: 0.9rem 1.6rem;
    flex: auto;
    display: grid;
    place-items: center start;
    position: relative;
  }
}
#development .phase__item--next:after {
  content: "";
  background: url(../img/development/arrow-next.svg) no-repeat center center/contain;
  width: 35px;
  height: 14px;
  display: block;
  position: absolute;
  right: -45px;
  top: 96px;
}
@media (max-width: 768px) {
  #development .phase__item--next:after {
    transform: rotate(90deg);
    right: auto;
    left: 0.4rem;
    top: auto;
    bottom: -3.2rem;
  }
}
#development .phase__item--prev:before {
  content: "改良とテストを繰り返す";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 1.4rem;
  letter-spacing: 0.4em;
  font-weight: 500;
  color: #014098;
  background: url(../img/development/arrow-prev.svg) no-repeat center top 0/contain;
  width: 35px;
  height: 264px;
  display: block;
  position: absolute;
  left: -45px;
  top: 115px;
  padding-top: 21px;
  display: grid;
  place-items: center start;
}
@media (max-width: 768px) {
  #development .phase__item--prev:before {
    background: url(../img/development/arrow-prev_sp.svg) no-repeat left center/contain;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    width: 100%;
    height: 35px;
    right: auto;
    left: 3.4rem;
    top: -4.4rem;
    letter-spacing: 0.06em;
    padding-top: 0;
    padding-left: 2rem;
  }
}
#development .phase__numWrap {
  width: 68px;
  height: 74px;
  display: block;
  background: url(../img/development/flow_num_bg.svg) no-repeat center center/cover;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  margin-inline: auto;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  #development .phase__numWrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    background: none;
    margin-bottom: 3px;
  }
}
#development .phase__step {
  font-size: 1.4rem;
  color: #A2B8D1;
  line-height: 1;
}
#development .phase__num {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #014098;
  line-height: 1;
}
@media (max-width: 768px) {
  #development .phase__num {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
#development .phase__ttl {
  background: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.4em;
  color: #014098;
  border: 1px solid #014098;
  border-top: 7px solid #014098;
  width: 80px;
  padding: 2.1rem 0;
  flex: auto;
  display: grid;
  place-items: center start;
  position: relative;
  font-weight: 500;
}
@media (max-width: 768px) {
  #development .phase__ttl {
    width: 100%;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    border: 0;
    display: block;
    letter-spacing: 0.06em;
    padding: 0;
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  #development .c-collapsible-list__toggle:where(:any-link, :enabled, summary):hover {
    background-color: #014099;
  }
}
@media (max-width: 768px) {
  #development .c-collapsible-list__toggle {
    background-color: #F5F6F8;
  }
}
@media (max-width: 768px) {
  #development .c-collapsible-list:after {
    background: linear-gradient(to bottom, rgba(245, 246, 248, 0) 0%, #F5F6F8 100%);
  }
}
#development .secFlow__detailList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10rem;
}
@media (max-width: 768px) {
  #development .secFlow__detailList {
    padding-inline: 1rem;
    gap: 6.2rem;
  }
}
#development .secFlow__detailItem:nth-of-type(odd) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content 1fr;
  gap: 0px 0px;
  grid-template-areas: "secFlow__detailItem__head secFlow__detailImg" "secFlow__detailItem__txt secFlow__detailImg";
}
@media (max-width: 999px) {
  #development .secFlow__detailItem:nth-of-type(odd) {
    display: block;
  }
}
#development .secFlow__detailItem:nth-of-type(odd) .secFlow__detailImg {
  transform: translateX(4rem);
  margin-right: -4.5rem;
}
@media (max-width: 999px) {
  #development .secFlow__detailItem:nth-of-type(odd) .secFlow__detailImg {
    transform: translateX(0);
    margin-right: auto;
  }
}
#development .secFlow__detailItem:nth-of-type(even) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content 1fr;
  gap: 0px 0px;
  grid-template-areas: "secFlow__detailImg secFlow__detailItem__head" "secFlow__detailImg secFlow__detailItem__txt";
}
@media (max-width: 999px) {
  #development .secFlow__detailItem:nth-of-type(even) {
    display: block;
  }
}
#development .secFlow__detailItem:nth-of-type(even) .secFlow__detailImg {
  transform: translateX(-4rem);
  margin-left: -4.5rem;
}
@media (max-width: 999px) {
  #development .secFlow__detailItem:nth-of-type(even) .secFlow__detailImg {
    transform: translateX(0);
    margin-left: auto;
  }
}
#development .secFlow__detailItem__head {
  position: relative;
  grid-area: secFlow__detailItem__head;
  margin-bottom: 2.8rem;
}
#development .secFlow__detailItem__num {
  font-size: 10rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: -4.9rem;
  left: 0;
}
@media (max-width: 768px) {
  #development .secFlow__detailItem__num {
    font-size: 5rem;
    top: -1.4rem;
    left: -0.8rem;
  }
}
#development .secFlow__detailItem__ttl {
  position: relative;
}
#development .secFlow__detailImg {
  grid-area: secFlow__detailImg;
  width: 630px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 999px) {
  #development .secFlow__detailImg {
    text-align: center;
    margin-inline: auto;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #development .secFlow__detailImg {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
#development .secFlow__detailItem__txt {
  grid-area: secFlow__detailItem__txt;
}
#development .secEnv {
  background: #fff;
  padding-block: 16rem 16rem;
}
@media (max-width: 768px) {
  #development .secEnv {
    padding-block: 8rem 8rem;
  }
}
#development .secEnv .inner {
  max-width: 1240px;
}
#development .secEnv__heading {
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  #development .secEnv__heading {
    margin-bottom: 4.9rem;
  }
}
#development .secEnv__list {
  padding-inline: 1.5rem;
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #development .secEnv__list {
    padding-inline: 1rem;
    margin-bottom: 8rem;
  }
}
#development .secEnv__item {
  display: grid;
  grid-template-columns: 386px 1fr;
  grid-template-rows: max-content 1fr;
  gap: 0px 4rem;
  grid-template-areas: "secEnv__img secEnv__head" "secEnv__img secEnv__txtbox";
}
@media (max-width: 999px) {
  #development .secEnv__item {
    display: block;
  }
}
#development .secEnv__item:not(:last-child) {
  padding-bottom: 6rem;
  border-bottom: 1px solid #D3D9E1;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  #development .secEnv__item:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 5.6rem;
    border: none;
  }
}
#development .secEnv__head {
  grid-area: secEnv__head;
  position: relative;
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  #development .secEnv__head {
    margin-bottom: 2.4rem;
  }
}
#development .secEnv__en {
  font-size: 7rem;
  line-height: 1;
  font-weight: 500;
  color: #F5F6F8;
  position: absolute;
  top: -3.1rem;
  left: 0;
}
@media (max-width: 768px) {
  #development .secEnv__en {
    font-size: 3.1rem;
    top: -1.1rem;
    left: -0.7rem;
  }
}
#development .secEnv__ttl {
  position: relative;
}
#development .secEnv__img {
  grid-area: secEnv__img;
  text-align: center;
}
@media (max-width: 999px) {
  #development .secEnv__img {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #development .secEnv__img {
    margin-bottom: 1.5rem;
  }
}
#development .secEnv__txtbox {
  grid-area: secEnv__txtbox;
}
#development .secEnv__subTtl {
  margin-top: 2.8rem;
}
@media (max-width: 768px) {
  #development .secEnv__subTtl {
    margin-top: 2.4rem;
  }
}
#development .secCompare__dl {
  margin-top: 0.3rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #development .secCompare__dl {
    padding-inline: 0;
  }
}
#development .secCompare__dl .row {
  gap: 1.4rem;
}
#development .secCompare__dl .row:last-child {
  border-bottom: none;
}
#development .secCompare__list__desc {
  line-height: 2;
  margin-top: -0.5rem;
}
@media (max-width: 768px) {
  #development .secCompare__list__desc {
    line-height: 1.5;
  }
}
#development .c-products-item-02__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.1rem;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #development .c-products-item-02__list {
    margin-top: 1.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
}
#development .c-products-item-02 a {
  display: block;
  box-shadow: 0px 0px 4px rgba(113, 130, 152, 0.5);
  padding: 0.5rem 0.5rem 0;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
@media (hover: hover) {
  #development .c-products-item-02 a:where(:any-link, :enabled, summary):hover {
    box-shadow: 0px 0px 0px rgba(113, 130, 152, 0.5);
  }
  #development .c-products-item-02 a:where(:any-link, :enabled, summary):hover .c-products-item-02__more {
    transform: translateY(4px);
  }
  #development .c-products-item-02 a:where(:any-link, :enabled, summary):hover .c-arrow:before {
    scale: 1;
  }
}
#development .c-products-item-02__img {
  margin-bottom: 1rem;
}
#development .c-products-item-02__img img {
  width: 100%;
}
#development .c-products-item-02__more {
  width: 11.5rem;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 4px solid #014099;
  padding-bottom: 0.7rem;
  transition: transform 0.3s ease-out;
}
#development .c-products-item-02__more__txt {
  font-size: 1.5rem;
  color: #014099;
}
@media (max-width: 768px) {
  #development .secSdgs .inner {
    padding-inline: 0;
  }
}

#environment .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #environment .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#environment .secLead {
  background: url(../img/environment/lead_bg@2x.jpg) no-repeat center center/cover;
  padding-block: 8rem;
  margin-bottom: 22.8rem;
}
@media (max-width: 768px) {
  #environment .secLead {
    background-image: url(../img/environment/lead_bg_sp@2x.jpg);
    padding-block: 1.6rem;
    margin-bottom: 13.5rem;
  }
}
#environment .secLead .inner {
  max-width: 1240px;
}
#environment .secLead__cont {
  background: rgba(255, 255, 255, 0.75);
  padding: 2.4rem 1.2rem 4.8rem;
  text-align: center;
}
@media (max-width: 768px) {
  #environment .secLead__cont {
    padding: 1rem 1.3rem 1.5rem;
  }
}
#environment .secLead__logo {
  margin-bottom: 1.3rem;
}
@media (max-width: 768px) {
  #environment .secLead__logo {
    margin-bottom: 0;
  }
}
#environment .secLead__txt {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #environment .secLead__txt {
    text-align: left;
  }
}
#environment .secAct .inner {
  max-width: 1240px;
}
@media (max-width: 768px) {
  #environment .secAct .inner {
    padding-inline: 0;
  }
}
#environment .secAct.item-02, #environment .secAct.item-03 {
  margin-top: 15.2rem;
}
@media (max-width: 768px) {
  #environment .secAct.item-02, #environment .secAct.item-03 {
    margin-top: 11.4rem;
  }
}
#environment .secAct.item-03 {
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #environment .secAct.item-03 {
    margin-bottom: 8rem;
  }
}
#environment .secAct__box {
  background: #fff;
  border-radius: 24px;
  position: relative;
}
#environment .secAct__box:before, #environment .secAct__box:after {
  content: "";
  width: 0.4rem;
  height: 7.2rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #environment .secAct__box:before, #environment .secAct__box:after {
    width: 0.2rem;
    height: 5.2rem;
  }
}
#environment .secAct__box:before {
  background: #014099;
  top: -7.2rem;
}
@media (max-width: 768px) {
  #environment .secAct__box:before {
    top: -5.2rem;
  }
}
#environment .secAct__box:after {
  background: #fff;
  top: 0;
}
#environment .secAct__head {
  border-radius: 24px 24px 0 0;
  color: #fff;
  padding-block: 9.8rem 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  #environment .secAct__head {
    padding-block: 7.3rem 0;
  }
}
#environment .secAct__head:before {
  content: "";
  background: #014099;
  width: 100%;
  height: 323px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  border-radius: 24px 24px 0 0;
}
@media (max-width: 768px) {
  #environment .secAct__head:before {
    height: 27.3rem;
  }
}
#environment .secAct__heading {
  font-size: 4.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 5.3rem;
}
@media (max-width: 768px) {
  #environment .secAct__heading {
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
}
#environment .secAct__sdgs {
  display: flex;
  justify-content: center;
  gap: 2.6rem;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #environment .secAct__sdgs {
    gap: 2rem;
    margin-bottom: 2.8rem;
  }
  #environment .secAct__sdgs img {
    width: 15rem;
  }
}
#environment .secAct__cont {
  padding-inline: 5.5rem;
  padding-bottom: 6.5rem;
}
@media (max-width: 768px) {
  #environment .secAct__cont {
    padding-inline: 1.5rem;
    padding-bottom: 3.5rem;
  }
}
#environment .secAct__subHeading {
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  #environment .secAct__subHeading {
    margin-bottom: 1.8rem;
  }
}
#environment .secAct__item:not(:last-child) {
  margin-bottom: 4.6rem;
}
@media (max-width: 768px) {
  #environment .secAct__item:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
#environment .secAct__ttl {
  display: grid;
  grid-template-columns: 4.5em 1fr;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
#environment .secAct__ttl__num {
  font-size: 6rem;
  font-weight: 500;
  color: #E5ECF5;
  line-height: 1;
}
@media (max-width: 768px) {
  #environment .secAct__ttl__num {
    font-size: 5rem;
  }
}
#environment .secAct__ttl__txt {
  font-size: 3.2rem;
  font-weight: bold;
  color: #014099;
}
@media (max-width: 768px) {
  #environment .secAct__ttl__txt {
    font-size: 2.2rem;
  }
}
#environment .secAct__txt {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #environment .secAct__txt {
    padding-inline: 0.5rem;
  }
}
#environment .secAct__imgs {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 768px) {
  #environment .secAct__imgs {
    margin-top: 1.5rem;
    padding-inline: 0.5rem;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  #environment .secAct__imgs img {
    margin-inline: auto;
  }
}
#environment .secAct__productList {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.4rem 4.3rem;
}
@media (max-width: 999px) {
  #environment .secAct__productList {
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  #environment .secAct__productList {
    padding-inline: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6rem 0.8rem;
  }
}
#environment .secAct__productList__item a {
  display: block;
  text-decoration: underline;
}
#environment .secAct__productList__img {
  margin-bottom: 1rem;
  overflow: hidden;
  border: 1px solid #ddd;
}
#environment .secAct__productList__name {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #014099;
}
#environment .package__ttl {
  margin-top: 3.6rem;
  font-size: 2.8rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 1.2rem;
}
@media (max-width: 768px) {
  #environment .package__ttl {
    margin-top: 2.6rem;
    font-size: 2rem;
    margin-bottom: 1.7rem;
    padding-inline: 0.5rem;
  }
}
#environment .package__txt {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #environment .package__txt {
    padding-inline: 0.5rem;
  }
}
#environment .package__txt .small {
  color: #707070;
}
#environment .package__imgs {
  margin-top: 2rem;
  display: flex;
  gap: 4rem;
  align-items: flex-start;
}
@media (max-width: 999px) {
  #environment .package__imgs {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 2rem;
    align-items: start;
  }
}
@media (max-width: 768px) {
  #environment .package__imgs {
    display: block;
    margin-top: 1.4rem;
    padding-inline: 0.5rem;
  }
}
@media (max-width: 768px) {
  #environment .package__mark {
    margin-top: 0.8rem;
    margin-left: 1rem;
  }
}
#environment .package__seal {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  #environment .package__seal {
    margin-top: 2.6rem;
  }
}
#environment .package__note {
  margin-top: 2.5rem;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.06em;
  color: #707070;
  margin-bottom: 8.7rem;
}
@media (max-width: 768px) {
  #environment .package__note {
    margin-top: 0.8rem;
    padding-inline: 0.5rem;
    margin-bottom: 4.1rem;
  }
}

.page-dic .c-pageTtl-02__title {
  padding-top: 6.6rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .page-dic .c-pageTtl-02__title {
    padding-top: 0.5rem;
    line-height: 1.1;
  }
}
.page-dic .c-secTtl-01__txt {
  letter-spacing: 0.04em;
}
.page-dic .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  .page-dic .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
.page-dic .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-top: 13.9rem;
  background: #E5ECF5;
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02 {
    padding-top: 3rem;
    border: none;
  }
}
.page-dic .c-pageNav-02:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 23rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02:before {
    display: none;
  }
}
.page-dic .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 0.5rem;
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02 .inner {
    padding-inline: 1.5rem;
  }
}
@media (max-width: 999px) {
  .page-dic .c-pageNav-02 .c-pageNav-02__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.page-dic .c-pageNav-02 .c-pageNav-02__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  align-self: center;
}
.page-dic .c-pageNav-02 .c-pageNav-02__link {
  place-items: center;
  align-content: center;
  background: #fff;
  color: #014099;
  height: 18.3rem;
  border-radius: 0.8rem;
  border: 3px solid #041562;
  transition: all 0.3s ease-out;
  position: relative;
  box-shadow: 0 8px 0 0 #041562;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  align-self: center;
  gap: 0;
  padding: 1rem 0 1.2rem;
}
@media (hover: hover) {
  .page-dic .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  .page-dic .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  .page-dic .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  .page-dic .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02 .c-pageNav-02__link {
    border-radius: 0.4rem;
    border-width: 2px;
    padding: 0.7rem 0 0.4rem;
    box-shadow: 0 1px 0 0 #041562;
    grid-row: span 2;
  }
}
.page-dic .c-pageNav-02 .c-pageNav-02__txt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02 .c-pageNav-02__txt {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.page-dic .c-pageNav-02 .c-pageNav-02__img {
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .page-dic .c-pageNav-02 .c-pageNav-02__arrow {
    text-align: right;
    padding-right: 0.5rem;
    bottom: 0.5rem;
  }
  .page-dic .c-pageNav-02 .c-pageNav-02__arrow svg {
    width: 1.2rem;
  }
}
.page-dic .secMainView {
  background: #E5ECF5;
  padding-top: 10rem;
  padding-bottom: 16rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-dic .secMainView {
    padding-top: 2.4rem;
    padding-bottom: 8rem;
  }
}
.page-dic .c-secTtl-01 {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .page-dic .c-secTtl-01 {
    padding-top: 8.2rem;
    margin-bottom: 4.3rem;
  }
}
.page-dic .c-secTtl-01__en {
  font-size: 26rem;
  left: -2.6rem;
  top: -1.1rem;
}
@media (max-width: 999px) {
  .page-dic .c-secTtl-01__en {
    font-size: 15rem;
    left: 0;
  }
}
@media (max-width: 768px) {
  .page-dic .c-secTtl-01__en {
    font-size: 6rem;
    left: 1.7rem;
    top: 1.3rem;
  }
}
.page-dic .feeling__cont {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
@media (max-width: 999px) {
  .page-dic .feeling__cont {
    display: block;
  }
}
.page-dic .feeling__img {
  flex: 1;
  margin-left: calc(50% - 50vw);
  margin-right: 7.5%;
}
@media (max-width: 999px) {
  .page-dic .feeling__img {
    margin-left: -2rem;
    margin-right: 0;
  }
}
.page-dic .feeling__txtbox {
  width: 45.5%;
  position: relative;
  padding-top: 16.6rem;
}
@media (max-width: 999px) {
  .page-dic .feeling__txtbox {
    width: 100%;
    padding-top: 5rem;
  }
}
@media (max-width: 768px) {
  .page-dic .feeling__txtbox {
    padding-inline: 1rem;
    padding-top: 1.8rem;
  }
}
.page-dic .feeling__ttl__en {
  font-size: 23rem;
  line-height: 0.8;
  color: rgba(1, 64, 153, 0.15);
  mix-blend-mode: color-burn;
  white-space: nowrap;
  position: relative;
  left: -5.2rem;
  top: 0;
  margin-bottom: -3.2rem;
}
@media (max-width: 999px) {
  .page-dic .feeling__ttl__en {
    font-size: 12rem;
    left: 0;
  }
}
@media (max-width: 768px) {
  .page-dic .feeling__ttl__en {
    font-size: 6rem;
    margin-bottom: -1.8rem;
  }
}
.page-dic .feeling__ttl {
  letter-spacing: 0;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  .page-dic .feeling__ttl {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .page-dic .c-secNav__item.item-04 .c-secNav__item__button {
    padding-block: 0;
  }
}
@media (max-width: 768px) {
  .page-dic .c-secNav__item.item-04 .c-secNav__illust {
    max-width: 23%;
  }
}
@media (max-width: 768px) {
  .page-dic .c-secNav__item.item-05 .c-secNav__illust {
    max-width: 37%;
  }
}
@media (max-width: 768px) {
  .page-dic .c-secNav__item.item-06 .c-secNav__illust {
    max-width: 37%;
  }
}
.page-dic .secKnot {
  padding-block: 16rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot {
    padding-block: 8rem;
  }
}
@media (hover: hover) {
  .page-dic .secKnot.item-01 .secKnot__nav .c-collapsible-list__toggle:where(:any-link, :enabled, summary):hover, .page-dic .secKnot.item-03 .secKnot__nav .c-collapsible-list__toggle:where(:any-link, :enabled, summary):hover, .page-dic .secKnot.item-05 .secKnot__nav .c-collapsible-list__toggle:where(:any-link, :enabled, summary):hover {
    background-color: #014099;
  }
}
@media (max-width: 768px) {
  .page-dic .secKnot.item-01 .secKnot__nav .c-collapsible-list__toggle, .page-dic .secKnot.item-03 .secKnot__nav .c-collapsible-list__toggle, .page-dic .secKnot.item-05 .secKnot__nav .c-collapsible-list__toggle {
    background-color: #F5F6F8;
  }
}
@media (max-width: 768px) {
  .page-dic .secKnot.item-01 .secKnot__nav .c-collapsible-list:after, .page-dic .secKnot.item-03 .secKnot__nav .c-collapsible-list:after, .page-dic .secKnot.item-05 .secKnot__nav .c-collapsible-list:after {
    background: linear-gradient(to bottom, rgba(245, 246, 248, 0) 0%, #F5F6F8 100%);
  }
}
.page-dic .secKnot.item-02, .page-dic .secKnot.item-04, .page-dic .secKnot.item-06 {
  background: #fff;
}
.page-dic .secKnot__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__heading {
    margin-bottom: 2rem;
  }
}
.page-dic .secKnot__leadBox {
  display: flex;
  flex-direction: row-reverse;
  gap: 3.2rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__leadBox {
    display: block;
  }
}
@media (max-width: 768px) {
  .page-dic .secKnot__leadImg {
    padding-inline: 1rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}
.page-dic .secKnot__lead {
  flex: 1;
}
@media (max-width: 768px) {
  .page-dic .secKnot__lead {
    padding-inline: 1rem;
  }
}
.page-dic .secKnot__nav {
  margin-bottom: 10.6rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__nav {
    margin-bottom: 5rem;
  }
}
.page-dic .secKnot__nav__note {
  margin-bottom: 1.7rem;
}
@media (max-width: 768px) {
  .page-dic .c-collapsible-list {
    max-height: 24rem !important;
  }
  .page-dic .c-collapsible-list.is-expanded {
    max-height: none !important;
  }
}
.page-dic .secKnot__item {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  grid-template-rows: max-content 1fr;
  align-items: start;
  gap: 0 4rem;
  grid-template-areas: "secKnot__video secKnot__head" "secKnot__video secKnot__txtbox";
}
@media (max-width: 768px) {
  .page-dic .secKnot__item {
    display: block;
    padding-inline: 1rem;
  }
}
.page-dic .secKnot__item:not(:last-child) {
  padding-bottom: 5.5rem;
  border-bottom: 4px solid #fff;
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__item:not(:last-child) {
    padding-bottom: 2.5rem;
    margin-bottom: 4.6rem;
  }
}
.page-dic .secKnot__head {
  grid-area: secKnot__head;
  position: relative;
  margin-bottom: 1.3rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__head {
    margin-bottom: 2.4rem;
  }
}
.page-dic .secKnot__num {
  font-size: 6rem;
  font-weight: 500;
  color: #E5ECF5;
  position: absolute;
  top: -3.8rem;
  right: 0;
}
@media (max-width: 768px) {
  .page-dic .secKnot__num {
    font-size: 5rem;
    top: -2.8rem;
    right: -1rem;
  }
}
.page-dic .secKnot__ttl {
  font-size: 3rem;
  font-weight: bold;
  position: relative;
}
@media (max-width: 768px) {
  .page-dic .secKnot__ttl {
    font-size: 2.2rem;
  }
}
.page-dic .secKnot__video {
  grid-area: secKnot__video;
  border: none;
  padding: 0;
  height: auto;
  position: relative;
}
@media (max-width: 768px) {
  .page-dic .secKnot__video {
    margin-bottom: 1rem;
  }
}
@media (hover: hover) {
  .page-dic .secKnot__video:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.05);
  }
  .page-dic .secKnot__video:where(:any-link, :enabled, summary):hover .secKnot__video__play {
    border-color: #014099;
    background: #E5ECF5;
  }
  .page-dic .secKnot__video:where(:any-link, :enabled, summary):hover .secKnot__video__play .svg-play {
    fill: #014099;
  }
  .page-dic .secKnot__video:where(:any-link, :enabled, summary):hover .secKnot__video__play svg {
    transform: scale(1.5);
  }
}
.page-dic .secKnot__video__play {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 4rem;
  height: 4rem;
  display: block;
  border-radius: 50%;
  border: 1px solid #fff;
  display: grid;
  place-items: center;
  transition: all 0.3s ease-out;
  padding-left: 0.2rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__video__play {
    width: 2.5rem;
    height: 2.5rem;
    right: 0.4rem;
    bottom: 0.4rem;
  }
  .page-dic .secKnot__video__play svg {
    width: 0.7rem;
    height: auto;
  }
}
.page-dic .secKnot__txtbox {
  grid-area: secKnot__txtbox;
}
.page-dic .secKnot__recommend__ttl {
  margin-top: 3.9rem;
  margin-bottom: 1.7rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__recommend__ttl {
    margin-top: 2.7rem;
    margin-bottom: 1rem;
  }
}
.page-dic .secKnot__recommend__ttl span {
  display: inline-block;
  background: #fff;
  border: 2px solid #014099;
  border-radius: 2rem;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #014099;
  padding: 0.5rem 2rem 0.5rem 5.1rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__recommend__ttl span {
    font-size: 1.6rem;
    padding: 0.5rem 2.6rem 0.5rem 5.3rem;
  }
}
.page-dic .secKnot__recommend__ttl span:before {
  content: "";
  background: url(../img/knots/icon-recommend.svg) no-repeat center center/cover;
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .page-dic .secKnot__recommend__txt {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.page-dic .secKnot__btn {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .page-dic .secKnot__btn {
    margin-top: 2rem;
    text-align: center;
  }
}
.page-dic .secKnot__modal-video {
  width: 100%;
  margin: 0 auto;
}
.page-dic .secKnot__modal-video .secKnot__modal-video__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.page-dic .secKnot__modal-video .secKnot__modal-video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-dic .b-modal__dialog-container {
  background: none;
  padding: 0;
}
.page-dic .b-modal__dialog {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 768px) {
  .page-dic .b-modal__dialog {
    padding-bottom: 4.4rem;
  }
}
@media (max-width: 768px) {
  .page-dic .b-modal__dialog__inpurArea {
    padding-inline: 0;
  }
}
.page-dic .secLine {
  background: none;
}

#rig .c-pageNav-02 {
  padding-top: 18.5rem;
}
@media (max-width: 768px) {
  #rig .c-pageNav-02 {
    padding-top: 3rem;
  }
}
#rig .c-pageNav-02 .c-pageNav-02__item {
  grid-template-rows: 1fr;
  grid-row: auto;
}
@media (max-width: 768px) {
  #rig .c-pageNav-02 .c-pageNav-02__item {
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
#rig .c-pageNav-02 .c-pageNav-02__link {
  grid-template-columns: 1fr 19.4rem;
  grid-template-rows: 1fr;
  grid-row: auto;
  padding: 0 0 0 4rem;
  height: auto;
  place-items: center start;
}
@media (max-width: 999px) {
  #rig .c-pageNav-02 .c-pageNav-02__link {
    padding-left: 1rem;
  }
}
@media (max-width: 768px) {
  #rig .c-pageNav-02 .c-pageNav-02__link {
    padding: 0.7rem 0 0.4rem;
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-row: span 3;
    place-items: center;
    height: 18.3rem;
  }
}
#rig .c-pageNav-02 .c-pageNav-02__txt {
  text-align: left;
}
@media (max-width: 768px) {
  #rig .c-pageNav-02 .c-pageNav-02__txt {
    text-align: center;
  }
}
#rig .c-pageNav-02 .c-pageNav-02__arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0.9rem;
  text-align: center;
}
@media (max-width: 768px) {
  #rig .c-pageNav-02 .c-pageNav-02__arrow {
    text-align: right;
    position: static;
    width: 100%;
  }
}
#rig .secMainView {
  padding-top: 19rem;
}
@media (max-width: 768px) {
  #rig .secMainView {
    padding-top: 2.4rem;
  }
}
#rig .c-secTtl-01__en {
  font-size: 21rem;
}
@media (max-width: 999px) {
  #rig .c-secTtl-01__en {
    font-size: 15rem;
  }
}
@media (max-width: 768px) {
  #rig .c-secTtl-01__en {
    font-size: 6rem;
  }
}
#rig .c-secTtl-01 {
  padding-top: 13.1rem;
}
@media (max-width: 768px) {
  #rig .c-secTtl-01 {
    padding-top: 8.2rem;
  }
}
@media (max-width: 768px) {
  #rig .c-secTtl-01__ttl {
    letter-spacing: 0;
  }
}
#rig .secKnot__heading {
  word-break: auto-phrase;
}
#rig .secKnot__txt {
  margin-bottom: 3.9rem;
}
@media (max-width: 768px) {
  #rig .secKnot__txt {
    margin-bottom: 2.5rem;
  }
}
#rig .secKnot__use {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0 1.6rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #rig .secKnot__use {
    display: block;
  }
}
@media (max-width: 768px) {
  #rig .secKnot__use__ttl {
    margin-bottom: 1rem;
  }
}
#rig .secKnot__use__ttl span {
  display: inline-block;
  background: #fff;
  border: 2px solid #014099;
  border-radius: 2rem;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #014099;
  padding: 0.5rem 2rem 0.5rem 5.1rem;
}
@media (max-width: 768px) {
  #rig .secKnot__use__ttl span {
    font-size: 1.6rem;
    padding: 0.5rem 2.6rem 0.5rem 5.3rem;
  }
}
#rig .secKnot__use__ttl span:before {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
#rig .secKnot__use__ttl--hook span:before {
  background: url(../img/rig/icn_hook.svg) no-repeat center center/cover;
}
#rig .secKnot__use__ttl--worm span:before {
  background: url(../img/rig/icn_worm.svg) no-repeat center center/cover;
}
#rig .secKnot__use__txt {
  padding-top: 0.5rem;
}
@media (max-width: 768px) {
  #rig .secKnot__use__txt {
    padding-top: 0;
  }
}
#rig .secKnot__use__txt a {
  color: #131313;
}
#rig .secKnot__note__txt {
  font-weight: 400;
}
#rig .secKnot__btn {
  margin-top: 5.5rem;
}
@media (max-width: 768px) {
  #rig .secKnot__btn {
    margin-top: 2rem;
  }
}
#rig .secLine {
  background: #fff;
}

@media (max-width: 768px) {
  .b-modal__dialog--dic .b-modal__dialog-container {
    padding-bottom: 4rem;
  }
}

.c-modal-dic-accordion {
  background: #fff;
  margin-top: 2.5rem;
  padding-inline: 0.8rem;
  padding-bottom: 0.8rem;
}
.c-modal-dic-accordion__item:last-child .c-modal-knot-accordion__toggle {
  border-bottom: none;
}
.c-modal-dic-accordion__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4rem 0 5.8rem;
  height: 6.8rem;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 1.7rem;
  font-weight: bold;
  transition: color 0.3s ease;
  border-bottom: 1px solid rgba(1, 64, 153, 0.3);
}
@media (hover: hover) {
  .c-modal-dic-accordion__toggle:where(:any-link, :enabled, summary):hover {
    color: #012b66;
  }
}
.c-modal-dic-accordion__toggle[aria-expanded=true] .c-modal-dic-accordion__toggle__arrow {
  transform: rotate(180deg);
}
.c-modal-dic-accordion__toggle.item-01 {
  background: url(../img/knots/knot_illustration_01@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-02 {
  background: url(../img/knots/knot_illustration_02@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-03 {
  background: url(../img/knots/knot_illustration_03@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-04 {
  background: url(../img/knots/knot_illustration_04_sp@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-04 .c-modal-knot-accordion__toggle__txt {
  word-break: keep-all;
  word-break: auto-phrase;
}
.c-modal-dic-accordion__toggle.item-05 {
  background: url(../img/knots/knot_illustration_05_sp@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-06 {
  background: url(../img/knots/knot_illustration_06@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-06 .c-modal-knot-accordion__toggle__txt {
  word-break: keep-all;
  word-break: auto-phrase;
}
.c-modal-dic-accordion__toggle.item-rig-01 {
  background: url(../img/rig/rig_illustration_01_sp@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-rig-02 {
  background: url(../img/rig/rig_illustration_02_sp@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle.item-rig-03 {
  background: url(../img/rig/rig_illustration_03_sp@2x.png) no-repeat center left/5rem;
}
.c-modal-dic-accordion__toggle__txt {
  max-width: 80%;
}
.c-modal-dic-accordion__toggle__arrow {
  transition: transform 0.3s ease;
  border: 1px solid #014099;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.c-modal-dic-accordion__toggle__arrow svg {
  width: 0.8rem;
}
.c-modal-dic-accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  padding: 0;
}
.c-modal-knot-accordion__item.is-open .c-modal-dic-accordion__content {
  max-height: 1000px;
  opacity: 1;
}
.c-modal-dic-accordion__item__link {
  display: block;
  padding-inline: 1.6rem;
  height: 4.8rem;
  display: grid;
  place-items: center start;
  background: #E5ECF5 url(../img/common/arrow-right-gray.svg) no-repeat center right 1.6rem/0.9rem;
  border-bottom: 1px solid #fff;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .c-modal-dic-accordion__item__link:where(:any-link, :enabled, summary):hover {
    background: #014099;
    color: #fff;
  }
}
.c-modal-dic-accordion__item__txt {
  font-size: 1.6rem;
  color: #718298;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.06em;
}

#line .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #line .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#line .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-top: 13.2rem;
  margin-bottom: 1rem;
  background: none;
}
@media (max-width: 768px) {
  #line .c-pageNav-02 {
    z-index: 3;
    padding-top: 0;
    margin-bottom: 0;
  }
  #line .c-pageNav-02.is-fixed {
    border-color: #fff;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
  }
}
#line .c-pageNav-02:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 18rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  #line .c-pageNav-02:before {
    display: none;
  }
}
#line .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  #line .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}
@media (min-width: 769px) {
  #line .c-pageNav-02 .c-pageNav-02__list {
    gap: 1.4rem;
  }
}
@media (min-width: 769px) {
  #line .c-pageNav-02 .c-pageNav-02__link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    place-items: center;
    align-content: center;
    gap: 1.3rem;
    background: #fff;
    color: #014099;
    padding-top: 0.7rem;
    height: 8.4rem;
    border-radius: 8.4rem;
    border: 3px solid #041562;
    transition: all 0.3s ease-out;
    position: relative;
    box-shadow: 0 8px 0 0 #041562;
  }
}
@media (min-width: 769px) and (hover: hover) {
  #line .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  #line .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  #line .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  #line .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #line .c-pageNav-02 .c-pageNav-02__txt {
    font-weight: bold;
  }
}
#line .secMainView {
  background: #F5F6F8;
  margin-bottom: 19.4rem;
}
@media (max-width: 768px) {
  #line .secMainView {
    margin-bottom: 3.8rem;
  }
}
@media (max-width: 768px) {
  #line .anc#select {
    margin-top: -14rem;
    padding-top: 14rem;
  }
}
#line .secSelect {
  overflow: hidden;
  padding-bottom: 16rem;
}
@media (max-width: 768px) {
  #line .secSelect {
    padding-bottom: 8rem;
  }
}
#line .secSelect__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #line .secSelect__heading {
    margin-bottom: 1.5rem;
  }
}
#line .secSelect__lead {
  margin-bottom: 7.5rem;
}
@media (max-width: 768px) {
  #line .secSelect__lead {
    margin-bottom: 3.3rem;
    padding-inline: 1rem;
  }
}
#line .secSelect__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8.3rem;
}
@media (max-width: 768px) {
  #line .secSelect__list {
    padding-inline: 1rem;
    gap: 3.3rem;
  }
}
#line .secSelect__item {
  min-height: 463px;
  position: relative;
}
@media (max-width: 999px) {
  #line .secSelect__item {
    min-height: 0;
  }
}
#line .secSelect__img {
  position: absolute;
  top: 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% + 8vw);
  height: 463px;
}
@media (max-width: 999px) {
  #line .secSelect__img {
    height: auto;
    position: static;
    margin-inline: auto;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #line .secSelect__img {
    margin-bottom: 1.5rem;
  }
}
#line .secSelect__img img {
  object-position: left center;
}
#line .secSelect__ttl {
  line-height: 1.3;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #line .secSelect__ttl {
    line-height: 1.4;
  }
}
#line .secSelect__txtbox {
  margin-right: calc(50% - 8rem);
}
@media (max-width: 999px) {
  #line .secSelect__txtbox {
    margin-right: 0;
  }
}
#line .secSelect__btnWrap {
  margin-top: 4.3rem;
  display: flex;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  #line .secSelect__btnWrap {
    margin-top: 2rem;
    gap: 1.8rem;
    display: grid;
    grid-template-columns: max-content;
    justify-content: center;
    margin-inline: auto;
  }
}
#line .secShape {
  background: #fff;
  padding-block: 16rem;
}
@media (max-width: 768px) {
  #line .secShape {
    padding-block: 8rem;
  }
}
#line .secShape__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #line .secShape__heading {
    margin-bottom: 1.5rem;
  }
}
#line .secShape__lead {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  #line .secShape__lead {
    padding-left: 1rem;
    margin-bottom: 3rem;
  }
}
#line .secShape__item {
  min-height: 463px;
  position: relative;
}
@media (max-width: 999px) {
  #line .secShape__item {
    min-height: 0;
  }
}
@media (max-width: 768px) {
  #line .secShape__item {
    padding-inline: 1rem;
  }
}
#line .secShape__ttl {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #line .secShape__ttl {
    margin-bottom: 2rem;
  }
}
#line .secShape__ttl:not(:first-of-type) {
  margin-top: 5.8rem;
}
@media (max-width: 768px) {
  #line .secShape__ttl:not(:first-of-type) {
    margin-top: 2.8rem;
  }
}
#line .secShape__img {
  position: absolute;
  top: 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% + 4.5vw);
  height: 463px;
}
@media (max-width: 999px) {
  #line .secShape__img {
    height: auto;
    position: static;
    margin-inline: auto;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #line .secShape__img {
    margin-bottom: 1rem;
  }
}
#line .secShape__img img {
  object-position: left center;
}
#line .secShape__txt {
  margin-right: calc(50% - 4rem);
}
@media (max-width: 999px) {
  #line .secShape__txt {
    margin-right: 0;
  }
}
#line .secFeature {
  padding-block: 16rem;
}
@media (max-width: 768px) {
  #line .secFeature {
    padding-block: 8rem;
  }
}
#line .secFeature__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #line .secFeature__heading {
    margin-bottom: 1.5rem;
  }
}
#line .secFeature__lead {
  margin-bottom: 7.4rem;
}
@media (max-width: 768px) {
  #line .secFeature__lead {
    padding-left: 1rem;
    margin-bottom: 3rem;
  }
}
#line .secFeature__item:not(:last-child) {
  padding-bottom: 5.8rem;
  border-bottom: 4px solid #fff;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #line .secFeature__item:not(:last-child) {
    padding-bottom: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 768px) {
  #line .secFeature__item {
    padding-inline: 1rem;
  }
}
#line .secFeature__ttl {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #line .secFeature__ttl {
    margin-bottom: 2.5rem;
  }
}
#line .secFeature__item__flex {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 0 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 999px) {
  #line .secFeature__item__flex {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  #line .secFeature__item__flex {
    gap: 2.7rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 999px) {
  #line .secFeature__img {
    margin-inline: auto;
  }
}
#line .secFeature__txtbox {
  order: -1;
}
@media (max-width: 999px) {
  #line .secFeature__txtbox {
    order: 0;
  }
}
#line .secFeature__subTtl {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #line .secFeature__subTtl {
    margin-bottom: 1.5rem;
  }
}
#line .secFeature__meritList {
  margin-top: 3.4rem;
  border: 2px solid #014099;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 0;
}
@media (max-width: 768px) {
  #line .secFeature__meritList {
    margin-top: 1.5rem;
    border-radius: 4px;
    display: block;
  }
}
#line .secFeature__meritList:not(:first-of-type) {
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  #line .secFeature__meritList:not(:first-of-type) {
    margin-top: 1.6rem;
  }
}
#line .secFeature__meritList__ttl {
  background: #014099;
  color: #fff;
  text-align: center;
  font-weight: bold;
  display: grid;
  place-items: center;
}
@media (max-width: 768px) {
  #line .secFeature__meritList__ttl {
    font-size: 1.6rem;
    padding-block: 0.7rem;
  }
}
#line .secFeature__meritList__list li {
  padding: 0.9rem 2rem;
}
@media (max-width: 768px) {
  #line .secFeature__meritList__list li {
    font-size: 1.5rem;
    padding: 0.7rem 1.5rem;
  }
}
#line .secFeature__meritList__list li:not(:last-child) {
  border-bottom: 2px solid #014099;
}
#line .secFeature__btn {
  margin-top: 6rem;
  text-align: center;
}
@media (max-width: 768px) {
  #line .secFeature__btn {
    margin-top: 2.2rem;
  }
}
#line .secCompare {
  background: #fff;
  padding-block: 16rem 11rem;
}
@media (max-width: 768px) {
  #line .secCompare {
    padding-block: 8rem 5rem;
  }
}
#line .secCompare__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #line .secCompare__heading {
    margin-bottom: 2.5rem;
  }
}
#line .secCompare__lead {
  margin-bottom: 3.6rem;
}
@media (max-width: 768px) {
  #line .secCompare__lead {
    padding-inline: 1rem;
    margin-bottom: 1.5rem;
  }
}
#line .spec-table__content {
  border-radius: 0;
}
#line .spec-table__content:not(:last-of-type) {
  margin-bottom: -1rem;
}
@media (max-width: 1144px) {
  #line .spec-table__content:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  #line .spec-table__content:not(:last-of-type) {
    margin-bottom: 2.2rem;
  }
}
@media (max-width: 768px) {
  #line .spec-table__content {
    margin-left: 1rem;
  }
}
#line .spec-table__table {
  table-layout: fixed;
  width: 100%;
  white-space: normal;
}
@media (max-width: 999px) {
  #line .spec-table__table {
    table-layout: auto;
  }
}
#line .spec-table__thead th {
  height: 5rem;
  min-width: 15.5rem;
  padding-inline: 0;
}
@media (max-width: 768px) {
  #line .spec-table__thead th.tbl-h {
    min-width: 0;
    width: 10.5rem;
  }
}
#line .spec-table__tbody tr:nth-of-type(odd) th {
  background: #E5ECF5;
}
#line .spec-table__tbody tr:nth-of-type(even) th {
  background: #D6E1EF;
}
#line .spec-table__tbody th {
  font-size: 2rem;
  font-weight: bold;
  color: #014099;
  min-width: 15.5rem;
}
@media (max-width: 768px) {
  #line .spec-table__tbody th {
    font-size: 1.6rem;
    min-width: 10.5rem;
  }
}
#line .spec-table__tbody th:first-child {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  #line .spec-table__tbody th.tbl-h {
    min-width: 0;
    width: 10.5rem;
  }
}
#line .spec-table__tbody td {
  font-size: 1.6rem;
  letter-spacing: 0;
  padding: 1.28rem 0.5rem;
  word-break: keep-all;
  min-width: 15.5rem;
}
#line .spec-table__tbody td em {
  font-size: 2.5rem;
  color: #014099;
  line-height: 1;
}
#line .secCompare__caption {
  text-align: right;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  #line .secCompare__caption {
    text-align: left;
    line-height: 2.1;
    padding-left: 1rem;
  }
}
#line .caption__item {
  letter-spacing: 0.06em;
}
#line .caption__item:not(:last-child) {
  margin-right: 1.2em;
}
@media (max-width: 768px) {
  #line .caption__item:not(:last-child) {
    margin-right: 1em;
  }
}
#line .secCompare__lineupBnr {
  margin-block: 8rem;
}
@media (max-width: 768px) {
  #line .secCompare__lineupBnr {
    margin-block: 6.5rem 9.4rem;
  }
}
#line .secCompare__lineupBnr a {
  display: block;
  max-width: 1042px;
  margin-inline: auto;
  border-radius: 8px;
  overflow: hidden;
  color: #fff;
  text-shadow: 0 3px 6px #000;
  text-align: center;
  letter-spacing: 0.06em;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.8rem 0 4rem;
  position: relative;
}
@media (hover: hover) {
  #line .secCompare__lineupBnr a:where(:any-link, :enabled, summary):hover .secCompare__lineupBnr__bg,
  #line .secCompare__lineupBnr a:where(:any-link, :enabled, summary):hover .lineupBnr__ttl,
  #line .secCompare__lineupBnr a:where(:any-link, :enabled, summary):hover .lineupBnr__txt {
    opacity: 0.8;
  }
}
@media (max-width: 768px) {
  #line .secCompare__lineupBnr a {
    border-radius: 4px;
    padding: 3.3rem 0 3rem;
  }
}
#line .secCompare__lineupBnr__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-out;
}
#line .lineupBnr__ttl {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 1.1rem;
  position: relative;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  #line .lineupBnr__ttl {
    font-size: 2.6rem;
  }
}
#line .lineupBnr__txt {
  line-height: 2;
  margin-bottom: 3.7rem;
  position: relative;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  #line .lineupBnr__txt {
    font-size: 1.6rem;
    margin-bottom: 2.2rem;
  }
}
#line .lineupBnr__bnr__btn {
  text-shadow: none;
}
#line .secCompare__category:not(:last-child) {
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  #line .secCompare__category:not(:last-child) {
    margin-bottom: 4rem;
  }
}
#line .secCompare__heading-02 {
  margin-bottom: 2.7rem;
}
@media (max-width: 768px) {
  #line .secCompare__heading-02 {
    padding-inline: 1rem;
    margin-bottom: 1.5rem;
  }
}
#line .secCompare__heading-03 {
  margin-bottom: 0.6rem;
}
@media (max-width: 768px) {
  #line .secCompare__heading-03 {
    padding-inline: 1rem;
    margin-bottom: 0;
  }
}
#line .secCompare__list__desc__add {
  margin-top: 2rem;
  width: calc(100% - 2.6rem);
}
@media (max-width: 999px) {
  #line .secCompare__list__desc__add {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #line .secCompare__list__desc__add {
    margin-top: 1rem;
  }
}
#line .igfa__table {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}
@media (max-width: 768px) {
  #line .igfa__table {
    gap: 1px;
  }
}
#line .igfa__item {
  display: flex;
}
@media (max-width: 768px) {
  #line .igfa__item {
    display: block;
  }
}
#line .igfa__ttl {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
  background: #014099;
  text-align: center;
  width: 22.3rem;
  height: 5rem;
  display: grid;
  place-items: center;
}
@media (max-width: 999px) {
  #line .igfa__ttl {
    font-size: 1.5rem;
    height: 3.5rem;
    width: 16.3rem;
  }
}
@media (max-width: 768px) {
  #line .igfa__ttl {
    width: 100%;
  }
}
#line .igfa__list {
  display: flex;
  gap: 2px;
  flex: 1;
}
@media (max-width: 768px) {
  #line .igfa__list {
    gap: 1px;
  }
}
#line .igfa__list li {
  flex: 1;
  font-size: 2rem;
  display: grid;
  place-items: center;
  font-weight: bold;
  color: #014099;
  background: #E5ECF5;
  text-align: center;
}
@media (max-width: 999px) {
  #line .igfa__list li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  #line .igfa__list li {
    height: 3.5rem;
  }
}
#line .igfa__note {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  #line .igfa__note {
    font-size: 1.3rem;
  }
}
#line .secGlossary {
  padding-bottom: 16rem;
}
@media (max-width: 768px) {
  #line .secGlossary {
    padding-bottom: 8rem;
  }
}
#line .secGlossary .c-secTtl-01 {
  padding-top: 0;
  margin-bottom: 13.6rem;
}
@media (max-width: 768px) {
  #line .secGlossary .c-secTtl-01 {
    padding-top: 5rem;
    margin-bottom: 2.4rem;
  }
}
#line .secGlossary .c-secTtl-01__en {
  font-size: 23rem;
}
@media (max-width: 999px) {
  #line .secGlossary .c-secTtl-01__en {
    font-size: 13rem;
  }
}
@media (max-width: 768px) {
  #line .secGlossary .c-secTtl-01__en {
    font-size: 6rem;
    top: 3.2rem;
  }
}
#line .secGlossary .c-secTtl-01__txtbox {
  margin-top: -10rem;
}
@media (max-width: 768px) {
  #line .secGlossary .c-secTtl-01__txtbox {
    margin-top: -4rem;
  }
}
#line .secGlossary__dl .row {
  border: 2px solid #014099;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  #line .secGlossary__dl .row {
    border-radius: 4px;
  }
}
#line .secGlossary__dl .row:not(:last-child) {
  margin-bottom: 6.4rem;
}
@media (max-width: 768px) {
  #line .secGlossary__dl .row:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#line .secGlossary__dt {
  background: #E5ECF5;
  position: relative;
  padding: 3.5rem 8rem 3.5rem 4rem;
  font-size: 3rem;
  font-weight: bold;
  color: #014099;
  line-height: 1.6;
  transition: all 0.3s ease;
  z-index: 0;
}
@media (max-width: 768px) {
  #line .secGlossary__dt {
    font-size: 2.2rem;
    padding: 1.7rem 3rem 1.7rem 3rem;
  }
}
#line .secGlossary__dt:before {
  content: "Q";
  display: block;
  position: absolute;
  font-size: 7.2rem;
  color: #fff;
  line-height: 1;
  left: 1.2rem;
  top: 2rem;
  font-family: "Lexend", sans-serif;
  font-weight: 500;
  font-style: normal;
  z-index: -1;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  #line .secGlossary__dt:before {
    font-size: 4.4rem;
    left: 0.9rem;
    top: 1.2rem;
  }
}
#line .secGlossary__dt::after {
  content: "+";
  position: absolute;
  right: 3.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 5.4rem;
  font-weight: normal;
  transition: transform 0.3s ease;
  line-height: 1;
}
@media (max-width: 768px) {
  #line .secGlossary__dt::after {
    right: 0.6rem;
    font-size: 3.4rem;
  }
}
#line .secGlossary__dt.is-open::after {
  content: "−";
  transform: translateY(-50%) rotate(0deg);
}
#line .secGlossary__dt:hover {
  background: #fff;
  color: #014099;
}
#line .secGlossary__dt:hover:before {
  color: #E5ECF5;
}
#line .secGlossary__dd {
  background: #fff;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0;
  position: relative;
}
#line .secGlossary__dd:before {
  content: "";
  background: #014099;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#line .secGlossary__dt[aria-expanded=true] + .secGlossary__dd {
  opacity: 1;
}
#line .secGlossary__dd__in {
  padding: 3.6rem 5.4rem 3.3rem;
}
@media (max-width: 768px) {
  #line .secGlossary__dd__in {
    padding: 2rem 3rem 1.5rem;
  }
}
#line .secGlossary__dd__ttl {
  font-size: 2rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 1rem;
  z-index: 0;
  position: relative;
}
#line .secGlossary__dd__ttl:before {
  content: "A";
  display: block;
  position: absolute;
  font-size: 4.4rem;
  color: #E5ECF5;
  line-height: 1;
  left: -2.3rem;
  top: -1.3rem;
  font-family: "Lexend", sans-serif;
  font-weight: 500;
  font-style: normal;
  z-index: -1;
}
@media (max-width: 768px) {
  #line .secGlossary__dd__ttl:before {
    font-size: 3.6rem;
    left: -1.6rem;
    top: -0.2rem;
  }
}
.secCompare__dl {
  margin-bottom: 4.7rem;
}
@media (max-width: 768px) {
  .secCompare__dl {
    padding-inline: 1rem;
    margin-bottom: 2.2rem;
  }
}
.secCompare__dl .row {
  border-bottom: 2px solid #E5ECF5;
  padding-block: 1.9rem;
  display: grid;
  grid-template-columns: 16rem 1fr;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .secCompare__dl .row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.secCompare__list__label {
  font-size: 2rem;
  font-weight: bold;
  display: grid;
  place-items: center;
  line-height: 1.3;
  height: 6rem;
  background: #000;
  color: #fff;
}
@media (max-width: 768px) {
  .secCompare__list__label {
    width: 13.2rem;
    font-size: 1.5rem;
    height: 4.8rem;
  }
}
@media (max-width: 768px) {
  .secCompare__list__label--border {
    border-width: 3px !important;
  }
}

.secCompare__list__desc {
  display: grid;
  place-items: center start;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .secCompare__list__desc {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.secCompare__list__desc--add {
  padding-top: 0.5rem;
}
@media (max-width: 768px) {
  .secCompare__list__desc--add {
    padding-top: 0;
  }
}

#lineup .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #lineup .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#lineup .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-top: 13.2rem;
  margin-bottom: 2rem;
  background: none;
}
@media (max-width: 768px) {
  #lineup .c-pageNav-02 {
    z-index: 3;
    padding-top: 0;
    margin-bottom: 0;
  }
  #lineup .c-pageNav-02.is-fixed {
    border-color: #fff;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
  }
}
#lineup .c-pageNav-02:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 18rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  #lineup .c-pageNav-02:before {
    display: none;
  }
}
#lineup .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  #lineup .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}
@media (min-width: 769px) {
  #lineup .c-pageNav-02 .c-pageNav-02__list {
    gap: 1.4rem;
  }
}
@media (min-width: 769px) {
  #lineup .c-pageNav-02 .c-pageNav-02__link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    place-items: center;
    align-content: center;
    gap: 1.3rem;
    background: #fff;
    color: #014099;
    padding-top: 0.7rem;
    height: 8.4rem;
    border-radius: 8.4rem;
    border: 3px solid #041562;
    transition: all 0.3s ease-out;
    position: relative;
    box-shadow: 0 8px 0 0 #041562;
  }
}
@media (min-width: 769px) and (hover: hover) {
  #lineup .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  #lineup .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  #lineup .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  #lineup .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #lineup .c-pageNav-02 .c-pageNav-02__txt {
    font-weight: bold;
  }
}
#lineup .secNew {
  padding-top: 14rem;
}
@media (max-width: 768px) {
  #lineup .secNew {
    padding-top: 8.3rem;
  }
}
#lineup .secProductInfo {
  background: #E5ECF5;
}
@media (max-width: 768px) {
  #lineup .secProductInfo .c-tabs .tabpanel__cont {
    padding-bottom: 8rem;
  }
}
#lineup .secSearch {
  padding-block: 15.3rem 16rem;
}
@media (max-width: 768px) {
  #lineup .secSearch {
    padding-block: 4.3rem 4rem;
  }
}
@media (max-width: 768px) {
  #lineup .secSearch .inner {
    padding-inline: 2.3rem;
  }
}
#lineup .secSearch__flex {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15rem;
  justify-content: space-between;
}
@media (max-width: 999px) {
  #lineup .secSearch__flex {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  #lineup .secSearch__flex {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }
}
@media (max-width: 768px) {
  #lineup .secSearch__item.anc {
    margin-top: -14rem;
    padding-top: 14rem;
  }
}
#lineup .c-products-search__search__ttl {
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  #lineup .c-products-search__search__ttl {
    font-size: 2.5rem;
  }
}

#news-ac .c-breadcrumbs {
  background: #F5F6F8;
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #news-ac .c-breadcrumbs {
    padding-block: 0.6rem 0.5rem;
  }
}
#news-ac .secNews {
  background: #E5ECF5;
  padding-block: 7.6rem 16rem;
}
@media (max-width: 768px) {
  #news-ac .secNews {
    padding-block: 3.2rem 8rem;
  }
}
#news-ac .secNews .inner {
  max-width: 1240px;
  display: grid;
  grid-template-columns: 1fr 232px;
  gap: 0 3.2rem;
  align-items: start;
}
@media (max-width: 768px) {
  #news-ac .secNews .inner {
    grid-template-columns: 1fr;
    padding-inline: 0;
  }
}
#news-ac .secNews__heading {
  margin-bottom: 2rem;
}
#news-ac .secNews__lead {
  margin-bottom: 4.4rem;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #news-ac .secNews__lead {
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
    padding-left: 1rem;
  }
}
@media (max-width: 768px) {
  #news-ac .st-article__main {
    padding-inline: 1.5rem;
  }
}
@media (max-width: 768px) {
  #news-ac .st-article__sidebar {
    padding-block: 8.5rem 0;
  }
}

#news-dtl .c-breadcrumbs {
  background: #F5F6F8;
  padding-block: 2.4rem;
}
@media (max-width: 768px) {
  #news-dtl .c-breadcrumbs {
    padding-block: 0.6rem 0.5rem;
  }
}
@media (max-width: 768px) {
  #news-dtl .c-breadcrumbs__list {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
#news-dtl .st-article {
  background: #fff;
}
@media (max-width: 768px) {
  #news-dtl .st-article {
    background: #E5ECF5;
  }
}
#news-dtl .st-article .inner {
  max-width: 1240px;
  display: grid;
  grid-template-columns: 1fr 232px;
  gap: 0 3.2rem;
  grid-template-areas: "article sidebar" "news news";
}
@media (min-width: 769px) {
  #news-dtl .st-article .inner {
    position: relative;
  }
}
@media (max-width: 768px) {
  #news-dtl .st-article .inner {
    grid-template-columns: 1fr;
    grid-template-areas: "article" "news" "sidebar";
    padding-inline: 0;
  }
}
@media (min-width: 769px) {
  #news-dtl .row1-bleed {
    grid-column: 1/-1;
    grid-row: 1;
    position: relative;
    z-index: 0;
  }
  #news-dtl .row1-bleed:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5ECF5;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
  }
}
@media (max-width: 768px) {
  #news-dtl .row1-bleed {
    display: none;
  }
}
#news-dtl .st-article__main {
  width: 100%;
  grid-area: article;
  position: relative;
}
@media (min-width: 769px) {
  #news-dtl .st-article__main {
    position: relative;
    z-index: 1;
    padding-block: 7.5rem;
  }
}
@media (max-width: 768px) {
  #news-dtl .st-article__main {
    order: 1;
    padding-top: 2.4rem;
  }
}
#news-dtl .article__header {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #news-dtl .article__header {
    padding-inline: 1.5rem;
    margin-bottom: 3.7rem;
  }
}
#news-dtl .article__header__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  #news-dtl .article__header__meta {
    margin-bottom: 1rem;
  }
}
#news-dtl .article__title {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  #news-dtl .article__title {
    font-size: 2.2rem;
  }
}
#news-dtl .article__body {
  background: #fff;
  border-radius: 8px;
  padding: 3.2rem 3.6rem;
}
@media (max-width: 768px) {
  #news-dtl .article__body {
    border-radius: 0px;
    padding: 0;
  }
}
#news-dtl .article__body__thumbnail {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #news-dtl .article__body__thumbnail {
    margin-bottom: 0;
  }
}
#news-dtl .article__body__thumbnail img {
  width: 100%;
}
@media (max-width: 768px) {
  #news-dtl .b-postContent {
    padding: 3.2rem 1.6rem;
  }
}
#news-dtl .b-postContent h2 {
  font-size: 2.8rem;
  font-weight: bold;
  background: #014099;
  color: #fff;
  padding: 0.8rem 1.6rem;
  margin-block: 4rem 3rem;
  margin-inline: 0;
}
@media (max-width: 768px) {
  #news-dtl .b-postContent h2 {
    font-size: 2.6rem;
    margin-block: 3rem 2rem;
  }
}
#news-dtl .b-postContent h3 {
  font-size: 2.4rem;
  color: #014099;
  border: none;
  padding: 0 0 0.8rem;
  margin-block: 3.2rem 1.5rem;
  border-bottom: 4px solid #E5ECF5;
}
#news-dtl .b-postContent h3:before {
  display: none;
}
#news-dtl .b-postContent h4 {
  font-size: 1.8rem;
  color: #014099;
  border: none;
  padding: 0;
  margin-block: 3.2rem 1.5rem;
}
@media (max-width: 768px) {
  #news-dtl .b-postContent h4 {
    font-size: 2rem;
  }
}
#news-dtl .st-article__nav {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  justify-content: space-between;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav {
    margin-top: 0;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0.4rem 1.5rem;
  }
}
#news-dtl .st-article__nav__link {
  max-width: 31rem;
  display: grid;
  gap: 1.6rem;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__link {
    max-width: 100%;
    padding-block: 1.2rem;
  }
}
#news-dtl .st-article__nav__link--next {
  grid-template-columns: 5rem 1fr;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__link--next {
    grid-template-columns: 3.6rem 1fr;
  }
}
@media (hover: hover) {
  #news-dtl .st-article__nav__link--next:where(:any-link, :enabled, summary):hover .st-article__nav__arrow {
    box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
  }
  #news-dtl .st-article__nav__link--next:where(:any-link, :enabled, summary):hover .st-article__nav__arrow:before {
    transform: translate(-5px, -50%);
  }
}
#news-dtl .st-article__nav__link--prev {
  grid-template-columns: 1fr 5rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__link--prev {
    grid-template-columns: 1fr 3.6rem;
  }
}
@media (hover: hover) {
  #news-dtl .st-article__nav__link--prev:where(:any-link, :enabled, summary):hover .st-article__nav__arrow {
    box-shadow: 0 3px 6px rgba(1, 64, 153, 0.1);
  }
  #news-dtl .st-article__nav__link--prev:where(:any-link, :enabled, summary):hover .st-article__nav__arrow:before {
    transform: translate(5px, -50%);
  }
}
#news-dtl .st-article__nav__txt {
  font-size: 1.5rem;
  line-height: 1.6;
  text-decoration: underline;
  color: #014099;
}
#news-dtl .st-article__nav__arrow {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(113, 130, 152, 0.5);
  position: relative;
  background: #fff;
  transition: all 0.3s ease-out;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__arrow {
    width: 3.6rem;
    height: 3.6rem;
  }
}
#news-dtl .st-article__nav__arrow:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__arrow:before {
    width: 1rem;
    height: 1rem;
  }
}
#news-dtl .st-article__nav__arrow--next {
  order: -1;
}
#news-dtl .st-article__nav__arrow--next:before {
  background: url(../img/common/arrow-left-blue.svg) no-repeat center center/1.6rem;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__arrow--next:before {
    background-size: 1rem;
  }
}
#news-dtl .st-article__nav__arrow--prev:before {
  background: url(../img/common/arrow-right-blue.svg) no-repeat center center/1.6rem;
}
@media (max-width: 768px) {
  #news-dtl .st-article__nav__arrow--prev:before {
    background-size: 1rem;
  }
}
#news-dtl .st-article__sidebar {
  align-items: start;
  grid-template-rows: max-content;
  grid-area: sidebar;
}
@media (min-width: 769px) {
  #news-dtl .st-article__sidebar {
    position: relative;
    z-index: 1;
    padding-block: 7.5rem;
  }
}
@media (max-width: 768px) {
  #news-dtl .st-article__sidebar {
    order: 3;
    padding-block: 8.6rem;
  }
}
#news-dtl .secNews {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: repeat(2, max-content);
  gap: 0px 0px;
  grid-template-areas: "secNews__heading secNews__btn" "secNews__list secNews__list";
  align-items: end;
  justify-content: space-between;
  width: 100%;
  grid-area: news;
}
@media (min-width: 769px) {
  #news-dtl .secNews {
    padding-block: 15.2rem 15.8rem;
  }
}
@media (max-width: 768px) {
  #news-dtl .secNews {
    order: 2;
    background: #fff;
    display: block;
    padding: 6.5rem 1.5rem 8rem;
  }
}
#news-dtl .secNews__heading {
  grid-area: secNews__heading;
}
#news-dtl .secNews__list {
  grid-area: secNews__list;
  margin-top: 3.8rem;
}
@media (max-width: 768px) {
  #news-dtl .secNews__list {
    margin-top: 2.6rem;
  }
}
#news-dtl .secNews__btn {
  grid-area: secNews__btn;
  text-align: right;
}
@media (max-width: 768px) {
  #news-dtl .secNews__btn {
    margin-top: 3.5rem;
    text-align: center;
  }
}
#news-dtl .c-biomass {
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #news-dtl .c-biomass {
    display: block;
  }
}
@media (max-width: 768px) {
  #news-dtl .c-biomass figure {
    margin-bottom: 1rem;
  }
}
#news-dtl .c-biomass p {
  padding-left: 5%;
}
@media (max-width: 768px) {
  #news-dtl .c-biomass p {
    padding-inline: 0;
  }
}

@media (max-width: 768px) {
  #page-404 .anc {
    margin-top: -12.5rem;
    padding-top: 12.5rem;
  }
}
#page-404 .c-pageTtl-01 {
  background: #fff;
}
#page-404 .c-breadcrumbs {
  background: #fff;
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #page-404 .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#page-404 .sec404 {
  background: #fff;
}
@media (max-width: 768px) {
  #page-404 .sec404 {
    padding-block: 2.4rem 1.8rem;
  }
}
#page-404 .sec404__note {
  background: #E5ECF5;
  padding: 2rem 5rem;
  margin-bottom: 8.5rem;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #page-404 .sec404__note {
    padding: 1.3rem 0.9rem;
    line-height: 1.6;
    margin-bottom: 1.7rem;
  }
}
#page-404 .sec404__heading {
  letter-spacing: 0;
}
@media (max-width: 768px) {
  #page-404 .sec404__heading {
    font-size: 2.2rem;
  }
}
#page-404 .c-pageNav-02 {
  position: relative;
  z-index: 0;
  padding-top: 8.2rem;
  margin-bottom: 2rem;
  background: none;
}
@media (max-width: 768px) {
  #page-404 .c-pageNav-02 {
    z-index: 3;
    padding-top: 0;
    margin-bottom: 0;
  }
  #page-404 .c-pageNav-02.is-fixed {
    border-color: #fff;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
  }
}
#page-404 .c-pageNav-02:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 13.1rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  #page-404 .c-pageNav-02:before {
    display: none;
  }
}
#page-404 .c-pageNav-02 .inner {
  position: relative;
  z-index: 1;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  #page-404 .c-pageNav-02 .inner {
    padding-inline: 0;
  }
}
@media (min-width: 769px) {
  #page-404 .c-pageNav-02 .c-pageNav-02__list {
    gap: 1.4rem;
  }
}
@media (min-width: 769px) {
  #page-404 .c-pageNav-02 .c-pageNav-02__link {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    place-items: center;
    align-content: center;
    gap: 1.3rem;
    background: #fff;
    color: #014099;
    padding-top: 0.7rem;
    height: 8.4rem;
    border-radius: 8.4rem;
    border: 3px solid #041562;
    transition: all 0.3s ease-out;
    position: relative;
    box-shadow: 0 8px 0 0 #041562;
  }
}
@media (min-width: 769px) and (hover: hover) {
  #page-404 .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover {
    background: #041562;
    color: #fff;
    transform: translateY(8px);
    box-shadow: 0 0 0 0 #041562;
  }
  #page-404 .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__txt {
    color: #fff;
    opacity: 1;
  }
  #page-404 .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .c-pageNav-02__arrow {
    opacity: 1;
  }
  #page-404 .c-pageNav-02 .c-pageNav-02__link:where(:any-link, :enabled, summary):hover .svg-arrow-bottom {
    fill: #fff;
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #page-404 .c-pageNav-02 .c-pageNav-02__txt {
    font-weight: bold;
  }
}
#page-404 .secProductInfo {
  background: none;
  padding-top: 10rem;
}
@media (max-width: 768px) {
  #page-404 .secProductInfo {
    padding-top: 8.3rem;
  }
}
@media (max-width: 768px) {
  #page-404 .secProductInfo .c-tabs .tabpanel__cont {
    padding-bottom: 2.8rem;
  }
}
#page-404 .secContents {
  padding-top: 15.4rem;
}
@media (max-width: 768px) {
  #page-404 .secContents {
    padding-top: 3.8rem;
  }
}
#page-404 .secNews {
  background: #E5ECF5;
  padding-block: 15.1rem 16rem;
}
@media (max-width: 768px) {
  #page-404 .secNews {
    padding-block: 7.5rem 4rem;
  }
}
#page-404 .secNews__heading {
  margin-bottom: 6.7rem;
}
@media (max-width: 768px) {
  #page-404 .secNews__heading {
    margin-bottom: 1.5rem;
  }
}
#page-404 .secNews__cont {
  background: #fff;
  padding: 2rem 5.5rem 8rem;
}
@media (max-width: 999px) {
  #page-404 .secNews__cont {
    padding-inline: 2.5rem;
  }
}
@media (max-width: 768px) {
  #page-404 .secNews__cont {
    background: none;
    padding: 0;
  }
}
#page-404 .secNews__articleList {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  #page-404 .secNews__articleList {
    background: #fff;
    padding: 1rem 2rem 2.4rem;
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 440px) {
  #page-404 .secNews__articleList {
    padding: 1rem 0.8rem 2.4rem;
  }
}
#page-404 .secNews__article {
  border-bottom: 1px solid #D4D9E0;
}
#page-404 .secNews__link {
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: 4rem;
  padding: 4rem 10rem 4rem 0;
  position: relative;
}
@media (max-width: 999px) {
  #page-404 .secNews__link {
    padding-right: 4rem;
  }
}
@media (max-width: 768px) {
  #page-404 .secNews__link {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 2rem 4rem 2rem 0;
  }
}
@media (hover: hover) {
  #page-404 .secNews__link:where(:any-link, :enabled, summary):hover .secNews__ttl {
    color: #014099;
    text-decoration: underline;
  }
}
#page-404 .secNews__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#page-404 .secNews__date {
  font-size: 1.6rem;
  color: #718298;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #page-404 .secNews__date {
    font-size: 1.4rem;
    letter-spacing: 0.02em;
  }
}
#page-404 .secNews__ttl {
  font-size: 1.8rem;
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  #page-404 .secNews__ttl {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
  }
}
#page-404 .secNews__btn {
  text-align: center;
}
#page-404 .secCompany {
  padding-block: 15.1rem 15.4rem;
}
@media (max-width: 768px) {
  #page-404 .secCompany {
    padding-block: 4.2rem 4rem;
  }
}
#page-404 .secCompany .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 999px) {
  #page-404 .secCompany .inner {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  #page-404 .secCompany .inner {
    padding-inline: 2.5rem;
  }
}
#page-404 .secCompany__heading {
  margin-bottom: 6.7rem;
}
@media (max-width: 768px) {
  #page-404 .secCompany__heading {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 440px) {
  #page-404 .secCompany__list {
    padding-inline: 0.5rem;
  }
}

#pickup-ac .c-breadcrumbs {
  background: #F5F6F8;
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #pickup-ac .c-breadcrumbs {
    padding-block: 0.6rem 0.5rem;
  }
}
#pickup-ac .secPickup {
  background: #E5ECF5;
  padding-block: 8rem 16rem;
}
@media (max-width: 768px) {
  #pickup-ac .secPickup {
    padding-block: 4rem 9rem;
  }
}
#pickup-ac .secPickup .inner {
  max-width: 1240px;
}
#pickup-ac .secPickup__heading {
  margin-bottom: 4rem;
  margin-left: 1.5rem;
}
@media (max-width: 999px) {
  #pickup-ac .secPickup__heading {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  #pickup-ac .secPickup__heading {
    margin-bottom: 2.4rem;
  }
}
#pickup-ac .secPickup__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.4rem 3.4rem;
  align-items: start;
}
@media (max-width: 768px) {
  #pickup-ac .secPickup__list {
    gap: 1.6rem;
  }
}
@media (max-width: 440px) {
  #pickup-ac .secPickup__list {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
#pickup-ac .secSide {
  background: #fff;
  padding-block: 15rem 15rem;
}
@media (max-width: 768px) {
  #pickup-ac .secSide {
    padding-block: 8.5rem 8rem;
  }
}
#pickup-ac .secOther {
  background: #F5F6F8;
  padding-block: 16.5rem 14rem;
}
@media (max-width: 768px) {
  #pickup-ac .secOther {
    padding-block: 8.2rem 4rem;
  }
}
#pickup-ac .secOther .inner {
  max-width: 1240px;
}
#pickup-ac .secOther .other__list {
  padding-inline: 0;
}
@media (max-width: 768px) {
  #pickup-ac .secOther .other__list {
    padding-inline: 1.5rem;
  }
}
#pickup-ac .secOther__heading {
  margin-bottom: 6.7rem;
}
@media (max-width: 768px) {
  #pickup-ac .secOther__heading {
    margin-bottom: 3.5rem;
  }
}

#products-ac {
  background: #fff;
}
#products-ac .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #products-ac .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#products-ac .l-wrap {
  display: grid;
  grid-template-columns: 232px 1fr;
  gap: 0 3.2rem;
}
@media (max-width: 768px) {
  #products-ac .l-wrap {
    grid-template-columns: 1fr;
  }
}
#products-ac .l-sidebar {
  order: -1;
}
@media (max-width: 768px) {
  #products-ac .l-sidebar {
    padding: 1.5rem;
  }
}
#products-ac .l-main {
  container-type: inline-size;
}
@media (max-width: 768px) {
  #products-ac .l-main {
    background: #E5ECF5;
    padding: 3rem 1.5rem 8rem;
  }
}
#products-ac .secProducts {
  background: #E5ECF5;
  padding-block: 6.5rem 16rem;
}
@media (max-width: 768px) {
  #products-ac .secProducts {
    background: none;
    padding-block: 0;
  }
}
#products-ac .secProducts .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 1024px) {
  #products-ac .secProducts .inner {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  #products-ac .secProducts .inner {
    padding-inline: 0;
  }
}
#products-ac .c-products-item__search-conditions {
  margin-bottom: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.1rem;
}
#products-ac .c-products-item__search-condition {
  background: #fff;
  color: #718298;
  padding: 0.8rem 1.2rem;
  display: inline-block;
}
@media (max-width: 768px) {
  #products-ac .c-products-item__search-condition {
    font-size: 1.2rem;
    padding: 0.4rem 0.8rem;
  }
}
#products-ac .c-products-item__search-condition-separator {
  background: url(../img/common/chevron-right-gray.svg) no-repeat left center/1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
}
@media (max-width: 768px) {
  #products-ac .c-products-item__search-condition-separator {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem;
    margin-inline: 0.2rem 0.4rem;
  }
}
#products-ac .c-products-item__search-result {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #products-ac .c-products-item__search-result {
    font-size: 1.6rem;
    margin-bottom: 1.9rem;
  }
}

#products-dtl {
  background: #fff;
}
#products-dtl .anc {
  margin-top: -17rem;
  padding-top: 17rem;
}
@media (max-width: 768px) {
  #products-dtl .anc {
    margin-top: -12.5rem;
    padding-top: 12.5rem;
  }
}
#products-dtl .c-breadcrumbs {
  background: #fff;
  padding-block: 2.6rem 4rem;
}
@media (max-width: 768px) {
  #products-dtl .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#products-dtl .c-pageNav-02__list--col4 {
  display: flex;
  justify-content: center;
}
#products-dtl .c-pageNav-02__list .c-pageNav-02__item {
  flex: 1;
}
#products-dtl .secProduct {
  background: #fff;
  padding-block: 6.4rem 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct {
    padding-block: 1.5rem 4rem;
  }
}
#products-dtl .secProduct .inner {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 6.4rem;
}
@media (max-width: 999px) {
  #products-dtl .secProduct .inner {
    gap: 3.2rem;
  }
}
@media (max-width: 768px) {
  #products-dtl .secProduct .inner {
    display: block;
  }
}
#products-dtl .secProduct__gallery {
  padding-bottom: 8rem;
}
@media (max-width: 440px) {
  #products-dtl .secProduct__gallery {
    padding-bottom: 4rem;
  }
}
#products-dtl .gallery__main {
  margin-bottom: 0.7rem;
}
@media (max-width: 768px) {
  #products-dtl .gallery__main {
    max-width: 53%;
    margin-inline: auto;
  }
}
@media (max-width: 440px) {
  #products-dtl .gallery__main {
    max-width: 100%;
  }
}
#products-dtl .gallery__main button {
  position: relative;
  border: 1px solid #ddd;
  display: block;
  aspect-ratio: 1/1;
  background: none;
  padding: 0;
  cursor: pointer;
}
#products-dtl .gallery__main button:before {
  content: "";
  background: url(../img/products-dtl/icon-zoom.svg) no-repeat center center/cover;
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
#products-dtl .gallery__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.3rem;
}
@media (max-width: 768px) {
  #products-dtl .gallery__meta {
    max-width: 53%;
    margin-inline: auto;
  }
}
@media (max-width: 440px) {
  #products-dtl .gallery__meta {
    max-width: 100%;
    margin-bottom: 1.7rem;
  }
}
#products-dtl .gallery__note {
  font-size: 1.4rem;
  color: #718298;
}
@media (max-width: 768px) {
  #products-dtl .gallery__note {
    font-size: 1.2rem;
  }
}
#products-dtl .gallery__num {
  font-size: 1.4rem;
  color: #718298;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #products-dtl .gallery__num {
    font-size: 1.2rem;
  }
}
#products-dtl .gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6rem 2.8rem;
}
@media (max-width: 768px) {
  #products-dtl .gallery__thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
  }
}
#products-dtl .gallery__thumbs button {
  border: 1px solid #014099;
  display: block;
  aspect-ratio: 1/1;
  background: none;
  padding: 0;
  cursor: pointer;
}
#products-dtl .b-modal__dialog {
  max-width: 1070px;
  margin: auto;
}
#products-dtl .swiper {
  /* スライドのチラつき防止 */
  visibility: visible;
  /* 要素を見えなくする（高さは保持） */
  overflow: visible;
  /* 念のためスライドのはみ出しを防止 */
  transition: none;
  opacity: 1;
}
#products-dtl .b-modal__closeButton {
  right: 100px;
}
@media (max-width: 768px) {
  #products-dtl .b-modal__closeButton {
    right: 20px;
  }
}
#products-dtl .gallery__swiper__ui {
  display: block;
}
@media (max-width: 768px) {
  #products-dtl .gallery__swiper__ui {
    display: flex;
    margin-top: 1.6rem;
  }
}
#products-dtl .swiper-button-prev,
#products-dtl .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6.4rem;
  height: 6.4rem;
  z-index: 2;
}
@media (max-width: 768px) {
  #products-dtl .swiper-button-prev,
  #products-dtl .swiper-button-next {
    display: block;
    position: static;
    transform: translateY(0);
    width: 4.4rem;
    height: 4.4rem;
  }
}
#products-dtl .swiper-button-prev:before,
#products-dtl .swiper-button-next:before {
  width: 2.1rem;
  height: 2.1rem;
  background-size: 2.1rem;
}
@media (max-width: 768px) {
  #products-dtl .swiper-button-prev:before,
  #products-dtl .swiper-button-next:before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
  }
}
#products-dtl .swiper-button-prev {
  left: 0rem;
  right: auto;
}
#products-dtl .swiper-button-next {
  right: 0rem;
  left: auto;
}
#products-dtl .swiper-pagination {
  position: static;
  max-width: 880px;
  margin-inline: auto;
  justify-content: flex-end;
  color: #fff;
  letter-spacing: 0.3em;
  margin-top: 0.8rem;
}
@media (max-width: 768px) {
  #products-dtl .swiper-pagination {
    font-size: 1.6rem;
    margin-top: 0;
    justify-content: center;
  }
}
#products-dtl .gallery__swiper__item {
  max-width: 880px;
  margin-inline: auto;
  aspect-ratio: 1/1;
}
#products-dtl .secProduct__free {
  background: #014099;
  color: #fff;
  font-weight: bold;
  padding: 0.7rem 1.8rem;
  letter-spacing: 0.05em;
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__free {
    font-size: 1.5rem;
    padding: 0.9rem 1.8rem;
    margin-bottom: 0.8rem;
  }
}
#products-dtl .secProduct__badge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__badge {
    margin-bottom: 1.1rem;
  }
}
#products-dtl .badge__item {
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  padding: 0.5rem 0.8rem;
  margin-right: 0.8rem;
}
@media (max-width: 768px) {
  #products-dtl .badge__item {
    font-size: 1.5rem;
  }
}
#products-dtl .badge__item--new {
  background: #EA4335;
}
#products-dtl .badge__item--add {
  background: #189F28;
}
#products-dtl .badge__schedule {
  font-weight: bold;
  color: #EA4335;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #products-dtl .badge__schedule {
    font-size: 1.5rem;
  }
}
#products-dtl .secProduct__ttl {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.3;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #ddd;
  margin-bottom: 1.8rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__ttl {
    font-size: 2.6rem;
    padding-bottom: 2.8rem;
  }
}
#products-dtl .secProduct__tags {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__tags {
    gap: 0.8rem;
  }
}
@media (max-width: 768px) {
  #products-dtl .secProduct__tags .c-tag-list__item {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  #products-dtl .secProduct__tags .c-tag-list__item a {
    padding: 0.5rem 1.2rem;
  }
}
#products-dtl .secProduct__catch {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #014099;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__catch {
    font-size: 2rem;
    margin-bottom: 1.3rem;
  }
}
#products-dtl .description__item:not(:last-child) {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #products-dtl .description__item:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#products-dtl .description__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  color: #014099;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #products-dtl .description__ttl {
    margin-bottom: 0.8rem;
  }
}
#products-dtl .description__txt {
  line-height: 1.8;
}
@media (max-width: 768px) {
  #products-dtl .description__txt {
    font-size: 1.6rem;
  }
}
#products-dtl .secProduct__material {
  margin-top: 4.2rem;
}
@media (max-width: 768px) {
  #products-dtl .secProduct__material {
    margin-top: 1.5rem;
  }
}
#products-dtl .material__ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  letter-spacing: 0.06em;
}
#products-dtl .material__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  position: relative;
  padding-bottom: 12rem;
}
@media (max-width: 768px) {
  #products-dtl .material__list {
    gap: 1.6rem;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  #products-dtl .material__item {
    position: relative;
  }
}
#products-dtl .material__item--fill .material__item__ttl {
  background: var(--badge-color);
  color: #fff;
}
#products-dtl .material__item--border .material__item__ttl {
  background: #fff;
  color: var(--badge-color);
}
#products-dtl .material__item__ttl {
  text-box: trim-both text;
  padding: 0;
  display: inline-grid;
  place-items: center;
  font-weight: bold;
  box-shadow: 2px 2px 4px rgba(113, 130, 152, 0.5);
  min-width: 80px;
  padding-inline: 0.2rem;
  height: 3rem;
  text-align: center;
  border: 2px solid var(--badge-color);
  transition: all 0.3s ease-out;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) {
  #products-dtl .material__item__ttl {
    height: 4rem;
    font-size: 1.6rem;
  }
}
#products-dtl .material__item__ttl:before {
  content: "";
  width: 2px;
  height: 1.6rem;
  display: block;
  position: absolute;
  bottom: -1.8rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.3s ease-out;
  z-index: 1;
  background: var(--badge-color);
}
#products-dtl .material__item__ttl:after {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#products-dtl .material__item__ttl.is-active {
  box-shadow: 2px 2px 4px transparent;
}
#products-dtl .material__item__ttl.is-active:before {
  opacity: 1;
}
#products-dtl .material__item__ttl.is-active:after {
  opacity: 1;
}
#products-dtl .material__item__txt {
  position: fixed;
  font-size: 1.4rem;
  padding: 1.6rem;
  transition: opacity 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 2px solid var(--badge-color);
  background: #fff;
  z-index: 1;
  max-width: 540px;
}
@media (max-width: 768px) {
  #products-dtl .material__item__txt {
    max-width: calc(100vw - 3.2rem);
  }
}
#products-dtl .material__item__txt.is-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#products-dtl .secSpec {
  background: #E5ECF5;
  padding-block: 11.9rem 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secSpec {
    padding-block: 8.3rem 8rem;
  }
}
#products-dtl .secSpec__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secSpec__heading {
    margin-bottom: 2rem;
  }
}
#products-dtl .secSpec__note {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 2.6rem;
}
@media (max-width: 768px) {
  #products-dtl .secSpec__note {
    font-size: 1.6rem;
    letter-spacing: 0;
    margin-bottom: 5.9rem;
  }
}
#products-dtl .secDescription {
  background: #F5F6F8;
  padding-block: 12rem 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secDescription {
    padding-block: 8.3rem 4rem;
  }
}
#products-dtl .secDescription__heading {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  #products-dtl .secDescription__heading {
    margin-bottom: 2.5rem;
  }
}
#products-dtl .secDescription__cont {
  max-width: 1000px;
  margin-inline: auto;
}
#products-dtl .b-postContent h3 {
  font-size: 2.8rem;
  font-weight: bold;
  background: #014099;
  color: #fff;
  padding: 0.8rem 1.6rem;
  margin-block: 6.4rem 3rem;
}
@media (max-width: 768px) {
  #products-dtl .b-postContent h3 {
    font-size: 2rem;
    margin-block: 3rem 2rem;
  }
}
#products-dtl .b-postContent h4 {
  font-size: 1.8rem;
  color: #014099;
  border: none;
  padding: 0;
}
#products-dtl .wp-block-media-text {
  gap: 8rem;
}
@media (max-width: 768px) {
  #products-dtl .wp-block-media-text {
    gap: 2rem;
  }
}
#products-dtl .is-vertically-aligned-top > .wp-block-media-text__content {
  padding-top: 0;
}
@media (max-width: 600px) {
  #products-dtl .is-stacked-on-mobile > .wp-block-media-text__content {
    padding: 0 !important;
  }
}
#products-dtl .secRelatedContents {
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 6.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedContents {
    margin-top: 3.2rem;
  }
}
#products-dtl .secRelatedContents h3 {
  margin-top: 0;
}
#products-dtl .secRelatedContents__item {
  max-width: 750px;
  margin-inline: auto;
}
#products-dtl .secRelatedContents__item:not(:last-child) {
  margin-bottom: 6.5rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedContents__item:not(:last-child) {
    margin-bottom: 2.6rem;
  }
}
#products-dtl .secRelatedContents__item iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
#products-dtl .secRelatedContents__item img {
  width: 100%;
}
#products-dtl .link__img a {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #products-dtl .link__img a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
#products-dtl .secRelatedContents__btn {
  margin-top: 3.2rem;
  text-align: center;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedContents__btn {
    margin-top: 1.6rem;
  }
}
#products-dtl .secReport {
  background: #fff;
  padding-block: 13rem 0;
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secReport {
    padding-block: 8rem 0;
    margin-bottom: 3rem;
  }
}
#products-dtl .secReport__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secReport__heading {
    margin-bottom: 2.7rem;
  }
}
#products-dtl .secReport__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
}
@media (max-width: 768px) {
  #products-dtl .secReport__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 440px) {
  #products-dtl .secReport__list {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding-inline: 1rem;
  }
}
#products-dtl .secReport__img {
  aspect-ratio: 1/1;
  margin-bottom: 1.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secReport__img {
    margin-bottom: 0.9rem;
  }
}
#products-dtl .secReport__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#products-dtl .secReport__txt {
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #products-dtl .secReport__txt {
    font-size: 1.6rem;
  }
}
#products-dtl .secReport__txt b {
  color: #014099;
  font-weight: bold;
}
#products-dtl .secOnlineShop {
  background: #fff;
  margin-top: 16rem;
  padding-bottom: 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop {
    margin-top: 3rem;
    padding-bottom: 4rem;
  }
}
#products-dtl .secOnlineShop .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop .inner {
    padding-inline: 1.5rem;
  }
}
#products-dtl .secOnlineShop__cont {
  border: 8px solid #E5ECF5;
  border-radius: 30px;
  padding: 7.2rem 1rem 5rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__cont {
    border-width: 4px;
    border-radius: 10px;
    padding: 3.2rem 1.5rem 3.2rem;
  }
}
#products-dtl .secOnlineShop__heading {
  text-align: center;
  margin-bottom: 2.2rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__heading {
    margin-bottom: 1rem;
  }
}
#products-dtl .secOnlineShop__heading span {
  display: inline-grid;
  place-items: center start;
  height: 7.2rem;
  font-size: 4rem;
  font-weight: bold;
  color: #014099;
  padding-left: 8.8rem;
  background: url(../img/products-dtl/icon-shop.svg) no-repeat left center/7.2rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__heading span {
    font-size: 2.2rem;
    height: 4.5rem;
    padding-left: 5.5rem;
    background: url(../img/products-dtl/icon-shop_sp.svg) no-repeat left center/4.5rem;
  }
}
#products-dtl .secOnlineShop__lead {
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.7;
  margin-bottom: 3.7rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__lead {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
    text-align: left;
  }
}
#products-dtl .secOnlineShop__lead .small {
  font-size: 1.4rem;
  color: #707070;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__lead .small {
    display: block;
    margin-top: 1.5rem;
  }
}
#products-dtl .secOnlineShop--hasMore:not(.secOnlineShop--isOpen) .secOnlineShop__partner__item:nth-child(n+9) {
  display: none;
}
#products-dtl .secOnlineShop--hasMore:not(.secOnlineShop--isOpen) .secOnlineShop__mega {
  display: none;
}
#products-dtl .secOnlineShop__partner__list {
  max-width: 1008px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.4rem 1.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__partner__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 440px) {
  #products-dtl .secOnlineShop__partner__list {
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6rem 0.8rem;
    margin-bottom: 1.6rem;
  }
}
@media (hover: hover) {
  #products-dtl .secOnlineShop__partner__item a:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
}
#products-dtl .secOnlineShop__partner__logo {
  aspect-ratio: 218/138;
  padding: 1.1rem;
  border: 1px solid #ddd;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__partner__logo {
    margin-bottom: 0.8rem;
  }
}
#products-dtl .secOnlineShop__partner__name {
  text-align: center;
}
#products-dtl .secOnlineShop__mega {
  max-width: 768px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem 2.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__mega {
    gap: 1.6rem;
  }
}
@media (max-width: 440px) {
  #products-dtl .secOnlineShop__mega {
    max-width: calc(100% - 1rem);
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
#products-dtl .secOnlineShop__mega__item a {
  display: block;
  display: grid;
  place-items: center;
  color: #fff;
  height: 7.2rem;
  transition: all 0.3s ease-out;
  text-align: center;
}
@media (hover: hover) {
  #products-dtl .secOnlineShop__mega__item a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__mega__item a {
    height: 5.2rem;
    font-size: 1.5rem;
  }
}
#products-dtl .secOnlineShop__mega__item--amazon a {
  background: #FF9900;
}
#products-dtl .secOnlineShop__mega__item--rakuten a {
  background: #BF0000;
}
#products-dtl .secOnlineShop__mega__item--yahoo a {
  background: #FF0133;
}
#products-dtl .secOnlineShop__mega__item--other a {
  background: #718298;
}
#products-dtl .secOnlineShop__moreBtnWrap {
  text-align: center;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__moreBtnWrap {
    margin-top: 1.4rem;
  }
}
#products-dtl .secOnlineShop__moreBtn {
  display: inline-block;
  padding: 2.3rem 7.9rem;
  background: #014099;
  border-radius: 9999px;
  cursor: pointer;
  position: relative;
}
#products-dtl .secOnlineShop__moreBtn:before {
  content: "";
  background: url(../img/common/arrow-bottom-white.svg) no-repeat center center/cover;
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  right: 2.2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #products-dtl .secOnlineShop__moreBtn:where(:any-link, :enabled, summary):hover:before,
  #products-dtl .secOnlineShop__moreBtn:where(:any-link, :enabled, summary):hover .secOnlineShop__moreBtn__txt {
    opacity: 0.7;
  }
}
#products-dtl .secOnlineShop__moreBtn[aria-expanded=true]:before {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__moreBtn {
    padding: 1.1rem 8.1rem;
  }
}
#products-dtl .secOnlineShop__moreBtn__txt {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  #products-dtl .secOnlineShop__moreBtn__txt {
    font-size: 1.5rem;
  }
}
#products-dtl .secRelatedProducts {
  background: #F5F6F8;
  padding-block: 11.8rem 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedProducts {
    padding-block: 5.2rem 4.8rem;
  }
}
#products-dtl .secRelatedProducts__heading {
  text-align: center;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedProducts__heading {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 769px) {
  #products-dtl .c-products-item__list {
    gap: 3.3rem 4.8rem;
  }
}
#products-dtl .secRelatedTag {
  background: #E5ECF5;
  padding-block: 11.8rem 16rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag {
    padding-block: 5.2rem 4.8rem;
  }
}
#products-dtl .secRelatedTag__heading {
  text-align: center;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__heading {
    margin-bottom: 2.5rem;
  }
}
#products-dtl .secRelatedTag__cont {
  background: #fff;
  border-radius: 30px;
  padding: 6.7rem 8rem;
}
@media (max-width: 999px) {
  #products-dtl .secRelatedTag__cont {
    padding-inline: 4rem;
  }
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__cont {
    border-radius: 10px;
    padding: 2.6rem 1.3rem;
  }
}
#products-dtl .secRelatedTag__tax:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__tax:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
#products-dtl .secRelatedTag__tax__ttl {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #014099;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__tax__ttl {
    font-size: 2rem;
  }
}
#products-dtl .secRelatedTag__tags {
  gap: 1.6rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__tags {
    gap: 0.8rem 0.6rem;
  }
}
#products-dtl .secRelatedTag__tags .c-tag-list__item {
  font-size: 1.6rem;
  padding: 0;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__tags .c-tag-list__item {
    font-size: 1.4rem;
  }
}
#products-dtl .secRelatedTag__tags .c-tag-list__item a {
  display: block;
  padding: 0.4rem 1.2rem;
}
@media (max-width: 768px) {
  #products-dtl .secRelatedTag__tags .c-tag-list__item a {
    padding: 0.9rem 1.3rem;
  }
}
#products-dtl .secRelatedTag__tags .c-products-item__tags {
  margin-top: 1rem;
}
#products-dtl .secOther {
  background: #fff;
  padding-block: 16rem 0;
}
@media (max-width: 768px) {
  #products-dtl .secOther {
    padding-block: 4.8rem 0;
  }
}
#products-dtl .secOther__attention {
  border: 1px solid rgba(113, 130, 152, 0.8);
  color: #718298;
  padding: 6rem 16rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 999px) {
  #products-dtl .secOther__attention {
    padding-inline: 5rem;
  }
}
@media (max-width: 768px) {
  #products-dtl .secOther__attention {
    border-width: 2px;
    padding: 2.2rem 1rem;
    display: block;
  }
}
#products-dtl .attention__ttl {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #products-dtl .attention__ttl {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 2rem;
  }
}
#products-dtl .attention__cont {
  flex: 1;
  padding-left: 6.6rem;
}
@media (max-width: 768px) {
  #products-dtl .attention__cont {
    padding-left: 0;
  }
}
#products-dtl .attention__list {
  font-size: 1.4rem;
  line-height: 1.8;
}
#products-dtl .attention__list li {
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  #products-dtl .attention__list li:not(:last-child) {
    margin-bottom: 1rem;
  }
}
#products-dtl .attention__subTtl {
  margin-top: 2.3rem;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #products-dtl .attention__subTtl {
    margin-top: 3.4rem;
    margin-bottom: 0.5rem;
  }
}

#recruit {
  background: #fff;
}
#recruit .c-breadcrumbs {
  padding-block: 2.5rem;
}
@media (max-width: 768px) {
  #recruit .c-breadcrumbs {
    background: #fff;
    padding-block: 0.6rem 0.5rem;
  }
}
#recruit .secLead {
  background: url(../img/recruit/lead_bg@2x.jpg) no-repeat top center/100% auto;
  overflow: hidden;
}
@media (max-width: 768px) {
  #recruit .secLead {
    background: url(../img/recruit/lead_bg_sp@2x.jpg) no-repeat bottom center/cover;
  }
}
#recruit .secLead__mv {
  background: url(../img/recruit/mv_bg_01@2x.png) no-repeat top center/1610px;
  margin-bottom: 32.3rem;
}
@media (max-width: 768px) {
  #recruit .secLead__mv {
    background: url(../img/recruit/mv_bg_01_sp@2x.png) no-repeat top 6.7vw center/95.4vw;
    margin-bottom: 13rem;
  }
}
#recruit .secLead__mv .inner {
  padding-block: 22rem 36rem;
  position: relative;
  min-width: 1120px;
}
@media (max-width: 999px) {
  #recruit .secLead__mv .inner {
    min-width: 750px;
    padding-block: 24rem 43rem;
  }
}
@media (max-width: 768px) {
  #recruit .secLead__mv .inner {
    min-width: 100%;
    padding-block: 46.9vw 57.6vw;
  }
}
#recruit .mv__txtbox {
  text-align: center;
  position: relative;
}
#recruit .mv__txtbox:before {
  content: "";
  width: 56rem;
  height: 34.4rem;
  display: block;
  position: absolute;
  border: 6px solid #FEFF6B;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -4.7rem;
  z-index: 0;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #recruit .mv__txtbox:before {
    width: 83.33vw;
    height: 50vw;
    top: -6.7vw;
  }
}
#recruit .mv__heading {
  margin-bottom: 3.3rem;
}
@media (max-width: 768px) {
  #recruit .mv__heading {
    margin-bottom: 3.3vw;
  }
}
#recruit .mv__heading span {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.08em;
  background: #FEFF6B;
  padding: 1rem 3rem;
}
@media (max-width: 768px) {
  #recruit .mv__heading span {
    font-size: 1.5rem;
    padding: 0.8rem 1.5rem;
  }
}
#recruit .mv__catch {
  position: relative;
  z-index: 1;
}
#recruit .mv__catch img {
  transform: translateX(1rem);
}
@media (max-width: 768px) {
  #recruit .mv__catch img {
    transform: translateX(0);
  }
}
#recruit .mv__img {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 17px 13px 12px rgba(113, 130, 152, 0.3);
  display: inline-block;
  position: absolute;
}
@media (max-width: 768px) {
  #recruit .mv__img {
    box-shadow: 4px 4px 6px rgba(113, 130, 152, 0.3);
  }
}
#recruit .mv__img.item-01 {
  left: 3.3rem;
  top: 3.8rem;
}
@media (max-width: 999px) {
  #recruit .mv__img.item-01 {
    width: 34.16vw;
  }
}
@media (max-width: 768px) {
  #recruit .mv__img.item-01 {
    left: 4vw;
    top: 15vw;
  }
}
#recruit .mv__img.item-02 {
  right: 0.5rem;
  top: 4.1rem;
}
@media (max-width: 999px) {
  #recruit .mv__img.item-02 {
    width: 37.22vw;
  }
}
@media (max-width: 768px) {
  #recruit .mv__img.item-02 {
    right: 4vw;
    top: 23.6vw;
  }
}
#recruit .mv__img.item-03 {
  left: 0.4rem;
  bottom: 6.9rem;
}
@media (max-width: 999px) {
  #recruit .mv__img.item-03 {
    width: 24.72vw;
  }
}
@media (max-width: 768px) {
  #recruit .mv__img.item-03 {
    left: 4vw;
    bottom: 16vw;
  }
}
#recruit .mv__img.item-04 {
  right: 2.1rem;
  bottom: 20.6rem;
}
@media (max-width: 999px) {
  #recruit .mv__img.item-04 {
    width: 20.83vw;
  }
}
@media (max-width: 768px) {
  #recruit .mv__img.item-04 {
    right: 5vw;
    bottom: 18vw;
  }
}
#recruit .mv__img.item-05 {
  right: 16.5rem;
  bottom: 5rem;
}
@media (max-width: 999px) {
  #recruit .mv__img.item-05 {
    width: 37.22vw;
  }
}
@media (max-width: 768px) {
  #recruit .mv__img.item-05 {
    right: 10.5vw;
    bottom: 0;
  }
}
#recruit .mv__scroll {
  width: 8.8rem;
  height: 4.5rem;
  display: block;
  margin-inline: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -8rem;
}
@media (max-width: 768px) {
  #recruit .mv__scroll {
    width: 4.4rem;
    height: 2.275rem;
    bottom: -4rem;
  }
}
#recruit .mv__scroll__uki {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  animation: scroll-uki 2.5s ease-in-out infinite;
}
@media (max-width: 768px) {
  #recruit .mv__scroll__uki {
    animation: scroll-uki-sp 2.5s ease-in-out infinite;
  }
}
#recruit .mv__scroll__wave {
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 768px) {
  #recruit .mv__scroll__wave {
    bottom: -0.9rem;
  }
}
#recruit .mv__scroll__water {
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@keyframes scroll-uki {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(10px);
  }
  70% {
    transform: translateY(8px);
  }
  72% {
    transform: translateY(10px);
  }
  80% {
    transform: translateY(8px);
  }
  82% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll-uki-sp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  60% {
    transform: translateY(5px);
  }
  70% {
    transform: translateY(4px);
  }
  72% {
    transform: translateY(5px);
  }
  80% {
    transform: translateY(4px);
  }
  82% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
#recruit .secLead__cont {
  overflow: hidden;
  padding-bottom: 21rem;
}
@media (max-width: 768px) {
  #recruit .secLead__cont {
    padding-bottom: 13rem;
  }
}
#recruit .secLead__ttl {
  margin-bottom: 9rem;
}
@media (max-width: 768px) {
  #recruit .secLead__ttl {
    width: 97%;
    max-width: 442px;
    margin-inline: auto;
    margin-bottom: 3.8rem;
  }
}
#recruit .secLead__txt {
  font-size: 2rem;
  line-height: 2.5;
  letter-spacing: 0.06em;
  color: #014099;
  margin-bottom: 19rem;
}
@media (max-width: 768px) {
  #recruit .secLead__txt {
    font-size: 1.6rem;
    margin-bottom: 4rem;
  }
}
#recruit .secContents__imgSlider {
  animation: marqueeX 50s linear infinite;
  width: 8136px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #recruit .secContents__imgSlider {
    animation: marqueeX 30s linear infinite;
    width: 2808px;
  }
}
#recruit .secContents__imgSlider__img {
  width: 400px;
  margin-right: 52px;
  box-shadow: 10px 10px 14px rgba(113, 130, 152, 0.3);
}
@media (max-width: 768px) {
  #recruit .secContents__imgSlider__img {
    width: 141px;
    margin-right: 15px;
    box-shadow: 4px 4px 8px rgba(113, 130, 152, 0.3);
  }
}
#recruit .secContents__imgSlider__img:nth-of-type(odd) {
  transform: translate3d(0, 187px, 0);
}
@media (max-width: 768px) {
  #recruit .secContents__imgSlider__img:nth-of-type(odd) {
    transform: translate3d(0, 68px, 0);
  }
}
#recruit .secAbout {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#recruit .secAbout .inner {
  position: relative;
  padding-block: 30rem 20rem;
}
@media (max-width: 768px) {
  #recruit .secAbout .inner {
    padding-block: 13rem 8rem;
  }
}
#recruit .secAbout .inner:before {
  content: "";
  background: url(../img/recruit/about_bg@2x.png) no-repeat center center/cover;
  width: 1443px;
  height: 712px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -1rem;
  transform: translateX(9rem);
  z-index: -1;
}
@media (max-width: 1443px) {
  #recruit .secAbout .inner:before {
    width: 100%;
    height: 38.06vw;
  }
}
@media (max-width: 768px) {
  #recruit .secAbout .inner:before {
    background: url(../img/recruit/about_bg_sp@2x.png) no-repeat center center/cover;
    width: 94.86vw;
    height: 179.72vw;
    transform: translateX(0);
  }
}
#recruit .secAbout__heading {
  color: #014099;
  position: relative;
  padding-block: 7.5rem 8.5rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #recruit .secAbout__heading {
    padding-block: 2.6rem;
    font-size: 3rem;
  }
}
#recruit .secAbout__heading:before {
  content: "";
  background: #FEFF6B;
  width: calc(50vw - 105px);
  height: 100%;
  display: block;
  position: absolute;
  left: calc(-50vw + 580px);
  top: 0;
  z-index: -1;
  border-radius: 0 30px 0 0;
}
@media (max-width: 1200px) {
  #recruit .secAbout__heading:before {
    width: 495px;
    left: -20px;
  }
}
@media (max-width: 768px) {
  #recruit .secAbout__heading:before {
    width: calc(98% + 1.5rem);
    left: -1.5rem;
  }
}
#recruit .secAbout__lead {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: 0.06em;
  max-width: 780px;
  margin-left: auto;
  margin-top: -11.8rem;
  margin-bottom: 15.6rem;
}
@media (max-width: 1200px) {
  #recruit .secAbout__lead {
    margin-top: 1.6rem;
  }
}
@media (max-width: 768px) {
  #recruit .secAbout__lead {
    font-size: 1.6rem;
    margin-top: 1.6rem;
    max-width: 100%;
    margin-bottom: 10.6rem;
  }
}
#recruit .secAbout__box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6.4rem;
}
@media (max-width: 999px) {
  #recruit .secAbout__box {
    gap: 3.2rem;
  }
}
@media (max-width: 768px) {
  #recruit .secAbout__box {
    grid-template-columns: 1fr;
    gap: 1.6rem 0;
  }
}
#recruit .secAbout__item {
  background: #014099;
  border-radius: 30px 0 30px 0;
  padding: 3.2rem 4rem 5.3rem;
}
@media (max-width: 768px) {
  #recruit .secAbout__item {
    border-radius: 16px 0 16px 0;
    padding: 2.4rem 1.8rem 3rem;
  }
}
#recruit .secAbout__ttl {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  color: #014099;
  background: #fff;
  border-radius: 30px;
  width: max-content;
  margin-inline: auto;
  padding: 0.6rem 5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  #recruit .secAbout__ttl {
    font-size: 2.6rem;
    padding: 0.5rem 4rem;
    margin-bottom: 1rem;
  }
}
#recruit .secAbout__catch {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #FEFF6B;
  margin-bottom: 2.3rem;
}
@media (max-width: 768px) {
  #recruit .secAbout__catch {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
}
#recruit .secAbout__txt {
  color: #fff;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #recruit .secAbout__txt {
    font-size: 1.6rem;
  }
}
#recruit .secMessage {
  background: #E5ECF5;
  padding-block: 24rem 20rem;
}
@media (max-width: 768px) {
  #recruit .secMessage {
    padding-block: 9.5rem 8.5rem;
  }
}
#recruit .secMessage__box {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 999px) {
  #recruit .secMessage__box {
    display: block;
  }
}
@media (max-width: 768px) {
  #recruit .secMessage__box {
    display: block;
  }
}
#recruit .secMessage__img {
  padding-left: 3rem;
  position: relative;
}
@media (max-width: 999px) {
  #recruit .secMessage__img {
    padding-left: 0;
    width: 50%;
    margin-inline: auto;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #recruit .secMessage__img {
    padding-left: 0;
    width: 86%;
    margin: 0;
  }
}
#recruit .secMessage__img:before {
  content: "";
  background: url(../img/recruit/message_deco_01.svg) no-repeat center center/cover;
  width: 16.8rem;
  height: 17.6rem;
  display: block;
  position: absolute;
  top: -12rem;
  right: -8.3rem;
  z-index: 0;
}
@media (max-width: 768px) {
  #recruit .secMessage__img:before {
    background: url(../img/recruit/message_deco_01_sp.svg) no-repeat center center/cover;
    width: 10.1rem;
    height: 10.6rem;
    top: -7rem;
    right: -4.6rem;
  }
}
#recruit .secMessage__img:after {
  content: "";
  background: url(../img/recruit/message_deco_02.svg) no-repeat center center/cover;
  width: 17.6rem;
  height: 16.7rem;
  display: block;
  position: absolute;
  bottom: -13.3rem;
  left: -1.4rem;
  z-index: 0;
}
@media (max-width: 999px) {
  #recruit .secMessage__img:after {
    display: none;
  }
}
#recruit .secMessage__img img {
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
#recruit .secMessage__txtbox {
  flex: 1;
  padding-left: 8rem;
  padding-top: 4.4rem;
}
@media (max-width: 999px) {
  #recruit .secMessage__txtbox {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  #recruit .secMessage__txtbox {
    padding-left: 0;
    padding-top: 2.6rem;
  }
}
#recruit .secMessage__heading {
  color: #014099;
  margin-bottom: 4.6rem;
}
@media (max-width: 768px) {
  #recruit .secMessage__heading {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
}
#recruit .secMessage__txt {
  letter-spacing: 0.06em;
}
#recruit .secMessage__txt + .secMessage__txt {
  margin-top: 2em;
}
#recruit .secMessage__sign {
  margin-top: 15rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #recruit .secMessage__sign {
    margin-top: 2.4rem;
    padding-right: 1rem;
  }
}
#recruit .sign__position {
  font-weight: 400;
  margin-right: 2.2rem;
}
@media (max-width: 768px) {
  #recruit .sign__position {
    margin-right: 1.6rem;
  }
}
@media (max-width: 768px) {
  #recruit .sign__name {
    width: 44%;
  }
}
#recruit .secJob {
  background-color: #014099;
  padding-block: 15.9rem 20rem;
  position: relative;
}
@media (max-width: 768px) {
  #recruit .secJob {
    padding-block: 4.1rem 4rem;
  }
}
#recruit .secJob:before {
  content: "";
  background-image: url(../img/recruit/jpb_logo.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  width: 1397px;
  height: 299px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  mix-blend-mode: multiply;
}
@media (max-width: 1397px) {
  #recruit .secJob:before {
    width: 100%;
    height: 21.36vw;
  }
}
@media (max-width: 768px) {
  #recruit .secJob:before {
    width: 100vw;
    height: 21.36vw;
  }
}
#recruit .secJob .inner {
  position: relative;
}
#recruit .secJob__heading {
  font-size: 5rem;
  color: #FEFF6B;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 8.6rem;
}
@media (max-width: 768px) {
  #recruit .secJob__heading {
    font-size: 3rem;
    margin-bottom: 2.4rem;
  }
}
#recruit [role=tablist] {
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0 1.5rem;
  align-items: end;
  height: 9.4rem;
}
@media (max-width: 768px) {
  #recruit [role=tablist] {
    flex-wrap: wrap;
    gap: 1.6rem 0;
    height: auto;
    justify-content: center;
  }
}
#recruit [role=tablist].c-recruit-job-tabs__tablist--bottom {
  align-items: start;
}
#recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [role=tab] {
  border-radius: 0 0 8px 8px;
}
@media (max-width: 768px) {
  #recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [role=tab] {
    border-radius: 0px;
  }
}
#recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [aria-selected=true] {
  grid-template-rows: 1fr max-content;
  align-items: center;
  gap: 0;
}
@media (max-width: 768px) {
  #recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [aria-selected=true] {
    grid-template-rows: max-content max-content;
    gap: 0.4rem;
  }
}
#recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [aria-selected=true] .c-recruit-job-tabs__txt {
  order: -1;
}
@media (max-width: 768px) {
  #recruit [role=tablist].c-recruit-job-tabs__tablist--bottom [aria-selected=true] .c-recruit-job-tabs__txt {
    order: 1;
  }
}
#recruit [role=tab] {
  background: #E5ECF5;
  color: #014099;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  border: none;
  padding: 0;
  border-radius: 8px 8px 0 0;
  display: grid;
  position: relative;
  transition: all 0.3s ease-out;
  height: 8rem;
  flex: 1;
  grid-template-rows: max-content max-content;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  #recruit [role=tab] {
    transition: none;
    border-radius: 0;
    width: 33.3333333333%;
    height: auto;
    flex: none;
    background: none;
    gap: 0.4rem;
    padding-bottom: 0.9rem;
    border-bottom: 2px solid #fff;
    opacity: 0.7;
  }
}
#recruit .c-recruit-job-tabs__status {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  display: block;
  width: fit-content;
  padding-inline: 1.6rem;
  height: 2.4rem;
  margin-inline: auto;
  border-radius: 2rem;
  background: #FEFF6B;
  display: grid;
  place-items: center;
  transform: translateY(1rem);
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  #recruit .c-recruit-job-tabs__status {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
    height: 2.2rem;
    transform: translateY(0);
    width: 90%;
  }
}
#recruit .c-recruit-job-tabs__txt {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  display: block;
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  #recruit .c-recruit-job-tabs__txt {
    font-size: 1.4rem;
    color: #fff;
  }
}
#recruit [role=tab][aria-selected=true] {
  background: #fff;
  height: 9.4rem;
}
@media (max-width: 768px) {
  #recruit [role=tab][aria-selected=true] {
    flex: none;
    height: auto;
    background: none;
    opacity: 1;
  }
}
#recruit [role=tab][aria-selected=true] .c-recruit-job-tabs__status {
  width: 100%;
  height: 2.7rem;
  border-radius: 0;
  font-size: 1.4rem;
  transform: translateY(0);
}
@media (max-width: 768px) {
  #recruit [role=tab][aria-selected=true] .c-recruit-job-tabs__status {
    font-size: 1.2rem;
    width: 90%;
    height: 2.2rem;
    border-radius: 2rem;
  }
}
#recruit [role=tab][aria-selected=true] .c-recruit-job-tabs__txt {
  font-size: 2rem;
}
@media (max-width: 768px) {
  #recruit [role=tab][aria-selected=true] .c-recruit-job-tabs__txt {
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  #recruit [role=tab][aria-selected=false]:where(:any-link, :enabled, summary):hover {
    background: #fff;
  }
}
#recruit [role=tab].is-disabled,
#recruit [role=tab][aria-disabled=true],
#recruit [role=tab][disabled] {
  background: #718298;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 768px) {
  #recruit [role=tab].is-disabled,
  #recruit [role=tab][aria-disabled=true],
  #recruit [role=tab][disabled] {
    background: none;
  }
}
#recruit [role=tab].is-disabled .c-recruit-job-tabs__status,
#recruit [role=tab][aria-disabled=true] .c-recruit-job-tabs__status,
#recruit [role=tab][disabled] .c-recruit-job-tabs__status {
  background: #fff;
  color: #718298;
}
@media (max-width: 768px) {
  #recruit [role=tab].is-disabled .c-recruit-job-tabs__status,
  #recruit [role=tab][aria-disabled=true] .c-recruit-job-tabs__status,
  #recruit [role=tab][disabled] .c-recruit-job-tabs__status {
    background: #718298;
    color: #014099;
  }
}
#recruit [role=tab].is-disabled .c-recruit-job-tabs__txt,
#recruit [role=tab][aria-disabled=true] .c-recruit-job-tabs__txt,
#recruit [role=tab][disabled] .c-recruit-job-tabs__txt {
  color: #fff;
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 {
    position: fixed;
    width: 100%;
    top: 6rem;
    border: none;
    box-shadow: 0 2px 4px rgba(113, 130, 152, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
  }
  #recruit .c-pageNav-02.is-fixed {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 .c-pageNav-02__status {
    font-size: 1rem;
    font-weight: bold;
    color: #718298;
  }
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 [role=tab] {
    width: 100%;
    flex: 1;
    height: 6.5rem;
    opacity: 1;
    border: none;
  }
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 [role=tab].is-disabled, #recruit .c-pageNav-02 [role=tab][aria-disabled=true], #recruit .c-pageNav-02 [role=tab][disabled] {
    background: #718298;
    color: #fff;
  }
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 [role=tab].is-disabled .c-pageNav-02__status, #recruit .c-pageNav-02 [role=tab][aria-disabled=true] .c-pageNav-02__status, #recruit .c-pageNav-02 [role=tab][disabled] .c-pageNav-02__status {
    color: #fff;
  }
}
@media (max-width: 768px) {
  #recruit .c-pageNav-02 [role=tab].is-disabled .svg-chevron-bottom, #recruit .c-pageNav-02 [role=tab][aria-disabled=true] .svg-chevron-bottom, #recruit .c-pageNav-02 [role=tab][disabled] .svg-chevron-bottom {
    stroke: #fff;
  }
}
#recruit .tabpanel__cont {
  background: url(../img/recruit/job_bg.jpg) repeat-y bottom center/100% auto;
  padding: 6.5rem 7rem 12rem;
}
@media (max-width: 999px) {
  #recruit .tabpanel__cont {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  #recruit .tabpanel__cont {
    padding: 3.3rem 0 4rem;
    background-size: 190vw;
  }
}
#recruit [role=tabpanel] {
  min-height: 1rem;
  width: 100%;
  overflow: auto;
}
#recruit [role=tabpanel].is-hidden {
  display: none;
}
@media (max-width: 768px) {
  #recruit .c-recruit-job-tabs__panels {
    margin-block: 0.8rem;
  }
}
@media (max-width: 768px) {
  #recruit .secPhilosophy {
    padding-inline: 1rem;
  }
}
#recruit .secPhilosophy__heading {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #recruit .secPhilosophy__heading {
    font-size: 1.6rem;
    margin-bottom: 0.2rem;
  }
}
#recruit .secPhilosophy__catch {
  font-size: 4rem;
  font-weight: bold;
  color: #014099;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #recruit .secPhilosophy__catch {
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 2.7rem;
    font-feature-settings: "palt";
    word-break: auto-phrase;
  }
}
#recruit .secIntroduction {
  margin-bottom: 11rem;
}
@media (max-width: 768px) {
  #recruit .secIntroduction {
    padding-inline: 1rem;
    margin-bottom: 3.8rem;
  }
}
#recruit .secIntroduction__img {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #recruit .secIntroduction__img {
    width: 94%;
    margin-inline: auto;
  }
}
#recruit .secIntroduction__img img {
  border-radius: 8px;
}
@media (max-width: 768px) {
  #recruit .secIntroduction__img img {
    border-radius: 4px;
  }
}
#recruit .secIntroduction__txtbox {
  background: #014099;
  border-radius: 0 0 30px 30px;
  position: relative;
  padding-block: 24rem 8rem;
  position: relative;
  z-index: 0;
  margin-top: -17.5rem;
}
@media (max-width: 999px) {
  #recruit .secIntroduction__txtbox {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  #recruit .secIntroduction__txtbox {
    border-radius: 0 0 16px 16px;
    padding: 11rem 1.6rem 2.7rem;
    margin-top: -8.2rem;
  }
}
#recruit .secIntroduction__heading {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  position: relative;
  color: #FEFF6B;
  text-align: center;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #recruit .secIntroduction__heading {
    font-size: 2rem;
    padding-bottom: 1.8rem;
    margin-bottom: 0.8rem;
  }
}
#recruit .secIntroduction__heading:before {
  content: "";
  background: #FEFF6B;
  width: 2.4rem;
  height: 0.4rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
@media (max-width: 768px) {
  #recruit .secIntroduction__heading:before {
    height: 0.2rem;
  }
}
#recruit .secIntroduction__catch {
  color: #fff;
  max-width: 720px;
  margin-inline: auto;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #recruit .secIntroduction__catch {
    max-width: 100%;
  }
}
#recruit .secBusiness {
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #recruit .secBusiness {
    padding-inline: 1rem;
    margin-bottom: 8.2rem;
  }
}
#recruit .secBusiness__heading {
  margin-bottom: 8.4rem;
}
@media (max-width: 768px) {
  #recruit .secBusiness__heading {
    margin-bottom: 2.4rem;
  }
}
#recruit .secBusiness__item {
  display: grid;
  grid-template-columns: 462px 1fr;
  gap: 0 5.3rem;
}
@media (max-width: 999px) {
  #recruit .secBusiness__item {
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
}
#recruit .secBusiness__item:not(:last-child) {
  margin-bottom: 9.5rem;
}
@media (max-width: 768px) {
  #recruit .secBusiness__item:not(:last-child) {
    margin-bottom: 3rem;
  }
}
#recruit .secBusiness__item:nth-of-type(odd) .secBusiness__head__num {
  top: -3rem;
  right: 0;
}
@media (max-width: 768px) {
  #recruit .secBusiness__item:nth-of-type(odd) .secBusiness__head__num {
    top: -1rem;
  }
}
#recruit .secBusiness__item:nth-of-type(even) {
  grid-template-columns: 1fr 462px;
}
@media (max-width: 999px) {
  #recruit .secBusiness__item:nth-of-type(even) {
    grid-template-columns: 1fr;
  }
}
#recruit .secBusiness__item:nth-of-type(even) .secBusiness__txtbox {
  order: -1;
}
@media (max-width: 999px) {
  #recruit .secBusiness__item:nth-of-type(even) .secBusiness__txtbox {
    order: 0;
  }
}
#recruit .secBusiness__item:nth-of-type(even) .secBusiness__head__num {
  top: -4.5rem;
  left: 0;
}
@media (max-width: 768px) {
  #recruit .secBusiness__item:nth-of-type(even) .secBusiness__head__num {
    top: -1rem;
    left: auto;
    right: 0;
  }
}
#recruit .secBusiness__img {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 999px) {
  #recruit .secBusiness__img {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #recruit .secBusiness__img {
    border-radius: 4px;
  }
}
@media (max-width: 768px) {
  #recruit .secBusiness__txtbox {
    padding-inline: 1rem;
  }
}
#recruit .secBusiness__head {
  position: relative;
  padding-top: 3.6rem;
}
@media (max-width: 768px) {
  #recruit .secBusiness__head {
    padding-top: 0;
  }
}
#recruit .secBusiness__head__num {
  font-size: 12rem;
  font-weight: 600;
  color: #FEFF6B;
  line-height: 1;
  position: absolute;
  z-index: 0;
}
@media (max-width: 768px) {
  #recruit .secBusiness__head__num {
    font-size: 8.6rem;
  }
}
#recruit .secBusiness__ttl {
  font-size: 2.4rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #recruit .secBusiness__ttl {
    font-size: 2rem;
  }
}
#recruit .secBusiness__txt {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #recruit .secInterview {
    padding-inline: 1rem;
  }
}
#recruit .secInterview__heading {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__heading {
    margin-bottom: 2.7rem;
  }
}
#recruit .secInterview__item {
  margin-bottom: 10rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__item {
    margin-bottom: 3rem;
  }
}
#recruit .secInterview__main {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10rem;
}
@media (max-width: 999px) {
  #recruit .secInterview__main {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  #recruit .secInterview__main {
    margin-bottom: 2.7rem;
  }
}
#recruit .secInterview__main__img {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 10px 10px 10px rgba(113, 130, 152, 0.3);
  position: relative;
  z-index: 1;
}
@media (max-width: 999px) {
  #recruit .secInterview__main__img {
    max-width: 74%;
    margin-inline: auto;
    border-radius: 4px;
    box-shadow: 5px 5px 8px rgba(113, 130, 152, 0.3);
  }
}
#recruit .secInterview__main__txtbox {
  background: #E5ECF5;
  border-radius: 0 8px 8px 0;
  flex: 1;
  margin-top: 6rem;
  padding: 7rem 5rem 7rem 3.3rem;
  position: relative;
}
@media (max-width: 999px) {
  #recruit .secInterview__main__txtbox {
    border-radius: 4px;
    margin-top: -14rem;
    padding: 16rem 2rem 3.4rem;
  }
}
#recruit .secInterview__main__txtbox:before {
  content: "";
  background: #E5ECF5;
  width: 22.2rem;
  height: 100%;
  display: block;
  position: absolute;
  left: -22.2rem;
  top: 0;
  z-index: 0;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 999px) {
  #recruit .secInterview__main__txtbox:before {
    display: none;
  }
}
#recruit .secInterview__main__ttl {
  font-size: 2.6rem;
  font-weight: bold;
  color: #014099;
  letter-spacing: 0.05em;
  margin-bottom: 2.6rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__main__ttl {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
}
#recruit .secInterview__main__info {
  letter-spacing: 0.08em;
  margin-bottom: 5.7rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__main__info {
    font-size: 1.5rem;
    margin-bottom: 1.8rem;
  }
}
#recruit .secInterview__main__point:not(:last-child) {
  margin-bottom: 3.9rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__main__point:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
#recruit .point__ttl {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  #recruit .point__ttl {
    margin-bottom: 1rem;
  }
}
#recruit .point__ttl span {
  display: inline-block;
  font-size: 1.8rem;
  color: #014099;
  letter-spacing: 0.08em;
  background: linear-gradient(transparent 50%, #FEFF6B 50%);
}
#recruit .point__txt {
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #recruit .point__txt {
    font-size: 1.6rem;
  }
}
#recruit .secInterview__qa__item:not(:last-child) {
  margin-bottom: 10.3rem;
}
@media (max-width: 768px) {
  #recruit .secInterview__qa__item:not(:last-child) {
    margin-bottom: 2.3rem;
  }
}
#recruit .secInterview__qa__item:nth-of-type(even) .qa__box {
  grid-template-columns: 468px 1fr;
}
@media (max-width: 999px) {
  #recruit .secInterview__qa__item:nth-of-type(even) .qa__box {
    grid-template-columns: 1fr;
  }
}
#recruit .secInterview__qa__item:nth-of-type(even) .qa__box .qa__img {
  order: -1;
}
@media (max-width: 999px) {
  #recruit .secInterview__qa__item:nth-of-type(even) .qa__box .qa__img {
    order: 0;
  }
}
#recruit .qa__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  #recruit .qa__ttl {
    gap: 0.8rem;
    margin-bottom: 1.7rem;
  }
}
#recruit .qa__ttl__mark {
  font-size: 4rem;
  font-weight: 600;
  color: #014099;
  line-height: 1;
  width: 5.6rem;
  height: 5.6rem;
  background: #FEFF6B;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
#recruit .qa__ttl__txt {
  font-size: 2.8rem;
  color: #014099;
  font-weight: bold;
  letter-spacing: 0.08em;
  flex: 1;
}
@media (max-width: 768px) {
  #recruit .qa__ttl__txt {
    font-size: 2rem;
  }
}
#recruit .qa__box {
  display: grid;
  grid-template-columns: 1fr 468px;
  gap: 0 4.8rem;
}
@media (max-width: 999px) {
  #recruit .qa__box {
    grid-template-columns: 1fr;
    gap: 4rem 0;
  }
}
@media (max-width: 768px) {
  #recruit .qa__box {
    gap: 2rem 0;
  }
}
#recruit .qa__txt {
  text-box: trim-start text;
}
@media (max-width: 768px) {
  #recruit .qa__txt {
    padding-inline: 1rem;
  }
}
#recruit .qa__img {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 999px) {
  #recruit .qa__img {
    text-align: center;
  }
}
#recruit .secWord {
  border: 8px solid #FEFF6B;
  padding: 6rem;
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #recruit .secWord {
    border: 4px solid #FEFF6B;
    padding: 1.7rem 1.5rem 2rem;
    margin-inline: 1rem;
    margin-bottom: 4.4rem;
  }
}
#recruit .secWord__heading {
  text-align: center;
  display: grid;
  place-items: center;
  margin-bottom: 2.8rem;
}
@media (max-width: 768px) {
  #recruit .secWord__heading {
    margin-bottom: 1rem;
  }
}
#recruit .secWord__heading__txt {
  font-size: 2rem;
  font-weight: bold;
  color: #014099;
}
@media (max-width: 768px) {
  #recruit .secWord__heading__txt {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  #recruit .secWord__heading__img {
    width: 50%;
  }
}
#recruit .secWord__catch {
  max-width: 810px;
  margin-inline: auto;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #recruit .secWord__catch {
    max-width: 100%;
    font-size: 1.6rem;
  }
}
#recruit .secRequirements {
  margin-bottom: 16rem;
}
@media (max-width: 768px) {
  #recruit .secRequirements {
    padding-inline: 1rem;
    margin-bottom: 4.4rem;
  }
}
#recruit .secRequirements__heading {
  margin-bottom: 3.2rem;
}
@media (max-width: 768px) {
  #recruit .secRequirements__heading {
    margin-bottom: 1.6rem;
  }
}
#recruit .secRequirements__dl {
  max-width: 996px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  #recruit .secRequirements__dl {
    max-width: 100%;
    margin-inline: 1rem;
  }
}
#recruit .secRequirements__dl .row {
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: 0;
  background: #E5ECF5;
}
@media (max-width: 768px) {
  #recruit .secRequirements__dl .row {
    display: block;
    padding: 2.4rem 1.2rem;
  }
}
#recruit .secRequirements__dl .row:nth-of-type(even) {
  background: #fff;
}
#recruit .secRequirements__dl dt,
#recruit .secRequirements__dl dd {
  padding-block: 2.3rem;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #recruit .secRequirements__dl dt,
  #recruit .secRequirements__dl dd {
    padding-block: 0;
    font-size: 1.6rem;
  }
}
#recruit .secRequirements__dl dt {
  border-right: 2px solid #D4D9E0;
  padding-inline: 2.8rem;
}
@media (max-width: 768px) {
  #recruit .secRequirements__dl dt {
    border-right: none;
    font-weight: bold;
    padding-inline: 0;
    margin-bottom: 0.7rem;
  }
}
#recruit .secRequirements__dl dd {
  padding-inline: 2.4rem;
}
@media (max-width: 768px) {
  #recruit .secRequirements__dl dd {
    padding-inline: 0;
  }
}
#recruit .secFlow {
  margin-bottom: 12rem;
}
@media (max-width: 768px) {
  #recruit .secFlow {
    overflow: hidden;
    margin-bottom: 4.4rem;
  }
}
#recruit .secFlow__heading {
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  #recruit .secFlow__heading {
    margin-inline: 2rem;
    margin-bottom: 2.3rem;
  }
}
#recruit .secFlow__listWrap {
  margin-bottom: 7rem;
  /*バーの背景色*/
  /*バーの色*/
}
@media (max-width: 768px) {
  #recruit .secFlow__listWrap {
    width: calc(100% - 1rem);
    margin-left: 1rem;
    padding-inline: 1rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.7rem;
  }
}
#recruit .secFlow__listWrap::-webkit-scrollbar-track {
  background: #E5ECF5;
  border-radius: 0;
}
#recruit .secFlow__listWrap::-webkit-scrollbar-thumb {
  background: #D4D9E0;
  border-radius: 10px;
  border: 5px solid #E5ECF5;
}
@media (max-width: 768px) {
  #recruit .secFlow__listWrap::-webkit-scrollbar-thumb {
    background: #718298;
    border-width: 2px;
  }
}
@media (max-width: 768px) {
  #recruit .secFlow__listWrap .scroll-hint-icon {
    width: 160px;
    height: 107px;
    left: calc(50% - 5px);
    padding-top: 30px;
  }
  #recruit .secFlow__listWrap .scroll-hint-icon:before {
    width: 42px;
    height: 52px;
  }
  #recruit .secFlow__listWrap .scroll-hint-icon:after {
    width: 44px;
    height: 17px;
    top: 15px;
    left: 50%;
    margin-left: -28px;
    background-size: 44px;
  }
}
@media (max-width: 768px) {
  #recruit .secFlow__listWrap .scroll-hint-text {
    margin-top: 3px;
    font-size: 13px;
  }
}
#recruit .secFlow__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5.5rem;
}
@media (max-width: 999px) {
  #recruit .secFlow__list {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  #recruit .secFlow__list {
    gap: 1.5rem;
    width: 91.2rem;
  }
}
#recruit .secFlow__step {
  font-size: 2.4rem;
  font-weight: 600;
  color: #014099;
  text-align: center;
  text-shadow: 3px 3px 0 #FEFF6B;
}
#recruit .secFlow__illust {
  margin-top: -5rem;
}
@media (max-width: 768px) {
  #recruit .secFlow__illust {
    margin-top: -4.6rem;
  }
}
#recruit .secFlow__ttl {
  font-size: 2.3rem;
  font-weight: bold;
  color: #014099;
  text-align: center;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
  margin-top: -3.3rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #recruit .secFlow__ttl {
    margin-top: -2.9rem;
    margin-bottom: 2.2rem;
  }
}
#recruit .secFlow__txt {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #recruit .secFlow__txt {
    font-size: 1.6rem;
  }
}
#recruit .secFlow__attention {
  font-size: 1.4rem;
  color: #707070;
  text-align: center;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #recruit .secFlow__attention {
    padding-inline: 1rem;
    text-align: left;
  }
}
#recruit .secContact {
  background: #E5ECF5;
  border-radius: 8px;
  padding: 3.9rem 1rem 5.5rem;
}
@media (max-width: 768px) {
  #recruit .secContact {
    border-radius: 8px;
    margin-inline: 1rem;
    padding: 3.6rem 1rem 2.4rem;
  }
}
#recruit .secContact__heading {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  #recruit .secContact__heading {
    font-size: 2rem;
    margin-bottom: 2.2rem;
  }
}
#recruit .secContact__address {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #recruit .secContact__address {
    font-size: 1.5rem;
    margin-bottom: 2.9rem;
  }
}
#recruit .secContact__btnWrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.4rem;
  max-width: 686px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  #recruit .secContact__btnWrap {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
#recruit .secContact__btn a {
  background: linear-gradient(135deg, #014099 0%, #041562 100%);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 8.8rem;
}
@media (max-width: 768px) {
  #recruit .secContact__btn a {
    border-radius: 8px;
  }
}
@media (hover: hover) {
  #recruit .secContact__btn a:where(:any-link, :enabled, summary):hover .secContact__btn__telNum,
  #recruit .secContact__btn a:where(:any-link, :enabled, summary):hover .secContact__btn__telInfo,
  #recruit .secContact__btn a:where(:any-link, :enabled, summary):hover .secContact__btn__mail {
    opacity: 0.7;
  }
}
#recruit .secContact__btn__telNum,
#recruit .secContact__btn__telInfo,
#recruit .secContact__btn__mail {
  transition: opacity 0.3s ease-out;
  font-weight: bold;
  letter-spacing: 0.06em;
}
#recruit .secContact__btn__telNum {
  font-size: 2.4rem;
  padding-left: 5rem;
  background: url(../img/recruit/icn_tel.svg) no-repeat center left/2.4rem;
}
#recruit .secContact__btn__telInfo {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  padding-left: 1rem;
}
#recruit .secContact__btn__mail {
  font-size: 1.8rem;
  padding-left: 4.5rem;
  background: url(../img/recruit/icn_mail.svg) no-repeat center left/2.2rem;
}
#recruit .last {
  width: 100%;
}
#recruit .last img {
  width: 100%;
}

#retailers .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #retailers .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#retailers .retailersWrap {
  background: #E5ECF5;
  padding-block: 14rem 16rem;
}
@media (max-width: 768px) {
  #retailers .retailersWrap {
    padding-block: 3.2rem 0;
  }
}
#retailers .retailersWrap .inner {
  max-width: 1380px;
}
@media (max-width: 768px) {
  #retailers .retailersWrap .inner {
    padding-inline: 0;
  }
}
#retailers .c-tabs .tabpanel__cont {
  padding: 6.2rem 6.4rem 8rem;
}
@media (max-width: 1240px) {
  #retailers .c-tabs .tabpanel__cont {
    padding-inline: 2.1rem;
  }
}
@media (max-width: 768px) {
  #retailers .c-tabs .tabpanel__cont {
    padding: 2.5rem 1.5rem 8rem;
  }
}
@media (max-width: 768px) {
  #retailers .c-tabs [role=tablist] {
    height: 6.5rem;
  }
}
@media (max-width: 768px) {
  #retailers .c-tabs [role=tab] {
    height: 5.8rem;
  }
}
@media (max-width: 768px) {
  #retailers .c-tabs [role=tab][aria-selected=true] {
    height: 6.5rem;
  }
}
@media (max-width: 768px) {
  #retailers .c-tabs .c-tabs__txt {
    line-height: 1.125;
  }
}
@media (max-width: 768px) {
  #retailers .c-heading-05 {
    width: 100%;
  }
}
#retailers .secEmail__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__heading {
    margin-bottom: 1rem;
  }
}
#retailers .secEmail__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content 1fr;
  gap: 2.4rem 4rem;
  grid-template-areas: "secEmail__lead secEmail__csv" "secEmail__detail secEmail__mail";
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__container {
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr max-content;
    grid-template-areas: "secEmail__lead" "secEmail__csv" "secEmail__mail" "secEmail__detail";
    gap: 0;
  }
}
#retailers .secEmail__lead {
  grid-area: secEmail__lead;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #retailers .secEmail__lead {
    margin-bottom: 3rem;
  }
}
#retailers .secEmail__csv {
  grid-area: secEmail__csv;
  background: #EFEFEF;
  padding: 2.4rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__csv {
    padding: 0.6rem 0.9rem 0.8rem;
    margin-bottom: 1.6rem;
  }
}
#retailers .secEmail__ttl {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__ttl {
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }
}
#retailers .secEmail__mail {
  grid-area: secEmail__mail;
  background: #EFEFEF;
  padding: 2.4rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__mail {
    padding: 0.6rem 0.9rem 1.8rem;
    margin-bottom: 1.6rem;
  }
}
#retailers .secEmail__example {
  background: #fff;
  padding: 1.5rem 2.4rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__example {
    padding: 1.8rem 1.7rem 0.7rem;
    margin-bottom: 1.5rem;
  }
}
#retailers .example__ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  #retailers .example__ttl {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
#retailers .example__txt {
  font-weight: 400;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #retailers .example__txt {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
  }
}
#retailers .example__txt:last-child {
  margin-bottom: 0;
}
#retailers .secEmail__attention {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  padding-left: 2.4rem;
  margin-bottom: 1.3rem;
}
@media (max-width: 768px) {
  #retailers .secEmail__attention {
    padding-left: 0;
  }
}
#retailers .secEmail__attention:last-child {
  margin-bottom: 0;
}
#retailers .secEmail__detail {
  grid-area: secEmail__detail;
  letter-spacing: 0.06em;
}
#retailers .detail__txt {
  margin-bottom: 2.1rem;
}
@media (max-width: 768px) {
  #retailers .detail__txt {
    margin-bottom: 2.7rem;
  }
}
#retailers .detail__btn a {
  background: linear-gradient(135deg, #014099 0%, #041562 100%);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  display: grid;
  place-items: center;
  position: relative;
  max-width: 29.3rem;
  padding-block: 2.9rem;
}
@media (hover: hover) {
  #retailers .detail__btn a:where(:any-link, :enabled, summary):hover .c-btn-01__txt {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  #retailers .detail__btn a {
    margin-inline: auto;
    max-width: 30.3rem;
    padding-block: 1.6rem;
    border-radius: 4px;
  }
}
#retailers .detail__btn__txt {
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  padding-left: 4.4rem;
  background: url(../img/retailers/icn_mail.svg) no-repeat left center/2.2rem;
}
#retailers .secForm__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #retailers .secForm__heading {
    margin-bottom: 1rem;
  }
}
#retailers .secForm__lead {
  margin-bottom: 3rem;
}
#retailers .secForm__wrap {
  background: #F5F6F8;
  padding: 2.7rem 2rem 6rem;
}
@media (max-width: 768px) {
  #retailers .secForm__wrap {
    padding: 2rem 1.8rem 2.4rem;
  }
}
#retailers .smf-form {
  max-width: 930px;
  margin-inline: auto;
}
#retailers .smf-form .smf-text-control__control {
  padding: 1.45rem 1.2rem;
  border: 1px solid #E5ECF5;
  border-radius: 2px;
}
@media (max-width: 440px) {
  #retailers .smf-form input::-webkit-input-placeholder {
    font-size: 15px;
  }
}
@media (max-width: 440px) {
  #retailers .smf-form input:-moz-placeholder {
    font-size: 15px;
  }
}
#retailers .smf-form--simple-table .smf-item {
  padding: 2rem 0;
}
@media (max-width: 768px) {
  #retailers .smf-form--simple-table .smf-item {
    padding: 0.8rem 0;
  }
}
#retailers .smf-form--simple-table .smf-item__col--label {
  display: grid;
  place-items: center start;
  position: relative;
}
@media (min-width: 640px) {
  #retailers .smf-form--simple-table .smf-item__col--label {
    flex: 0 0 19.5em;
    max-width: 19.5em;
  }
}
@media (max-width: 768px) {
  #retailers .smf-form--simple-table .smf-item__col--label {
    padding-bottom: 0.8rem;
  }
}
#retailers .smf-form--simple-table .smf-item__col--label:after {
  position: absolute;
  content: "必須";
  color: #fff;
  font-weight: bold;
  width: 6rem;
  height: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
  right: 4.3rem;
  display: grid;
  place-items: center;
  background: #014098;
  border-radius: 2px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  #retailers .smf-form--simple-table .smf-item__col--label:after {
    display: none;
  }
}
@media (max-width: 768px) {
  #retailers .smf-item__label {
    position: relative;
  }
  #retailers .smf-item__label:after {
    position: absolute;
    content: "必須";
    color: #fff;
    font-weight: bold;
    width: 4rem;
    height: 2.4rem;
    top: 50%;
    transform: translateY(-50%);
    right: -4.9rem;
    display: grid;
    place-items: center;
    background: #014098;
    border-radius: 2px;
    font-size: 1.4rem;
  }
}
#retailers .smf-item__label__text {
  font-weight: bold;
}
@media (max-width: 768px) {
  #retailers .smf-item__label__text {
    font-size: 1.6rem;
  }
}
#retailers .smf-form--simple-table + .smf-action {
  margin: 4.7rem 0 1rem;
}
@media (max-width: 768px) {
  #retailers .smf-form--simple-table + .smf-action {
    margin: 1rem 0;
  }
}
#retailers .smf-action .smf-button-control__control[data-action=confirm],
#retailers .smf-action .smf-button-control__control[data-action=complete] {
  background: linear-gradient(135deg, #014099 0%, #041562 100%);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  display: inline-grid;
  place-items: center;
  position: relative;
  border: none;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 1.7rem 10.1rem 1.7rem 6.4rem;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  #retailers .smf-action .smf-button-control__control[data-action=confirm],
  #retailers .smf-action .smf-button-control__control[data-action=complete] {
    font-size: 1.5rem;
    padding: 1.2rem 5rem 1.2rem 1.8rem;
  }
}
#retailers .smf-action .smf-button-control__control[data-action=confirm]:after,
#retailers .smf-action .smf-button-control__control[data-action=complete]:after {
  content: "";
  background: url(../img/retailers/icn_arrow-right.svg) no-repeat center center/2.2rem;
  width: 2.2rem;
  height: 2.2rem;
  display: block;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media (max-width: 768px) {
  #retailers .smf-action .smf-button-control__control[data-action=confirm]:after,
  #retailers .smf-action .smf-button-control__control[data-action=complete]:after {
    right: 1rem;
  }
}
@media (hover: hover) {
  #retailers .smf-action .smf-button-control__control[data-action=confirm]:where(:any-link, :enabled, summary):hover,
  #retailers .smf-action .smf-button-control__control[data-action=complete]:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
#retailers .smf-action .smf-button-control__control[data-action=back] {
  text-align: center;
  border-radius: 4px;
  display: inline-grid;
  place-items: center;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 1.7rem 4.5rem;
}
@media (max-width: 768px) {
  #retailers .smf-action .smf-button-control__control[data-action=back] {
    font-size: 1.5rem;
    padding: 1.2rem 2rem;
  }
}
#retailers .smf-focus-point {
  top: -200px;
}
@media (max-width: 768px) {
  #retailers .smf-focus-point {
    top: -100px;
  }
}
#retailers .secPop__heading {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #retailers .secPop__heading {
    margin-bottom: 1rem;
  }
}
#retailers .secPop__lead {
  margin-bottom: 2.8rem;
}
@media (max-width: 768px) {
  #retailers .secPop__lead {
    margin-bottom: 2.6rem;
  }
}
#retailers .secPop__categoryList .secPop__categoryItem {
  border: 2px solid #014099;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  #retailers .secPop__categoryList .secPop__categoryItem {
    border-radius: 4px;
  }
}
#retailers .secPop__categoryList .secPop__categoryItem:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  #retailers .secPop__categoryList .secPop__categoryItem:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#retailers .secPop__category {
  background: #E5ECF5;
  position: relative;
  padding: 3.5rem 8rem 3.5rem 4rem;
  font-size: 3rem;
  font-weight: bold;
  color: #014099;
  line-height: 1.6;
  transition: all 0.3s ease;
  z-index: 0;
}
@media (max-width: 768px) {
  #retailers .secPop__category {
    font-size: 2rem;
    padding: 1.4rem 4rem 1.4rem 1.5rem;
  }
}
#retailers .secPop__category::after {
  content: "+";
  position: absolute;
  right: 3.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 5.4rem;
  font-weight: normal;
  transition: transform 0.3s ease;
  line-height: 1;
}
@media (max-width: 768px) {
  #retailers .secPop__category::after {
    right: 1.4rem;
    font-size: 3.4rem;
  }
}
#retailers .secPop__category[aria-expanded=true]::after {
  content: "−";
  transform: translateY(-50%) rotate(0deg);
}
#retailers .secPop__category:hover {
  background: #fff;
  color: #014099;
}
#retailers .secPop__cont {
  background: #fff;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0;
  position: relative;
}
#retailers .secPop__cont:before {
  content: "";
  background: #014099;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#retailers .secPop__category[aria-expanded=true] + .secPop__cont {
  opacity: 1;
  max-height: 9999px;
}
#retailers .secPop__cont__in {
  padding: 2.1rem 3.9rem 4rem;
}
@media (max-width: 768px) {
  #retailers .secPop__cont__in {
    padding: 1.9rem 0.8rem 2rem;
  }
}
#retailers .secPop__subCategory {
  margin-top: 2rem;
}
#retailers .secPop__subCategory:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #retailers .secPop__subCategory:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
#retailers .secPop__subCategory__title {
  font-size: 2.8rem;
  font-weight: bold;
  background: #014099;
  color: #fff;
  padding: 1.6rem 1.6rem;
  position: relative;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  #retailers .secPop__subCategory__title {
    font-size: 1.8rem;
    padding: 1.2rem 1.6rem;
  }
}
#retailers .secPop__subCategory__title::after {
  content: "+";
  color: #fff;
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 5.4rem;
  font-weight: normal;
  transition: transform 0.3s ease;
  line-height: 1;
}
@media (max-width: 768px) {
  #retailers .secPop__subCategory__title::after {
    right: 0.6rem;
    font-size: 3.4rem;
  }
}
#retailers .secPop__subCategory__title[aria-expanded=true]::after {
  content: "−";
  transform: translateY(-50%) rotate(0deg);
}
#retailers .secPop__subCategory__title:hover {
  opacity: 0.7;
}
#retailers .secPop__subCategory__content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0;
}
#retailers .secPop__subCategory__title[aria-expanded=true] + .secPop__subCategory__content {
  max-height: 9999px;
  opacity: 1;
  padding-top: 2rem;
}
@media (max-width: 768px) {
  #retailers .secPop__subCategory__title[aria-expanded=true] + .secPop__subCategory__content {
    padding-top: 1.5rem;
  }
}
#retailers .secPop__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 5.6rem;
}
@media (max-width: 1240px) {
  #retailers .secPop__grid {
    gap: 2rem 4rem;
  }
}
@media (max-width: 999px) {
  #retailers .secPop__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  #retailers .secPop__grid {
    grid-template-columns: 1fr;
    gap: 2.6rem;
    padding-inline: 0.7rem;
  }
}
#retailers .secPop__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  gap: 0;
  position: relative;
}
#retailers .secPop__tag {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 0.4rem 0.8rem;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  #retailers .secPop__tag {
    font-size: 1.4rem;
    padding: 0.4rem 1.4rem;
  }
}
#retailers .secPop__tag--new_product {
  background: #EA4335;
}
#retailers .secPop__tag--new_arrivals {
  background: #EA9635;
}
#retailers .secPop__img,
#retailers .secPop__video {
  width: 100%;
  aspect-ratio: 326/220;
  overflow: hidden;
  margin-bottom: 1.6rem;
  position: relative;
}
@media (max-width: 768px) {
  #retailers .secPop__img,
  #retailers .secPop__video {
    margin-bottom: 0.8rem;
  }
}
#retailers .secPop__img:before,
#retailers .secPop__video:before {
  content: "";
  background: url(../img/retailers/icn_zoom.svg) no-repeat center center/cover;
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#retailers .secPop__img img,
#retailers .secPop__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-out;
}
#retailers .secPop__img:hover img,
#retailers .secPop__video:hover img {
  transform: scale(1.2);
}
#retailers .secPop__video:before {
  content: "";
  background: url(../img/retailers/icn_play.svg) no-repeat center center/cover;
}
#retailers .secPop__btns {
  display: flex;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  #retailers .secPop__btns {
    gap: 0.8rem;
  }
}
#retailers .secPop__btn {
  background: linear-gradient(90deg, #014099 0%, #041562 100%);
  color: #fff;
  border: none;
  padding: 0.9rem 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  #retailers .secPop__btn {
    font-size: 1.4rem;
    padding: 0.8rem 1.3rem;
  }
}
@media (hover: hover) {
  #retailers .secPop__btn:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
#retailers .secPop__btn--copy.is-copied {
  background: #014099;
  color: #fff;
}
#retailers .secPop__btn__icn {
  margin-right: 0.8rem;
}
@media (max-width: 768px) {
  #retailers .secPop__btn__icn {
    margin-right: 0.5rem;
    width: 2.3rem;
  }
}
#retailers .secPop__note {
  font-size: 1.4rem;
  color: #707070;
  letter-spacing: 0.07em;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  #retailers .secPop__note {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
  }
}
#retailers .secPop__name {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.07em;
}
@media (max-width: 768px) {
  #retailers .secPop__name {
    font-size: 1.6rem;
  }
}
#retailers .secPop__img--clickable,
#retailers .secPop__video--clickable {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  #retailers .secPop__img--clickable:where(:any-link, :enabled, summary):hover,
  #retailers .secPop__video--clickable:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
#retailers .secPop__modal {
  padding: 2rem;
}
@media (max-width: 768px) {
  #retailers .secPop__modal {
    padding: 1rem;
  }
}
#retailers .secPop__modal__content {
  max-width: 1200px;
  margin: 0 auto;
}
#retailers .secPop__modal__image {
  text-align: center;
}
#retailers .secPop__modal__image img {
  width: 100%;
  height: auto;
}
#retailers .secPop__modal__video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#retailers .secPop__modal__video__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#retailers .secPop__modal__video__wrapper iframe {
  width: 100%;
  height: 100%;
}
#retailers .b-modal__dialog-container {
  background: none;
  padding: 0;
}
#retailers .b-modal__dialog {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 768px) {
  #retailers .b-modal__dialog {
    padding-bottom: 4.4rem;
  }
}
@media (max-width: 768px) {
  #retailers .b-modal__dialog__inpurArea {
    padding-inline: 0;
  }
}

#search-contents .c-pageTtl-01 {
  background: #fff;
}
#search-contents .c-breadcrumbs {
  background: #fff;
}
#search-contents .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #search-contents .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#search-contents .secResult {
  background: #E5ECF5;
  padding-block: 4rem 16rem;
}
@media (max-width: 768px) {
  #search-contents .secResult {
    padding-block: 2.4rem 9rem;
  }
}
#search-contents .secResult__search {
  max-width: 800px;
  margin-inline: auto;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #search-contents .secResult__search {
    margin-bottom: 2.4rem;
  }
}
#search-contents .c-products-item__search-conditions {
  margin-bottom: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.1rem;
}
#search-contents .c-products-item__search-condition {
  background: #fff;
  color: #718298;
  padding: 0.8rem 1.2rem;
  display: inline-block;
}
@media (max-width: 768px) {
  #search-contents .c-products-item__search-condition {
    font-size: 1.2rem;
    padding: 0.4rem 0.8rem;
  }
}
#search-contents .c-products-item__search-condition-separator {
  background: url(../img/common/chevron-right-gray.svg) no-repeat left center/1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
}
@media (max-width: 768px) {
  #search-contents .c-products-item__search-condition-separator {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem;
    margin-inline: 0.2rem 0.4rem;
  }
}
#search-contents .c-products-item__search-result {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #search-contents .c-products-item__search-result {
    font-size: 1.6rem;
    margin-bottom: 1.9rem;
  }
}
#search-contents .c-result-item__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media (max-width: 999px) {
  #search-contents .c-result-item__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
  }
}
@media (max-width: 580px) {
  #search-contents .c-result-item__list {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
#search-contents .c-result-item__link {
  background: #fff;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 4rem;
  border-radius: 8px;
  height: 36rem;
  box-shadow: 5px 5px 20px rgba(113, 130, 152, 0.5);
  position: relative;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  #search-contents .c-result-item__link:where(:any-link, :enabled, summary):hover {
    box-shadow: none;
  }
  #search-contents .c-result-item__link:where(:any-link, :enabled, summary):hover .c-btn-03 {
    transform: translateY(4px);
  }
  #search-contents .c-result-item__link:where(:any-link, :enabled, summary):hover .c-arrow:before {
    scale: 1;
  }
  #search-contents .c-result-item__link:where(:any-link, :enabled, summary):hover img {
    transform: scale(1.1);
  }
}
@media (max-width: 999px) {
  #search-contents .c-result-item__link {
    box-shadow: 2px 2px 8px rgba(113, 130, 152, 0.5);
    grid-template-columns: 1fr;
    height: auto;
    gap: 2.4rem;
  }
}
@media (max-width: 768px) {
  #search-contents .c-result-item__link {
    gap: 1rem;
  }
}
#search-contents .c-result-item__thumbnail {
  overflow: hidden;
}
@media (max-width: 999px) {
  #search-contents .c-result-item__thumbnail {
    aspect-ratio: 1/1;
  }
}
#search-contents .c-result-item__txtbox {
  padding: 4.6rem 4rem 0 0;
  position: relative;
}
@media (max-width: 999px) {
  #search-contents .c-result-item__txtbox {
    padding: 0 1rem 5rem;
  }
}
@media (max-width: 768px) {
  #search-contents .c-result-item__txtbox {
    padding: 0 0.8rem 5rem;
  }
}
#search-contents .c-result-item__ttl {
  font-size: 2.4rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #search-contents .c-result-item__ttl {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 0.7rem;
  }
}
#search-contents .c-result-item__url {
  font-size: 1.4rem;
  color: #D1D1D1;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #search-contents .c-result-item__url {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
#search-contents .c-result-item__excerpt {
  color: #718298;
  letter-spacing: 0.06em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2;
}
@media (max-width: 768px) {
  #search-contents .c-result-item__excerpt {
    -webkit-line-clamp: 4;
    line-height: 1.6;
  }
}
#search-contents .secResult__heading {
  margin-top: 4rem;
  letter-spacing: 0;
  margin-bottom: 0.6rem;
}
@media (max-width: 768px) {
  #search-contents .secResult__heading {
    margin-top: 4.2rem;
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
}
#search-contents .secResult__txt {
  letter-spacing: 0.06em;
  margin-bottom: -9.4rem;
}
@media (max-width: 768px) {
  #search-contents .secResult__txt {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: -4.4rem;
  }
}
#search-contents .secContents {
  padding-block: 15rem;
}
@media (max-width: 768px) {
  #search-contents .secContents {
    padding-block: 4rem 8rem;
  }
}
@media (max-width: 768px) {
  #search-contents .secSearch--contents {
    padding-block: 5.9rem 6rem;
  }
}
#search-contents .secSearch--contents .c-products-search__search__ttl {
  font-size: 3.6rem;
  margin-bottom: 2.6rem;
}
@media (max-width: 768px) {
  #search-contents .secSearch--contents .c-products-search__search__ttl {
    font-size: 2.5rem;
  }
}

#thanks {
  background: #fff;
}
#thanks .c-breadcrumbs {
  padding-block: 2rem;
}
@media (max-width: 768px) {
  #thanks .c-breadcrumbs {
    background: #F5F6F8;
    padding-block: 0.6rem 0.5rem;
  }
}
#thanks .secThanks {
  background: #F5F6F8;
  padding-block: 6rem 16rem;
}
@media (max-width: 768px) {
  #thanks .secThanks {
    padding-block: 3rem 8rem;
  }
}
#thanks .secThanks__txt {
  letter-spacing: 0.06em;
}
#thanks .secThanks__txt + .secThanks__txt {
  margin-top: 2em;
}
#thanks .secThanks__txt .indent {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}
#thanks .secThanks__txt.bold {
  font-weight: bold;
}
#thanks .c-heading-01 {
  margin-block: 9rem 3rem;
}
@media (max-width: 768px) {
  #thanks .c-heading-01 {
    margin-block: 8rem 2rem;
  }
}

@media (max-width: 768px) {
  .home .st-header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}

#top .secMainView {
  padding-bottom: 10rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  #top .secMainView {
    padding-bottom: 5rem;
  }
}
#top .secMainView__swiper {
  padding-block: 12rem 2rem;
  position: relative;
}
@media (max-width: 768px) {
  #top .secMainView__swiper {
    padding-block: 2.5rem 0;
  }
}
#top .secMainView__swiper .swiper-slide {
  transition: transform 0.5s ease-out;
  position: relative;
  pointer-events: none;
}
#top .secMainView__swiper .swiper-slide-active {
  transform: scale(1.16);
  pointer-events: auto;
}
@media (max-width: 768px) {
  #top .secMainView__swiper .swiper-slide-active {
    transform: scale(1);
  }
}
#top .secMainView__swiper .swiper-slide-active .secMainView__item {
  box-shadow: 6px 6px 6px rgba(113, 130, 152, 0.5);
}
@media (max-width: 768px) {
  #top .secMainView__swiper .swiper-slide-active .secMainView__item {
    box-shadow: none;
  }
}
#top .secMainView__swiper .swiper-slide-active .secMainView__item picture:before {
  opacity: 0;
}
#top .secMainView__swiper .swiper-ui {
  margin-top: 7.5rem;
}
@media (max-width: 768px) {
  #top .secMainView__swiper .swiper-ui {
    margin-top: 1.6rem;
  }
}
#top .secMainView__item {
  width: 100%;
  aspect-ratio: 925/421;
}
@media (max-width: 440px) {
  #top .secMainView__item {
    aspect-ratio: 1/1;
  }
}
#top .secMainView__item picture {
  width: 100%;
  height: 100%;
  position: relative;
}
#top .secMainView__item picture:before {
  content: "";
  background: #014099;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;
  mix-blend-mode: multiply;
  transition: opacity 0.3s ease-out;
}
#top .secMainView__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#top .secMainView__sns {
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 1280px) {
  #top .secMainView__sns {
    left: 1.5rem;
  }
}
@media (max-width: 1000px) {
  #top .secMainView__sns {
    display: none;
  }
}
#top .secMainView__sns .snsList {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  gap: 1.4rem;
}
#top .secMainView__sns svg {
  width: 2.1rem;
  height: auto;
}
#top .secMainView__sns .svg-icn_instagram {
  fill: #fff;
}
#top .secMainView__sns .svg-icn_youtube {
  fill: #fff;
}
#top .secMainView__sns .svg-icn_x {
  fill: #fff;
}
#top .secMainView__sns .svg-icn_line {
  fill: #fff;
}
#top .secMainView__sns .svg-icn_facebook {
  fill: #fff;
}
#top .secMainView__sns__heading {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-bottom: 1rem;
}
#top .secNews {
  background: #E5ECF5;
  padding-block: 2.7rem;
}
@media (max-width: 768px) {
  #top .secNews {
    padding-block: 3.2rem;
  }
}
#top .secNews .inner {
  display: grid;
  grid-template-columns: max-content 500px auto;
  gap: 6.4rem;
  align-items: center;
}
@media (max-width: 1024px) {
  #top .secNews .inner {
    grid-template-columns: max-content 1fr auto;
    gap: 4rem;
  }
}
@media (max-width: 768px) {
  #top .secNews .inner {
    display: block;
  }
}
#top .secNews__heading {
  font-size: 2.3rem;
  font-weight: bold;
  color: #014099;
}
@media (max-width: 768px) {
  #top .secNews__heading {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #top .secNews__article {
    margin-bottom: 3.2rem;
  }
}
#top .secNews__link {
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #top .secNews__link:where(:any-link, :enabled, summary):hover .secNews__date,
  #top .secNews__link:where(:any-link, :enabled, summary):hover .secNews__ttl {
    color: #014099;
  }
}
@media (max-width: 768px) {
  #top .secNews__link {
    display: block;
  }
}
#top .secNews__date {
  font-size: 1.6rem;
  color: #718298;
  letter-spacing: 0.02em;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  #top .secNews__date {
    font-size: 1.4rem;
  }
}
#top .secNews__ttl {
  font-size: 1.6rem;
  line-height: 1.5;
  flex: 1;
  padding-left: 3.3rem;
  transition: color 0.3s ease-out;
}
@media (max-width: 768px) {
  #top .secNews__ttl {
    padding-left: 0;
  }
}
#top .secNews__btn {
  margin-left: auto;
}
@media (max-width: 768px) {
  #top .secNews__btn {
    text-align: center;
  }
}
#top .secGraphiteworks {
  background: url(../img/top/graphiteworks-bg.jpg) no-repeat center center/cover;
  padding: 9.6rem 0;
}
@media (max-width: 768px) {
  #top .secGraphiteworks {
    background-image: url(../img/top/graphiteworks-bg_sp.jpg);
    padding: 8.3rem 0 8.3rem;
  }
}
#top .secGraphiteworks__box {
  display: grid;
  grid-template-columns: 1fr 1.65fr;
  grid-template-rows: repeat(3, auto);
  gap: 0px 2rem;
  justify-content: space-between;
  align-items: start;
  grid-template-areas: "secGraphiteworks__heading secGraphiteworks__bnr" "secGraphiteworks__txt secGraphiteworks__bnr" "secGraphiteworks__btn secGraphiteworks__bnr";
}
@media (max-width: 768px) {
  #top .secGraphiteworks__box {
    display: block;
  }
}
#top .secGraphiteworks__heading {
  grid-area: secGraphiteworks__heading;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.8;
  color: #fff;
  letter-spacing: 0.08em;
  margin-bottom: 3rem;
  text-box: trim-start text;
}
@media (max-width: 768px) {
  #top .secGraphiteworks__heading {
    font-size: 2.7rem;
    text-align: center;
    margin-bottom: 2.9rem;
  }
}
#top .secGraphiteworks__txt {
  grid-area: secGraphiteworks__txt;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.06em;
  margin-bottom: 3.8rem;
}
@media (max-width: 768px) {
  #top .secGraphiteworks__txt {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.15;
    margin-bottom: 3.7rem;
  }
}
#top .secGraphiteworks__bnr {
  grid-area: secGraphiteworks__bnr;
  background: #000;
}
@media (max-width: 768px) {
  #top .secGraphiteworks__bnr {
    margin-bottom: 4rem;
  }
}
#top .secGraphiteworks__bnr a {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #top .secGraphiteworks__bnr a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
#top .secGraphiteworks__bnr img {
  width: 100%;
}
#top .secGraphiteworks__btn {
  grid-area: secGraphiteworks__btn;
}
@media (max-width: 768px) {
  #top .secGraphiteworks__btn {
    text-align: center;
  }
}
#top .secOnlineShop {
  padding: 6.7rem 0 9.6rem;
}
@media (max-width: 768px) {
  #top .secOnlineShop {
    padding-block: 6.7rem 6.7rem;
  }
}
#top .secOnlineShop__heading {
  text-align: center;
  font-size: 2.9rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #top .secOnlineShop__heading {
    font-size: 2.2rem;
    line-height: 1.6;
    margin-bottom: 1.9rem;
  }
}
#top .secOnlineShop__btn {
  margin-bottom: 4.3rem;
}
@media (max-width: 768px) {
  #top .secOnlineShop__btn {
    margin-bottom: 0.9rem;
  }
}
#top .secOnlineShop__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #014099;
  border-radius: 16px;
  max-width: 644px;
  padding: 2.8rem 0;
  margin-inline: auto;
  transition: all 0.3s ease-out;
  color: #fff;
  border: 4px solid #014099;
}
@media (hover: hover) {
  #top .secOnlineShop__btn a:where(:any-link, :enabled, summary):hover {
    background: #fff;
    color: #014099;
  }
  #top .secOnlineShop__btn a:where(:any-link, :enabled, summary):hover .svg-icn_cap-1 {
    fill: #014099;
  }
  #top .secOnlineShop__btn a:where(:any-link, :enabled, summary):hover .svg-icn_cap-2 {
    fill: #fff;
  }
  #top .secOnlineShop__btn a:where(:any-link, :enabled, summary):hover .svg-icn_external-link {
    stroke: #014099;
  }
}
@media (max-width: 768px) {
  #top .secOnlineShop__btn a {
    width: 93%;
    max-width: 370px;
    padding: 1.2rem 0 1.2rem 5.2rem;
    position: relative;
  }
}
@media (max-width: 768px) {
  #top .secOnlineShop__icn {
    display: block;
    position: absolute;
    left: 2.2rem;
    top: 50%;
    transform: translateY(-50%);
  }
  #top .secOnlineShop__icn svg {
    width: 5rem;
    height: auto;
  }
}
#top .secOnlineShop__txt {
  font-size: 2.6rem;
  font-weight: bold;
  margin-inline: 3rem;
}
@media (max-width: 768px) {
  #top .secOnlineShop__txt {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-inline: 0;
  }
  #top .secOnlineShop__txt svg {
    width: 2rem;
    height: auto;
    margin-left: 0.8rem;
    vertical-align: baseline;
    top: 0.15em;
    position: relative;
  }
}
@media (max-width: 768px) {
  #top .secOnlineShop__arrow {
    display: none;
  }
}
#top .secOnlineShop__note {
  text-align: center;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #top .secOnlineShop__note {
    font-size: 1.2rem;
  }
}
#top .secAbout {
  padding-block: 15.3rem 15.2rem;
  background: url(../img/common/logo_footer.svg) no-repeat top 6rem left 7rem/1554px;
  overflow: hidden;
}
@media (max-width: 768px) {
  #top .secAbout {
    padding-block: 9.7rem 12.5rem;
    background-position: top 8.2rem left 1.5rem;
    background-size: 33rem;
  }
}
#top .secAbout__heading {
  margin-bottom: 12.4rem;
}
@media (max-width: 768px) {
  #top .secAbout__heading {
    margin-bottom: 6.2rem;
  }
}
#top .secAbout__box {
  margin-bottom: 13.6rem;
}
@media (max-width: 768px) {
  #top .secAbout__box {
    margin-bottom: 12.7rem;
  }
}
#top .secAbout__box--en {
  margin-bottom: 0;
}
#top .secAbout__item {
  position: relative;
}
#top .secAbout__item.item-01 {
  height: 742px;
}
@media (max-width: 768px) {
  #top .secAbout__item.item-01 {
    height: auto;
  }
}
#top .secAbout__item.item-01 .secAbout__img {
  width: calc(50vw + 7rem);
  right: calc(-50vw + 58rem);
  border-radius: 8px 0 0 0;
}
@media (max-width: 1200px) {
  #top .secAbout__item.item-01 .secAbout__img {
    width: 55vw;
    right: -20px;
  }
}
@media (max-width: 768px) {
  #top .secAbout__item.item-01 .secAbout__img {
    width: calc(100vw - 2rem);
    height: auto;
    right: auto;
    left: 10px;
    margin-bottom: 4rem;
  }
}
#top .secAbout__item.item-01 .secAbout__txtbox {
  max-width: 450px;
  padding-bottom: 5rem;
}
@media (max-width: 1200px) {
  #top .secAbout__item.item-01 .secAbout__txtbox {
    width: 40vw;
  }
}
@media (max-width: 768px) {
  #top .secAbout__item.item-01 .secAbout__txtbox {
    width: 100%;
    max-width: 100%;
    padding-bottom: 6.7rem;
  }
}
#top .secAbout__item.item-01 .secAbout__ttl {
  background: url(../img/top/icon-vision.svg) no-repeat left center/5.6rem;
}
@media (max-width: 768px) {
  #top .secAbout__item.item-01 .secAbout__ttl {
    background-size: 3rem;
  }
}
#top .secAbout__item.item-01 .secAbout__ttl--en {
  background: none;
}
#top .secAbout__item.item-02 {
  height: 608px;
}
@media (max-width: 768px) {
  #top .secAbout__item.item-02 {
    height: auto;
  }
}
#top .secAbout__item.item-02 .secAbout__img {
  width: calc(50vw - 6rem);
  left: calc(-50vw + 58rem);
  border-radius: 0 0 8px 0;
}
@media (max-width: 1200px) {
  #top .secAbout__item.item-02 .secAbout__img {
    width: 45vw;
    left: -20px;
  }
}
@media (max-width: 768px) {
  #top .secAbout__item.item-02 .secAbout__img {
    width: calc(100vw - 3rem);
    height: auto;
    left: -15px;
    margin-bottom: 4rem;
  }
}
#top .secAbout__item.item-02 .secAbout__txtbox {
  max-width: 570px;
  margin-left: auto;
  padding-bottom: 1rem;
}
@media (max-width: 1200px) {
  #top .secAbout__item.item-02 .secAbout__txtbox {
    width: 50vw;
  }
}
@media (max-width: 768px) {
  #top .secAbout__item.item-02 .secAbout__txtbox {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }
}
#top .secAbout__item.item-02 .secAbout__ttl {
  background: url(../img/top/icon-dev.svg) no-repeat left center/5.6rem;
}
@media (max-width: 768px) {
  #top .secAbout__item.item-02 .secAbout__ttl {
    background-size: 3rem;
  }
}
#top .secAbout__item.item-02 .secAbout__ttl--en {
  background: none;
}
#top .secAbout__img {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  #top .secAbout__img {
    position: relative;
  }
}
#top .secAbout__img picture {
  width: 100%;
  height: 100%;
}
#top .secAbout__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#top .secAbout__txtbox {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media (max-width: 768px) {
  #top .secAbout__txtbox {
    display: block;
    padding-left: 1rem;
  }
}
#top .secAbout__ttl {
  font-size: 4rem;
  font-weight: bold;
  color: #014099;
  padding-left: 6.4rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  #top .secAbout__ttl {
    font-size: 2.2rem;
    padding-left: 3.8rem;
    margin-bottom: 1rem;
  }
}
#top .secAbout__ttl--en {
  padding-left: 0;
}
#top .secAbout__txt {
  line-height: 2.5;
  letter-spacing: 0.06em;
  margin-bottom: 7.8rem;
}
@media (max-width: 768px) {
  #top .secAbout__txt {
    line-height: 1.8;
    margin-bottom: 4.4rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  #top .secAbout__btn {
    text-align: center;
  }
}
#top .secLinks {
  margin-bottom: 15.2rem;
}
@media (max-width: 768px) {
  #top .secLinks {
    margin-bottom: 8.3rem;
  }
}
#top .secSns {
  padding-bottom: 18rem;
}
@media (max-width: 768px) {
  #top .secSns {
    padding-inline: 1rem;
    padding-bottom: 8.3rem;
  }
}
#top .secSns .snsList {
  gap: 4.8rem;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #top .secSns .snsList {
    gap: 2.4rem;
    margin-bottom: 2.4rem;
  }
}
#top .secSns .snsList svg {
  width: 5rem;
  height: auto;
}
@media (max-width: 768px) {
  #top .secSns .snsList svg {
    width: 4.2rem;
  }
}
#top .secSns__heading {
  margin-bottom: 9.8rem;
}
@media (max-width: 768px) {
  #top .secSns__heading {
    margin-bottom: 4.3rem;
  }
}
#top .secSns__note {
  letter-spacing: 0.06em;
  text-align: center;
  color: #014099;
}
#top .secRetailers {
  background: url(../img/top/retailers_bg.jpg) no-repeat center center/cover;
  padding-block: 9.6rem 11rem;
  text-align: center;
}
@media (max-width: 768px) {
  #top .secRetailers {
    background-image: url(../img/top/retailers_bg_sp@2x.jpg);
    padding-block: 8.3rem;
  }
}
#top .secRetailers__icn {
  margin-bottom: 0rem;
}
@media (max-width: 768px) {
  #top .secRetailers__icn {
    margin-bottom: 1.6rem;
  }
  #top .secRetailers__icn img {
    width: 6rem;
  }
}
#top .secRetailers__heading {
  font-size: 5rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2rem;
  letter-spacing: 0.06rem;
}
@media (max-width: 768px) {
  #top .secRetailers__heading {
    font-size: 2.6rem;
    margin-bottom: 3rem;
  }
}
#top .secRetailers__txt {
  line-height: 2.5;
  color: #fff;
  letter-spacing: 0.08em;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #top .secRetailers__txt {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 768px) {
  #top .secRetailers__comment {
    position: relative;
    z-index: 1;
  }
}
#top .secRetailers__comment span {
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
  margin-bottom: 5.6rem;
  position: relative;
  background: #041562;
  padding: 1.6rem 7rem;
  border-radius: 5rem;
}
@media (max-width: 768px) {
  #top .secRetailers__comment span {
    font-size: 1.4rem;
    padding: 0.9rem 1.6rem;
    border-radius: 0.8rem;
    margin-bottom: 0;
  }
}
#top .secRetailers__comment span:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #041562;
  border-width: 20px;
  margin-left: -20px;
}
@media (max-width: 768px) {
  #top .secRetailers__comment span:before {
    border-width: 1rem;
    margin-left: -1rem;
  }
}
@media (max-width: 768px) {
  #top .secRetailers__btn {
    margin-top: -0.9rem;
  }
}
@media (max-width: 768px) {
  #top .secRetailers__btn a {
    height: 5.5rem;
    padding-top: 1rem;
  }
}
@media (max-width: 768px) {
  #top .secRetailers__btn .c-btn-01__arrow {
    top: 1rem;
  }
}
#top .secRelated {
  padding-block: 15.2rem;
}
@media (max-width: 768px) {
  #top .secRelated {
    padding-block: 8.3rem;
  }
}
#top .secRelated__heading {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7.3rem;
}
@media (max-width: 768px) {
  #top .secRelated__heading {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
}
#top .secRelated__list {
  max-width: 885px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 440px) {
  #top .secRelated__list {
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 1.6rem;
    padding-inline: 1rem;
  }
}
#top .secRelated__item a {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #top .secRelated__item a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
#top .secRelated__item img {
  width: 100%;
}

.is-english #top .secMainView {
  position: relative;
  padding-top: 6.7rem;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .is-english #top .secMainView {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.is-english #top .secMainView .inner {
  padding-inline: 0.5rem;
}
@media (max-width: 768px) {
  .is-english #top .secMainView .inner {
    padding-inline: 0;
  }
}
.is-english #top .secMainView__youtube {
  width: 100%;
  aspect-ratio: 16/9;
  pointer-events: none;
  line-height: 0;
}
.is-english #top .secMainView__youtube iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.is-english #top .secMainView__sns .svg-icn_instagram {
  fill: #014098;
}
.is-english #top .secMainView__sns .svg-icn_youtube {
  fill: #014098;
}
.is-english #top .secMainView__sns .svg-icn_x {
  fill: #014098;
}
.is-english #top .secMainView__sns .svg-icn_line {
  fill: #014098;
}
.is-english #top .secMainView__sns .svg-icn_facebook {
  fill: #014098;
}
.is-english #top .secMainView__sns__heading {
  color: #014098;
}
.is-english #top .secContents__imgSliderWrap--en {
  overflow: hidden;
}
@media (max-width: 768px) {
  .is-english #top .secAbout {
    padding-bottom: 8rem;
  }
}

/**
* Foundation
* ========================== */
/*  @use "foundation/_reset";ベースのリセットはmain_style*/
/* Object
* ========================== */
/* Component ------------ */
/* Project ------------ */
/*# sourceMappingURL=style.css.map */