@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

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

svg,
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

svg {
  overflow: visible;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, th, dt {
  font-weight: inherit;
}

article, main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {
  display: block;
}

:root {
  --sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
  --serif: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
  --font: var(--sans);
  --DM: "DM Sans", var(--sans);
  --color: #3A4148;
  --color-inverse: #fff;
  --color-assort: var(--blue-500, #007CCE);
  --blue-100: #EEF6FD;
  --blue-200: #CCE5F5;
  --blue-300: #A3D0ED;
  --blue-400: #5292D3;
  --blue-500: #007CCE;
  --blue-600: #006FB9;
  --blue-700: #00548E;
  --blue-800: #004471;
  --blue-900: #003252;
  --gray-100: #E9EDF0;
  --gray-200: #D7DEE4;
  --gray-300: #C6CFD8;
  --gray-400: #B4C0CC;
  --gray-500: #A3B2C0;
  --gray-600: #91A3B4;
  --gray-700: #7B8B99;
  --gray-800: #66727E;
  --gray-900: #505A63;
  --gray-1000: #3A4148;
  --main-black: #151515;
  --main-white: #FFFFFF;
  --fs-56: 3.5rem;
  --fs-48: 3rem;
  --fs-40: 2.5rem;
  --fs-32: 2rem;
  --fs-25: 1.5625rem;
  --fs-18: 1.125rem;
  --fs-16: 1rem;
  --fs-14: 0.875rem;
  --fs-13: 0.8125rem;
  --fs-12: 0.75rem;
  --lh-tight: 1.4;
  --lh-normal: 1.8;
  --lh-none: 1.0;
  --header-height: 5.125rem;
}
@media screen and (min-width: 1024px) {
  :root {
    --header-height: 6rem;
  }
}
:root {
  --gap: 0.75rem;
  --padding-block: 1rem;
  --padding-block-lg: 2rem;
  --padding-section: 3rem;
  --padding-section-md: 4rem;
  --padding-section-lg: 5rem;
}
@media screen and (min-width: 1024px) {
  :root {
    --gap: 1rem;
    --padding-block: 2rem;
    --padding-block-lg: 4rem;
    --padding-section: 5rem;
    --padding-section-md: 6rem;
    --padding-section-lg: 7.5rem;
  }
}
:root {
  --border: 1.2px solid var(--gray-1000, #3A4148);
  --border-assort: 1.2px solid var(--color-assort);
  --border-gray: 1px solid #D7DEE4;
  --border-gray-100: 1px solid #E9EDF0;
  --border-gray-200: 1px solid #D7DEE4;
  --border-gray-300: 1px solid #EBEBEB;
  --border-gray-400: 1px solid #B4C0CC;
  --border-gray-500: 1px solid #A3B2C0;
  --border-gray-1000: 1px solid #3A4148;
  --border-blue-500: 1px solid #007CCE;
  --border-wh: 1px solid #fff;
  --border-dash: 1px dashed var(--gray-400, #B4C0CC);
}

:root {
  --easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);
  --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1);
  --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --duration: .4s;
  --easeTheme: var(--easeOutQuart);
}

.is-section-dark {
  color: var(--color);
  --color: #fff;
}

/*----------------------------------------------------
	c-paragraph
----------------------------------------------------*/
.c-paragraph {
  font-size: 1rem;
  line-height: 1.8;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	c-btn
----------------------------------------------------*/
.c-arrow, .c-card-news__arrow svg, .cm-nav-paginate__ctrl > span svg,
.cm-nav-paginate__ctrl a svg {
  width: 1rem;
  height: auto;
  fill: var(--color-assort);
}
button:hover .c-arrow, button:hover .c-card-news__arrow svg, .c-card-news__arrow button:hover svg, button:hover .cm-nav-paginate__ctrl > span svg, .cm-nav-paginate__ctrl > span button:hover svg,
button:hover .cm-nav-paginate__ctrl a svg,
.cm-nav-paginate__ctrl a button:hover svg, a:hover .c-arrow, a:hover .c-card-news__arrow svg, .c-card-news__arrow a:hover svg, a:hover .cm-nav-paginate__ctrl > span svg,
.cm-nav-paginate__ctrl a:hover svg, .c-arrow:hover, .c-card-news__arrow svg:hover, .cm-nav-paginate__ctrl > span svg:hover,
.cm-nav-paginate__ctrl a svg:hover {
  -webkit-animation: btnArrow 0.5s linear forwards;
          animation: btnArrow 0.5s linear forwards;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-arrow, .cm-nav-drawer__link-sm i,
.cm-nav-drawer__link i, .cm-nav-aside__linkArrow, .p-products__spNav a i, .p-top-about-item__ico, .c-btn-page__arrow, .c-btn-text-arrow__arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.5rem;
  height: 2rem;
  padding: 0.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  border-radius: 13rem;
  border: var(--border-assort);
  overflow: hidden;
  position: relative;
}
.c-btn-arrow svg, .cm-nav-drawer__link-sm i svg,
.cm-nav-drawer__link i svg, .cm-nav-aside__linkArrow svg, .p-products__spNav a i svg, .p-top-about-item__ico svg, .c-btn-page__arrow svg, .c-btn-text-arrow__arrow svg {
  width: 1.0625rem;
  height: auto;
  fill: var(--color-assort);
}
button:hover .c-btn-arrow, button:hover .cm-nav-drawer__link-sm i, .cm-nav-drawer__link-sm button:hover i,
button:hover .cm-nav-drawer__link i,
.cm-nav-drawer__link button:hover i, button:hover .cm-nav-aside__linkArrow, button:hover .p-products__spNav a i, .p-products__spNav a button:hover i, button:hover .p-top-about-item__ico, button:hover .c-btn-page__arrow, button:hover .c-btn-text-arrow__arrow, a:hover .c-btn-arrow, a:hover .cm-nav-drawer__link-sm i, .cm-nav-drawer__link-sm a:hover i,
a:hover .cm-nav-drawer__link i,
.cm-nav-drawer__link a:hover i, a:hover .cm-nav-aside__linkArrow, .p-products__spNav a:hover i, a:hover .p-top-about-item__ico, a:hover .c-btn-page__arrow, a:hover .c-btn-text-arrow__arrow, .c-btn-arrow:hover, .cm-nav-drawer__link-sm i:hover,
.cm-nav-drawer__link i:hover, .cm-nav-aside__linkArrow:hover, .p-products__spNav a i:hover, .p-top-about-item__ico:hover, .c-btn-page__arrow:hover, .c-btn-text-arrow__arrow:hover {
  background: var(--blue-500, #007CCE);
}
button:hover .c-btn-arrow svg, button:hover .cm-nav-drawer__link-sm i svg, .cm-nav-drawer__link-sm button:hover i svg,
button:hover .cm-nav-drawer__link i svg,
.cm-nav-drawer__link button:hover i svg, button:hover .cm-nav-aside__linkArrow svg, button:hover .p-products__spNav a i svg, .p-products__spNav a button:hover i svg, button:hover .p-top-about-item__ico svg, button:hover .c-btn-page__arrow svg, button:hover .c-btn-text-arrow__arrow svg, a:hover .c-btn-arrow svg, a:hover .cm-nav-drawer__link-sm i svg, .cm-nav-drawer__link-sm a:hover i svg,
a:hover .cm-nav-drawer__link i svg,
.cm-nav-drawer__link a:hover i svg, a:hover .cm-nav-aside__linkArrow svg, .p-products__spNav a:hover i svg, a:hover .p-top-about-item__ico svg, a:hover .c-btn-page__arrow svg, a:hover .c-btn-text-arrow__arrow svg, .c-btn-arrow:hover svg, .cm-nav-drawer__link-sm i:hover svg,
.cm-nav-drawer__link i:hover svg, .cm-nav-aside__linkArrow:hover svg, .p-products__spNav a i:hover svg, .p-top-about-item__ico:hover svg, .c-btn-page__arrow:hover svg, .c-btn-text-arrow__arrow:hover svg {
  -webkit-animation: btnArrow 0.5s linear forwards;
          animation: btnArrow 0.5s linear forwards;
  fill: #fff;
}

.c-btn-arrow--sm, .cm-nav-aside__linkArrow, .p-products__spNav a i, .c-btn-page__arrow, .c-btn-text-arrow__arrow {
  width: 1.875rem;
  height: 1.125rem;
}
@media screen and (min-width: 1024px) {
  .c-btn-arrow--sm, .cm-nav-aside__linkArrow, .p-products__spNav a i, .c-btn-page__arrow, .c-btn-text-arrow__arrow {
    width: 2.5rem;
    height: 1.5rem;
  }
}

.c-btn-arrow--md, .cm-nav-drawer__link-sm i,
.cm-nav-drawer__link i {
  width: 2.5rem;
  height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .c-btn-arrow--md, .cm-nav-drawer__link-sm i,
  .cm-nav-drawer__link i {
    width: 2.5rem;
    height: 1.5rem;
  }
}

.c-btn-arrow--back {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-btn-arrow--color {
  border-color: #3A4148;
}
.c-btn-arrow--color svg {
  fill: #3A4148;
}

.c-btn-arrow--assort {
  background: var(--blue-500, #007CCE);
}
.c-btn-arrow--assort svg {
  fill: #fff;
}

.c-btn-arrow--wh, .c-btn-page__arrow {
  background: #fff;
  border-color: #fff;
}
.c-btn-arrow--wh svg, .c-btn-page__arrow svg {
  fill: var(--blue-500, #007CCE);
}
a:hover .c-btn-arrow--wh, a:hover .c-btn-page__arrow, .c-btn-arrow--wh:hover, .c-btn-page__arrow:hover {
  background: #fff;
}
a:hover .c-btn-arrow--wh svg, a:hover .c-btn-page__arrow svg, .c-btn-arrow--wh:hover svg, .c-btn-page__arrow:hover svg {
  fill: var(--blue-500, #007CCE);
}

.c-btn-arrow--dark, .p-top-about-item__ico {
  background: transparent;
  border-color: #fff;
}
.c-btn-arrow--dark svg, .p-top-about-item__ico svg {
  fill: #fff;
}
a:hover .c-btn-arrow--dark, a:hover .p-top-about-item__ico, .c-btn-arrow--dark:hover, .p-top-about-item__ico:hover {
  background: transparent;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-round-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  width: 17.5rem;
  height: 3.5rem;
  padding: 1rem 1rem 1rem 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 8.375rem;
  background: var(--blue-500, #007CCE);
  border: var(--border-assort);
  color: var(--main-white, #FFF);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}
.c-btn-round-arrow:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
  -webkit-animation: btnHoverOut 0s var(--easeTheme) forwards;
          animation: btnHoverOut 0s var(--easeTheme) forwards;
  opacity: 0;
}
.windowLoaded .c-btn-round-arrow:before {
  opacity: 1;
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
  -webkit-transition-delay: var(--duration);
          transition-delay: var(--duration);
}
.c-btn-round-arrow:hover {
  color: var(--blue-500, #007CCE);
}
.c-btn-round-arrow:hover:before {
  -webkit-animation: btnHover var(--duration) var(--easeTheme) forwards;
          animation: btnHover var(--duration) var(--easeTheme) forwards;
}
.c-btn-round-arrow:hover .c-btn-round-arrow__arrow svg {
  fill: var(--blue-500, #007CCE);
  -webkit-transition: 0.6s var(--easeInOutSine);
  transition: 0.6s var(--easeInOutSine);
  -webkit-animation: btnArrow 0.5s linear forwards;
          animation: btnArrow 0.5s linear forwards;
}
.c-btn-round-arrow:hover .c-btn-round-arrow__ico svg {
  fill: var(--blue-500, #007CCE);
  -webkit-transition: 0.6s var(--easeInOutSine);
  transition: 0.6s var(--easeInOutSine);
}

.c-btn-round-arrow--sm {
  height: 3rem;
  font-size: 0.75rem;
  letter-spacing: 0;
}
@media screen and (max-width: 1023px) {
  .c-btn-round-arrow--sm {
    width: 100%;
  }
  .c-btn-round-arrow--sm .c-btn-round-arrow__ico {
    width: 1.125rem;
  }
}

.c-btn-round-arrow--fluid {
  width: 100%;
}

.c-btn-round-arrow--product {
  width: 100%;
  gap: 0.25rem;
  height: 3rem;
  font-size: 0.875rem;
}

.c-btn-round-arrow--outline {
  background: transparent;
  color: #007CCE;
}
.c-btn-round-arrow--outline .c-btn-round-arrow__ico svg,
.c-btn-round-arrow--outline .c-btn-round-arrow__arrow svg {
  fill: #007CCE;
}
.c-btn-round-arrow--outline:before {
  background: #007CCE;
}
.c-btn-round-arrow--outline:hover {
  color: #fff;
}
.c-btn-round-arrow--outline:hover .c-btn-round-arrow__ico svg,
.c-btn-round-arrow--outline:hover .c-btn-round-arrow__arrow svg {
  fill: #fff;
}

.c-btn-round-arrow--wh {
  background: #fff;
  color: #007CCE;
  border-color: #fff;
}
.c-btn-round-arrow--wh .c-btn-round-arrow__ico svg,
.c-btn-round-arrow--wh .c-btn-round-arrow__arrow svg {
  fill: #007CCE;
}
.c-btn-round-arrow--wh:before {
  background: #007CCE;
}
.c-btn-round-arrow--wh:hover {
  color: #fff;
}
.c-btn-round-arrow--wh:hover .c-btn-round-arrow__arrow svg {
  fill: #fff;
}

@-webkit-keyframes btnHover {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes btnHover {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes btnHoverOut {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes btnHoverOut {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.c-btn-round-arrow__txt {
  position: relative;
}

.c-btn-round-arrow__arrow {
  position: relative;
  width: 1.5rem;
}
.c-btn-round-arrow__arrow svg {
  fill: #fff;
  width: 100%;
  height: auto;
}

.c-btn-round-arrow__ico {
  position: relative;
  width: 1.5rem;
}
.c-btn-round-arrow__ico svg {
  fill: #fff;
}

.c-btn-round-arrow--header {
  height: 3rem;
  width: 14.25rem;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.c-btn-round-arrow--contact {
  width: 100%;
  height: 3.5rem;
  font-size: 1rem;
  background: #fff;
  color: #00548E;
}
.c-btn-round-arrow--contact .c-btn-round-arrow__arrow svg {
  fill: #00548E;
}
.c-btn-round-arrow--contact:before {
  background: #00548E;
}
.c-btn-round-arrow--contact:hover {
  color: #fff;
}
.c-btn-round-arrow--contact:hover .c-btn-round-arrow__arrow svg {
  fill: #fff;
}
@media screen and (min-width: 1024px) {
  .c-btn-round-arrow--contact {
    padding-left: 3.875rem;
    height: 5rem;
    font-size: 1.25rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-round {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 3.5rem;
  min-width: 17.5rem;
  padding: 1rem 1.5rem 1rem 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  border-radius: 8.375rem;
  border: var(--border-assort);
  background: var(--blue-500, #007CCE);
  color: var(--main-white, #FFF);
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  position: relative;
  overflow: hidden;
}
.c-btn-round:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
  -webkit-animation: btnHoverOut 0s var(--easeTheme) forwards;
          animation: btnHoverOut 0s var(--easeTheme) forwards;
  opacity: 0;
}
.windowLoaded .c-btn-round:before {
  opacity: 1;
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
  -webkit-transition-delay: var(--duration);
          transition-delay: var(--duration);
}
.c-btn-round:hover {
  color: var(--blue-500, #007CCE);
}
.c-btn-round:hover:before {
  -webkit-animation: btnHover var(--duration) var(--easeTheme) forwards;
          animation: btnHover var(--duration) var(--easeTheme) forwards;
}
.c-btn-round__txt {
  position: relative;
}
.c-btn-round--outline {
  background: #fff;
  color: var(--blue-500, #007CCE);
}
.c-btn-round--outline:before {
  background: #007CCE;
}
.c-btn-round--outline:hover {
  color: #fff;
}

.c-btn-round--search {
  padding: 1rem 1.5rem 1rem 2.5rem;
  gap: 0.5rem;
  background: var(--blue-800, #004471);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 50, 82, 0.3);
          box-shadow: 0 4px 4px 0 rgba(0, 50, 82, 0.3);
  border-color: transparent;
}

.c-btn-round__search {
  position: relative;
  top: -0.0625rem;
}
.c-btn-round__search svg {
  fill: #fff;
}
a:hover .c-btn-round__search svg, button:hover .c-btn-round__search svg {
  fill: var(--blue-500, #007CCE);
}

.c-btn-round--close {
  width: 12.5rem;
  height: 2.8125rem;
  min-width: 0;
  background: var(--gray-600, #91A3B4);
  border-color: transparent;
}

.c-btn-round--fax {
  width: 16.375rem;
  height: 3rem;
  padding: 0 1rem 0 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--blue-700, #00548E);
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .c-btn-round--fax {
    width: 21rem;
    height: 3.5rem;
    padding: 0 1rem 0 2.5rem;
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-text-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-600, #006FB9);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-round-tel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 3.5rem;
  padding: 1rem 1rem 1rem 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8.375rem;
  border: var(--border-wh);
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .c-btn-round-tel {
    height: 5rem;
    gap: 0.25rem;
    border-radius: 8.375rem;
  }
}

.c-btn-round-tel__txt {
  padding-top: 0.25rem;
  font-family: var(--DM);
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .c-btn-round-tel__txt {
    font-size: 1.125rem;
  }
}

.c-btn-round-tel__no {
  font-family: var(--DM);
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .c-btn-round-tel__no {
    font-size: 2rem;
  }
}

.c-btn-round-tel--drawer {
  border-color: var(--blue-500, #007CCE);
  color: var(--blue-500, #007CCE);
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6rem;
  height: 3rem;
  padding-top: 0.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  border-radius: 62.5rem;
  background: var(--blue-500, #007CCE);
}

.c-btn-menu__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4375rem;
}
.c-btn-menu__bar span {
  position: relative;
  width: 2.4375rem;
  height: 0;
  border-top: var(--border-wh);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.is-nav-open .c-btn-menu__bar span {
  -webkit-transition: top 0.2s var(--easeTheme), -webkit-transform 0.3s 0.2s var(--easeTheme);
  transition: top 0.2s var(--easeTheme), -webkit-transform 0.3s 0.2s var(--easeTheme);
  transition: top 0.2s var(--easeTheme), transform 0.3s 0.2s var(--easeTheme);
  transition: top 0.2s var(--easeTheme), transform 0.3s 0.2s var(--easeTheme), -webkit-transform 0.3s 0.2s var(--easeTheme);
}
.is-nav-open .c-btn-menu__bar span:nth-child(1) {
  top: 0.25rem;
  -webkit-transform: scale(-1, -1) rotate(-10deg);
          transform: scale(-1, -1) rotate(-10deg);
}
.is-nav-open .c-btn-menu__bar span:nth-child(2) {
  top: -0.25rem;
  -webkit-transform: scale(-1, -1) rotate(10deg);
          transform: scale(-1, -1) rotate(10deg);
}

.c-btn-menu__txt {
  position: relative;
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 0.75rem;
  line-height: 100%;
}
.c-btn-menu__txt span:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.is-nav-open .c-btn-menu__txt span {
  -webkit-transition: 0.2s var(--easeTheme);
  transition: 0.2s var(--easeTheme);
}
.is-nav-open .c-btn-menu__txt span:nth-child(1) {
  opacity: 0;
}
.is-nav-open .c-btn-menu__txt span:nth-child(2) {
  opacity: 1;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-btn-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 0.5rem;
  background: var(--blue-600, #006FB9);
  color: var(--blue-100, #EEF6FD);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}
.c-btn-page:hover {
  background: var(--blue-500, #007CCE);
}
@media screen and (min-width: 1024px) {
  .c-btn-page {
    height: 12.3125rem;
    padding: 2.1875rem 2.4375rem;
    gap: 1.3125rem;
    font-size: 1rem;
  }
}

.c-btn-page__title {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .c-btn-page__title {
    font-size: 1.5625rem;
  }
}

.c-btn-page__arrow {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .c-btn-page__arrow {
    right: 2.5rem;
    top: 2.5rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	フォーム
----------------------------------------------------*/
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}

input,
select,
label {
  vertical-align: middle;
  color: var(--color);
}

[type=text] {
  line-height: normal;
}

input[type=text],
input[type=email],
input[type=tel],
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: var(--color);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
}

input[type=submit],
button {
  cursor: pointer;
  border: none;
}

textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  outline: none;
  background: transparent;
  color: var(--color);
  font-family: var(--font);
  font-size: 16px;
}

*:focus {
  outline: none;
}

/*----------------------------------------------------
	フォント
----------------------------------------------------*/
html {
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  html {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
  html {
    font-size: 2.1333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: min(16px, 1.1111111111vw);
  }
}
body {
  font-family: var(--font);
  line-height: 1.5;
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  letter-spacing: 0.04em;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  color: var(--color);
}

.serif {
  font-family: var(--serif);
}

/*----------------------------------------------------
	レスポンシブ
----------------------------------------------------*/
@media screen and (min-width: 641px) {
  .sp {
    display: none;
  }
}

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

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

@media screen and (max-width: 640px) {
  .pc-tab {
    display: none;
  }
}

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

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
button,
a {
  color: var(--color);
  text-decoration: none;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
  cursor: pointer;
}
@media (hover: hover) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media (hover: none) {
  a, button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
}
[data-scroll-target] {
  content: "";
  display: block;
  position: relative;
  pointer-events: none;
  top: calc(-1 * var(--header-height));
}

/*----------------------------------------------------
	コンテナ
----------------------------------------------------*/
.l-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
}
@media screen and (max-width: 640px) {
  .l-container {
    padding-left: 6.1538461538vw;
    padding-right: 6.1538461538vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
  .l-container {
    padding-left: 6.1538461538vw;
    padding-right: 6.1538461538vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-container {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
}
@media screen and (min-width: 1921px) {
  .l-container {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media screen and (min-width: 1024px) {
  .l-container--lg {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (min-width: 1921px) {
  .l-container--lg {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-container--sm {
    padding-left: 13.75rem;
    padding-right: 13.75rem;
  }
}
@media screen and (min-width: 1921px) {
  .l-container--sm {
    padding-left: 13.75rem;
    padding-right: 13.75rem;
  }
}

/*----------------------------------------------------
	body
----------------------------------------------------*/
@media screen and (max-width: 1023px) {
  html:has(body.is-nav-open) {
    overflow: hidden;
  }
}

body {
  position: relative;
}
@media screen and (max-width: 1023px) {
  body.is-nav-open {
    overflow: hidden;
  }
}
.l-body-wrap {
  width: 100%;
  min-height: 100%;
}
@media screen and (max-width: 1023px) {
  .l-body-wrap {
    overflow: hidden;
  }
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
.l-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 500;
  inset: 0 0 auto 0;
  height: var(--header-height);
  padding: 1rem;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.windowLoaded .l-header {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 0.7s var(--easeOutSine), background 0.3s var(--easeOutSine), padding 0.3s var(--easeOutSine), -webkit-transform 0.6s var(--easeOutCubic);
  transition: opacity 0.7s var(--easeOutSine), background 0.3s var(--easeOutSine), padding 0.3s var(--easeOutSine), -webkit-transform 0.6s var(--easeOutCubic);
  transition: opacity 0.7s var(--easeOutSine), transform 0.6s var(--easeOutCubic), background 0.3s var(--easeOutSine), padding 0.3s var(--easeOutSine);
  transition: opacity 0.7s var(--easeOutSine), transform 0.6s var(--easeOutCubic), background 0.3s var(--easeOutSine), padding 0.3s var(--easeOutSine), -webkit-transform 0.6s var(--easeOutCubic);
  -webkit-transition-delay: 1s, 1s, 0s, 0s;
          transition-delay: 1s, 1s, 0s, 0s;
}
@media screen and (min-width: 1024px) {
  .l-header {
    padding: 2rem 3rem 1rem 3rem;
  }
  .is-scrolled .l-header {
    padding-top: 1rem;
    --header-height: 5rem;
    background: #fff;
  }
}

.l-header-logo {
  position: relative;
  width: 4.5rem;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .l-header-logo {
    width: 5.5rem;
    -webkit-transition: width 0.3s var(--easeOutSine);
    transition: width 0.3s var(--easeOutSine);
  }
  .is-scrolled .l-header-logo {
    width: 4.5rem;
  }
}

.l-header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .l-header-nav {
    display: none;
  }
}

.l-header-nav__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.l-header-nav__nav > li {
  position: relative;
}
.l-header-nav__nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--blue-900, #003252);
}
.l-header-nav__nav a svg {
  fill: var(--blue-500, #007CCE);
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
.l-header-nav__nav a:hover {
  color: var(--color-assort);
}
.l-header-nav__nav a:hover svg {
  fill: var(--color-assort);
}
.l-header-nav__nav .js-header-accordion.is-active > a {
  color: var(--color-assort);
}
.l-header-nav__nav .js-header-accordion.is-active > a svg {
  fill: var(--color-assort);
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.l-header-nav__navLv2 {
  position: absolute;
  top: calc(100% + 1.125rem);
  min-width: 14rem;
  padding: 1.5rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--blue-500, #007CCE);
  background: var(--main-white, #FFF);
  -webkit-transition: 0.3s var(--easeTheme);
  transition: 0.3s var(--easeTheme);
  pointer-events: none;
  opacity: 0;
}
.is-active .l-header-nav__navLv2 {
  opacity: 1;
  pointer-events: auto;
}
.l-header-nav__navLv2 li + li {
  margin-top: 0.75rem;
}

.l-header-menu {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .l-header-menu {
    display: none;
  }
}

/*----------------------------------------------------
	l-header-drawer
----------------------------------------------------*/
.l-header-drawer {
  width: 100%;
  position: fixed;
  inset: 0;
  height: 100vh;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
.is-nav-open .l-header-drawer {
  opacity: 1;
  pointer-events: auto;
}

.l-header-drawer__wrap {
  height: 100%;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7.5rem 1.5rem 5rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  background: var(--blue-100, #EEF6FD);
}

.l-header-drawer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1rem 2rem 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  border-radius: 1rem;
  background: #FFF;
}

/*----------------------------------------------------
	main
----------------------------------------------------*/
.l-main:has(.is-page-light) {
  background: var(--blue-100, #EEF6FD);
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.c-link-color:hover, .cm-nav-main-block a:hover, .l-footer__other a:hover {
  color: var(--color-assort);
}

.c-link-underline, .cm-form__privacy a, .cm-post a {
  color: var(--color-assort);
  text-decoration: underline;
}
.c-link-underline:hover, .cm-form__privacy a:hover, .cm-post a:hover {
  text-decoration: none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-link-round, .c-card-products__tag li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 62.5rem;
  border: var(--border);
  border-color: #00548E;
  background: var(--main-white, #FFF);
  color: var(--blue-700, #00548E);
  font-size: max(12px, 0.625rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
  .c-link-round, .c-card-products__tag li {
    height: 1.5rem;
    padding: 0 0.625rem 1px 0.625rem;
    font-size: 0.75rem;
  }
}

a.c-link-round:hover {
  background: #00548E;
  color: #fff;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	フッター
----------------------------------------------------*/
.l-footer__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 1024px) {
  .l-footer__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 4rem 2.5rem;
    gap: 7rem;
    max-width: 90rem;
    margin-inline: auto;
  }
}

.l-footer__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .l-footer__nav {
    position: relative;
    margin-top: -0.625rem;
  }
  .l-footer__nav:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: -3.5rem;
    top: 0;
    pointer-events: none;
    border-left: var(--border-gray);
  }
}

.l-footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .l-footer__content {
    width: 17.5rem;
  }
}

.l-footer__logo img {
  width: 6.5rem;
}
.l-footer__logo figcaption {
  margin-top: 0.25rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 140%; /* 25.2/16+rem */
}
@media screen and (min-width: 1024px) {
  .l-footer__logo figcaption {
    margin-top: 0.5rem;
    font-size: 1.375rem;
  }
}

.l-footer__info {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .l-footer__info {
    margin-top: 1.625rem;
  }
}

.l-footer__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.l-footer__other a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: var(--blue-900, #003252);
}
@media screen and (max-width: 1023px) {
  .l-footer__other {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: var(--border-gray);
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__other {
    margin-top: 9.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
}

.l-footer__copyright {
  margin-top: 1.5rem;
  font-family: var(--DM);
  font-size: 0.75rem;
  color: var(--blue-900, #003252);
}
@media screen and (min-width: 1024px) {
  .l-footer__copyright {
    margin-top: 0;
    position: absolute;
    right: calc(50% - 36.25rem);
    bottom: 4rem;
    font-size: 0.875rem;
    text-align: right;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top {
  padding-top: var(--header-height);
}
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-mv {
  position: relative;
  overflow: hidden;
}
.p-top-mv__bg {
  padding: 0 1rem;
  opacity: 0;
}
.p-top-mv__bg.is-visible {
  -webkit-transition: 2s var(--easeOutSine);
  transition: 2s var(--easeOutSine);
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-mv__bg {
    padding: 0 3.5rem;
  }
}

.p-top-mv__copy {
  position: absolute;
  left: 2rem;
  top: 16.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.375rem;
}
.p-top-mv__copy p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem 0.75rem 0.375rem 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.125rem;
  color: var(--blue-500, #007CCE);
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 100%;
}
.p-top-mv__copy p span {
  position: relative;
}
.p-top-mv__copy p:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: #FFF;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
body.windowLoaded .p-top-mv__copy p:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.6s var(--easeOutCubic);
  transition: -webkit-transform 0.6s var(--easeOutCubic);
  transition: transform 0.6s var(--easeOutCubic);
  transition: transform 0.6s var(--easeOutCubic), -webkit-transform 0.6s var(--easeOutCubic);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 1024px) {
  .p-top-mv__copy {
    gap: 0.5rem;
    left: 5.5rem;
    top: 20.75rem;
  }
  .p-top-mv__copy p {
    height: 4.375rem;
    padding: 1px 1rem 0.375rem 1rem;
    font-size: 3rem;
  }
}

.p-top-mv__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-top-mv__gallery figure {
  -webkit-animation: loopLeft linear 30s infinite;
          animation: loopLeft linear 30s infinite;
}
.p-top-mv__gallery img {
  height: 6.9375rem;
  width: auto;
  max-width: none;
}
@media screen and (min-width: 1024px) {
  .p-top-mv__gallery {
    padding: 2rem 0;
  }
  .p-top-mv__gallery figure {
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
  }
  .p-top-mv__gallery img {
    height: 9rem;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-feature__wrap {
  position: relative;
}
.p-top-feature__bg {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: var(--blue-500, #007CCE);
  height: 100vh;
}
.is-visible .p-top-feature__bg {
  -webkit-transition: 0.9s var(--easeOutCubic);
  transition: 0.9s var(--easeOutCubic);
  height: 100%;
}
.p-top-feature__bg img {
  width: 100%;
  margin-bottom: -1px;
}

.p-top-feature__content {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 0 5.5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-top-feature__content {
    padding: 4.5rem 0 8rem 0;
    gap: 3rem;
  }
}

.p-top-feature__title {
  color: var(--main-white, #FFF);
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-top-feature__title {
    font-size: 3rem;
  }
}

.p-top-feature__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-feature__points {
    padding-left: 2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.5rem;
  }
}

.p-top-feature-point {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-feature-point:nth-child(1),
  .p-top-feature-point:nth-child(3) {
    margin-top: 2.5rem;
  }
}

.p-top-feature-point__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.p-top-feature-point__title span:nth-child(1) {
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 2.25rem;
  line-height: 140%;
}
.p-top-feature-point__title span:nth-child(2) {
  color: var(--main-white, #FFF);
  /* L/tight-bold */
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-top-feature-point__title {
    gap: 1rem;
  }
  .p-top-feature-point__title span:nth-child(1) {
    font-size: 4rem;
  }
  .p-top-feature-point__title span:nth-child(2) {
    font-size: 1.5625rem;
  }
}

.p-top-feature-point__body {
  color: var(--main-white, #FFF);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-top-feature-point__body {
    font-size: 1rem;
  }
}

.p-top-feature__more {
  margin-top: 1rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-top-feature__more {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 4.875rem;
  }
}

.p-top-feature-client__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 0 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-top-feature-client__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 5rem;
    gap: 1.5rem;
  }
}

.p-top-feature-client__title {
  color: var(--gray-1000, #3A4148);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-top-feature-client__title {
    color: var(--gray-1000, #3A4148);
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 180%;
  }
}

.p-top-feature-client__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-top-feature-client__list li {
  width: 5.8125rem;
}
@media screen and (max-width: 1023px) {
  .p-top-feature-client__list {
    margin-inline: -1rem;
    gap: 0.25rem;
  }
  .p-top-feature-client__list li:nth-child(7) {
    margin-right: -0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-feature-client__list {
    gap: 1.5625rem 2rem;
  }
  .p-top-feature-client__list li {
    width: 11.25rem;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-products {
  padding: 2.5rem 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-top-products {
    padding: 2.5rem 0 2.8125rem;
  }
}

.p-top-products__bg {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 2.5rem);
  position: absolute;
  left: 0;
  top: 2.5rem;
  pointer-events: none;
  background: var(--blue-100, #EEF6FD);
  clip-path: url(#clip-top-product-sp);
}
@media screen and (min-width: 1024px) {
  .p-top-products__bg {
    top: 0;
    height: 100%;
    clip-path: url(#clip-top-product);
  }
}

.p-top-products__wrap {
  position: relative;
  overflow: hidden;
}

.p-top-products__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-products__head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-top-products__more {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media screen and (min-width: 1024px) {
  .p-top-products__more {
    margin-left: auto;
    margin-bottom: -0.625rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-top-products__search {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  border-radius: 0.5rem;
  background: var(--blue-500, #007CCE);
  color: var(--color);
  --color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-products__search {
    margin-top: 3.5rem;
    padding: 2.5rem 5rem;
    gap: 2.5rem;
  }
}

.p-top-products-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}

.p-top-products-search:not(:first-child) {
  border-top: 1px dashed #fff;
  padding-top: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search:not(:first-child) {
    padding-top: 2.5rem;
  }
}

.p-top-products-search__title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search__title {
    width: 13.5rem;
    font-size: 1rem;
  }
}

.p-top-products-search-keyword {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search-keyword__form {
    width: 100%;
  }
}

.p-top-products-search-keyword__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.p-top-products-search-keyword__wrap input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem 0.5rem 3rem;
  height: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem 0 0 0.25rem;
  background: #FFF;
  border: none;
  color: #003252;
}
@media screen and (max-width: 1023px) {
  .p-top-products-search-keyword__wrap input[type=text] {
    width: calc(100% - 3.8125rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-top-products-search-keyword__wrap input[type=text] {
    padding: 1rem 1rem 1rem 3.5rem;
    height: 4.375rem;
  }
}

.p-top-products-search-keyword__ico {
  position: absolute;
  left: 1rem;
  width: 1.5rem;
  line-height: 0;
  pointer-events: none;
}
.p-top-products-search-keyword__ico svg {
  width: 100%;
  height: auto;
  fill: #006FB9;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search-keyword__ico {
    left: 1.5rem;
  }
}

.p-top-products-search-keyword__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  width: 3.8125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 0 0.25rem 0.25rem 0;
  background: var(--blue-700, #00548E);
  color: var(--main-white, #FFF);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search-keyword__btn {
    width: 7.75rem;
    padding: 1.25rem 1.875rem;
    height: 4.375rem;
    font-size: 1rem;
  }
}

.p-top-products-search-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-top-products-search-tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  padding: 0.375rem 1rem 0.5rem 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 62.5rem;
  border: 1px solid var(--main-white, #FFF);
  color: var(--main-white, #FFF);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 100%;
}
.p-top-products-search-tag a:hover {
  color: var(--blue-700, #00548E);
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-products-search-tag a {
    height: 2.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-top-products__category {
  margin-top: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
@media screen and (min-width: 1024px) {
  .p-top-products__category {
    margin-top: 5rem;
    gap: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-top-products-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-top-products-category__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-top-products-category__title h3:nth-child(1) {
  color: var(--blue-600, #006FB9);
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%;
}
.p-top-products-category__title span:nth-child(2) {
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-top-products-category__title {
    width: 7.125rem;
    padding-left: 0.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.5rem;
  }
  .p-top-products-category__title h3:nth-child(1) {
    font-size: 2rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.1em;
  }
  .p-top-products-category__title span:nth-child(2) {
    font-size: 1rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}

.p-top-products-category__wrap {
  margin-top: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-top-products-category__wrap {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-top-products-category__items {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.p-top-products-category__items .swiper {
  width: calc(16rem + 1.5rem);
  margin: 0;
  overflow: initial;
}
.p-top-products-category__items .swiper-slide {
  padding-right: 1.5rem;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-top-products-category__items {
    margin-right: calc(50% + 3.5625rem - 50vw);
  }
}

.p-top-products-category__ctrl {
  margin-top: 1.5rem;
}
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-category__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 0 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-top-category__wrap {
    padding: 5.5rem 0 6rem 0;
  }
}

.p-top-category_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-category_head {
    gap: 3.5rem;
  }
}

.p-top-category__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.p-top-category__title span:nth-child(1) {
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 3rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.04em;
}
.p-top-category__title span:nth-child(2) {
  color: var(--blue-500, #007CCE);
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-top-category__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-top-category__title span:nth-child(1) {
    font-size: 3rem;
    letter-spacing: 0.04em;
  }
  .p-top-category__title span:nth-child(2) {
    font-size: 1.125rem;
  }
}

.p-top-category__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-top-category__tab button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.125rem;
    padding: 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    border-radius: 0.125rem;
    background: var(--gray-500, #A3B2C0);
    color: var(--main-white, #FFF);
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 140%;
  }
  .p-top-category__tab button.is-active {
    background: var(--blue-700, #00548E);
  }
}
@media screen and (min-width: 1024px) {
  .p-top-category__tab {
    position: relative;
    gap: 1rem;
  }
  .p-top-category__tab:before {
    content: "";
    display: block;
    width: 100vw;
    height: 0;
    position: absolute;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    bottom: 0;
    pointer-events: none;
    border-top: 1px solid var(--gray-500, #A3B2C0);
  }
  .p-top-category__tab button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem 1.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    color: var(--gray-700, #7B8B99);
    text-align: center;
    /* L/tight-bold */
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 140%;
    border: 1px solid transparent;
  }
  .p-top-category__tab button:hover {
    color: var(--blue-700, #00548E);
  }
  .p-top-category__tab button.is-active, .p-top-category__tab button.is-current {
    border-radius: 0.25rem 0.25rem 0 0;
    border-top: 1px solid var(--gray-500, #A3B2C0);
    border-right: 1px solid var(--gray-500, #A3B2C0);
    border-left: 1px solid var(--gray-500, #A3B2C0);
    background: #FFF;
    color: var(--blue-700, #00548E);
  }
}

.p-top-category__body {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 1024px) {
  .p-top-category__body {
    margin-top: 1.5rem;
  }
}

.p-top-category__list {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  visibility: hidden;
  pointer-events: none;
}
.p-top-category__list a {
  -webkit-transition: none;
  transition: none;
}
.p-top-category__list.is-active {
  visibility: visible;
  pointer-events: auto;
}
.p-top-category__list.is-active a {
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
.p-top-category__list ul {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-top-category__list ul {
    -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}

.p-top-category__more {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-top-category__more {
    margin-top: 3.5rem;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-case {
  position: relative;
  overflow: hidden;
  background: var(--blue-100, #EEF6FD);
}

.p-top-case__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-top-case__wrap {
    padding: 6.75rem 0;
    gap: 2.5rem;
  }
}

.p-top-case__items {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.p-top-case__items .swiper {
  margin: 0;
  overflow: initial;
  width: calc(21rem + 1rem);
}
.p-top-case__items .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-top-case__items .swiper-slide {
  padding-right: 1rem;
  height: auto;
}
.p-top-case__items .swiper-slide .c-card-case {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-top-case__items .swiper-slide {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-case__items .swiper {
    width: calc(55.75rem + 2.5rem);
  }
}

.p-top-case__ctrl {
  margin-top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-case__ctrl {
    margin-top: 2.5rem;
  }
}

.p-top-case__more {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-top-case__more {
    position: absolute;
    right: 0;
    top: 12.25rem;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-about {
  position: relative;
  padding: 0 0.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#EEF2FD), to(#FFF));
  background: linear-gradient(180deg, #EEF2FD 0%, #FFF 100%);
}
@media screen and (min-width: 1024px) {
  .p-top-about {
    padding: 0 1.5rem;
  }
}

.p-top-about__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  height: 77.4375rem;
}
@media screen and (min-width: 1024px) {
  .p-top-about__container {
    padding: 5rem 4rem;
    gap: 3.5rem 4.5rem;
    max-width: 90rem;
    margin-inline: auto;
    height: 67rem;
  }
}

.p-top-about__bg {
  content: "";
  display: block;
  width: calc(100% - 1rem);
  height: 100%;
  position: absolute;
  left: 0.5rem;
  top: 0;
  pointer-events: none;
  border-radius: 1rem;
  overflow: hidden;
}
.p-top-about__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-top-about__bg {
    width: calc(100% - 3rem);
    left: 1.5rem;
  }
}

.p-top-about__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: var(--main-white, #FFF);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.p-top-about__title img {
  width: 3rem;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-top-about__title {
    gap: 0;
    font-size: 3.5rem;
  }
  .p-top-about__title img {
    width: 4rem;
  }
}

.p-top-about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-top-about__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4.875rem;
  }
}

.p-top-about__pic {
  position: relative;
  aspect-ratio: 684/432;
}
.p-top-about__pic picture {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s var(--easeOutCubic);
  transition: opacity 0.6s var(--easeOutCubic);
}
.p-top-about__pic picture.is-current {
  opacity: 1;
}
.p-top-about__pic img {
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-about__pic {
    width: 29.5625rem;
    aspect-ratio: 946/1300;
  }
}

.p-top-about__items {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-about__items {
    margin-top: 3rem;
  }
}

.p-top-about-item__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8125rem;
  border-bottom: var(--border-gray-200);
}
.p-top-about-item__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(110, 149, 224, 0.5)), to(rgba(29, 89, 194, 0.5)));
  background: linear-gradient(90deg, rgba(110, 149, 224, 0.5) 0%, rgba(29, 89, 194, 0.5) 100%);
  opacity: 0;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
  pointer-events: none;
}
.is-current .p-top-about-item__link:before, .p-top-about-item__link:hover::before {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-about-item__link {
    padding: 2.5rem 1.5rem;
  }
}

.p-top-about-item__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8125rem;
}
.p-top-about-item__meta span:nth-child(1) {
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 120%;
}
.p-top-about-item__meta span:nth-child(2) {
  color: var(--main-white, #FFF);
  /* XXS/none-bold */
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-top-about-item__meta span:nth-child(1) {
    font-size: 1.125rem;
  }
  .p-top-about-item__meta span:nth-child(2) {
    font-size: 0.75rem;
  }
}

.p-top-about-item__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-top-about-item__body {
    padding-left: 1.5rem;
  }
}

.p-top-about-item__title {
  position: relative;
  color: var(--main-white, #FFF);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 160%;
}
@media screen and (min-width: 1024px) {
  .p-top-about-item__title {
    font-size: 1.5rem;
  }
}

.p-top-about-item__ico {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
a:hover .p-top-about-item__ico {
  background: #fff;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
a:hover .p-top-about-item__ico svg {
  fill: var(--blue-500, #007CCE);
}
.p-top-about-item__ico {
  width: 3rem;
  height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-top-about-item__ico {
    width: 5rem;
    height: 2rem;
  }
}

/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-top-news__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-top-news__wrap {
    padding: 7.5rem 0;
    display: -ms-grid;
    display: grid;
        grid-template-areas: "head body" "more body";
    gap: 4.5rem 2.5rem;
    -ms-grid-columns: 19.375rem 2.5rem 1fr;
    grid-template-columns: 19.375rem 1fr;
    -ms-grid-rows: auto 4.5rem 1fr;
    grid-template-rows: auto 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .p-top-news__head {
    grid-area: head;
  }
}

@media screen and (max-width: 1023px) {
  .p-top-news__body {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-news__body {
    grid-area: body;
  }
}

.p-top-news__more {
  margin-top: 1.5rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media screen and (min-width: 1024px) {
  .p-top-news__more {
    margin-top: 0;
    grid-area: more;
    align-self: flex-start;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-products__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 5rem;
}
@media screen and (min-width: 1024px) {
  .p-products__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
    padding: 0 0 7.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-products__aside {
    width: 18.5rem;
  }
  .p-products__aside .cm-nav-aside {
    position: sticky;
    top: calc(var(--header-height) + 2.5rem);
  }
}

.p-products__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-products__content {
    padding: 2.5rem 2.5rem 0 0;
  }
}

.p-products__sub {
  margin-bottom: 0.5rem;
  color: var(--blue-600, #006FB9);
  font-size: 1rem;
  line-height: 1.4;
}

.p-products__title {
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%; /* 35/16+rem */
}
@media screen and (min-width: 1024px) {
  .p-products__title {
    font-size: 2rem;
  }
}

.p-products__sp {
  margin-top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-products__sp {
    display: none;
  }
}

.p-products__spNav {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.625rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-products__spNav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 140%;
}
.p-products__list {
  margin-top: 1.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 1rem;
}
.p-products__list:has(p.empty) {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
  .p-products__list {
    margin-top: 2.5rem;
    -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem 1.5rem;
  }
}

.p-products__paginate {
  margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
  .p-products__paginate {
    margin-top: 3.375rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-products-single {
  --width-picture: 21.375rem;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-products-single {
    --width-picture: 28rem;
  }
}

.p-products-single__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 5rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
    padding: 0 0 7.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-products-single__aside {
    width: 18.5rem;
  }
}

.p-products-single__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-products-single__content {
    padding: 2.5rem 2.5rem 0 0;
  }
}

.p-products-single__top {
  display: -ms-grid;
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single__top {
    -ms-grid-rows: auto 1.5rem auto;
        grid-template-areas: "head head" "picture info";
    -ms-grid-columns: var(--width-picture) 2.5rem 1fr;
    grid-template-columns: var(--width-picture) 1fr;
    gap: 1.5rem 2.5rem;
  }
  .p-products-single__top > .p-top-news__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

.p-products-single__bottom {
  margin-top: 5.25rem;
}
/*----------------------------------------------------
	詳細上部
----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .p-products-single__head {
    grid-area: head;
  }
}

.p-products-single__type {
  color: var(--gray-1000, #3A4148);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14/16+rem */
  letter-spacing: 0.035rem;
}
.p-products-single__title {
  font-size: 2rem;
  font-style: normal;
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single__title {
    font-size: 2.5rem;
  }
}

.p-products-single__meta {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single__meta {
    margin-top: 1.25rem;
    gap: 1rem;
  }
}

.p-products-single__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.375rem 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
  background: var(--gray-700, #7B8B99);
  color: var(--main-white, #FFF);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .p-products-single__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    padding: 0 1rem 0.125rem 1rem;
    font-size: 0.875rem;
  }
}

.p-products-single__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  color: var(--gray-700, #7B8B99);
  font-size: 0.8125rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .p-products-single__tag {
    gap: 1rem;
    font-size: 0.875rem;
  }
}

.p-products-single__picture {
  width: var(--width-picture);
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-products-single__picture {
    grid-area: picture;
  }
}

.p-products-single__pictureMain {
  border-radius: 0.5rem;
  background: var(--main-white, #FFF);
  overflow: hidden;
}
.p-products-single__pictureMain figure {
  aspect-ratio: 448/336;
}
.p-products-single__pictureMain img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-products-single__pictureMain .swiper-wrapper {
  -webkit-transition-timing-function: var(--easeTheme);
          transition-timing-function: var(--easeTheme);
}
.p-products-single__pictureThumb {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-products-single__pictureThumb button {
  padding: 0;
  width: 4.5rem;
  border-radius: 0.375rem;
  background: var(--main-white, #FFF);
  overflow: hidden;
  border: 1px solid var(--gray-100, #E9EDF0);
  aspect-ratio: 104/80;
}
.p-products-single__pictureThumb button img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-products-single__pictureThumb button.is-current {
  border-color: var(--blue-600, #006FB9);
}
@media screen and (min-width: 1024px) {
  .p-products-single__pictureThumb {
    margin-top: 1rem;
    gap: 0.6875rem;
  }
  .p-products-single__pictureThumb button {
    width: 6.5rem;
    border-radius: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-products-single__info {
    grid-area: info;
  }
}

.p-products-single__infoSize {
  padding-bottom: 1.5rem;
}
.p-products-single__infoSize dt {
  color: var(--blue-600, #006FB9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
.p-products-single__infoSize dd {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.p-products-single__infoSize h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-products-single__infoSize dt {
    font-size: 1rem;
  }
  .p-products-single__infoSize dd {
    margin-top: 0.5rem;
  }
}

.p-products-single__cta {
  padding-top: 1.5rem;
  border-top: 1px dashed var(--blue-400);
}
.p-products-single__ctaTitle {
  color: var(--blue-600, #006FB9);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.035rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single__ctaTitle {
    font-size: 1rem;
  }
}

.p-products-single__ctaTel {
  margin-top: 1rem;
}
.p-products-single__ctaTel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.p-products-single__ctaTel span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.125rem;
  border: var(--border-gray-1000);
  background: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 120%;
}
.p-products-single__ctaTel span:nth-child(2) {
  font-family: var(--DM);
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 1023px) {
  .p-products-single__ctaTel a {
    padding: 1rem 0.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 62.5rem;
    border: var(--border-assort);
    background: var(--main-white, #FFF);
  }
}
@media screen and (min-width: 1024px) {
  .p-products-single__ctaTel span:nth-child(1) {
    font-size: 1rem;
  }
  .p-products-single__ctaTel span:nth-child(2) {
    font-size: 2.125rem;
  }
}

.p-products-single__ctaAction {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.p-products-single__ctaAction li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/*----------------------------------------------------
	詳細下部
----------------------------------------------------*/
.p-products-single__nav {
  padding-bottom: 2rem;
  border-bottom: 1px dashed #5292D3;
}
@media screen and (min-width: 1024px) {
  .p-products-single__nav {
    padding-bottom: 1.5rem;
  }
}

.p-products-single__details {
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .p-products-single__details {
    padding-top: 3.5rem;
    gap: 6rem;
  }
}

.p-products-single-detail__feature {
  margin-top: 1rem;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  background: var(--main-white, #FFF);
}
.p-products-single-detail__feature ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
.p-products-single-detail__feature li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
.p-products-single-detail__feature li svg {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-products-single-detail__feature {
    padding: 2rem;
  }
  .p-products-single-detail__feature li {
    font-size: 1.125rem;
  }
  .p-products-single-detail__feature li svg {
    width: 2.5rem;
  }
}

.p-products-single-detail__details {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
  border-radius: 0.5rem;
  background: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .p-products-single-detail__details {
    padding: 2rem;
    gap: 3.5rem;
  }
}

.p-products-single-detail__detailsBody {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-products-single-detail__detailsBody {
    font-size: 1rem;
  }
}

.p-products-single-detail__detailsGallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.p-products-single-detail__detailsGallery figure {
  border-radius: 0.5rem;
  overflow: hidden;
}
.p-products-single-detail__detailsGallery figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
}
@media screen and (min-width: 1024px) {
  .p-products-single-detail__detailsGallery {
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.p-products-single-detail__detailsMovie h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
.p-products-single-detail__detailsMovie h3 img {
  width: 2.1875rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single-detail__detailsMovie h3 {
    font-size: 1.125rem;
  }
}
.p-products-single-detail__detailsMovie figure {
  margin-top: 1.125rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.p-products-single-detail__detailsMovie figure img, .p-products-single-detail__detailsMovie figure video {
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.p-products-single-detail__specs {
  margin-top: 1rem;
}
.p-products-single-detail__documents {
  margin-top: 1rem;
}
.p-products-single-relative {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.p-products-single-relative__items {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.p-products-single-relative__items .swiper {
  overflow: initial;
  margin: 0;
  width: 11.25rem;
}
@media screen and (min-width: 1024px) {
  .p-products-single-relative__items .swiper {
    width: 18.5rem;
  }
}
.p-products-single-relative__items .swiper-slide {
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-products-single-relative__items {
    margin-right: calc(50% + 10.5rem - 50vw);
  }
}

.p-products-single-relative__more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-600, #006FB9);
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .p-products-single-relative__more {
    position: absolute;
    right: 0;
    top: 0.625rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-about {
  position: relative;
}
.p-about__bg {
  content: "";
  display: block;
  width: 100%;
  height: 176.3125rem;
  position: absolute;
  left: 0;
  top: 48.9375rem;
  pointer-events: none;
  background: var(--blue-100, #EEF6FD);
  clip-path: url(#clip-about-sp);
}
@media screen and (min-width: 1024px) {
  .p-about__bg {
    top: 54.8611111111vw;
    height: 208.125vw;
    clip-path: url(#clip-about);
  }
}

.p-about-mv {
  position: relative;
}
.p-about-mv__bg {
  position: absolute;
  left: 0;
  top: -2.4375rem;
  pointer-events: none;
  width: 20rem;
}
@media screen and (min-width: 1024px) {
  .p-about-mv__bg {
    width: 34rem;
    top: 0;
  }
}

.p-about-mv__wrap {
  display: -ms-grid;
  display: grid;
  position: relative;
  padding: 13.5rem 0 3.5rem;
}
@media screen and (min-width: 1024px) {
  .p-about-mv__wrap {
    padding: 0 0 17.5rem;
    width: 44.5rem;
    margin-left: auto;
        grid-template-areas: "nav" "head" "desc";
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .p-about-mv__wrap > .p-top-news__head {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-mv__wrap > .p-products-single__head {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media screen and (min-width: 1024px) {
  .p-about-mv__head {
    grid-area: head;
    margin-top: 4rem;
  }
}

.p-about-mv__en {
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-about-mv__en {
    font-size: 0.875rem;
  }
}

.p-about-mv__ja {
  margin-top: 0.5rem;
  color: var(--blue-900, #003252);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-about-mv__ja {
    margin-top: 1rem;
    font-size: 2.5rem;
  }
}

.p-about-mv__desc {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  color: var(--blue-900, #003252);
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-about-mv__desc {
    margin-top: 2.5rem;
    width: 36.5rem;
    grid-area: desc;
  }
}

.p-about-mv__nav {
  padding: 9rem 0 1.5rem;
  border-bottom: var(--border-gray-200);
}
@media screen and (min-width: 1024px) {
  .p-about-mv__nav {
    grid-area: nav;
    padding: 2.5rem 0 2.125rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-about-number {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-number__wrap {
    padding: 0 2.0625rem;
  }
}

.p-about-number__items {
  margin-top: 2rem;
  display: -ms-grid;
  display: grid;
  gap: 1rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1024px) {
  .p-about-number__items {
    margin-top: 3rem;
    -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
    padding: 0;
  }
}

.p-about-number-item {
  position: relative;
}
.p-about-number-item__desc {
  display: none;
  position: absolute;
  left: 2.0625rem;
  top: 2.0625rem;
  color: var(--main-white, #FFF);
  font-size: 1.0428125rem;
  font-weight: 500;
  line-height: 100%;
}
.p-about-number-item__num {
  display: none;
  position: absolute;
  left: 2.0625rem;
  top: 3.5625rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--main-white, #FFF);
  font-size: 1.251375rem;
  font-weight: 600;
  line-height: 120%;
}
.p-about-number-item__num .num {
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 5.871875rem;
  font-weight: 300;
  line-height: 100%;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-about-merit {
  position: relative;
  padding: 7.5rem 0 5.75rem;
  background: var(--blue-100, #EEF6FD);
  --merit-height: 23.625rem;
}
@media screen and (min-width: 1024px) {
  .p-about-merit {
    padding: 9rem 0 20.125rem;
    --merit-height: 35.1875rem;
  }
}

.p-about-merit__bg {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.p-about-merit__wrap {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-radius: 1rem;
  background: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .p-about-merit__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.p-about-merit__items {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.p-about-merit-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
}
.p-about-merit-item:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
}
.p-about-merit-item:not(.is-active) {
  opacity: 0;
}
.p-about-merit-item {
  height: var(--merit-height);
}
@media screen and (min-width: 1024px) {
  .p-about-merit-item {
    padding: 2rem 5.5rem 2rem 5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-about-merit-item__no {
  position: absolute;
  right: 1rem;
  top: -1.875rem;
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 4rem;
  font-weight: 300;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-about-merit-item__no {
    right: 4rem;
    top: -3.5rem;
    font-size: 9.25rem;
    letter-spacing: 0.04em;
  }
}

.p-about-merit-item__title {
  color: var(--blue-600, #006FB9);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-about-merit-item__title {
    font-size: 2.5rem;
  }
}

.p-about-merit-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  color: var(--blue-900, #003252);
  text-align: justify;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-about-merit-item__body {
    font-size: 1rem;
  }
}

.p-about-merit__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1rem 1.5rem 1rem;
}
.p-about-merit__nav button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1rem 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  color: var(--blue-600, #006FB9);
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}
.p-about-merit__nav button:hover, .p-about-merit__nav button.is-active {
  background: var(--blue-600, #006FB9);
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .p-about-merit__nav li:not(:last-child) {
    border-bottom: var(--border-gray-500);
    border-style: dashed;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-merit__nav {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: var(--merit-height);
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
  }
  .p-about-merit__nav li {
    height: 100%;
    border-right: var(--border-gray-500);
    border-style: dashed;
  }
  .p-about-merit__nav button {
    width: 6.4375rem;
    height: 100%;
    padding: 2rem 0 0 0;
    border-radius: 0;
    font-size: 1.125rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.3em;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-about-case__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4.375rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-case__wrap {
    padding: 6.75rem 0;
    gap: 4rem;
  }
}

.p-about-case__items {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.p-about-case__items .swiper {
  margin: 0;
  overflow: initial;
  width: calc(21rem + 1rem);
}
.p-about-case__items .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-about-case__items .swiper-slide {
  padding-right: 1rem;
  height: auto;
}
.p-about-case__items .swiper-slide .c-card-case {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-about-case__items .swiper-slide {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-case__items .swiper {
    width: calc(55.75rem + 2.5rem);
  }
}

.p-about-case__ctrl {
  margin-top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-about-case__ctrl {
    margin-top: 2.5rem;
  }
}

.p-about-case__more {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-about-case__more {
    position: absolute;
    right: 0;
    top: 8.75rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-about-factory {
  padding: 5rem 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-factory {
    padding: 6rem 0 6.75rem 0;
  }
}

.p-about-factory__wrap {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-factory__wrap {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "head more" "list list";
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }
  .p-about-factory__wrap > .p-top-news__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-factory__wrap > .p-top-news__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-about-factory__wrap > .p-products-single__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-factory__wrap > .p-about-mv__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media screen and (min-width: 1024px) {
  .p-about-factory__head {
    grid-area: head;
  }
}

.p-about-factory__list {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-about-factory__list {
    grid-area: list;
    margin-top: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.5rem;
  }
  .p-about-factory__list > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-about-factory__more {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-about-factory__more {
    margin-top: 0;
    align-self: flex-end;
    grid-area: more;
    margin-left: auto;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-case__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 1.5rem 1.5rem 0 0;
  background: var(--blue-100, #EEF6FD);
}
@media screen and (min-width: 1024px) {
  .p-case__wrap {
    padding: 7.5rem 0;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-case-reason {
  padding: 4rem 0;
}
@media screen and (min-width: 1024px) {
  .p-case-reason {
    padding: 5rem 0;
  }
}

.p-case-reason__title {
  color: var(--blue-900, #003252);
  text-align: center;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-case-reason__title {
    font-size: 2.5rem;
  }
}

.p-case-reason__desc {
  margin-top: 1.5rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-case-reason__desc {
    font-size: 1rem;
    text-align: center;
  }
}

.p-case-reason__list {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-case-reason__list li {
  width: 5.8125rem;
}
@media screen and (max-width: 1023px) {
  .p-case-reason__list {
    margin-inline: -1rem;
    gap: 0.25rem;
  }
  .p-case-reason__list li:nth-child(7) {
    margin-right: -0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-case-reason__list {
    margin-top: 5rem;
    gap: 1.5625rem 2rem;
  }
  .p-case-reason__list li {
    width: 11.25rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-case-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.p-case-list__headPic {
  width: 9.0610625rem;
}
@media screen and (min-width: 1024px) {
  .p-case-list__headPic {
    width: 12.356rem;
  }
}

.p-case-list__headTitle {
  margin-top: 0.5rem;
  color: var(--blue-900, #003252);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-case-list__headTitle {
    font-size: 1.5625rem;
  }
}

.p-case-list__headEn {
  color: var(--blue-600, #006FB9);
  font-family: var(--DM);
  font-size: 1rem;
  line-height: 100%;
}
.p-case-list__items {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-case-list__items {
    margin-top: 3.5rem;
    gap: 2.5rem;
  }
}

.p-case-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  border-radius: 1rem;
  border: var(--border-gray-100);
  background: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .p-case-list-item {
    padding: 2.5rem;
  }
}

.p-case-list-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
.p-case-list-item__info {
  position: relative;
  padding-left: 0.875rem;
  color: var(--blue-600, #006FB9);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 140%;
}
.p-case-list-item__info:before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  position: absolute;
  left: 0;
  top: 0.5em;
  pointer-events: none;
  border-radius: 100%;
  background: var(--blue-600, #006FB9);
}
@media screen and (min-width: 1024px) {
  .p-case-list-item__info {
    padding-left: 1rem;
    font-size: 1.125rem;
    line-height: 1;
  }
  .p-case-list-item__info:before {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.p-case-list-item__lead {
  color: var(--gray-1000, #3A4148);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-case-list-item__lead {
    font-size: 1.5625rem;
  }
}

.p-case-list-item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-case-list-item__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}

.p-case-list-item__pic img {
  border-radius: 0.5rem;
  aspect-ratio: 288/184;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-case-list-item__pic {
    width: 16rem;
  }
  .p-case-list-item__pic img {
    aspect-ratio: 256/280;
  }
}

.p-case-list-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-case-list-item__detail {
  color: var(--gray-1000, #3A4148);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-case-list-item__detail {
    font-size: 1rem;
  }
}

.p-case-list-item-product {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--gray-600, #91A3B4);
}
@media screen and (min-width: 1024px) {
  .p-case-list-item-product {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}

.p-case-list-item-product__title {
  color: var(--gray-1000, #3A4148);
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%;
}
.p-case-list-item-product__list {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.p-case-list-item-product__list a {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .p-case-list-item-product__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-factory__nav {
  padding: 2.5rem 0 2rem;
}
@media screen and (min-width: 1024px) {
  .p-factory__nav {
    padding: 2.5rem 0 1.875rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-factory-lead {
  padding: 3rem 0 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-top: var(--border-gray);
}
@media screen and (min-width: 1024px) {
  .p-factory-lead {
    padding: 5rem 0 7.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}

.p-factory-lead__title {
  color: var(--blue-900, #003252);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-factory-lead__title {
    width: 27.5rem;
    font-size: 2.5rem;
  }
}

.p-factory-lead__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  color: var(--blue-900, #003252);
  /* S/nomal */
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-factory-lead__body {
    font-size: 0.875rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* # point */
.p-factory-point {
  position: relative;
  padding: 5.5rem 0 3.9375rem;
}
@media screen and (min-width: 1024px) {
  .p-factory-point {
    padding: 11rem 0;
  }
}

.p-factory-point__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.p-factory-point__head {
  position: relative;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-factory-point__head {
    padding-left: 1.75rem;
  }
}

.p-factory-point__en {
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .p-factory-point__en {
    font-size: 5.5rem;
  }
}

.p-factory-point__title {
  margin-top: 0.5rem;
  color: var(--main-white, #FFF);
  /* S/nomal-bold */
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-factory-point__title {
    font-size: 1.125rem;
  }
}

.p-factory-point__items {
  margin-top: 2.5rem;
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 2rem;
  padding: 2.5rem 1.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 1rem 1rem 0 0;
  background: #FFF;
}
@media screen and (min-width: 1024px) {
  .p-factory-point__items {
    margin-top: 4rem;
    gap: 3.625rem 5rem;
    padding: 5rem 7.5rem 4rem 7.5rem;
    -ms-grid-columns: 1fr 5rem 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-factory-point-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: var(--blue-600, #006FB9);
  /* L/tight-bold */
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
.p-factory-point-item__title svg {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-factory-point-item__title {
    font-size: 1.5625rem;
  }
  .p-factory-point-item__title svg {
    width: 2.5rem;
  }
}

.p-factory-point-item__desc {
  margin-top: 1rem;
  color: var(--blue-900, #003252);
  text-align: justify;
  /* S/nomal */
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-factory-point-item__desc {
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* # flow */
.p-factory-flow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 0 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  background: var(--blue-100, #EEF6FD);
}
@media screen and (min-width: 1024px) {
  .p-factory-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 0 6.75rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4rem;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.p-factory-flow__bg {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 100%;
  pointer-events: none;
}
.p-factory-flow__bg svg {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.p-factory-flow__head {
  position: relative;
  text-align: center;
}
.p-factory-flow__items {
  margin-top: 3rem;
  display: -ms-grid;
  display: grid;
  gap: 2.375rem;
}
@media screen and (max-width: 1023px) {
  .p-factory-flow__items {
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-factory-flow__items {
    margin-top: 4rem;
    -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem;
  }
}

.p-factory-flow-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 1rem;
  background: var(--main-white, #FFF);
}
.p-factory-flow-item:not(:first-child):before {
  content: "";
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  left: calc(50% - 0.6875rem);
  top: -1.875rem;
  pointer-events: none;
  background: url(../img/p-factory-flow-arrow.svg) center center/contain no-repeat;
}
@media screen and (max-width: 1023px) {
  .p-factory-flow-item:not(:first-child):before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@media screen and (min-width: 1024px) {
  .p-factory-flow-item {
    padding: 2.5rem 1rem;
    gap: 1rem;
  }
  .p-factory-flow-item:not(:first-child):before {
    width: 2rem;
    height: 1.5rem;
    left: -2.5rem;
    top: calc(50% - 0.75rem);
  }
}

.p-factory-flow-item__no {
  position: absolute;
  left: 1.25rem;
  top: -1rem;
  color: var(--blue-600, #006FB9);
  font-family: var(--DM);
  font-size: 2.5rem;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-factory-flow-item__no {
    left: 0.25rem;
    top: -1rem;
    font-size: 2.5rem;
  }
}

.p-factory-flow-item__title {
  color: var(--blue-600, #006FB9);
  text-align: center;
  /* M/nomal-bold */
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-factory-flow-item__title {
    font-size: 1.125rem;
  }
}

.p-factory-flow-item__pic {
  width: 5.5rem;
}
@media screen and (min-width: 1024px) {
  .p-factory-flow-item__pic {
    width: 6.5rem;
  }
}

.p-factory-flow-item__desc {
  color: var(--blue-900, #003252);
  text-align: center;
  /* S/nomal */
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* # intro */
.p-factory-intro {
  padding: 5rem 0;
}
@media screen and (min-width: 1024px) {
  .p-factory-intro {
    padding: 6rem 0 6.75rem 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-factory-intro__wrap {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "head more" "list list";
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }
  .p-factory-intro__wrap > .p-top-news__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__wrap > .p-top-news__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-factory-intro__wrap > .p-products-single__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__wrap > .p-about-mv__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__wrap > .p-about-factory__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__wrap > .p-about-factory__list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .p-factory-intro__wrap > .p-about-factory__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media screen and (min-width: 1024px) {
  .p-factory-intro__head {
    grid-area: head;
  }
}

.p-factory-intro__list {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-factory-intro__list {
    grid-area: list;
    margin-top: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.5rem;
  }
  .p-factory-intro__list > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-factory-intro__more {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-factory-intro__more {
    margin-top: 0;
    align-self: flex-end;
    grid-area: more;
    margin-left: auto;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-faq__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5rem 0 5rem;
}
@media screen and (min-width: 1024px) {
  .p-faq__wrap {
    padding: 5rem 0 7.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
  }
}

@media screen and (max-width: 1023px) {
  .p-faq__aside {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-faq__aside {
    width: 18.5rem;
  }
  .p-faq__aside .cm-nav-aside {
    position: sticky;
    top: calc(var(--header-height) + 2.5rem);
  }
}

@media screen and (min-width: 1024px) {
  .p-faq__asideSp {
    display: none;
  }
}

.p-faq__main {
  padding: 3rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
@media screen and (min-width: 1024px) {
  .p-faq__main {
    padding: 0.375rem 2.5rem 0 0;
    gap: 7.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-faq-section__head {
  padding: 0.125rem 0 0.125rem 1.25rem;
  border-left: 0.375rem solid var(--blue-500, #007CCE);
  color: var(--gray-1000, #3A4148);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-faq-section__head {
    padding: 0.375rem 0 0.375rem 1.25rem;
    font-size: 2rem;
  }
}

.p-faq-section__body {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-faq-section__body {
    gap: 3rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-company__nav {
  padding: 2.5rem 0 2rem;
}
@media screen and (min-width: 1024px) {
  .p-company__nav {
    padding: 2.5rem 0 1.875rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-company-lead__wrap {
  padding: 2.5rem 0 0;
  border-top: var(--border-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .p-company-lead__wrap {
    padding: 5rem 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.5rem;
  }
}

.p-company-lead__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-company-lead__content {
    gap: 2rem;
  }
}

.p-company-lead__title {
  color: var(--blue-900, #003252);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.06rem;
}
@media screen and (min-width: 1024px) {
  .p-company-lead__title {
    color: var(--blue-900, #003252);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.1rem;
  }
}

.p-company-lead__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.035rem;
}
@media screen and (min-width: 1024px) {
  .p-company-lead__desc {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-company-lead__pic {
    width: 21.75rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-company-information {
  padding: 5rem 0;
}
@media screen and (min-width: 1024px) {
  .p-company-information {
    padding: 7.5rem 0;
  }
}

.p-company-information__wrap {
  margin-top: 0.125rem;
}
@media screen and (min-width: 1024px) {
  .p-company-information__wrap {
    margin-top: 2.5rem;
  }
}

.p-company-information__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: var(--border-gray-200);
  gap: 1rem;
  padding: 2rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}
.p-company-information__info > dt {
  color: var(--blue-800, #004471);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-company-information__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    padding: 2.5rem 0;
  }
  .p-company-information__info > dt {
    width: 13.5rem;
    font-size: 1rem;
  }
  .p-company-information__info > dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-company-information-address:not(:first-child) {
  margin-top: 2.5rem;
}
.p-company-information-address__title {
  font-weight: 600;
}
.p-company-information-address__wrap {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-company-information-address__wrap {
    margin-top: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}

.p-company-information-address__map iframe {
  width: 100%;
  height: 13.875rem;
  vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
  .p-company-information-address__map {
    width: 25rem;
  }
  .p-company-information-address__map iframe {
    height: 16.25rem;
  }
}

.p-company-information-address__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-company-information-address__address {
    line-height: 1.4;
  }
}
.p-company-information-address__tel,
.p-company-information-address__fax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-900, #003252);
  text-align: center;
  font-family: var(--DM);
  font-size: 1rem;
  line-height: 1;
}
.p-company-information-address__tel span:nth-child(1),
.p-company-information-address__fax span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.125rem;
  background: var(--blue-700, #00548E);
  color: var(--bg-white, #FFF);
  font-family: var(--DM);
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .p-company-information-address__tel,
  .p-company-information-address__fax {
    font-size: 1.5rem;
  }
}

.p-company-information-address__tel {
  margin-top: 0.5rem;
}
.p-company-information-address__tel span:nth-child(2) {
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-company-information-address__tel {
    margin-top: 0.5rem;
  }
  .p-company-information-address__tel span:nth-child(2) {
    font-size: 2rem;
  }
}

.p-company-information-address__link {
  margin-top: 1rem;
}
.p-company-information-address__link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  color: var(--blue-500, #007CCE);
  font-weight: 500;
}
.p-company-information-address__link a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .p-company-information-address__link {
    margin-top: 1.5rem;
  }
}

.p-company-information-address__area {
  font-weight: 700;
}
.p-company-information-address__area:not(:first-child) {
  margin-top: 0.5rem;
}
.p-company-information__infoDetail:not(:first-child) {
  margin-top: 1rem;
}
.p-company-information__infoDetail dt {
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.04rem;
}
.p-company-information__infoDetail dd {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.035rem;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-company-history {
  position: relative;
  padding: 4.5rem 0 5rem 0;
  border-radius: 1.5rem 1.5rem 0 0;
  background: var(--blue-500, #007CCE);
}
@media screen and (min-width: 1024px) {
  .p-company-history {
    padding: 8.875rem 0 7.5rem 0;
    border-radius: 2.5rem 2.5rem 0 0;
  }
}

.p-company-history__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 16.625rem;
  color: #1D9CF1;
  font-family: var(--DM);
  font-size: 5rem;
  line-height: 1;
}
.p-company-history__head span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (min-width: 1024px) {
  .p-company-history__head {
    font-size: 11rem;
    top: 6.875rem;
    left: calc(50% + 29.5rem);
    letter-spacing: 0.05em;
  }
}

.p-company-history__wrap {
  position: relative;
}
.p-company-history__wrap:before {
  content: "";
  display: block;
  width: 0;
  height: calc(100% - 0.625rem);
  position: absolute;
  left: 0.375rem;
  top: 0.625rem;
  pointer-events: none;
  border-left: 0.125rem solid #5292D3;
}
.p-company-history__wrap:after {
  content: "";
  display: block;
  width: 0;
  height: 1.875rem;
  position: absolute;
  left: 0.375rem;
  bottom: 0;
  pointer-events: none;
  border-left: 0.125rem dashed #007CCE;
}
@media screen and (min-width: 1024px) {
  .p-company-history__wrap {
    width: 56.5rem;
    margin-inline: auto;
  }
  .p-company-history__wrap:before {
    left: 9.125rem;
  }
  .p-company-history__wrap:after {
    left: 9.125rem;
  }
}

.p-company-history-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 0 0 2.625rem 2.5rem;
  position: relative;
}
.p-company-history-year:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 100%;
  border: 0.25rem solid #EEF6FD;
  background: #007CCE;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0 2.5rem 0;
  }
  .p-company-history-year:before {
    left: 8.6875rem;
    top: 0.625rem;
  }
}

.p-company-history-year__head {
  color: var(--main-white, #FFF);
  font-family: var(--DM);
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.015rem;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year__head {
    width: 11rem;
    font-size: 2.5rem;
  }
}

.p-company-history-year__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 0.5rem;
  }
}

.p-company-history-year-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-company-history-year-block__pic {
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year-block__pic {
    width: 12rem;
  }
}

.p-company-history-year-block__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-company-history-year-block__desc {
    font-size: 1.125rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-member__wrap {
  padding: 2.5rem 0 5rem 0;
}
@media screen and (min-width: 1024px) {
  .p-member__wrap {
    padding: 7.5rem 0;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-member-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-member-message {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
  }
}

.p-member-message__pic img {
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .p-member-message__pic {
    width: 16.5rem;
  }
}

.p-member-message__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.p-member-message__lead {
  color: var(--blue-900, #003252);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 1023px) {
  .p-member-message__lead {
    margin-right: -1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-member-message__lead {
    font-size: 1.5625rem;
  }
}

.p-member-message__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-member-message__body {
    font-size: 1rem;
  }
}

.p-member-message-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.25rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .p-member-message-profile {
    gap: 0.5rem;
  }
}

.p-member-message-profile__career {
  color: var(--blue-900, #003252);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-member-message-profile__career {
    font-size: 0.875rem;
  }
}

.p-member-message-profile__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-900, #003252);
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
.p-member-message-profile__name span:nth-child(1) {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-member-message-profile__name {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 140%;
  }
  .p-member-message-profile__name span:nth-child(1) {
    font-size: 0.9375rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-member-list {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .p-member-list {
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: var(--border-gray-200);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-member-list__head {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-member-list__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.375rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem 1.375rem;
}
@media screen and (min-width: 1024px) {
  .p-member-list__body {
    padding-top: 3.5rem;
    width: 52.8125rem;
    -ms-grid-columns: 1fr 2.375rem 1fr 2.375rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.5rem 2.375rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-news__wrap {
  padding: 2.5rem 0 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .p-news__wrap {
    padding: 4.5rem 2.5rem 7.5rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-news__aside {
    width: 18.5rem;
  }
  .p-news__aside .cm-nav-aside {
    position: sticky;
    top: calc(var(--header-height) + 2.5rem);
  }
}

.p-news__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-news__list {
    margin-top: -2.125rem;
    gap: 0.25rem;
  }
}

.p-news__paginate {
  margin-top: 4rem;
}
@media screen and (min-width: 1024px) {
  .p-news__paginate {
    margin-top: 5rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-news-single__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 0 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 1024px) {
  .p-news-single__wrap {
    padding: 5rem 0 7.5rem 0;
    max-width: 60rem;
    margin-inline: auto;
    gap: 6.5rem;
  }
}

.p-news-single__back {
  text-align: center;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-404 {
  padding: 9.5rem 0 var(--padding-section-lg);
}
@media screen and (min-width: 1024px) {
  .p-404 {
    padding: 12.5rem 0 var(--padding-section-lg);
  }
}

.p-404__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  text-align: center;
}

.p-404__title {
  color: var(--blue-600, #006FB9);
  font-family: var(--DM);
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 140%; /* 56/16+rem */
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1024px) {
  .p-404__title {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1023px) {
  .p-404__desc .c-paragraph {
    font-size: 0.875rem;
  }
}
.p-404__more {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-404__more {
    margin-top: 0.75rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-contact__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 0 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 1024px) {
  .p-contact__wrap {
    padding: 5rem 0 7.5rem 0;
    gap: 6.5rem;
    max-width: 63rem;
    margin-inline: auto;
  }
}

.p-contact-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-contact-action {
    gap: 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-contact-action-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  background: var(--blue-100, #EEF6FD);
  border: var(--border-blue-500);
}
@media screen and (min-width: 1024px) {
  .p-contact-action-tel {
    width: 35.5rem;
    padding: 2rem 3rem;
    border-radius: 1rem;
  }
}

.p-contact-action-tel__lead {
  color: var(--blue-700, #00548E);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-contact-action-tel__lead {
    font-size: 1rem;
  }
}

.p-contact-action-tel__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

.p-contact-action-tel__no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.p-contact-action-tel__no span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  border-radius: 0.125rem;
  border: 1px solid var(--blue-700, #00548E);
  background: var(--main-white, #FFF);
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.p-contact-action-tel__no a {
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (min-width: 1024px) {
  .p-contact-action-tel__no a {
    font-size: 2.75rem;
  }
}

.p-contact-action-tel__open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 0.5rem;
  border-radius: 62.5rem;
  background: #FFF;
}
.p-contact-action-tel__open span:nth-child(1) {
  color: var(--blue-700, #00548E);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 140%;
}
.p-contact-action-tel__open span:nth-child(2) {
  color: var(--blue-700, #00548E);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (min-width: 1024px) {
  .p-contact-action-tel__open span:nth-child(1) {
    font-size: 0.875rem;
  }
  .p-contact-action-tel__open span:nth-child(2) {
    font-size: 0.875rem;
  }
}

.p-contact-action-fax {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: var(--border-blue-500);
}
@media screen and (min-width: 1024px) {
  .p-contact-action-fax {
    padding: 2rem 2.5rem;
    border-radius: 1rem;
  }
}

.p-contact-action-fax__lead {
  color: var(--blue-700, #00548E);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .p-contact-action-fax__lead {
    font-size: 1rem;
  }
}

.p-contact-action-fax__no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.p-contact-action-fax__no span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  border-radius: 0.125rem;
  border: 1px solid var(--blue-700, #00548E);
  background: var(--main-white, #FFF);
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.p-contact-action-fax__no p {
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (min-width: 1024px) {
  .p-contact-action-fax__no p {
    font-size: 2.375rem;
  }
}

.p-contact-form__title {
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-contact-form__title {
    font-size: 2rem;
  }
}

.p-contact-form__form {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 1.5rem 3rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  border-radius: 1rem;
  background: var(--blue-100, #EEF6FD);
}
@media screen and (min-width: 1024px) {
  .p-contact-form__form {
    margin-top: 2rem;
    padding: 3rem 4rem 4rem 4rem;
    gap: 3rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-contact-complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  padding: 9.5rem 0 5rem 0;
}
@media screen and (min-width: 1024px) {
  .p-contact-complete {
    padding: 12.5rem 0 7.5rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}

.p-contact-complete__title {
  color: var(--blue-900, #003252);
  font-size: 1.5rem;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .p-contact-complete__title {
    font-size: 2.5rem;
  }
}

.p-contact-complete__desc {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-contact-complete__desc .c-paragraph {
    font-size: 0.875rem;
  }
}
.p-contact-complete__more {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-contact-complete__more {
    margin-top: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.p-privacy__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 0 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3rem;
}
@media screen and (min-width: 1024px) {
  .p-privacy__wrap {
    padding: 5rem 7.5rem 7.5rem 7.5rem;
    gap: 5rem;
  }
}

.p-privacy-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  font-size: 0.875rem;
  line-height: 1.8;
}
.p-privacy-item h2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0 0.1875rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  border-left: 0.375rem solid var(--blue-500, #007CCE);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
.p-privacy-item li {
  list-style: disc;
  margin-left: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-privacy-item {
    font-size: 1rem;
  }
  .p-privacy-item h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.3125rem 0 0.375rem 1.5rem;
    font-size: 2rem;
  }
}

.p-privacy-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-privacy-item__body {
    gap: 1rem;
  }
}

.p-privacy__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: var(--gray-1000, #3A4148);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .p-privacy__date {
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.cm-block-head {
  position: relative;
}
.cm-block-head:before {
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: var(--blue-100, #EEF6FD);
  z-index: -1;
}
body.windowLoaded .cm-block-head:before {
  -webkit-transition: opacity 1s var(--easeOutSine);
  transition: opacity 1s var(--easeOutSine);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0;
}
.cm-block-head__bg {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.cm-block-head__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cm-block-head__bg {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  opacity: 0;
}
.cm-block-head__bg.is-visible, .is-visible .cm-block-head__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: opacity 1s var(--easeOutSine), -webkit-transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), -webkit-transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), transform 0.9s var(--easeOutCubic), -webkit-transform 0.9s var(--easeOutCubic);
}
.cm-block-head__wrap {
  position: relative;
  height: 15.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6.5rem 0 2rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-head__wrap {
    height: 28.3333333333vw;
    gap: 2rem;
    padding: 8rem 0 4rem 0;
  }
}

.cm-block-head__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  color: var(--gray-600, #91A3B4);
}
.cm-block-head__breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
}
.cm-block-head__breadcrumb li a {
  color: var(--gray-800, #66727E);
}
.cm-block-head__breadcrumb li a:hover {
  color: var(--color-assort);
}
.cm-block-head__breadcrumb li:not(:first-child):before {
  content: "／";
}
@media screen and (max-width: 1023px) {
  .cm-block-head__breadcrumb {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .cm-block-head__breadcrumb::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
  .cm-block-head__breadcrumb li:first-child {
    margin-left: auto;
  }
}
@media screen and (min-width: 1024px) {
  .cm-block-head__breadcrumb {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
  .cm-block-head__breadcrumb li {
    gap: 0.75rem;
  }
}

.cm-block-head--about .cm-block-head__wrap {
  height: auto;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-head--about .cm-block-head__wrap {
    padding: 160px 0 1.5rem;
  }
}

.cm-block-head--products .cm-block-head__wrap {
  height: auto;
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .cm-block-head--news .cm-block-head__wrap {
    gap: 3.5625rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-block-page {
  position: relative;
  padding: 0.5rem;
}
.cm-block-page__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 0.5rem;
  background: var(--blue-100, #EEF6FD);
}
.p-case .cm-block-page__wrap, .is-page-light .cm-block-page__wrap {
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .cm-block-page__wrap {
    gap: 2.5rem;
    padding: 5rem 0 5.25rem;
  }
}

.cm-block-page__title {
  color: var(--blue-900, #003252);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .cm-block-page__title {
    font-size: 1.5625rem;
  }
}

.cm-block-page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.cm-block-page__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .cm-block-page__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
    width: 74rem;
    margin-inline: auto;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-block-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem 1.5rem 2.5rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 1rem;
  border: var(--border-gray-100);
  background: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .cm-block-cta {
    padding: 5.5rem 3.5rem 3.5rem 3.5rem;
    gap: 2.5rem;
    border-radius: 1rem;
  }
}

.cm-block-cta__head {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cm-block-cta__type {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.4em;
  pointer-events: none;
  color: var(--blue-100, #EEF6FD);
  text-align: center;
  font-family: var(--DM);
  font-size: 4.5rem;
  font-style: normal;
  line-height: 100%; /* 72/16+rem */
  letter-spacing: -0.18rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-cta__type {
    font-size: 9rem;
  }
}

.cm-block-cta__ico {
  position: relative;
  width: 5.8125rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-cta__ico {
    width: 6.5rem;
  }
}

.cm-block-cta__lead {
  margin-top: 0.5rem;
  color: var(--blue-900, #003252);
  text-align: center;
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%; /* 28.8/16+rem */
  letter-spacing: 0.04rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-cta__lead {
    font-size: 1.125rem;
  }
}

.cm-block-cta__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.cm-block-cta__point li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 0.25rem;
  background: var(--blue-100, #EEF6FD);
  color: var(--blue-700, #00548E);
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 140%; /* 18.2/16+rem */
}
@media screen and (min-width: 1024px) {
  .cm-block-cta__point {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
  }
  .cm-block-cta__point li {
    padding: 1.5rem 1rem;
    font-size: 0.875rem;
  }
}

.cm-block-cta__action {
  text-align: center;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-block-contact {
  position: relative;
  padding: 0.5rem;
  background: #fff;
}
.cm-block-contact__bg {
  content: "";
  display: block;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  pointer-events: none;
}
.cm-block-contact__bg img {
  border-radius: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .cm-block-contact__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.cm-block-contact__wrap {
  position: relative;
  display: -ms-grid;
  display: grid;
  padding: 3rem 1.25rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-contact__wrap {
        grid-template-areas: "title action" "desc action";
    -ms-grid-columns: 1fr 23rem;
    grid-template-columns: 1fr 23rem;
    max-width: 70rem;
    margin-inline: auto;
    padding: 5rem 0;
    height: 29.7222222222vw;
  }
  .cm-block-contact__wrap > .p-about-mv__desc {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

.cm-block-contact__title {
  font-family: var(--DM);
  font-size: 4rem;
  font-weight: 300;
  line-height: 100%; /* 64/16+rem */
}
@media screen and (max-width: 1023px) {
  .cm-block-contact__title {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .cm-block-contact__title {
    grid-area: title;
    align-self: flex-end;
    font-size: 6.5rem;
    letter-spacing: 0.06em;
  }
}

.cm-block-contact__desc {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 140%; /* 19.6/16+rem */
}
@media screen and (max-width: 1023px) {
  .cm-block-contact__desc {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .cm-block-contact__desc {
    margin-top: 2rem;
    grid-area: desc;
    font-size: 1rem;
  }
}

.cm-block-contact__action {
  margin-top: 2rem;
  width: 17.5rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .cm-block-contact__action {
    margin-top: 0;
    width: 100%;
    grid-area: action;
    -ms-grid-row-align: center;
        align-self: center;
    gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px){
  .p-top-news__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-top-news__body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-top-news__more {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-products-single__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-products-single__top > .p-products-single__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-products-single__picture {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-products-single__info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-about-mv__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-products-single__top > .p-about-mv__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-about-mv__wrap > .p-about-mv__head {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-mv__desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-about-mv__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-about-factory__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-products-single__top > .p-about-factory__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-about-mv__wrap > .p-about-factory__head {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-factory__wrap > .p-about-factory__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-factory__list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .p-about-factory__more {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-about-factory__wrap > .p-about-factory__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-factory-intro__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-products-single__top > .p-factory-intro__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-about-mv__wrap > .p-factory-intro__head {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-about-factory__wrap > .p-factory-intro__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__wrap > .p-factory-intro__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-factory-intro__list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .p-factory-intro__wrap > .p-factory-intro__list {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .p-factory-intro__more {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-about-factory__wrap > .p-factory-intro__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .p-factory-intro__wrap > .p-factory-intro__more {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .cm-block-contact__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .cm-block-contact__desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .cm-block-contact__wrap > .cm-block-contact__desc {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .cm-block-contact__action {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.cm-nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .cm-nav-main {
    gap: 3.5rem;
    padding-right: 5rem;
  }
}

.cm-nav-main-block a {
  color: var(--blue-900, #003252);
}
@media screen and (max-width: 1023px) {
  .cm-nav-main-block {
    padding-bottom: 1rem;
    border-bottom: var(--border-gray);
  }
}
@media screen and (max-width: 1023px) {
  .cm-nav-main-block.is-no-child {
    display: none;
  }
}
.cm-nav-main-block__list {
  display: -ms-grid;
  display: grid;
  gap: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .cm-nav-main-block__list {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 1024px) {
  .cm-nav-main-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem 2.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.cm-nav-main-block__link {
  display: none;
}
@media screen and (min-width: 1024px) {
  .cm-nav-main-block__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
  }
}

.cm-nav-main-block__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 2.5rem;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
}
.cm-nav-main-block__btn i {
  width: 2.5rem;
  position: relative;
}
.cm-nav-main-block__btn i svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.cm-nav-main-block__btn.is-open i svg:nth-child(1) {
  opacity: 0;
}
.cm-nav-main-block__btn.is-open i svg:nth-child(2) {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .cm-nav-main-block__btn {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .cm-nav-main-block__body {
    display: none;
    overflow: hidden;
  }
}

.cm-nav-main-block__list-sm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 0.5rem;
  font-size: 0.875rem;
}
.cm-nav-main-block__list-sm a {
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .cm-nav-main-block__list-sm {
    padding: 1.5rem 16px;
  }
}
@media screen and (min-width: 1024px) {
  .cm-nav-main-block__list-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .cm-nav-main-block--main {
    padding-bottom: 1.5rem;
    border: none;
  }
}

.cm-nav-main__ganre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .cm-nav-main__ganre {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.5rem;
  }
  .cm-nav-main__ganre > div {
    width: 10.625rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-nav-drawer__list > li {
  border-bottom: var(--border-gray-400);
  border-style: dashed;
}

.cm-nav-drawer__link-sm i,
.cm-nav-drawer__link i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cm-nav-drawer__link,
.cm-nav-drawer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0.5rem;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--blue-900, #003252);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
}

.cm-nav-drawer__btn i {
  width: 2.5rem;
  position: relative;
}
.cm-nav-drawer__btn i svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.cm-nav-drawer__btn.is-open i svg:nth-child(1) {
  opacity: 0;
}
.cm-nav-drawer__btn.is-open i svg:nth-child(2) {
  opacity: 1;
}

.cm-nav-drawer__list-sm {
  padding: 0 0.5rem 1.5rem;
  display: none;
  overflow: hidden;
}
.cm-nav-drawer__list-sm li + li {
  margin-top: 1rem;
}

.cm-nav-drawer__link-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}

.cm-nav-drawer__cta {
  padding: 2rem 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-nav-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1023px) {
  .cm-nav-aside--products {
    position: fixed;
    z-index: 600;
    inset: 6rem 1rem 2rem;
    opacity: 0;
    pointer-events: none;
  }
  .is-open-search .cm-nav-aside--products {
    pointer-events: auto;
    opacity: 1;
  }
  .cm-nav-aside--products .cm-nav-aside__bg {
    content: "";
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 111, 185, 0.2);
    backdrop-filter: blur(0.125rem);
  }
  .cm-nav-aside--products .cm-nav-aside__wrap {
    padding: 0 1rem 2rem 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
    background: #FFF;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }
}

.cm-nav-aside__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--blue-600, #006FB9);
  color: var(--main-white, #FFF);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .cm-nav-aside--news .cm-nav-aside__head {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .cm-nav-aside__head {
    border-radius: 0.5rem;
  }
}

.cm-nav-aside__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cm-nav-aside__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.5rem;
}
.cm-nav-aside__list > li {
  border-bottom: var(--border-dash);
}
@media screen and (max-width: 1023px) {
  .cm-nav-aside--news .cm-nav-aside__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
    padding: 0.75rem 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.5rem;
    background: var(--blue-100, #EEF6FD);
  }
  .cm-nav-aside--news .cm-nav-aside__list > li {
    border-bottom: none;
  }
}
.cm-nav-aside__button,
.cm-nav-aside__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.75rem;
  padding: 1rem 0.5rem;
  gap: 0.5rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}
.cm-nav-aside__button.is-active, .cm-nav-aside__button:hover,
.cm-nav-aside__link.is-active,
.cm-nav-aside__link:hover {
  color: var(--blue-600, #006FB9);
}
@media screen and (max-width: 1023px) {
  .cm-nav-aside--news .cm-nav-aside__button,
  .cm-nav-aside--news .cm-nav-aside__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .cm-nav-aside__button,
  .cm-nav-aside__link {
    height: 4rem;
    padding: 1.5rem 0.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1rem;
  }
}

.cm-nav-aside__buttonStatus {
  width: 2.5rem;
  position: relative;
}
.cm-nav-aside__buttonStatus svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.is-open .cm-nav-aside__buttonStatus svg:nth-child(1) {
  opacity: 0;
}
.is-open .cm-nav-aside__buttonStatus svg:nth-child(2) {
  opacity: 1;
}
.cm-nav-aside__hidden {
  display: none;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .cm-nav-aside__scroll {
    max-height: 12.5rem;
    overflow: hidden;
  }
  .cm-nav-aside__scroll .os-scrollbar-track {
    background: #fff; /* トラックの色 */
  }
  .cm-nav-aside__scroll {
    /* スクロールバーのスライダー（つまみ）部分 */
  }
  .cm-nav-aside__scroll .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: var(--color-assort);
  }
  .cm-nav-aside__scroll {
    /* ホバー時のスライダー色 */
  }
}

.cm-nav-aside__listCategory {
  padding: 0 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.cm-nav-aside__listCategory li {
  font-size: 0.875rem;
  line-height: 100%; /* 14/16+rem */
}
.cm-nav-aside__listCategory a {
  color: var(--blue-700, #00548E);
}
.cm-nav-aside__listCategory a:hover {
  color: var(--blue-500);
}
.cm-nav-aside__listCategory a.is-active {
  color: var(--blue-500);
}
.cm-nav-aside__listTag {
  padding: 0 0.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cm-nav-aside-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1rem 0 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.cm-nav-aside-search__title {
  color: var(--blue-900, #003252);
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%; /* 28.8/16+rem */
}
.cm-nav-aside-search__wrap {
  position: relative;
}
.cm-nav-aside-search__wrap input[type=text] {
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  border-radius: 0.25rem;
  border: var(--border-gray);
  background: var(--main-white, #FFF);
}
.cm-nav-aside-search__wrap input[type=text]::-webkit-input-placeholder {
  color: var(--gray-600, #91A3B4);
  font-size: 0.8125rem;
}
.cm-nav-aside-search__wrap input[type=text]::-moz-placeholder {
  color: var(--gray-600, #91A3B4);
  font-size: 0.8125rem;
}
.cm-nav-aside-search__wrap input[type=text]:-ms-input-placeholder {
  color: var(--gray-600, #91A3B4);
  font-size: 0.8125rem;
}
.cm-nav-aside-search__wrap input[type=text]::-ms-input-placeholder {
  color: var(--gray-600, #91A3B4);
  font-size: 0.8125rem;
}
.cm-nav-aside-search__wrap input[type=text]::placeholder {
  color: var(--gray-600, #91A3B4);
  font-size: 0.8125rem;
}
.cm-nav-aside-search__btn {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 1.5rem;
  padding: 0;
  line-height: 0;
}
.cm-nav-aside-search__btn svg {
  fill: #006FB9;
}
.cm-nav-aside-search__words {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.cm-nav-aside-search__words p {
  color: var(--blue-900, #003252);
  font-size: 0.75rem;
  line-height: 1.4;
}
.cm-nav-aside-search__words ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cm-nav-aside__close {
  margin-top: 2rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cm-nav-aside__close {
    display: none;
  }
}

.cm-nav-aside-open {
  position: fixed;
  z-index: 10;
  left: calc(50% - 8.75rem);
  bottom: 2.0625rem;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
.is-footer-show .cm-nav-aside-open {
  opacity: 0;
  pointer-events: none;
}
.p-products-single .cm-nav-aside-open {
  display: none;
}
@media screen and (min-width: 1024px) {
  .cm-nav-aside-open {
    display: none;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-nav-paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.cm-nav-paginate__ctrl {
  margin: 0 auto 0 0;
}
.cm-nav-paginate__ctrl > span,
.cm-nav-paginate__ctrl a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: var(--blue-900, #003252);
}
.cm-nav-paginate__ctrl > span i,
.cm-nav-paginate__ctrl a i {
  line-height: 0;
}
.cm-nav-paginate__ctrl > span svg,
.cm-nav-paginate__ctrl a svg {
  width: 1rem;
  height: auto;
  fill: #003252;
}
@media screen and (min-width: 1024px) {
  .cm-nav-paginate__ctrl > span,
  .cm-nav-paginate__ctrl a {
    gap: 0.5rem;
    font-size: 1.125rem;
  }
  .cm-nav-paginate__ctrl > span svg,
  .cm-nav-paginate__ctrl a svg {
    width: 1.5rem;
  }
}

.cm-nav-paginate__ctrl:first-child i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cm-nav-paginate__ctrl:last-child {
  margin: 0 0 0 auto;
}

.cm-nav-paginate__page a, .cm-nav-paginate__page span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem 1.0625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 1.40625rem;
  background: transparent;
  font-family: var(--DM);
  font-size: 1rem;
  font-weight: 700;
  color: var(--blue-900, #003252);
}
.cm-nav-paginate__page span,
.cm-nav-paginate__page a:hover {
  background: var(--blue-900, #003252);
  color: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .cm-nav-paginate__page a, .cm-nav-paginate__page span {
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 1.125rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-nav-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .cm-nav-anchor {
    gap: 2.5rem;
  }
}

.cm-nav-anchor__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 600;
}
.cm-nav-anchor__link i {
  width: 1.5rem;
  height: 1.5rem;
  background: #007CCE;
  border-radius: 100%;
  line-height: 0;
}
.cm-nav-anchor__link svg {
  width: 100%;
  height: auto;
}
.cm-nav-anchor__link:hover i svg {
  -webkit-animation: btnAnchorDown 0.5s linear forwards;
          animation: btnAnchorDown 0.5s linear forwards;
}
@media screen and (min-width: 1024px) {
  .cm-nav-anchor__link {
    font-size: 1rem;
  }
}

.cm-nav-anchor--faq {
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  background: var(--blue-100, #EEF6FD);
}

@-webkit-keyframes btnAnchorDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    -webkit-transform: translate3d(0, 55%, 0);
            transform: translate3d(0, 55%, 0);
    opacity: 0;
  }
  36% {
    -webkit-transform: translate3d(0, -55%, 0);
            transform: translate3d(0, -55%, 0);
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes btnAnchorDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    -webkit-transform: translate3d(0, 55%, 0);
            transform: translate3d(0, 55%, 0);
    opacity: 0;
  }
  36% {
    -webkit-transform: translate3d(0, -55%, 0);
            transform: translate3d(0, -55%, 0);
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.c-list-table, .cm-post table {
  width: 100%;
  background: #fff;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  text-align: left;
}
.c-list-table th, .cm-post table th, .c-list-table td, .cm-post table td {
  padding: 1rem 1rem;
  vertical-align: middle;
}
.c-list-table th, .cm-post table th {
  color: var(--main-white, #FFF);
  background: var(--blue-700, #00548E);
  font-weight: 600;
}
.c-list-table td, .cm-post table td {
  border-bottom: var(--border-gray-300);
  border-right: var(--border-gray-300);
}
.c-list-table td:first-child, .cm-post table td:first-child {
  border-left: var(--border-gray-300);
}
.c-list-table tr:first-child td, .cm-post table tr:first-child td {
  border-top: var(--border-gray-300);
}
.c-list-table tr:first-child th:first-child, .cm-post table tr:first-child th:first-child,
.c-list-table tr:first-child td:first-child,
.cm-post table tr:first-child td:first-child {
  border-radius: 0.25rem 0 0 0;
}
.c-list-table tr:first-child th:last-child, .cm-post table tr:first-child th:last-child,
.c-list-table tr:first-child td:last-child,
.cm-post table tr:first-child td:last-child {
  border-radius: 0 0.25rem 0 0;
}
.c-list-table tr:last-child th:first-child, .cm-post table tr:last-child th:first-child,
.c-list-table tr:last-child td:first-child,
.cm-post table tr:last-child td:first-child {
  border-radius: 0 0 0 0.25rem;
}
.c-list-table tr:last-child th:last-child, .cm-post table tr:last-child th:last-child,
.c-list-table tr:last-child td:last-child,
.cm-post table tr:last-child td:last-child {
  border-radius: 0 0 0.25rem 0;
}
.c-list-table tr:not(:last-child) th, .cm-post table tr:not(:last-child) th {
  border-bottom: var(--border-gray-100);
}
@media screen and (min-width: 1024px) {
  .c-list-table, .cm-post table {
    font-size: 1rem;
  }
  .c-list-table th, .cm-post table th, .c-list-table td, .cm-post table td {
    padding: 1rem 1.5rem;
  }
}

.c-list-table--products th {
  width: 6.375rem;
}
@media screen and (min-width: 1024px) {
  .c-list-table--products th {
    width: 11.5rem;
  }
}

.c-list-table--post thead th, .cm-post table thead th {
  text-align: center;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	cm-post
----------------------------------------------------*/
body figure {
  margin-bottom: 0;
}

.cm-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
  word-break: break-all;
}
@media screen and (min-width: 1024px) {
  .cm-post {
    gap: 2rem;
    font-size: 1rem;
  }
}
.cm-post h1,
.cm-post h2 {
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
  border-left: 0.375rem solid var(--blue-500);
  padding: 0.125rem 0 0.125rem 1.25rem;
}
.cm-post h1:not(:first-child),
.cm-post h2:not(:first-child) {
  margin-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .cm-post h1,
  .cm-post h2 {
    padding: 0.3125rem 0 0.3125rem 1.25rem;
    font-size: 2rem;
  }
  .cm-post h1:not(:first-child),
  .cm-post h2:not(:first-child) {
    margin-top: 2rem;
  }
}
.cm-post h3 {
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 1px solid var(--gray-600, #91A3B4);
}
@media screen and (min-width: 1024px) {
  .cm-post h3 {
    margin-top: 2rem;
    padding-bottom: 1rem;
    font-size: 1.5625rem;
  }
}
.cm-post h4 {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .cm-post h4 {
    margin-top: 2rem;
    margin-bottom: -1rem;
    font-size: 1.25rem;
  }
}
.cm-post strong {
  font-weight: bold;
}
.cm-post em {
  font-style: italic;
}
.cm-post blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-radius: 0.25rem;
  background: #F1F2F2;
}
.cm-post > ul {
  margin-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.cm-post > ul li {
  position: relative;
  list-style: none;
}
.cm-post > ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  left: -1em;
  top: 0.65em;
  pointer-events: none;
  background: #007CCE;
  border-radius: 100%;
}
.cm-post > ul ul {
  margin-top: 0.5rem;
  margin-left: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.cm-post > ul ul li:before {
  background: transparent;
  border: 1px solid #007CCE;
}
.cm-post > ol {
  counter-reset: ol-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.cm-post > ol > li {
  position: relative;
  list-style: none;
  counter-increment: ol-counter;
  padding-left: 1.5em;
}
.cm-post > ol > li::before {
  position: absolute;
  top: 0.1em;
  left: 0;
  content: counter(ol-counter) ".";
  font-family: var(--DM);
  font-weight: 700;
  color: var(--blue-500);
}
.cm-post > ol > li > ol {
  margin-left: 1em;
  margin-top: 0.5rem;
  counter-reset: ol-counter-sub;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.cm-post > ol > li > ol > li {
  list-style: none;
  position: relative;
  counter-increment: ol-counter-sub;
  padding-left: 2.5em;
}
.cm-post > ol > li > ol > li::before {
  position: absolute;
  top: 0.1em;
  left: 0;
  content: counter(ol-counter) "-" counter(ol-counter-sub) ".";
  font-family: var(--DM);
  font-weight: 700;
  color: var(--blue-500);
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.editor-styles-wrapper.editor-styles-wrapper.editor-styles-wrapper .wp-block-gallery,
.cm-post .wp-block-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .editor-styles-wrapper.editor-styles-wrapper.editor-styles-wrapper .wp-block-gallery,
  .cm-post .wp-block-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.cm-form input[type=text],
.cm-form input[type=email],
.cm-form textarea {
  width: 100%;
  height: 3.5rem;
  padding: 0.75rem 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--gray-300, #C6CFD8);
  background: var(--main-white, #FFF);
}
.cm-form input[type=text]:focus,
.cm-form input[type=email]:focus,
.cm-form textarea:focus {
  border-color: var(--color-assort);
}
.cm-form input[type=text]::-webkit-input-placeholder, .cm-form input[type=email]::-webkit-input-placeholder, .cm-form textarea::-webkit-input-placeholder {
  color: var(--gray-400, #B4C0CC);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
.cm-form input[type=text]::-moz-placeholder, .cm-form input[type=email]::-moz-placeholder, .cm-form textarea::-moz-placeholder {
  color: var(--gray-400, #B4C0CC);
  font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
.cm-form input[type=text]:-ms-input-placeholder, .cm-form input[type=email]:-ms-input-placeholder, .cm-form textarea:-ms-input-placeholder {
  color: var(--gray-400, #B4C0CC);
  font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
.cm-form input[type=text]::-ms-input-placeholder, .cm-form input[type=email]::-ms-input-placeholder, .cm-form textarea::-ms-input-placeholder {
  color: var(--gray-400, #B4C0CC);
  font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
.cm-form input[type=text]::placeholder,
.cm-form input[type=email]::placeholder,
.cm-form textarea::placeholder {
  color: var(--gray-400, #B4C0CC);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .cm-form input[type=text],
  .cm-form input[type=email],
  .cm-form textarea {
    height: 4rem;
  }
}
.cm-form textarea {
  height: 10rem;
}
@media screen and (min-width: 1024px) {
  .cm-form textarea {
    height: 11.25rem;
  }
}
.cm-form input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  outline: none;
  clip: rect(1px, 1px, 1px, 1px);
}
.cm-form input[type=radio] + span, .cm-form input[type=radio] + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  vertical-align: middle;
}
.cm-form input[type=radio] + span::before, .cm-form input[type=radio] + label::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--gray-700, #7B8B99);
  background-color: #fff;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cm-form input[type=radio]:focus + span::before, .cm-form input[type=radio]:focus + label::before {
  border: 1px solid #004EA2;
}
.cm-form input[type=radio]:checked + span::after, .cm-form input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.1875rem);
  left: 0.3125rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 100%;
  background-color: #fff;
}
.cm-form input[type=radio]:checked + span::before, .cm-form input[type=radio]:checked + label::before {
  background: var(--blue-600, #006FB9);
  border-color: var(--blue-600, #006FB9);
}
.cm-form input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  outline: none;
  clip: rect(0.0625rem, 1px, 1px, 1px);
}
.cm-form input[type=checkbox] + span, .cm-form input[type=checkbox] + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  vertical-align: middle;
}
.cm-form input[type=checkbox] + span::before, .cm-form input[type=checkbox] + label::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.125rem;
  border: 1px solid var(--gray-600, #91A3B4);
  background: var(--main-white, #FFF);
}
.cm-form input[type=checkbox]:focus + span::before, .cm-form input[type=checkbox]:focus + label::before {
  border: 1px solid #004EA2;
}
.cm-form input[type=checkbox]:checked + span::after, .cm-form input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.4375rem;
  width: 0.625rem;
  height: 0.875rem;
  border-right: 0.1875rem solid #fff;
  border-bottom: 0.1875rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cm-form input[type=checkbox]:checked + span::before, .cm-form input[type=checkbox]:checked + label::before {
  background: var(--blue-600, #006FB9);
}

.cm-form__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .cm-form__inputs {
    gap: 3rem;
  }
}

.cm-form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.cm-form-input__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--gray-1000, #3A4148);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%; /* 16/16+rem */
}
.cm-form-input__head ._required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.5rem 0.3125rem 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: 3rem;
  background: var(--blue-700, #00548E);
  color: var(--main-white, #FFF);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 0.75rem;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .cm-form-input__head {
    font-size: 1.125rem;
  }
}

.cm-form__privacy {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: var(--gray-1000, #3A4148);
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-size: 1rem;
  line-height: 100%;
}
.cm-form__privacy label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cm-form__privacy a {
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .cm-form__privacy {
    margin-top: 3rem;
  }
}

.cm-form__action {
  margin-top: 1.5rem;
  text-align: center;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.cm-form-input--type .cm-form-input__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}

.cm-form-input--sm input[type=text],
.cm-form-input--sm input[type=email] {
  max-width: 27.5rem;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.mw_wp_form_input .cm-form-mw-input .mwform-radio-field .vertical-item {
  margin: 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	...
----------------------------------------------------*/
.c-card-products {
  height: 100%;
}
.c-card-products__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  height: 100%;
  border-radius: 0.375rem;
  background: var(--main-white, #FFF);
  position: relative;
  overflow: hidden;
}
.c-card-products__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 0.375rem;
  border: 3px solid var(--color-assort);
  border-color: transparent;
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
  z-index: 5;
}
@media (hover: hover) {
  .c-card-products__link:hover:before, a:hover .c-card-products__link:before {
    border-color: var(--color-assort);
  }
}
@media screen and (min-width: 1024px) {
  .c-card-products__link {
    gap: 0.625rem;
    padding-bottom: 1rem;
  }
}

.c-card-products__pic {
  overflow: hidden;
}
.c-card-products__pic img {
  -webkit-transition: var(--duration) var(--easeTheme);
  transition: var(--duration) var(--easeTheme);
}
@media (hover: hover) {
  .c-card-products__pic:hover img, a:hover .c-card-products__pic img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
  }
}
@media screen and (min-width: 1024px) {
  .c-card-products__pic img {
    aspect-ratio: 272/176;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.c-card-products__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.25rem 0.375rem 0.3125rem 0.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: absolute;
  left: 0.375rem;
  top: 0.375rem;
  border-radius: 0.25rem;
  background: var(--blue-600, #006FB9);
  color: var(--main-white, #FFF);
  font-size: max(12px, 0.625rem);
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .c-card-products__label {
    left: 0.5rem;
    top: 0.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    font-size: 0.75rem;
  }
}

.c-card-products__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .c-card-products__wrap {
    gap: 0.875rem;
    padding: 0 1rem;
  }
}

.c-card-products__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .c-card-products__info {
    gap: 0.875rem;
  }
}

.c-card-products__name {
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-products__name {
    font-size: 1.125rem;
  }
}

.c-card-products__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.25rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  overflow: hidden;
  color: var(--blue-700, #00548E);
  text-overflow: ellipsis;
  font-size: max(13px, 0.6875rem);
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-products__spec {
    gap: 0;
    font-size: 0.8125rem;
  }
}

.c-card-products__tag {
  padding-top: 0.625rem;
  border-top: var(--border-dash);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .c-card-products__tag {
    padding-top: 0.875rem;
  }
}

.c-card-products--relative {
  width: 11.25rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .c-card-products--relative {
    width: 18.5rem;
    padding-right: 1.5rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 2rem 0;
  border-bottom: var(--border-gray);
}
@media screen and (max-width: 1023px) {
  .c-card-news__link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .c-card-news__link {
    padding: 2.5rem 0;
  }
  .c-card-news__link .c-card-news__meta,
  .c-card-news__link .c-card-news__title {
    will-change: transform;
    -webkit-transition: var(--duration) var(--easeTheme);
    transition: var(--duration) var(--easeTheme);
  }
  .c-card-news__link:hover {
    color: var(--color-assort);
  }
  .c-card-news__link:hover .c-card-news__meta,
  .c-card-news__link:hover .c-card-news__title {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}

@media screen and (min-width: 1024px) {
  .c-card-news--top .c-card-news__link {
    padding: 3.875rem 0;
  }
}

.c-card-news__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .c-card-news__meta {
    width: 13.125rem;
    gap: 1rem;
  }
}

.c-card-news__date {
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.c-card-news__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.375rem 0.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  border-radius: 62.5rem;
  border: var(--border);
  border-color: var(--blue-700, #00548E);
  color: var(--blue-700, #00548E);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .c-card-news__category {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

.c-card-news__title {
  width: calc(100% - 3.5rem);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .c-card-news__title {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1rem;
  }
}

.c-card-news__arrow {
  margin-left: auto;
  width: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-card-news__arrow svg {
  width: 1.5rem;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  border-radius: 1rem;
  border: var(--border-gray-100);
  background: var(--main-white, #FFF);
}
@media screen and (min-width: 1024px) {
  .c-card-case {
    padding: 2.375rem;
  }
}

.c-card-case__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .c-card-case__head {
    gap: 0.75rem;
  }
}

.c-card-case__info {
  position: relative;
  padding-left: 0.875rem;
  color: var(--blue-600, #006FB9);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 140%;
}
.c-card-case__info span:nth-child(2):before {
  content: " ／ ";
}
.c-card-case__info:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0.4em;
  width: 0.375rem;
  height: 0.375rem;
  pointer-events: none;
  background: #006FB9;
  border-radius: 100%;
}
@media screen and (min-width: 1024px) {
  .c-card-case__info {
    font-size: 1.125rem;
  }
  .c-card-case__info:before {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.c-card-case__lead {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-case__lead {
    font-size: 1.5625rem;
  }
}

.c-card-case__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .c-card-case__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}

.c-card-case__pic img {
  aspect-ratio: 288/184;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .c-card-case__pic {
    width: 16rem;
  }
  .c-card-case__pic img {
    aspect-ratio: 256/280;
  }
}

.c-card-case__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-card-case__desc {
  padding: 0 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .c-card-case__desc {
    padding: 0 0 1.5rem;
    font-size: 1rem;
  }
}

.c-card-case__products {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px dashed #91A3B4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.c-card-case__products p {
  font-size: 1rem;
  font-weight: 600;
  line-height: 180%;
}
.c-card-case__products ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.c-card-case__products li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--blue-500, #007CCE);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-case__products {
    padding-top: 1.5rem;
  }
  .c-card-case__products ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-top-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--blue-200, #CCE5F5);
  background: var(--blue-100, #EEF6FD);
  color: var(--blue-700, #00548E);
}
.c-card-top-category:hover {
  color: #fff;
  background: var(--blue-500, #007CCE);
}
.c-card-top-category__pic {
  width: 8.5rem;
}
.c-card-top-category__pic img {
  aspect-ratio: 136/88;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  border: 1px solid var(--blue-200, #CCE5F5);
}
@media screen and (min-width: 1024px) {
  .c-card-top-category__pic {
    width: 9.375rem;
  }
  .c-card-top-category__pic img {
    aspect-ratio: 150/112;
  }
}

.c-card-top-category__name {
  padding: 1rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1024px) {
  .c-card-top-category__name {
    padding: 0 1rem 0 2.1875rem;
    font-size: 1.125rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-factory__pic {
  position: relative;
}
.c-card-factory__pic img {
  border-radius: 1rem;
}
@media screen and (max-width: 1023px) {
  .c-card-factory__pic img {
    aspect-ratio: 342/296;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.c-card-factory__caption {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1.5rem;
  gap: 0.5rem;
  border-radius: 1rem 0.125rem;
  background: var(--main-white, #FFF);
  color: var(--blue-600, #006FB9);
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
.c-card-factory__caption:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--blue-600, #006FB9);
  pointer-events: none;
  border-radius: 100%;
}
@media screen and (min-width: 1024px) {
  .c-card-factory__caption {
    font-size: 1.125rem;
  }
}

.c-card-factory__desc {
  margin-top: 1rem;
  color: var(--blue-900, #003252);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (min-width: 1024px) {
  .c-card-factory__desc {
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-faq__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed var(--blue-400, #5292D3);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
}
.c-card-faq__title span:nth-child(1) {
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 1.5rem;
  line-height: 160%;
}
@media screen and (min-width: 1024px) {
  .c-card-faq__title {
    gap: 1rem;
  }
  .c-card-faq__title span:nth-child(1) {
    font-size: 2rem;
  }
}

.c-card-faq__answer {
  padding-top: 1rem;
  color: var(--gray-1000, #3A4148);
  text-align: justify;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-card-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.c-card-member__pic img {
  aspect-ratio: 80/97;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
.c-card-member__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (min-width: 1024px) {
  .c-card-member__body {
    gap: 0.5rem;
  }
}

.c-card-member__job {
  color: var(--blue-900, #003252);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-member__job {
    font-size: 0.875rem;
  }
}

.c-card-member__name {
  color: var(--blue-900, #003252);
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-card-member__name {
    font-size: 1.125rem;
  }
}

.c-card-member__profile {
  margin-top: 0.25rem;
  color: var(--blue-900, #003252);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  word-break: break-all;
}
@media screen and (min-width: 1024px) {
  .c-card-member__profile {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.8;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	c-heading
----------------------------------------------------*/
.c-heading-page {
  color: var(--blue-600, #006FB9);
}

.c-heading-page__ja {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}
.c-heading-page__ja span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (min-width: 1024px) {
  .c-heading-page__ja {
    font-size: 3.5rem;
  }
}

.c-heading-page__en {
  font-family: var(--DM);
  font-size: 0.875rem;
  line-height: 1.6;
}
.c-heading-page__en span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (min-width: 1024px) {
  .c-heading-page__en {
    margin-top: 1rem;
    font-size: 1.375rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-heading-section-top__en {
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 3rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .c-heading-section-top__en {
    font-size: 6.5rem;
    letter-spacing: 0.05em;
  }
}

.c-heading-section-top__ja {
  margin-top: 0.5rem;
  color: var(--blue-500, #007CCE);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .c-heading-section-top__ja {
    margin-top: 0.75rem;
    font-size: 1.125rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-heading-section__ja {
  color: var(--blue-900, #003252);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .c-heading-section__ja {
    font-size: 2.5rem;
  }
}

.c-heading-section__en {
  margin-top: 0.5rem;
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading-section__en {
    margin-top: 1rem;
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1024px) {
  .c-heading-section-vertical {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}

.c-heading-section-vertical__ja {
  color: var(--blue-600, #006FB9);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-heading-section-vertical__ja {
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: 0.1em;
  }
}

.c-heading-section-vertical__en {
  margin-top: 0.5rem;
  color: var(--blue-500, #007CCE);
  font-family: var(--DM);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading-section-vertical__en {
    margin: 0 1rem 0 0;
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.c-heading-block__title {
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .c-heading-block__title {
    font-size: 1.5625rem;
  }
}

.c-heading-block__en {
  padding-top: 0.375rem;
  color: var(--blue-600, #006FB9);
  font-family: var(--DM);
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1024px) {
  .c-heading-block__en {
    font-size: 1rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-heading-txt {
  color: var(--blue-900, #003252);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .c-heading-txt {
    font-size: 3rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.c-heading-news__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .c-heading-news__meta {
    gap: 1rem;
  }
}

.c-heading-news__date {
  color: var(--blue-700, #00548E);
  font-family: var(--DM);
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.c-heading-news__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.375rem 0.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  border-radius: 62.5rem;
  border: var(--border);
  border-color: var(--blue-700, #00548E);
  background: #fff;
  color: var(--blue-700, #00548E);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading-news__category {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

.c-heading-news__title {
  margin-top: 0.5rem;
  color: var(--blue-600, #006FB9);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1024px) {
  .c-heading-news__title {
    margin-top: 1rem;
    font-size: 2.5rem;
  }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.bold,
.strong {
  font-weight: bold;
}

.u-hide {
  display: none;
}

.u-breakLine {
  display: inline-block;
}

.u-center {
  text-align: center;
}

.u-only-sp {
  display: block !important;
}
@media screen and (min-width: 641px) {
  .u-only-sp {
    display: none !important;
  }
}

.u-only-pc {
  display: none !important;
}
@media screen and (min-width: 641px) {
  .u-only-pc {
    display: block !important;
  }
}

.u-color-accent {
  color: var(--color-accent);
}

.u-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
  padding-bottom: 6.25rem;
}
.u-template > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.u-gap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--gap);
}

.is-disabled {
  opacity: 0.7;
  pointer-events: none;
}

.u-budoux {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

[data-delay="0.1"] {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

[data-delay="0.2"] {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

[data-delay="0.3"] {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

[data-delay="0.4"] {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-delay="0.5"] {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

[data-delay="0.6"] {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

[data-delay="0.7"] {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

[data-delay="0.8"] {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

[data-delay="0.9"] {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

[data-delay="1"] {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

[data-delay="1.1"] {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

[data-delay="1.2"] {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

[data-delay="1.3"] {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

[data-delay="1.4"] {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

[data-delay="1.5"] {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

[data-delay="1.6"] {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

[data-delay="1.7"] {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

[data-delay="1.8"] {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

[data-delay="1.9"] {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

[data-delay="2"] {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

[data-delay="2.1"] {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

[data-delay="2.2"] {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

[data-delay="2.3"] {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

[data-delay="2.4"] {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

[data-delay="2.5"] {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

[data-delay="2.6"] {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

[data-delay="2.7"] {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

[data-delay="2.8"] {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

[data-delay="2.9"] {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

[data-delay="3"] {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.__loop {
  -webkit-animation: loopLeft linear 30s infinite;
          animation: loopLeft linear 30s infinite;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.__loop img {
  width: auto;
  max-width: none;
  height: 18.75rem;
}
@media screen and (min-width: 1024px) {
  .__loop {
    -webkit-animation: loopLeft linear 50s infinite;
            animation: loopLeft linear 50s infinite;
  }
  .__loop img {
    height: 32.875rem;
  }
}

.u-fade-in-up {
  -webkit-transform: translate3d(0, 2.5rem, 0);
          transform: translate3d(0, 2.5rem, 0);
  opacity: 0;
}
.u-fade-in-up.is-visible, .is-visible .u-fade-in-up {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: opacity 1s var(--easeOutSine), -webkit-transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), -webkit-transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), transform 0.9s var(--easeOutCubic);
  transition: opacity 1s var(--easeOutSine), transform 0.9s var(--easeOutCubic), -webkit-transform 0.9s var(--easeOutCubic);
}

.u-fade-in-up-section,
.u-fade-in-up-lg {
  -webkit-transform: translate3d(0, 10vh, 0);
          transform: translate3d(0, 10vh, 0);
  opacity: 0;
}
.u-fade-in-up-section.is-visible, .is-visible .u-fade-in-up-section,
.u-fade-in-up-lg.is-visible,
.is-visible .u-fade-in-up-lg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: opacity 1.2s var(--easeOutSine), -webkit-transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), -webkit-transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), transform 1s var(--easeOutCubic), -webkit-transform 1s var(--easeOutCubic);
}

.u-fade-in-section {
  opacity: 0;
}
.u-fade-in-section.is-visible, .is-visible .u-fade-in-section {
  opacity: 1;
  -webkit-transition: opacity 1.2s var(--easeOutSine), -webkit-transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), -webkit-transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), transform 1s var(--easeOutCubic);
  transition: opacity 1.2s var(--easeOutSine), transform 1s var(--easeOutCubic), -webkit-transform 1s var(--easeOutCubic);
}

.js-bg-anime,
.js-heading-anime {
  opacity: 0;
}

@-webkit-keyframes loopLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes loopLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes loopRight {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes loopRight {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes btnArrow {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    -webkit-transform: translate3d(55%, 0, 0);
            transform: translate3d(55%, 0, 0);
    opacity: 0;
  }
  36% {
    -webkit-transform: translate3d(-55%, 0, 0);
            transform: translate3d(-55%, 0, 0);
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes btnArrow {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    -webkit-transform: translate3d(55%, 0, 0);
            transform: translate3d(55%, 0, 0);
    opacity: 0;
  }
  36% {
    -webkit-transform: translate3d(-55%, 0, 0);
            transform: translate3d(-55%, 0, 0);
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swiper-ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.swiper-ctrl .swiper-page-index {
  margin-right: 8px;
  color: var(--blue-600, #006FB9);
  font-family: var(--DM);
  font-size: 16px;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}