@charset "UTF-8";

@font-face {
  font-weight: 400;
  src: url(assets/font/NotoSansCJKjp-Regular.woff2) format("woff2"), url(assets/font/NotoSansCJKjp-Regular.woff) format("woff");
  font-family: Noto Sans JP
}

@font-face {
  font-weight: 500;
  src: url(assets/font/NotoSansCJKjp-Medium.woff2) format("woff2"), url(assets/font/NotoSansCJKjp-Medium.woff) format("woff");
  font-family: Noto Sans JP
}

@font-face {
  font-weight: 600;
  src: url(assets/font/NotoSansCJKjp-Bold.woff2) format("woff2"), url(assets/font/NotoSansCJKjp-Bold.woff) format("woff");
  font-family: Noto Sans JP
}

:root {
  --liquid-lgDesignRatio: 144;
  --liquid-mdDesignRatio: 75;
  --liquid-smDesignRatio: 37.5;
  --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-lgDesignRatio));
  --liquid-bodyroot: 1.6rem;
  --solid-root: 16px;
  --mobile-DesignWidth: 750;
  --mobile-ContentsWidth: 750;
  --mobile-ContentsRatio: var(--mobile-ContentsWidth) / var(--mobile-DesignWidth);
  --mobile-root: min(16px * var(--mobile-ContentsRatio), 16 * 100 / var(--mobile-DesignWidth) * 1vw);
  --headerHeight: 11.2rem
}

body {
  font-feature-settings: "palt";
  font-smoothing: antialiased;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-font-smoothing: antialiased;
  -moz-text-size-adjust: 100%;
  -ms-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -o-font-smoothing: antialiased;
  -o-text-size-adjust: 100%;
  background-color: #fff;
  color: #232323;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: Noto Sans JP, -apple-system, BlinkMacSystemFont, NotoSansCJKjp, Yu Gothic, YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  letter-spacing: .03em;
  overflow-wrap: break-word
}

html {
  overscroll-behavior: none;
  overscroll-behavior-y: unset;
  font-size: var(--liquid-htmlroot)
}

html body {
  font-size: var(--liquid-bodyroot)
}

.ff_eng {
  font-family: Kanit, sans-serif
}

a,
button {
  display: block;
  z-index: 100;
  border: none;
  outline: none;
  background: none;
  color: #232323;
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
  transition: 0s
}

a>*,
button>* {
  pointer-events: none
}

a:link,
a:visited,
a:hover,
a:active,
button:link,
button:visited,
button:hover,
button:active {
  color: inherit
}

a:focus-visible,
button:focus-visible {
  outline: -webkit-focus-ring-color auto 1px
}

a:focus:not(:fous-visible),
button:focus:not(:fous-visible) {
  outline: none
}

a img,
button img {
  border: none
}

.is_DOMloaded a,
.is_DOMloaded button {
  transition: all .4s;
  transition-property: background-color, opacity, fill, color, box-shadow, transform, border-color;
  transition-timing-function: ease-out
}

* {
  min-height: 0vw
}

html {
  -webkit-tap-highlight-color: transparent
}

body {
  padding-block: env(safe-area-inset-top, 20px) env(safe-area-inset-bottom, 20px)
}

img {
  width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
  pointer-events: none
}

img.noimage {
  border: 1px solid #e2e2e2
}

picture {
  display: block
}

iframe {
  width: 100%
}

ul,
ol,
li {
  font-size: 0;
  list-style: none
}

svg {
  overflow: visible
}

.grecaptcha-badge {
  visibility: hidden;
  opacity: 0;
  pointer-events: none
}

.ly_wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100)
}

.ly_wrapper:not(.__hasSticky) {
  overflow: hidden
}

.ly_wrapper .ly_main {
  flex: 1
}

.ly_inner {
  width: min(100% - 3.2rem, 112rem);
  margin: 0 auto;
  padding-right: 3.2rem
}

.ly_inner.__pdR0 {
  padding-right: 0
}

.ly_inner_wide {
  width: min(100% - 3.2rem, 120rem);
  margin: 0 auto;
  padding-right: 3.2rem
}

.ly_inner_wide.__pdR0 {
  padding-right: 0
}

.ly_inner_narrow {
  width: min(100% - 3.2rem, 105.6rem);
  margin: 0 auto;
  padding-right: 3.2rem
}

.ly_inner_narrow.__pdR0 {
  padding-right: 0
}

.ly_inner_narrow2 {
  width: min(100% - 3.2rem, 80rem);
  margin: 0 auto;
  padding-right: 3.2rem
}

.ly_inner_narrow2.__pdR0 {
  padding-right: 0
}

.ly_sect_lv0 {
  margin-top: 6.4rem
}

.ly_sect_lv1 {
  margin-top: 8rem
}

.ly_sect_lv2 {
  margin-top: 10.4rem
}

.ly_sect_lv3 {
  margin-top: 12rem
}

.ly_sect_bgGrey {
  padding: 8rem 0;
  background-color: #f6f7f9
}

.ly_twoColumn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.ly_twoColumn.__reverse {
  flex-direction: row-reverse
}

.ly_twoColumn_sideArea {
  flex-shrink: 0;
  width: 25.6rem
}

.ly_twoColumn_sideArea.__contact {
  width: 45rem
}

.ly_twoColumn_sideArea.__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headerHeight)
}

.ly_twoColumn_mainArea {
  width: 100%;
  padding-left: 4rem
}

.ly_twoColumn_mainArea-r {
  width: 100%;
  padding-right: 4rem
}

.ly_twoColumn_halfArea {
  flex-shrink: 0;
  width: calc(50% - 2rem)
}

.bl_header {
  z-index: 9999;
  position: fixed;
  top: 0;
  width: 100%;
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 8rem);
  height: var(--headerHeight);
  margin: 0 auto;
  transition: all .4s;
  transition-property: height;
  transition-timing-function: ease-out
}

.bl_headerLogo {
  position: relative;
  width: 20rem;
  font-size: 0;
  transition: all .4s;
  transition-property: opacity, width;
  transition-timing-function: ease-out
}

.bl_headerNav_sm {
  -ms-overflow-style: none;
  visibility: hidden;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  scrollbar-width: none
}

.bl_headerNav_sm::-webkit-scrollbar {
  display: none
}

.bl_headerNav_sm_bg {
  display: flex;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  pointer-events: none
}

.bl_headerNav_sm_bg_wrapper {
  visibility: hidden;
  position: relative;
  transform-origin: center
}

.bl_headerNav_sm_bg svg {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.bl_headerNav_sm_bg svg .bg_mask {
  fill: #002d7b
}

.bl_hamburgerBtn {
  visibility: hidden;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto
}

.bl_hamburgerBtn_wrapper {
  display: flex;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.bl_hamburgerBtn_bg {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: center;
  border-radius: 50%;
  background-color: #ffe000
}

.bl_hamburgerBtn_txt {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -2.4rem;
  left: 0;
  width: 100%;
  color: #002d7b;
  font-size: 1.6rem;
  text-align: center
}

.bl_hamburgerBtn_txt:before {
  position: absolute;
  top: -1.2rem;
  right: 0;
  bottom: auto;
  left: 0;
  width: 70%;
  height: 1.6rem;
  margin: auto;
  content: ""
}

.bl_hamburgerBtn_txt div span {
  display: inline-block
}

.bl_hamburgerBtn_txt div.js_after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #ffe000
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 40%;
  margin: auto;
  transform: translateY(-50%);
  pointer-events: auto
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger svg {
  width: 100%;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.59, -.82, .79, .39)
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger svg path {
  fill: #ffe000
}

.bl_headerNav_sm {
  visibility: hidden
}

.is_smMenu_open .bl_headerNav_sm {
  visibility: visible
}

.bl_headerNav_sm_inner {
  width: min(100% - 3.2rem, 119.2rem);
  margin: 0 auto;
  padding-top: 12rem;
  padding-right: 3.2rem;
  padding-bottom: 8rem
}

.bl_headerNav_sm_inner.__pdR0 {
  padding-right: 0
}

.bl_lgMenu {
  display: flex;
  justify-content: space-between
}

.bl_lgMenu_blocksWrapper {
  width: calc(50% - 2rem)
}

.bl_lgMenu_block {
  position: relative
}

.bl_lgMenu_block:not(:first-child) {
  margin-top: 4rem
}

.bl_lgMenu_block.__hasTitle {
  margin-top: 8rem
}

.bl_lgMenu_block .blockTitle {
  position: absolute;
  top: -4rem;
  left: 0;
  color: #fff;
  font-size: 2.4rem
}

.bl_lgMenu_block.__bigMenu {
  padding: 4rem 3.2rem;
  border-radius: .8rem;
  background-color: #fff
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper {
  display: flex;
  justify-content: space-between
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion {
  position: relative;
  width: 100%;
  max-width: calc(50% - .8rem);
  margin: 0
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list {
  width: 100%;
  overflow: hidden
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.2rem .8rem;
  border-radius: .4rem;
  color: #3b4043;
  cursor: pointer
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
  display: flex;
  align-items: center;
  margin-right: 1.6rem
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title h3 {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper {
  position: relative;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #ffe000;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .8rem;
  height: .8rem;
  margin: auto
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: .2rem;
  background-color: #232323;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(1) {
  top: .3rem;
  transform: rotate(0)
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(1) {
  display: none
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(180deg)
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content {
  visibility: hidden;
  position: relative
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner {
  padding: .8rem 3.2rem;
  background-color: #f6f7f9
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner a {
  display: block;
  padding: .8rem 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list:not(:first-of-type) .bl_accordion_content {
  height: 0
}

.bl_lgMenu_block.__flexBlockWrapper {
  --negativeMargin: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: calc(var(--negativeMargin) * -1)
}

.bl_lgMenu_block.__flexBlockWrapper .flexBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 1.2rem);
  height: 14rem;
  margin-bottom: var(--negativeMargin);
  border-radius: .8rem;
  background-color: #fff;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__flexBlockWrapper .flexBlock .bl_lgMenu_block_heading {
  margin-bottom: 0
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list {
  --titleHeight: 8rem;
  overflow: hidden;
  border-radius: calc(var(--titleHeight) / 2);
  background-color: #fff;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list:not(:first-child) {
  margin-top: 1.6rem
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 4rem;
  line-height: var(--titleHeight);
  white-space: nowrap;
  cursor: pointer
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
  display: flex;
  align-items: center
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
  color: #002d7b;
  font-weight: 700;
  font-size: 2rem
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper {
  flex-shrink: 0;
  width: 1.3rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper svg {
  width: 100%
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_iconWrapper {
  transform: rotate(180deg)
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content {
  visibility: hidden;
  position: relative
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner {
  padding: 0 4rem 4rem
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a {
  display: flex;
  padding: 1.2rem 0 1.2rem 2.4rem;
  border-radius: .4rem;
  color: #002d7b;
  font-weight: 700;
  font-size: 1.6rem;
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a svg {
  width: 1.2rem;
  margin-right: 1.6rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a:nth-child(odd) svg path {
  fill: #ffe000
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a:nth-child(2n) svg path {
  fill: #002d7b
}

.bl_lgMenu_block.__accordionWrapper .bl_accordion_list:not(:first-of-type) .bl_accordion_content {
  height: 0
}

.bl_lgMenu_block_heading {
  margin-bottom: 2.4rem;
  text-align: center
}

.bl_lgMenu_block_heading>*:last-child {
  margin-bottom: 0
}

.bl_lgMenu_block_heading .logo {
  width: min(100% - 3.2rem, 12rem);
  margin-bottom: 1.6rem
}

.bl_lgMenu_block_heading h2 {
  margin-bottom: .4rem;
  color: #002d7b;
  font-size: 2.4rem
}

.bl_lgMenu_block_heading p {
  font-weight: 700;
  font-size: 1.4rem
}

.bl_smMenu {
  display: none
}

.bl_smMenu .bl_accordion_parent {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto
}

.bl_smMenu .bl_accordion_parent_list {
  --titleHeight: 4rem;
  overflow: hidden;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_smMenu .bl_accordion_parent_list:not(:first-child) {
  margin-top: 1.6rem
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: var(--titleHeight);
  white-space: nowrap;
  cursor: pointer
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title .bl_accordion_parent_titleWrapper {
  display: flex;
  align-items: center
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title .bl_accordion_parent_titleWrapper h3 {
  color: #fff;
  font-size: 1.6rem
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title .bl_accordion_parent_iconWrapper {
  flex-shrink: 0;
  width: 1rem;
  margin: 0 0 .4rem 1.6rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title .bl_accordion_parent_iconWrapper svg {
  width: 100%
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title .bl_accordion_parent_iconWrapper svg path {
  fill: #fff
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_title[aria-expanded=true] .bl_accordion_parent_iconWrapper {
  margin: .4rem 0 0 1.6rem;
  transform: rotate(180deg)
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content {
  visibility: hidden;
  position: relative
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner {
  padding: 0 1.2rem
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a {
  display: flex;
  padding: 1.2rem 0 1.2rem 1.6rem;
  border-radius: .4rem;
  color: #002d7b;
  font-weight: 700;
  font-size: 1.6rem;
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a svg {
  width: 1.2rem;
  margin-right: 1.6rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a:nth-child(odd) svg path {
  fill: #ffe000
}

.bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a:nth-child(2n) svg path {
  fill: #002d7b
}

.bl_smMenu .bl_accordion_parent_list:not(:first-of-type) .bl_accordion_parent_content {
  height: 0
}

.bl_smMenu .bl_accordion_child {
  position: relative;
  width: 100%;
  margin: 0
}

.bl_smMenu .bl_accordion_child_list {
  width: 100%;
  overflow: hidden
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem 0 1.6rem 1.6rem;
  cursor: pointer
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_titleWrapper {
  display: flex;
  align-items: center;
  margin-right: 1.6rem
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title h3 {
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_iconWrapper {
  position: relative;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #ffe000;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_iconWrapper .bl_accordion_child_icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .8rem;
  height: .8rem;
  margin: auto
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_iconWrapper .bl_accordion_child_icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: .2rem;
  background-color: #232323;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_iconWrapper .bl_accordion_child_icon span:nth-of-type(1) {
  top: .3rem;
  transform: rotate(0)
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title .bl_accordion_child_iconWrapper .bl_accordion_child_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title[aria-expanded=true] .bl_accordion_child_icon span:nth-of-type(1) {
  display: none
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_title[aria-expanded=true] .bl_accordion_child_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(180deg)
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content {
  position: relative
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content_inner {
  padding: 1.6rem 2.4rem;
  border-radius: .8rem;
  background-color: #fff0;
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content_inner a {
  display: block;
  padding: .8rem 0;
  color: #232323;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content_inner a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content_inner a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_smMenu .bl_accordion_child_list .bl_accordion_child_content[aria-hidden=false] .bl_accordion_child_content_inner {
  background-color: #fff
}

.bl_smMenu .bl_accordion_child_list:not(:first-of-type) .bl_accordion_child_content {
  height: 0
}

.bl_smMenu .bl_footerCopyright {
  display: block;
  margin-top: 4rem;
  color: #fffc;
  font-size: 1.4rem;
  text-align: center
}

.bl_headerNav {
  position: relative;
  margin-right: 4rem
}

.bl_headerNav_wrapper {
  display: flex;
  z-index: 0;
  align-items: center
}

.bl_headerNav_list {
  display: inline-block
}

.bl_headerNav_list:not(:last-child) {
  margin-right: 3.2rem
}

.bl_headerNav_list_wrapper {
  display: flex;
  align-items: center
}

.bl_headerNav_list .bl_headerNav_btn {
  position: relative;
  height: var(--headerHeight);
  color: #232323;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: var(--headerHeight);
  letter-spacing: 0
}

.bl_headerNav_list.__withMenu {
  display: flex
}

.bl_headerNav_list.__withMenu .bl_headerNav_btn {
  padding-right: .8rem
}

.bl_headerNav_list.__withMenu svg {
  width: 1rem;
  height: auto
}

.bl_lgNav {
  -ms-overflow-style: none;
  visibility: hidden;
  z-index: 99999;
  position: absolute;
  top: 100%;
  right: 3.2rem;
  bottom: auto;
  left: auto;
  width: min(100% - 3.2rem, 88rem);
  max-height: calc(96vh - var(--headerHeight));
  padding: 3.2rem 4rem;
  overflow-y: auto;
  border-radius: 1.6rem;
  background-color: #fff;
  box-shadow: 0 3px 26px #00000014;
  opacity: 0;
  scrollbar-width: none
}

.bl_lgNav_bg {
  visibility: hidden;
  z-index: 99998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000038;
  pointer-events: none
}

.bl_lgNav::-webkit-scrollbar {
  display: none
}

.bl_lgNav_cont {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.bl_lgNav_cont_title {
  --paddingLeft: 2.4rem;
  flex-shrink: 0;
  width: 24rem;
  border-right: .1rem dashed rgba(112, 112, 112, .4)
}

.bl_lgNav_cont_title .title {
  position: relative;
  padding-left: var(--paddingLeft);
  color: #002d7b;
  font-size: 2.4rem
}

.bl_lgNav_cont_title .title:before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
  border-radius: 50%;
  background-color: #ffe000;
  content: ""
}

.bl_lgNav_cont_title .txt {
  margin-top: .8rem;
  padding-left: var(--paddingLeft);
  font-weight: 500;
  font-size: 1.2rem
}

.bl_lgNav_cont_list_wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 4rem
}

.bl_lgNav_cont_list_wrapper .bl_accordion {
  position: relative;
  width: 100%;
  max-width: calc(50% - .8rem);
  margin: 0
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list {
  width: 100%;
  overflow: hidden
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.2rem .8rem;
  border-radius: .4rem;
  color: #3b4043;
  cursor: pointer
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
  display: flex;
  align-items: center;
  margin-right: 1.6rem
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title h3 {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper {
  position: relative;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #ffe000;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .8rem;
  height: .8rem;
  margin: auto
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: .2rem;
  background-color: #232323;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(1) {
  top: .3rem;
  transform: rotate(0)
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(1) {
  display: none
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(2) {
  top: .3rem;
  transform: rotate(180deg)
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content {
  visibility: hidden;
  position: relative
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner {
  padding: .8rem 3.2rem;
  background-color: #f6f7f9
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner a {
  display: block;
  padding: .8rem 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.bl_lgNav_cont_list_wrapper .bl_accordion_list:not(:first-of-type) .bl_accordion_content {
  height: 0
}

.bl_footer {
  margin-top: 8rem
}

.bl_footer.__mt0 {
  margin-top: 0
}

.bl_footer_recommendRoot {
  padding: 8rem 0 10.4rem
}

.bl_footer_recommendRoot.__bgGrey {
  background-color: #f0f3f5
}

.bl_footer_recommendRoot .bl_accordion {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto
}

.bl_footer_recommendRoot .bl_accordion_list {
  --titleHeight: 8rem;
  overflow: hidden;
  border-radius: calc(var(--titleHeight) / 2);
  background-color: #fff;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_footer_recommendRoot .bl_accordion_list:not(:first-child) {
  margin-top: 1.6rem
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 4rem;
  line-height: var(--titleHeight);
  white-space: nowrap;
  cursor: pointer
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
  display: flex;
  align-items: center
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
  color: #002d7b;
  font-weight: 700;
  font-size: 2rem
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper {
  flex-shrink: 0;
  width: 1.3rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper svg {
  width: 100%
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_iconWrapper {
  transform: rotate(180deg)
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content {
  visibility: hidden;
  position: relative
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner {
  padding: 0 4rem 4rem
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a {
  display: flex;
  padding: 1.2rem 0 1.2rem 2.4rem;
  border-radius: .4rem;
  color: #002d7b;
  font-weight: 700;
  font-size: 1.6rem;
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a svg {
  width: 1.2rem;
  margin-right: 1.6rem;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-timing-function: cubic-bezier(.28, .8, .36, 1.81)
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a:nth-child(odd) svg path {
  fill: #ffe000
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a:nth-child(2n) svg path {
  fill: #002d7b
}

.bl_footer_recommendRoot .bl_accordion_list:not(:first-of-type) .bl_accordion_content {
  height: 0
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title {
  transition: all .4s;
  transition-property: background-color;
  transition-timing-function: ease-out
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title h3 {
  transition: all .4s;
  transition-property: color;
  transition-timing-function: ease-out
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper svg path {
  transition: all .4s;
  transition-property: fill;
  transition-timing-function: ease-out
}

.bl_footer_recommendRoot .bl_accordion_list.__bgGrey {
  border: .2rem solid #002d7b
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1.6rem
}

.bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a {
  width: 50%;
  padding-left: 6.4rem
}

.bl_footer_bottomArea {
  --menuPadding: 3.2rem;
  width: 100%;
  padding: 14rem 0 3.2rem;
  background-color: #232323
}

.bl_footer_bottomArea_menu_list {
  display: flex;
  padding: 4.8rem var(--menuPadding);
  border-top: .1rem dashed rgba(255, 255, 255, .8);
  color: #fff
}

.bl_footer_bottomArea_menu_list .title {
  flex-shrink: 0;
  width: 17.3rem;
  font-size: 1.6rem
}

.bl_footer_bottomArea_menu_list .title.link {
  width: auto
}

.bl_footer_bottomArea_menu_list .title.link a {
  color: #fff
}

.bl_footer_bottomArea_menu_list .title.link:not(:last-child) {
  margin-right: 4.8rem
}

.bl_footer_bottomArea_menu_list ul {
  --negativeMargin: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--negativeMargin) * -1)
}

.bl_footer_bottomArea_menu_list ul li {
  margin: 0 3.2rem var(--negativeMargin) 0
}

.bl_footer_bottomArea_menu_list ul li a {
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem
}

.bl_footer_bottomArea_bottomLinks {
  display: flex;
  padding: 0 var(--menuPadding)
}

.bl_footer_bottomArea_bottomLinks a {
  color: #ffffff80;
  font-size: 1.6rem
}

.bl_footer_bottomArea_bottomLinks a:not(:last-child) {
  margin-right: 4.8rem
}

.bl_footer_bottomArea .bl_footerCopyright {
  display: block;
  margin-top: 12rem;
  color: #fffc;
  font-size: 1.4rem;
  text-align: center
}

.bl_subFv {
  position: relative;
  margin-bottom: 5.6rem;
  padding-top: 20rem;
  text-align: center
}

.bl_subFv.__withBgTitle {
  height: 40rem
}

.bl_subFv.__mbLv1 {
  margin-bottom: 8rem
}

.bl_subFv.__contact {
  padding: 0;
  text-align: left
}

.bl_subFv>*:last-child {
  margin-bottom: 0 !important
}

.bl_subFv .engTitle {
  color: #002d7b;
  font-size: 8rem
}

.bl_subFv .jpSubTitle {
  margin-top: 1.2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.3
}

.bl_subFv .title {
  margin-bottom: 3.2rem;
  color: #002d7b;
  font-weight: 700;
  font-size: 4.8rem
}

.bl_subFv .description {
  color: #3b4043;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6
}

.bl_subFv .description:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_subFv .description:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_subFv .newsArchiveDesc {
  margin-top: 4rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6
}

.bl_subFv .newsArchiveDesc:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_subFv .newsArchiveDesc:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_subFv .el_bgTitle {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -10.4rem;
  left: 50%;
  transform: translate(-50%)
}

.bl_greyBgBlock {
  padding: 6.4rem 0;
  border-radius: .8rem;
  background-color: #f6f7f9
}

.el_article>*:first-child {
  margin-top: 0 !important
}

.el_article>*:last-child {
  margin-bottom: 0 !important
}

.el_article.el_column img {
  margin: inherit
}

.el_article.el_column p {
  margin: inherit;
  line-height: inherit
}

.el_article.el_column h1,
.el_article.el_column h2,
.el_article.el_column h3,
.el_article.el_column h4,
.el_article.el_column h5,
.el_article.el_column h6 {
  margin-top: 0
}

.el_article.el_column h1,
.el_article.el_column h2 {
  padding-left: 20px
}

.el_article.el_column h1:before,
.el_article.el_column h2:before {
  border-radius: 0;
  background: #002d7b
}

.el_article.el_column h3 {
  border-bottom: 1px solid #ccd5e3;
  font-weight: 700;
  font-size: 24px
}

.el_article.el_column h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 20px;
  text-align: left
}

.el_article.el_column h4:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #002d7b;
  content: ""
}

.el_article.el_column h5,
.el_article.el_column h6 {
  font-size: 18px
}

.el_article.el_column ul li:not(:first-child),
.el_article.el_column ol li:not(:first-child) {
  margin-top: .2em
}

.el_article.el_column table tr:nth-child(2n) {
  background-color: #fff
}

.el_article.el_column table tr:nth-child(odd) {
  background-color: #fff
}

.el_article.el_column table tr>*:not(:last-child):after {
  content: none
}

.el_article.el_column table th {
  background-color: #f8f9fa
}

.el_article.el_column table th,
.el_article.el_column table td {
  border: 1px solid #e5eaf1
}

.el_article h1,
.el_article h2 {
  position: relative;
  margin: 4rem 0 3.2rem;
  padding-left: 3.2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6
}

.el_article h1:before,
.el_article h2:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: .8rem;
  height: 100%;
  margin: auto;
  border-radius: .8rem;
  background-color: #ffe000;
  content: ""
}

.el_article h4 {
  text-align: center
}

.el_article h3,
.el_article h4,
.el_article h5,
.el_article h6 {
  margin: 3.2rem 0;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.6
}

.el_article p {
  margin: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2
}

.el_article p a {
  display: inline;
  color: #002d7b;
  text-decoration: underline
}

.el_article p.has-text-align-left {
  text-align: left
}

.el_article p.has-text-align-center {
  text-align: center
}

.el_article p.has-text-align-right {
  text-align: right
}

.el_article ul,
.el_article ol {
  margin: 4.8rem 0
}

.el_article ul li,
.el_article ol li {
  position: relative;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  line-height: 2;
  list-style: none
}

.el_article ul li strong:first-of-type,
.el_article ol li strong:first-of-type {
  display: block;
  margin-bottom: .8rem;
  padding-bottom: .8rem;
  border-bottom: .1rem dashed rgba(34, 34, 34, .4);
  color: #232323;
  font-size: 1.8rem
}

.el_article ul li a,
.el_article ol li a {
  display: inline;
  color: #002d7b;
  text-decoration: underline
}

.el_article ul li:not(:first-child),
.el_article ol li:not(:first-child) {
  margin-top: 3.2rem
}

.el_article ul li:after,
.el_article ol li:after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0
}

.el_article ul li:after {
  top: 1.4rem;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background-color: #002d7b;
  content: ""
}

.el_article ol li {
  counter-increment: listNum
}

.el_article ol li:after {
  top: 0rem;
  content: "" counter(listNum) "";
  color: #002d7b;
  font-weight: 700;
  font-size: 1.8rem
}

.el_article blockquote {
  position: relative;
  margin: 4.8rem 0;
  padding: 4rem 3.2rem 2.4rem;
  border-radius: .8rem;
  background-color: #f6f7f9
}

.el_article blockquote:before {
  position: absolute;
  top: -.6rem;
  left: 1.3rem;
  width: 2.4rem;
  height: 2.4rem;
  margin: auto;
  background-image: url(assets/images/element/icon/quote.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.el_article blockquote p {
  margin: 0;
  font-weight: 700
}

.el_article blockquote a {
  display: inline
}

.el_article blockquote cite {
  display: inline-block;
  width: 100%;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: right;
  opacity: .48
}

.el_article blockquote cite a {
  display: inline
}

.el_article table {
  width: 100%;
  margin: 4.8rem 0;
  border-collapse: collapse
}

.el_article table tr:nth-child(2n) {
  background-color: #fff
}

.el_article table tr:nth-child(odd) {
  background-color: #fbfbfc
}

.el_article table tr>* {
  position: relative
}

.el_article table tr>*:not(:last-child):after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: .1rem;
  height: 88%;
  margin: auto;
  background-color: #70707066;
  content: ""
}

.el_article table th,
.el_article table td {
  padding: 1.6rem
}

.el_article table th {
  background-color: #cdd6dd;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center
}

.el_article table td {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8
}

.el_article strong {
  color: #002d7b;
  font-weight: 700
}

.el_article img {
  display: block;
  width: auto;
  margin: 4.8rem auto
}

.el_article figure {
  margin: 4.8rem 0
}

.el_article figure img {
  margin-bottom: 0
}

.el_article figure figcaption {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 2;
  text-align: center
}

.el_article figure figcaption:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.5em;
  content: ""
}

.el_article figure figcaption:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.5em;
  content: ""
}

.el_article .wp-block-columns {
  display: flex;
  justify-content: space-between
}

.el_article .wp-block-columns .wp-block-column {
  width: calc(50% - 2.4rem)
}

.bl_greyBgBlock .el_article blockquote {
  background-color: #fff
}

.pg_terms .el_article h2 {
  display: block;
  margin: 4rem 0 3.2rem;
  padding-left: 0;
  padding: 2.4rem 1.2rem;
  border-radius: 100vh;
  background-color: #002d7b;
  color: #fff;
  text-align: center
}

.pg_terms .el_article h2:before {
  display: none
}

.pg_terms .el_article h3 {
  text-align: center
}

.bl_hexagonMedia {
  display: flex;
  align-items: center
}

.bl_hexagonMedia:not(:first-child) {
  margin-top: 6.4rem
}

.bl_hexagonMedia .thumbnailBlock,
.bl_hexagonMedia .contBlock {
  width: 50%
}

.bl_hexagonMedia .thumbnailBlock {
  position: relative
}

.bl_hexagonMedia .thumbnailBlock .el_thumb {
  -webkit-mask-image: url(assets/images/element/icon/hexagonMask.svg);
  mask-image: url(assets/images/element/icon/hexagonMask.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

.bl_hexagonMedia .thumbnailBlock .el_thumb_bg {
  padding-top: 100%
}

.bl_hexagonMedia .thumbnailBlock.__rotateMinus .el_thumb {
  transform: rotate(45deg)
}

.bl_hexagonMedia .thumbnailBlock.__rotateMinus .el_thumb_bg img,
.bl_hexagonMedia .thumbnailBlock.__rotatePlus .el_thumb {
  transform: rotate(-45deg)
}

.bl_hexagonMedia .thumbnailBlock.__rotatePlus .el_thumb_bg img {
  transform: rotate(45deg)
}

.bl_hexagonMedia:not(.__reverse) .thumbnailBlock {
  margin-right: 8rem
}

.bl_hexagonMedia.__reverse {
  flex-direction: row-reverse
}

.bl_hexagonMedia.__reverse .thumbnailBlock {
  margin-left: 8rem
}

.bl_hexagonMedia .contBlock.__message .profile {
  color: #3b4043;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.6
}

.bl_hexagonMedia .contBlock.__member .titleBlock {
  margin-bottom: 3.2rem;
  padding-bottom: 1.6rem;
  border-bottom: .1rem dashed #707070
}

.bl_hexagonMedia .contBlock.__member .titleBlock .positionsBlock {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem
}

.bl_hexagonMedia .contBlock.__member .titleBlock .positionsBlock .position {
  margin-right: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem
}

.bl_hexagonMedia .contBlock.__member .titleBlock .positionsBlock a {
  width: 4rem;
  margin-left: 1.2rem
}

.bl_hexagonMedia .contBlock.__member .titleBlock .name {
  font-weight: 700;
  font-size: 2.4rem;
  text-align: left
}

.bl_hexagonMedia .contBlock.__member .profileTxt {
  font-size: 1.4rem;
  line-height: 1.8
}

.bl_hexagonMedia .contBlock.__noThumbnail {
  width: 100%
}

.bl_pageGuideList li {
  display: flex;
  align-items: center;
  padding: 2.4rem 3.2rem;
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.bl_pageGuideList li:nth-child(2n) {
  background-color: #fbfbfc
}

.bl_pageGuideList li:nth-child(odd) {
  background-color: #fff
}

.bl_pageGuideList li .title,
.bl_pageGuideList li a {
  line-height: 1.6
}

.bl_pageGuideList li .title:before,
.bl_pageGuideList li a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_pageGuideList li .title:after,
.bl_pageGuideList li a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_pageGuideList li .title {
  width: 35rem;
  font-weight: 700;
  font-size: 1.6rem
}

.bl_pageGuideList li a {
  font-weight: 500;
  font-size: 1.6rem;
  text-decoration: underline
}

.pg_column {
  margin-bottom: 8rem
}

.pg_column .blockTitle {
  margin-block: 100px 30px;
  color: #232323;
  font-weight: 700;
  font-size: 2.4rem
}

.bl_columnList {
  flex: 1
}

.bl_columnList li {
  padding: 2.4rem 3.2rem 3.2rem .8rem;
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.bl_columnList li:last-child {
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.bl_columnList li img {
  aspect-ratio: 3/2;
  width: clamp(130px, 20.0064px + 11.458vw, 240px);
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px
}

.bl_columnList_item {
  display: flex;
  align-items: center;
  gap: 1rem clamp(16px, -3.6px + 3.5vw, 30px)
}

.bl_columnList_cont {
  width: 100%
}

.bl_columnList_cont .title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.bl_columnList_cont .tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  gap: 4px 10px
}

.bl_columnList_cont .tag span {
  color: #7c7c7c;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 2.4rem;
  white-space: nowrap
}

.el_columnListInfo {
  display: flex;
  align-items: center;
  margin-bottom: 1rem
}

.el_columnListInfo .date {
  margin-right: 1.6rem;
  font-size: 1.6rem
}

.el_columnListInfo .cate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  gap: 4px 10px
}

.el_columnListInfo .cate span {
  padding: 0 1.6rem;
  border-radius: 2.4rem;
  background-color: #002d7b;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  white-space: nowrap
}

.bl_newsList li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 3.2rem 3.2rem .8rem;
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.bl_newsList li a svg {
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_newsList li a svg path {
  fill: #002d7b
}

.bl_newsList li:first-child a {
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.bl_newsList_cont {
  padding-right: 2.4rem
}

.bl_newsList_cont .title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.bl_newsList_arrow {
  flex-shrink: 0;
  width: 1.6rem
}

.bl_newsList_arrow svg {
  width: 100%
}

.el_newsListInfo {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem
}

.el_newsListInfo .date {
  margin-right: 1.6rem;
  font-size: 1.6rem
}

.el_newsListInfo .cate {
  display: inline-block;
  padding: 0 1.6rem;
  border-radius: 2.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem
}

.el_newsListInfo .cate.__lblue {
  background-color: #698bc7
}

.el_newsListInfo .cate.__lblue2 {
  background-color: #004bb1
}

.el_newsListInfo .cate.__yellow {
  background-color: #ffe000;
  color: #002d7b
}

.el_newsListInfo .cate.__blue {
  background-color: #002d7b
}

.bl_linkList li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem 3.2rem 3.2rem .8rem;
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.bl_linkList li a .title {
  padding-right: 2.4rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.bl_linkList li a svg {
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_linkList li a svg path {
  fill: #002d7b
}

.bl_linkList li:first-child a {
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.bl_categoryList .bl_categoryList_block {
  padding-block: clamp(40px, -.0064px + 4.167vw, 80px)
}

.bl_categoryList .bl_categoryList_block:nth-child(odd) {
  background: #f6f7f9
}

.bl_categoryList .bl_categoryList_block .bl_categoryList_block_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.2rem;
  color: #232323;
  font-weight: 700;
  font-size: 3.2rem
}

.bl_categoryList .bl_categoryList_block .bl_categoryList_block_title .el_btn_withArrow {
  color: #002d7b
}

.bl_categoryList .bl_categoryList_block .bl_categoryList_block_title .el_btn_withArrow svg {
  fill: currentColor
}

.bl_categoryList .bl_categoryList_block .bl_categoryList_block_title .el_btn_withArrow svg .arrow {
  color: #fff
}

.bl_categoryList .bl_categoryList_block .bl_categoryList_items {
  display: flex;
  gap: 30px clamp(20px, -20.0064px + 4.167vw, 60px)
}

.bl_categoryList .bl_categoryList_block .bl_columnList_item {
  flex-direction: column;
  width: 100%;
  max-width: clamp(160px, -.0064px + 16.667vw, 320px)
}

.bl_categoryList .bl_categoryList_block img {
  aspect-ratio: 8/5;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px
}

.bl_recommendList {
  position: relative;
  padding-block: clamp(50px, .0064px + 5.208vw, 100px);
  background: #f6f7f9
}

.bl_recommendList .bl_recommendList_wrap {
  width: 100vw;
  min-height: clamp(320px, -80.0064px + 41.667vw, 720px);
  margin-inline: auto;
  overflow: hidden
}

.bl_recommendList .bl_recommendList_wrap .splide__list {
  align-items: center
}

.bl_recommendList .bl_recommendList_wrap .splide__slide {
  justify-items: center;
  opacity: .75;
  transition: opacity .3s ease-in-out
}

.bl_recommendList .bl_recommendList_wrap .splide__slide .bl_columnList_item {
  flex-direction: column;
  width: clamp(343px, -113.9968px + 47.604vw, 800px);
  margin-right: 2%;
  transition: width .3s ease-in-out
}

.bl_recommendList .bl_recommendList_wrap .splide__slide.is-active {
  opacity: 1
}

.bl_recommendList .bl_recommendList_wrap .splide__slide.is-active .bl_columnList_item {
  width: clamp(343px, -314.0096px + 68.438vw, 1000px)
}

.bl_recommendList .bl_recommendList_wrap img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px
}

.bl_recommendList .splide__arrows .splide__arrow {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 60px;
  cursor: pointer
}

.bl_recommendList .splide__arrows .splide__arrow.splide__arrow--prev {
  transform: translate(calc(clamp(250px, -50px + 31.25vw, 550px)*-1))
}

.bl_recommendList .splide__arrows .splide__arrow.splide__arrow--next {
  transform: translate(clamp(250px, -50px + 31.25vw, 550px)) rotate(180deg)
}

.bl_recommendList .splide__arrows .splide__arrow svg {
  fill: #ffe000
}

.bl_recommendList .splide__arrows .splide__arrow svg .arrow {
  fill: #002d7b
}

.bl_recommendList .splide__pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 10px
}

.bl_recommendList .splide__pagination li {
  display: inline-block;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  pointer-events: auto
}

.bl_recommendList .splide__pagination .splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  border: 1px solid #012d7b;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s linear
}

.bl_recommendList .splide__pagination .splide__pagination__page.is-active {
  background: #012d7b
}

.bl_recommendList .splide__pagination .splide__pagination__page:hover {
  background: #012d7b;
  cursor: pointer;
  opacity: .7
}

.bl_ctaBtn {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 14rem 8rem;
  background-color: #002d7b
}

.bl_ctaBtn .bgImg {
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  left: auto;
  width: auto;
  height: calc(100% - 4rem);
  margin: auto
}

.bl_hexagonsList {
  padding: 12rem 0
}

.bl_hexagonsList ul {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap
}

.bl_hexagonsList ul:first-child {
  margin-bottom: 12rem
}

.bl_hexagonsList li {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 42rem;
  height: 28rem;
  margin: 0 1.6rem
}

.bl_hexagonsList li .hexagonBg {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-block-size: initial;
  margin: auto;
  -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, .08));
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, .08));
  pointer-events: none
}

.bl_hexagonsList.__gapLv1 ul {
  margin-left: -12rem
}

.bl_hexagonsList_cont {
  z-index: 10;
  position: relative;
  width: 100%;
  padding: 0 4rem;
  text-align: center;
  white-space: initial
}

.bl_hexagonsList_cont>*:last-child {
  margin-bottom: 0 !important
}

.bl_hexagonsList_cont .el_headingBlock_jpTitle {
  margin-bottom: .4rem;
  line-height: 1.3
}

.bl_hexagonsList_cont .el_headingBlock_jpTitle:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * .5em);
  content: ""
}

.bl_hexagonsList_cont .el_headingBlock_jpTitle:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * .5em);
  content: ""
}

.bl_hexagonsList_cont .el_textBlock_jpDesc {
  margin-bottom: 1.2rem;
  color: #002d7b
}

.bl_hexagonsList_cont .el_textBlock_jpDesc a {
  display: inline
}

.bl_hexagonsList_cont .logo {
  display: block;
  width: min(100%, 19rem);
  margin: 1.2rem auto
}

.bl_hexagonsList_cont .el_textBlock_jpTxt {
  width: 100%;
  margin: 1.6rem 0;
  font-weight: 500
}

.bl_sideBar {
  padding: 3.2rem;
  border-radius: .8rem;
  background-color: #f6f7f9
}

.bl_sideBar+.bl_sideBar {
  margin-top: 3.2rem
}

.bl_sideBar .el_btn {
  width: 100%
}

.bl_sideBar_searchForm {
  position: relative
}

.bl_sideBar_searchForm input {
  width: 100%;
  height: 4.8rem;
  padding: 0 2.4rem;
  overflow: hidden;
  border: .2rem solid transparent;
  border-radius: .8rem;
  background-color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 4.8rem;
  vertical-align: middle;
  cursor: pointer
}

.bl_sideBar_searchForm input::-webkit-input-placeholder {
  color: #23232380
}

.bl_sideBar_searchForm input::-moz-placeholder {
  color: #23232380
}

.bl_sideBar_searchForm input::placeholder {
  color: #23232380
}

.bl_sideBar_searchForm input:-ms-input-placeholder {
  color: #23232380
}

.bl_sideBar_searchForm input::-ms-input-placeholder {
  color: #23232380
}

.bl_sideBar_searchForm button {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0 .8rem .8rem 0;
  background-color: #ffe000;
  cursor: pointer
}

.bl_sideBar_searchForm button svg {
  width: 1.4rem
}

.bl_sideBar_searchForm button svg path {
  fill: #fff;
  transition: all .4s;
  transition-timing-function: ease-out
}

.bl_sideBar_block:not(:first-child) {
  padding-top: 1.6rem;
  border-top: .1rem solid #707070
}

.bl_sideBar_block:not(:last-child) {
  padding-bottom: 1.6rem
}

.bl_sideBar_block.__top .el_btn {
  margin-bottom: 1.6rem
}

.bl_sideBar_block_title {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center
}

.bl_sideBar_block_btnList {
  margin-bottom: -.8rem
}

.bl_sideBar_block_btnList li {
  margin-bottom: .8rem
}

.bl_sideBar_block_btnList.__twoColumn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.bl_sideBar_block_btnList.__twoColumn li {
  width: calc(50% - .4rem)
}

.bl_sideBar_block_btnList.__flexWrap {
  display: inline-flex;
  -moz-column-gap: .8rem;
  column-gap: .8rem;
  flex-wrap: wrap
}

.bl_sideBar_block_btnList.__flexWrap li,
.bl_sideBar_block_btnList.__flexWrap li .el_btn {
  display: inline-block;
  width: auto
}

.bl_sideBar_popular {
  margin-bottom: -1.6rem;
  counter-reset: number 0
}

.bl_sideBar_popular li+li {
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.bl_sideBar_popular .bl_sideBar_popular__txt {
  display: flex;
  align-items: baseline;
  padding-block: 1.6rem;
  gap: 10px;
  color: #002d7b;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5
}

.bl_sideBar_popular .bl_sideBar_popular__txt span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  overflow: hidden
}

.bl_sideBar_popular .bl_sideBar_popular__txt:before {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: clamp(20px, 9.9936px + 1.042vw, 30px);
  height: clamp(20px, 9.9936px + 1.042vw, 30px);
  border-radius: 50%;
  background: #002d7b;
  content: counter(number);
  color: #fff;
  counter-increment: number 1
}

.bl_snsShare {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6.4rem;
  padding: 3.2rem 0;
  border-top: .1rem solid rgba(34, 34, 34, .15);
  border-bottom: .1rem solid rgba(34, 34, 34, .15)
}

.bl_snsShare .title {
  display: inline-block;
  position: relative;
  padding-right: 4.8rem;
  font-size: 1.6rem
}

.bl_snsShare .title:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 3.2rem;
  height: .1rem;
  margin: auto;
  background-color: #707070;
  content: ""
}

.bl_snsShare ul {
  display: flex
}

.bl_snsShare ul li {
  width: 4.8rem;
  margin-left: .8rem
}

.bl_snsShare ul li:first-child {
  margin-left: 1.6rem
}

.bl_snsShare ul li a,
.bl_snsShare ul li button {
  cursor: pointer
}

.bl_snsShare ul li a.is_copied,
.bl_snsShare ul li button.is_copied {
  position: relative
}

.bl_snsShare ul li a.is_copied:after,
.bl_snsShare ul li button.is_copied:after {
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  margin: auto;
  transform: translate(-50%);
  content: "Copied!";
  font-size: 1.2rem;
  font-family: Kanit, sans-serif
}

.bl_subPageIllust {
  display: flex;
  position: relative;
  justify-content: center
}

.bl_subPageIllust_view {
  position: relative;
  width: min(100%, 68rem);
  margin: 0 auto
}

.bl_subPageIllust .el_bgTitle {
  display: flex;
  top: 0;
  align-items: center;
  height: 100%
}

.bl_subPageIllust_description {
  margin-top: 3.2rem
}

.bl_subPageIllust_description_note {
  display: block;
  width: min(100%, 80rem);
  margin: 2.4rem auto 0;
  padding: 1.6rem 2.4rem;
  border-radius: .8rem;
  background-color: #f6f7f9;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6
}

.bl_subPageIllust_description_note span {
  display: block;
  color: #002d7b
}

.bl_cardUnit {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--gap));
  margin-bottom: calc(var(--negativeMargin) * -1);
  margin-left: calc(var(--gap) / 2 * -1)
}

.bl_cardUnit_list {
  display: inline-block;
  width: calc(var(--width) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--negativeMargin);
  text-align: left;
  vertical-align: top
}

.bl_cardUnit.__3col {
  --negativeMargin: 6.4rem;
  --gap: 4rem;
  --width: 33.33333%
}

.bl_cardUnit.__3col_S {
  --negativeMargin: 4rem;
  --gap: 4rem;
  --width: 33.33333%
}

.bl_cardUnit.__2col {
  --negativeMargin: 4rem;
  --gap: 5.6rem;
  --width: 50%
}

.bl_card_memberL {
  width: 100%;
  cursor: pointer
}

.bl_card_memberL .thumbnailBlock .el_thumb {
  -webkit-mask-image: url(assets/images/element/icon/hexagonMask.svg);
  mask-image: url(assets/images/element/icon/hexagonMask.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

.bl_card_memberL .thumbnailBlock .el_thumb_bg {
  padding-top: 100%
}

.bl_card_memberL .thumbnailBlock.__rotateMinus .el_thumb {
  transform: rotate(45deg)
}

.bl_card_memberL .thumbnailBlock.__rotateMinus .el_thumb_bg img,
.bl_card_memberL .thumbnailBlock.__rotatePlus .el_thumb {
  transform: rotate(-45deg)
}

.bl_card_memberL .thumbnailBlock.__rotatePlus .el_thumb_bg img {
  transform: rotate(45deg)
}

.bl_card_memberL .contBlock {
  margin-top: 2.4rem;
  text-align: center
}

.bl_card_memberL .contBlock .position {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem
}

.bl_card_memberL .contBlock .name {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 2.4rem
}

.bl_card_memberL .contBlock .snsList {
  display: flex;
  align-items: center;
  justify-content: center
}

.bl_card_memberL .contBlock .snsList img {
  width: 4rem;
  margin: 0 .8rem
}

.bl_card_memberS {
  width: 100%;
  padding: 3.2rem 1.2rem;
  background-color: #f6f7f9;
  text-align: center;
  cursor: pointer
}

.bl_card_memberS .position {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem
}

.bl_card_memberS .name {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 2.4rem
}

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

.bl_card_memberS .snsList img {
  width: 4rem;
  margin: 0 .8rem
}

.bl_animIllust {
  position: relative;
  -webkit-filter: drop-shadow(4px 4px 8px #ededed);
  filter: drop-shadow(4px 4px 8px #ededed)
}

.bl_animIllust img:not(.bg) {
  position: absolute
}

.bl_animIllust.__main .ring {
  top: 37%;
  right: -3%;
  width: 40%;
  animation: 2s ease-in-out .5s infinite alternate loop
}

.bl_animIllust.__main .sphere {
  top: 0;
  right: 9%;
  width: 30%;
  animation: 3s ease-in-out 1s infinite alternate loop2
}

.bl_animIllust.__main .box {
  top: 13%;
  left: 8%;
  width: 18%;
  animation: 2s ease-in-out 2s infinite alternate loop
}

.bl_animIllust.__main .rocket {
  bottom: 0;
  left: 0;
  width: 60%;
  animation: 1.2s ease-in-out .5s infinite alternate loop2
}

.bl_animIllust.__illust2 .item1 {
  top: 41%;
  right: 12%;
  width: 25%;
  animation: 2s ease-in-out .3s infinite alternate loop
}

.bl_animIllust.__illust2 .item2 {
  z-index: 1;
  top: 10%;
  left: 36%;
  width: 32%;
  animation: 4s ease-in-out 0s infinite alternate loop
}

.bl_animIllust.__illust2 .item3 {
  top: 10%;
  left: 0;
  width: 24%;
  animation: 2s ease-in-out .2s infinite alternate loop
}

.bl_animIllust.__illust2 .item4 {
  left: 10%;
  width: 46%;
  animation: 3s ease-in-out .5s infinite alternate loop
}

.bl_animIllust.__illust3 .item1 {
  top: 16%;
  left: 20%;
  width: 20%;
  animation: 2s ease-in-out .3s infinite alternate loop
}

.bl_animIllust.__illust3 .item2 {
  z-index: 1;
  top: 32%;
  right: 0%;
  width: 50%;
  animation: 3s ease-in-out 0s infinite alternate loop
}

@keyframes loop {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(4rem)
  }
}

@keyframes loop2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(2.4rem)
  }
}

#toc_container {
  margin-block: 80px;
  padding: 60px;
  border-radius: 10px;
  background: #f6f7f9
}

#toc_container .toc_title {
  margin-block: 0 40px;
  color: #002d7b;
  font-weight: 700;
  font-size: 3.2rem;
  text-align: center
}

#toc_container .toc_list>li {
  padding: 0
}

#toc_container .toc_list a {
  border-bottom: 1px solid #002d7b;
  color: inherit;
  font-size: 20px;
  text-decoration: none
}

#toc_container .toc_list .toc_number {
  margin-right: .5em;
  color: #002d7b;
  font-weight: 700
}

#toc_container :is(ul, ol) {
  margin: 0
}

#toc_container :is(ul, ol) li {
  margin: 0;
  list-style: none
}

#toc_container :is(ul, ol) li:after {
  content: none
}

.wp-pagenavi {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6.4rem
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  position: relative;
  width: 4rem;
  height: 4rem;
  font-weight: 700;
  font-size: 0
}

.wp-pagenavi .nextpostslink:after,
.wp-pagenavi .previouspostslink:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.wp-pagenavi .previouspostslink {
  margin-right: 1.6rem
}

.wp-pagenavi .previouspostslink:after {
  background-image: url(assets/images/element/icon/arrow-prev.svg)
}

.wp-pagenavi .nextpostslink {
  margin-left: 1.6rem
}

.wp-pagenavi .nextpostslink:after {
  background-image: url(assets/images/element/icon/arrow-next.svg)
}

.wp-pagenavi .page,
.wp-pagenavi .current {
  display: inline-block;
  position: relative;
  color: #002d7b;
  font-weight: 700;
  font-size: 2.4rem;
  font-family: Kanit, sans-serif
}

.wp-pagenavi .page:after,
.wp-pagenavi .current:after {
  visibility: hidden;
  position: absolute;
  bottom: -6px;
  left: -25%;
  width: 150%;
  height: 4px;
  background-color: #232323;
  content: ""
}

.wp-pagenavi .page {
  padding: 1.6rem;
  cursor: pointer
}

.wp-pagenavi .current {
  margin: 0 1.6rem;
  color: #232323
}

.wp-pagenavi .current:after {
  visibility: visible
}

.el_btn {
  --height: 6rem;
  position: relative;
  width: 16rem;
  height: var(--height);
  overflow: hidden;
  border-radius: var(--height);
  background-color: #002d7b;
  color: #fff;
  font-size: 1.6rem;
  text-align: center
}

.el_btn.__header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe000;
  color: #002d7b
}

.el_btn.__header svg {
  width: 1.6rem;
  height: auto
}

.el_btn.__header svg path {
  fill: #002d7b;
  transition: all .4s;
  transition-timing-function: ease-out
}

.el_btn.__header span {
  display: inline-block;
  margin-right: .8rem;
  margin-bottom: .2rem;
  font-weight: 500;
  line-height: 5rem
}

.el_btn.__simple {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 6.4rem;
  padding: 0 3.2rem;
  background-color: #f6f7f9;
  color: #232323;
  font-weight: 700
}

.el_btn.__simpleBox {
  border-radius: .8rem;
  font-weight: 700;
  font-size: 1.2rem
}

.el_btn.__simpleBox.__noArrow {
  height: 4rem;
  padding: 0 1.6rem;
  background-color: #fff;
  color: #232323;
  line-height: 4rem;
  text-align: left
}

.el_btn.__simpleBox.__withArrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.8rem;
  padding: 0 2.4rem;
  color: #fff;
  line-height: 4.8rem
}

.el_btn.__simpleBox.__withArrow svg {
  width: .6rem
}

.el_btn.__simpleBox.__withArrow svg path {
  fill: #fff;
  transition: all .4s;
  transition-timing-function: ease-out
}

.el_btn.__simpleBox.is_here {
  background-color: #002d7b;
  color: #fff
}

.el_btn.__cta {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: clamp(480px, 60px + 75vw, 780px);
  padding: clamp(40px, 12px + 5vw, 60px) clamp(20px, -36px + 10vw, 60px);
  border: clamp(4px, -1.6px + 1vw, 8px) solid #fff;
  border-radius: 9999px;
  background: #ffe000;
  box-shadow: 0 3px 6px #00000029;
  color: #002d7b;
  font-weight: 700;
  font-size: clamp(16px, -6.4px + 4vw, 32px);
  line-height: 1.5
}

.el_btn.__cta:after {
  position: absolute;
  top: calc(50% - 20px);
  right: 20px;
  width: 40px;
  height: 40px;
  background: url(assets/images/element/icon/arrow-play.svg) no-repeat center/contain;
  content: ""
}

.el_btn_wrapper {
  display: inline-block
}

.el_btn_wrapper.__mtLv0 {
  margin-top: 4rem
}

.el_btn_wrapper.__center {
  display: flex;
  justify-content: center
}

.el_btn_wrapper.__cta {
  position: relative;
  justify-items: center;
  width: 100vw;
  padding-block: 60px;
  background: #f7f7f7;
  text-align: center
}

.el_btn_wrapper.__cta:before {
  position: absolute;
  top: 0;
  right: 60vw;
  width: 100%;
  max-width: 580px;
  height: 100%;
  background: url(assets/images/layout/lp/marketing/cta_img_01.svg) no-repeat center/contain;
  content: ""
}

.el_btn.__main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 2.4rem;
  color: #fff
}

.el_btn.__main svg {
  width: 3.2rem;
  margin-left: 1.2rem;
  overflow: hidden
}

.el_btn.__main svg .circle {
  fill: #fff
}

.el_btn.__main svg .arrow {
  fill: #002d7b
}

.el_btn.__main svg .link {
  fill: #002d7b
}

.el_btn.__main.__yellow {
  background-color: #ffe000;
  color: #002d7b
}

.el_btn_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 12.4rem;
  padding: 0 3.2rem
}

.el_btn_box .title {
  display: flex;
  align-items: center;
  padding-right: 1.6rem
}

.el_btn_box .title.__yellow svg path {
  fill: #ffe000
}

.el_btn_box .title.__blue svg path {
  fill: #002d7b
}

.el_btn_box .title span {
  position: relative;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5
}

.el_btn_box .title svg {
  width: 1.6rem;
  margin-right: 1.6rem
}

.el_btn_box .el_btn_withArrow {
  color: #002d7b
}

.el_btn_box .el_btn_withArrow .circle {
  fill: #002d7b
}

.el_btn_box .el_btn_withArrow .arrow {
  fill: #fff
}

.el_btn_box.__grey {
  background-color: #f6f7f9
}

.el_btn_box.__white {
  background-color: #fff
}

.el_btn_withTitlebox {
  padding: 3.2rem 1.6rem 4rem;
  background-color: #fff
}

.el_btn_withTitlebox .el_headingBlock {
  position: relative;
  top: -4.8rem
}

.el_btn_withTitlebox .el_btn_withArrow {
  justify-content: center;
  margin-top: 1.6rem
}

.el_btn_withTitlebox .el_btn_withArrow .circle {
  fill: #002d7b
}

.el_btn_withTitlebox .el_btn_withArrow .arrow {
  fill: #fff
}

.el_btn_list_wrapper a:not(:first-child) {
  margin-top: 1.6rem
}

.el_btn_withArrow {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  font-size: 1.4rem
}

.el_btn_withArrow svg {
  width: 3.2rem;
  margin-left: 1.2rem;
  overflow: hidden
}

@keyframes arrowAnim {
  0% {
    transform: translate(0)
  }

  48% {
    transform: translate(1.6rem)
  }

  49% {
    opacity: 0
  }

  50% {
    transform: translate(-1.6rem)
  }

  51% {
    opacity: 1
  }

  to {
    transform: translate(0)
  }
}

.el_textBlock_jpTitle {
  position: relative;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6
}

.el_textBlock_jpTitle span {
  color: #002d7b
}

.el_textBlock_jpSmTitle {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.6
}

.el_textBlock_jpDesc {
  color: #3b4043;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.el_textBlock_jpDesc a {
  display: inline;
  color: #002d7b
}

.el_textBlock_jpTxt {
  color: #3b4043;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8
}

.el_textBlock_jpTxt.__bold {
  font-weight: 700
}

.el_textBlock.__center {
  text-align: center
}

.el_textBlock.__fff>* {
  color: #fff !important
}

.el_textBlock>*:last-child {
  margin-bottom: 0 !important
}

.el_textBlock .el_textBlock_jpTitle,
.el_textBlock .el_textBlock_jpDesc,
.el_textBlock .el_textBlock_jpTxt,
.el_textBlock.__mbLv0 {
  margin-bottom: 2.4rem
}

.el_textBlock.__mbLv1 {
  margin-bottom: 3.2rem
}

.el_textBlock.__mbLv2 {
  margin-bottom: 4rem
}

.el_textBlock.__mbLv3 {
  margin-bottom: 6.4rem
}

.el_thumb {
  z-index: 10;
  position: relative;
  overflow: hidden
}

.el_thumb_bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.el_thumb_bg picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.el_thumb_bg picture img {
  width: 100%;
  max-width: initial;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.el_thumb_bg picture.__ceoImage {
  top: 2%;
  right: 0%;
  bottom: auto;
  left: auto
}

.el_thumb.__16-9 .el_thumb_bg {
  padding-top: 56.25%
}

.el_thumb.__3-2 .el_thumb_bg {
  padding-top: 66.66%
}

.el_thumb.__4-3 .el_thumb_bg {
  padding-top: 75%
}

.el_headingBlock_enTitle {
  color: #002d7b;
  font-size: 7.2rem;
  line-height: 1.3
}

.el_headingBlock_enTitle:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * .5em);
  content: ""
}

.el_headingBlock_enTitle:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * .5em);
  content: ""
}

.el_headingBlock_enSubTitle {
  display: flex;
  align-items: center;
  color: #002d7b;
  font-size: 1.6rem;
  line-height: 1.3
}

.el_headingBlock_enSubTitle:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * .5em);
  content: ""
}

.el_headingBlock_enSubTitle:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * .5em);
  content: ""
}

.el_headingBlock_enSubTitle img,
.el_headingBlock_enSubTitle svg {
  width: 2rem;
  margin-right: .8rem
}

.el_headingBlock_enSubTitle svg path {
  fill: #ffe000
}

.el_headingBlock_jpTitle {
  color: #002d7b;
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.5
}

.el_headingBlock_jpTitle:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.el_headingBlock_jpTitle:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.el_headingBlock_jpTitle span {
  color: #fcb644
}

.el_headingBlock_jpTitle.__base {
  color: #232323
}

.el_headingBlock_jpTitle.__grey {
  color: #3b4043
}

.el_headingBlock_jpTitle.__sm {
  font-size: 3.2rem
}

.el_headingBlock_jpTitle.__mbLv1 {
  margin-bottom: 1.6rem
}

.el_headingBlock_jpTitle.__mbLv2 {
  margin-bottom: 2.4rem
}

.el_headingBlock_jpSubTitle {
  color: #002d7b;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5
}

.el_headingBlock_jpSubTitle:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -.25em;
  content: ""
}

.el_headingBlock_jpSubTitle:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -.25em;
  content: ""
}

.el_headingBlock_jpSubTitle.__grey {
  color: #3b4043
}

.el_headingBlock.__center {
  text-align: center
}

.el_headingBlock.__center .el_headingBlock_enSubTitle {
  justify-content: center
}

.el_headingBlock.__left {
  text-align: left
}

.el_headingBlock.__fff>* {
  color: #fff !important
}

.el_headingBlock>*:last-child {
  margin-bottom: 0 !important
}

.el_headingBlock .el_headingBlock_enTitle {
  margin-bottom: 4rem
}

.el_headingBlock .el_headingBlock_enSubTitle,
.el_headingBlock .el_headingBlock_jpTitle {
  margin-bottom: 3.2rem
}

.el_headingBlock .el_headingBlock_jpSubTitle {
  margin-bottom: 1.6rem
}

.el_headingBlock.__mbLv0 {
  margin-bottom: 2.4rem
}

.el_headingBlock.__mbLv1 {
  margin-bottom: 3.2rem
}

.el_headingBlock.__mbLv2 {
  margin-bottom: 4rem
}

.el_headingBlock.__mbLv3 {
  margin-bottom: 6.4rem
}

.el_pageTransLoader {
  display: flex;
  visibility: hidden;
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

.el_pageTransLoader_elm,
.el_pageTransLoader:after {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%
}

.el_pageTransLoader_elm {
  position: relative;
  margin: 0 auto;
  transform: translateZ(0);
  border-top: .1rem solid rgba(0, 45, 123, .2);
  border-right: .1rem solid rgba(0, 45, 123, .2);
  border-bottom: .1rem solid rgba(0, 45, 123, .2);
  border-left: .1rem solid #002d7b;
  text-indent: -9999em;
  animation: load8 1.1s infinite linear
}

@keyframes load8 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.el_table {
  width: 100%
}

.el_table_tr {
  display: flex
}

.el_table_tr .th,
.el_table_tr .td {
  padding: 3.2rem 2.4rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.el_table_tr .th {
  flex-shrink: 0;
  width: 20rem;
  border-bottom: .1rem solid #707070;
  color: #23232380;
  font-weight: 700
}

.el_table_tr .td {
  width: 100%;
  border-bottom: .1rem dashed #707070;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.el_bgTitle {
  z-index: -10;
  position: absolute;
  color: #002d7b1a;
  font-size: 24rem;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none
}

.el_bgTitle span {
  display: block
}

.js_fadeInUp,
.js_fadeInUpBlock .line {
  opacity: 0
}

.js_fadeInUpBlock .line {
  display: inline-block
}

.js_thumbZoom {
  transform: scale(1.1)
}

.hp_asterisk {
  position: relative
}

.hp_asterisk:after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -10px;
  content: "*";
  color: red;
  line-height: 1
}

.hp_iframeWrapper {
  position: relative;
  width: 100%
}

.hp_iframeWrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.hp_iframeWrapper.__16-9 {
  padding-top: 56.25%
}

.hp_iframeWrapper.__square {
  padding-top: 100%
}

img.hp_borderR {
  border-radius: .8rem
}

.u-nl2br {
  white-space: pre-line;
  overflow-wrap: break-word
}

.dd_lg,
.dd_lgmd {
  display: inherit
}

.dd_md,
.dd_mdsm,
.dd_sm {
  display: none
}

.lg_only {
  display: block
}

.md_only,
.sm_only {
  display: none
}

.pg_top_mv {
  display: grid;
  grid-template: "pic mv" "ttl ttl";
  align-items: center;
  justify-content: center;
  width: calc(100vw - 20px);
  margin-top: var(--headerHeight);
  margin-inline: auto;
  gap: 20px clamp(20px, -60px + 10vw, 60px)
}

.pg_top_mv .pg_top_mv_illust {
  grid-area: pic;
  width: 30vw
}

.pg_top_mv .pg_top_mv_illust .pg_top_mv_bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: -30vw;
  width: 80vw;
  -o-object-fit: contain;
  object-fit: contain
}

.pg_top_mv .pg_top_mv_title {
  text-wrap-style: pretty;
  grid-area: ttl;
  color: #00338b;
  font-weight: 700;
  font-size: clamp(40px, 8.0064px + 3.333vw, 72px);
  line-height: 1.5;
  text-align: center
}

.pg_top_mv .pg_top_mv_title span {
  color: #f7b83a
}

.pg_top_mv .pg_top_mv_video {
  grid-area: mv;
  justify-items: center
}

.pg_top_mv .pg_top_mv_video .pg_top_mv_video_wrap {
  aspect-ratio: 16/9;
  width: clamp(400px, 40vw, 600px);
  overflow: hidden;
  border-radius: 10px;
  background: #333
}

.pg_top_mv .pg_top_mv_video .pg_top_mv_video_wrap video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.pg_top_mv .pg_top_mv_video .splide__pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 10px
}

.pg_top_mv .pg_top_mv_video .splide__pagination li {
  display: inline-block;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  pointer-events: auto
}

.pg_top_mv .pg_top_mv_video .splide__pagination .splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  border: 1px solid #012d7b;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s linear
}

.pg_top_mv .pg_top_mv_video .splide__pagination .splide__pagination__page.is-active {
  background: #012d7b
}

.pg_top_mv .pg_top_mv_video .splide__pagination .splide__pagination__page:hover {
  background: #012d7b;
  cursor: pointer;
  opacity: .7
}

.pg_top_mv .el_btn_wrapper {
  display: flex;
  justify-content: center;
  margin-top: clamp(10px, -18px + 5vw, 30px);
  line-height: 1.2
}

.pg_top_mv .el_btn_wrapper .el_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: auto;
  padding: 10px 16px;
  gap: 10px;
  background: #ffd800;
  color: #00338b;
  font-weight: 700;
  font-size: 16px
}

.pg_top_mv .el_btn_wrapper .el_btn img,
.pg_top_mv .el_btn_wrapper .el_btn svg {
  width: 32px;
  height: 32px;
  margin: 0
}

.pg_top_mv .el_btn_wrapper .el_btn img .circle,
.pg_top_mv .el_btn_wrapper .el_btn svg .circle {
  fill: #002d7b
}

.pg_top_mv .el_btn_wrapper .el_btn img .arrow,
.pg_top_mv .el_btn_wrapper .el_btn svg .arrow {
  fill: #fff
}

.pg_top_slider {
  display: flex;
  flex-wrap: nowrap;
  width: 400%
}

.pg_top_slider_scene {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden
}

.pg_top_slider_scene .thumBlock,
.pg_top_slider_scene .txtBlock {
  width: 50%
}

.pg_top_slider_scene .btn_wrapper {
  width: 80%
}

.pg_top_slider_scene .btn_wrapper .el_btn_box {
  height: 6.4rem;
  border-bottom: .1rem solid rgba(0, 45, 123, .2);
  background-color: transparent
}

.pg_top_slider_scene .thumBlock {
  position: relative;
  margin-right: 8rem;
  padding: 0 6.4rem
}

.pg_top_slider_scene .thumBlock .serviceImageList img {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  opacity: 0
}

.pg_top_slider_scene .thumBlock .serviceImageList img.is_view {
  visibility: visible;
  opacity: 1
}

.pg_top_slider .splide__pagination li {
  margin: 0 .8rem
}

.pg_top_slider .splide__pagination li button {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #ffe000;
  cursor: pointer
}

.pg_top_slider .splide__pagination li button[aria-selected=true] {
  background-color: #002d7b
}

.pg_top_news .listBlock {
  width: 100%;
  margin-top: 3.2rem
}

.pg_top_news .pg_top_news_title {
  flex-shrink: 0;
  margin-right: 10.4rem
}

.pg_top_news_inner {
  display: flex;
  justify-content: space-between
}

.pg_top_news_flex {
  width: 48%
}

.pg_top_news_flex .el_headingBlock_enTitle {
  font-size: 4.8rem
}

.pg_top_corporateList {
  margin-top: 6.4rem
}

.pg_top_corporateList a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 4.8rem 1.6rem 6.4rem;
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.pg_top_corporateList a:last-child {
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.pg_top_corporateList a .arrowBlock {
  position: relative;
  flex-shrink: 0;
  margin-left: 16rem
}

.pg_top_corporateList a .arrowBlock .bgTxt {
  position: absolute;
  right: -3.2rem;
  bottom: -2.4rem;
  color: #002d7b1a;
  font-size: 18rem
}

.pg_top_corporateList a .el_btn_withArrow span {
  color: #002d7b
}

.pg_top_corporateList a .el_btn_withArrow .circle {
  fill: #002d7b
}

.pg_top_corporateList a .el_btn_withArrow .arrow {
  fill: #fff
}

.pg_top_irInfoList a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 0
}

.pg_top_irInfoList a:not(:last-child) {
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.pg_top_irInfoList a .titleBlock {
  display: flex;
  align-items: center;
  margin-bottom: 0
}

.pg_top_irInfoList a .titleBlock .pdfBlock {
  flex-shrink: 0;
  width: 4.8rem;
  margin-right: 3.2rem
}

.pg_top_irInfoList a .titleBlock .pdfBlock img {
  width: 100%
}

.pg_top_irInfoList a .titleBlock .pdfBlock .byte {
  margin-top: .4rem;
  font-size: 1.2rem;
  text-align: center
}

.pg_top_irInfoList a .titleBlock .txtBlock {
  color: #3b4043;
  text-align: left
}

.pg_top_irInfoList a .titleBlock .txtBlock .title {
  font-weight: 700;
  font-size: 2rem
}

.pg_top_irInfoList a .titleBlock .txtBlock .subTitle {
  margin-top: 1.2rem;
  font-weight: 700;
  font-size: 1.4rem
}

.pg_top_irInfoList a .arrowBlock span {
  color: #002d7b
}

.pg_top_irInfoList a .arrowBlock .circle {
  fill: #002d7b
}

.pg_top_irInfoList a .arrowBlock .arrow {
  fill: #fff
}

.pg_top_irInfo {
  position: relative
}

.pg_top_irInfo .ly_inner_narrow2 {
  z-index: 10;
  position: relative
}

.pg_top_irInfoBgTxt {
  position: absolute;
  top: 10%;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 40rem
}

.pg_top_careers {
  position: relative;
  padding: 14rem 0;
  overflow: hidden
}

.pg_top_careers .bgImg {
  z-index: -1;
  position: absolute;
  top: -27rem;
  right: -48rem;
  bottom: auto;
  left: auto;
  width: 85%;
  height: auto;
  max-block-size: initial
}

.pg_top_column {
  padding-block: 14rem 2rem
}

.pg_top_column .ly_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px 140px
}

.pg_corporate-info_group_illust {
  padding-bottom: 2.4rem;
  overflow-x: scroll
}

.pg_corporate-info_group_illust img {
  width: 150rem;
  max-width: initial
}

.pg_corporate-info_group_illust::-webkit-scrollbar {
  height: 1.6rem
}

.pg_corporate-info_group_illust::-webkit-scrollbar-track {
  background-color: #ccc
}

.pg_corporate-info_group_illust::-webkit-scrollbar-thumb {
  background-color: #002d7b
}

.pg_corporate-info_access_map {
  position: relative
}

.pg_corporate-info_access_map .map {
  height: 72rem
}

.pg_corporate-info_access_map .mapinfo {
  z-index: 100;
  position: absolute;
  bottom: 0;
  bottom: 4rem;
  left: 6.4rem;
  color: #fff;
  font-weight: 700
}

.pg_corporate-info_access_map .mapinfo h3 {
  margin-bottom: 1.2rem;
  font-size: 3.2rem
}

.pg_corporate-info_access_map .mapinfo p {
  padding-left: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3
}

.pg_corporate-guide_nav {
  display: flex;
  justify-content: center
}

.pg_corporate-guide_nav a {
  margin: 0 1.6rem
}

.pg_corporate_cta {
  position: relative;
  background-color: #002d7b
}

.pg_corporate_cta .ly_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40rem
}

.pg_corporate_cta_bg {
  position: absolute;
  right: 18rem;
  bottom: 0;
  width: min(100% - 3.2rem, 56rem)
}

.pg_corporate_infoCTA {
  position: relative;
  padding-top: 12rem;
  padding-bottom: 8rem;
  overflow: hidden
}

.pg_corporate_infoCTA .btn_block_list {
  margin-bottom: 8rem
}

.pg_corporate_infoCTA .btn_block_list li {
  display: flex;
  position: relative;
  justify-content: flex-end;
  border-top: .1rem solid rgba(0, 45, 123, .2)
}

.pg_corporate_infoCTA .btn_block_list li:last-child {
  border-bottom: .1rem solid rgba(0, 45, 123, .2)
}

.pg_corporate_infoCTA .btn_block_list li a {
  width: 50%
}

.pg_corporate_infoCTA .btn_block_list_bgTxt {
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #002d7b;
  font-size: 8rem;
  opacity: .1
}

.pg_corporate_infoCTA_bg {
  position: absolute;
  top: -22rem;
  left: -55rem;
  width: 120rem;
  max-block-size: initial
}

.pg_corporate_mvv_mvv .ly_inner_narrow2 {
  padding-bottom: 6.4rem;
  border-bottom: .1rem dashed rgba(112, 112, 112, .5)
}

.pg_corporate_mvv_mvv .title_withLine {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6.4rem
}

.pg_corporate_mvv_mvv .title_withLine .border {
  width: 100%;
  border-bottom: .1rem dashed rgba(112, 112, 112, .5)
}

.pg_corporate_mvv_mvv .title_withLine .title {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: 0 2.4rem;
  padding-right: 1.6rem
}

.pg_corporate_mvv_mvv .title_withLine .title.__yellow svg path {
  fill: #ffe000
}

.pg_corporate_mvv_mvv .title_withLine .title.__blue svg path {
  fill: #002d7b
}

.pg_corporate_mvv_mvv .title_withLine .title span {
  position: relative;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5
}

.pg_corporate_mvv_mvv .title_withLine .title svg {
  width: 1.2rem;
  margin-right: 1.6rem
}

.pg_corporate_mvv_structure {
  background-image: url(assets/images/layout/corporate/structure-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.pg_corporate_mvv_structure_img {
  display: block;
  width: min(100%, 48rem);
  margin: 0 auto
}

.pg_corporate_message_cont {
  position: relative
}

.pg_corporate_message_cont .el_bgTitle {
  top: 0
}

.pg_corporate_message_cont .message_wrapper {
  position: relative;
  padding: 12rem 0 6.4rem
}

.pg_corporate_message_cont .message_wrapper:after {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-color: #f6f7f9;
  content: ""
}

.pg_corporate_message_cont .message_wrapper .ly_inner {
  display: flex;
  align-items: flex-start
}

.pg_corporate_message_cont .message_wrapper .ly_inner .imgBlock,
.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock {
  width: 50%
}

.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock {
  padding-left: 8rem
}

.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt {
  color: #3b4043;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5
}

.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt p:not(:first-child) {
  margin-top: 4.8rem
}

.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt .sign {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.4rem;
  text-align: right
}

.pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt .sign img {
  width: 17rem
}

.pg_corporate_message_cont .message_wrapper .ly_inner .imgBlock {
  position: -webkit-sticky;
  position: sticky;
  top: 10.4rem
}

.pg_corporate_message_cont_bgTxt {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden
}

.pg_corporate_message_cta {
  padding: 8.8rem;
  background-color: #002d7b;
  text-align: center
}

.pg_corporate_message_cta h2,
.pg_corporate_message_cta p {
  color: #fff
}

.pg_corporate_message_cta h2 {
  font-size: 4.8rem
}

.pg_corporate_message_cta p {
  margin-top: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem
}

.pg_corporate_message_cta .el_btn_withArrow {
  width: 6.4rem;
  margin: 3.2rem auto 0
}

.pg_corporate_message_cta .el_btn_withArrow svg {
  width: 100%;
  margin-left: 0
}

.pg_corporate_message_cta .el_btn_withArrow .circle {
  fill: #fff
}

.pg_corporate_message_cta .el_btn_withArrow .arrow {
  fill: #002d7b
}

.pg_corporate_members_companyName {
  margin-bottom: 4rem;
  padding-top: 4rem;
  border-top: .1rem dashed #707070;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center
}

.pg_corporate_members .bl_modal {
  display: none;
  visibility: hidden;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000c;
  opacity: 0
}

.pg_corporate_members .bl_modal::backdrop {
  background: none
}

.pg_corporate_members .bl_modal_contWrapper {
  display: flex;
  position: fixed;
  top: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100)
}

.pg_corporate_members .bl_modal_container {
  position: relative
}

.pg_corporate_members .bl_modal_close {
  position: absolute;
  top: 2.4rem;
  right: 4rem;
  width: 6.4rem;
  height: 6.4rem;
  border: 0;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffe000;
  cursor: pointer
}

.pg_corporate_members .bl_modal_close svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  margin: auto
}

.pg_corporate_members .bl_modal_close svg path {
  fill: #002d7b
}

.pg_corporate_members .bl_modal_cont {
  -ms-overflow-style: none;
  box-sizing: border-box;
  position: relative;
  width: 75vw;
  height: 100vh;
  margin: 0 auto;
  padding: 4rem 8rem;
  overflow: hidden;
  overflow-y: auto;
  border-radius: .8rem;
  background-color: #fff;
  scrollbar-width: none
}

.pg_corporate_members .bl_modal_cont_inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%
}

.pg_corporate_members .bl_modal_cont_inner .bl_hexagonMedia {
  width: 100%
}

.pg_corporate_members .bl_modal_cont::-webkit-scrollbar {
  display: none
}

.pg_corporate_members .bl_modal_cont_title {
  font-weight: 700;
  font-size: 3.2rem
}

.pg_corporate_history_block:not(:first-child) {
  margin-top: 4rem
}

.pg_corporate_history_block .blockTitle {
  margin-bottom: 1.2rem;
  font-size: 4rem
}

.pg_corporate_history_block:nth-child(odd) .blockTitle {
  color: #002d7b
}

.pg_corporate_history_block:nth-child(2n) .blockTitle {
  color: #ffe000
}

.pg_corporate_history_block .content_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.pg_corporate_history_block .content_wrapper .thumbnail_block {
  width: 27%
}

.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows {
  display: flex;
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10%;
  align-items: center;
  justify-content: space-between;
  width: 120%;
  margin: auto
}

.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  cursor: pointer
}

.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow:disabled {
  visibility: hidden
}

.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow .bg,
.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow .border {
  fill: #002d7b;
  transition: all .4s;
  transition-timing-function: ease-out
}

.pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow--next {
  transform: rotate(180deg)
}

.pg_corporate_history_block .content_wrapper .list_block {
  width: 73%;
  padding-left: 4rem
}

.pg_corporate_history_block .content_wrapper .list_block li {
  display: flex;
  align-items: flex-start;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5
}

.pg_corporate_history_block .content_wrapper .list_block li:not(:last-child) {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: .1rem dashed #707070
}

.pg_corporate_history_block .content_wrapper .list_block li .month {
  flex-shrink: 0;
  width: 8.8rem;
  color: #002d7b
}

.pg_corporate_works_awards li {
  display: flex
}

.pg_corporate_works_awards li:not(:first-child) {
  margin-top: 3.2rem
}

.pg_corporate_works_awards li img {
  width: 28rem;
  margin-right: 5.6rem;
  border-radius: .8rem
}

.pg_corporate_works_awards li p {
  padding-top: .8rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2
}

.pg_corporate_works_awards li p span {
  display: block;
  margin-top: .8rem;
  font-size: 1.3rem
}

.pg_solution_intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12rem 0
}

.pg_solution_intro_wrapper:nth-child(odd) {
  background-color: #f6f7f9
}

.pg_solution_intro_wrapper:nth-child(odd) .imgBlock svg path {
  fill: #fff
}

.pg_solution_intro_wrapper:nth-child(2n) .imgBlock svg path {
  fill: #f6f7f9
}

.pg_solution_intro .contBlock {
  width: 50%;
  padding-right: 4rem
}

.pg_solution_intro .imgBlock {
  position: relative;
  width: 50%
}

.pg_solution_intro .imgBlock svg {
  display: block;
  width: 88%;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0px 0px 1.6rem rgba(35, 35, 35, .08));
  filter: drop-shadow(0px 0px 1.6rem rgba(35, 35, 35, .08))
}

.pg_solution_intro .imgBlock .mock {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto
}

.pg_solotion_stages {
  display: flex;
  justify-content: space-between
}

.pg_solotion_stages_wrapper {
  padding: 8rem 0
}

.pg_solotion_stages_wrapper.__grey {
  background-color: #f6f7f9
}

.pg_solotion_stages_note {
  margin-top: 4.8rem;
  padding: 1.6rem 2.4rem;
  border-radius: 100vh;
  background-color: #fff;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center
}

.pg_solotion_stages_note span {
  color: #002d7b
}

.pg_solotion_stages li {
  position: relative;
  width: 30%
}

.pg_solotion_stages li:not(:last-child) .thumbnailBlock:after {
  position: absolute;
  top: 0;
  right: -23%;
  bottom: 0;
  left: auto;
  width: 3.2rem;
  height: 2.2rem;
  margin: auto;
  background-image: url(assets/images/element/icon/arrow-right.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.pg_solotion_stages li .thumbnailBlock {
  position: relative;
  width: 88%;
  margin: auto;
  padding-top: 88%;
  border-radius: 50%
}

.pg_solotion_stages li .thumbnailBlock .cont {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto
}

.pg_solotion_stages li .thumbnailBlock .cont img {
  width: 8rem;
  margin-bottom: 1.6rem
}

.pg_solotion_stages li .thumbnailBlock .cont p,
.pg_solotion_stages li .thumbnailBlock .cont h3 {
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center
}

.pg_solotion_stages li .thumbnailBlock .cont p {
  margin-bottom: .8rem
}

.pg_solotion_stages li .thumbnailBlock .cont h3 {
  line-height: 1.3
}

.pg_solotion_stages li .contBlock {
  margin-top: 2.4rem;
  font-weight: 700
}

.pg_solotion_stages li .contBlock p span {
  color: #002d7b
}

.pg_solotion_stages li.__lblue .thumbnailBlock {
  background-color: #fff
}

.pg_solotion_stages li.__lblue .thumbnailBlock .cont p {
  color: #698bc7
}

.pg_solotion_stages li.__blue .thumbnailBlock {
  background-color: #f6f7f9
}

.pg_solotion_stages li.__blue .thumbnailBlock .cont p {
  color: #002d7b
}

.pg_solotion_stages_joint {
  position: relative
}

.pg_solotion_stages_joint.__grey {
  background-color: #f6f7f9
}

.pg_solotion_stages_joint p {
  z-index: 100;
  z-index: 10;
  position: relative;
  width: 100%;
  margin: auto;
  padding: 4.8rem 1.6rem 6.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.7;
  text-align: center
}

.pg_solotion_stages_joint svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.pg_solution_platform {
  padding: 12rem 0;
  background-color: #f6f7f9
}

.pg_solution_platform_img {
  display: block;
  width: min(100%, 88rem);
  margin: 4rem auto 5.6rem
}

.pg_solution_platform_list {
  display: flex;
  justify-content: space-between
}

.pg_solution_platform_list li {
  position: relative;
  width: 32%;
  padding: 5.6rem 2.4rem 3.2rem;
  background-color: #fff;
  text-align: center
}

.pg_solution_platform_list li span {
  position: absolute;
  top: -2.4rem;
  right: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  margin: auto;
  border-radius: 50%;
  background-color: #002d7b;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 4.5rem
}

.pg_solution_platform_list li h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2
}

.pg_solution_platform_list li p {
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 1.8
}

.pg_solution_comingSoon img.illust {
  display: block;
  z-index: 2;
  position: relative;
  width: min(100%, 80rem);
  margin: 0 auto
}

.pg_solution_comingSoon img.comingSoon {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.pg_columnSingle {
  padding-top: 16rem
}

.pg_columnSingle_titleBlock {
  margin-bottom: 4rem;
  text-align: center
}

.pg_columnSingle_titleBlock .el_columnListInfo {
  justify-content: center
}

.pg_columnSingle_titleBlock .title {
  position: relative;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6
}

.pg_columnSingle_titleBlock .tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 4px 10px
}

.pg_columnSingle_titleBlock .tag span {
  color: #7c7c7c;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 2.4rem;
  white-space: nowrap
}

.pg_columnSingle_thumbnail {
  margin-bottom: 4rem
}

.pg_columnSingle_thumbnail .el_thumb_bg img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 10px
}

.pg_columnSingle_relatedPost_title {
  margin: 4rem 0 1.6rem;
  font-weight: 700;
  font-size: 2.4rem
}

.pg_columnSingle_relatedPost .bl_columnList {
  display: flex;
  gap: 30px clamp(20px, -20.0064px + 4.167vw, 60px)
}

.pg_columnSingle_relatedPost .bl_columnList li {
  padding: 0;
  border: none
}

.pg_columnSingle_relatedPost .bl_columnList .bl_columnList_item {
  flex-direction: column;
  width: 100%;
  max-width: clamp(160px, -.0064px + 16.667vw, 320px)
}

.pg_columnSingle_relatedPost .bl_columnList img {
  aspect-ratio: 8/5;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px
}

.pg_columnSingle .el_column {
  line-height: 1.5
}

.pg_columnSingle .el_column>*+* {
  margin-top: 4rem
}

.pg_columnSingle .el_column .bl_columnDownload {
  overflow: hidden;
  border: 1px solid #c4cfde;
  border-radius: 10px
}

.pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  gap: 10px;
  background: #002d7b
}

.pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-ttl strong {
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem
}

.pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-ttl img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotate(90deg)
}

.pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-cont {
  margin: 40px 60px
}

.pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-cont .bl_formItem_name {
  flex: 1;
  width: 100%
}

.pg_columnSingle .el_column .bl_columnMember {
  padding: 4rem 6.4rem 6.4rem;
  border-radius: 10px;
  background: #f6f7f9
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-ttl {
  margin-bottom: 3.2rem;
  color: #002d7b;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1;
  text-align: center
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4rem
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_divider {
  width: 1px;
  background: #c4cfde
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-areas: "img info" "desc desc";
  flex: 1;
  place-content: flex-start;
  gap: 20px
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-img {
  grid-area: img;
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info {
  grid-area: info
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-company,
.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-position {
  font-weight: 500;
  font-size: 16px
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-name {
  color: #002d7b;
  font-weight: 700;
  font-size: 24px
}

.pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-desc {
  grid-area: desc;
  font-size: 18px
}

.pg_columnSingle .el_column .bl_columnText {
  font-size: 1.5rem
}

.pg_columnSingle .el_column .bl_columnText a {
  display: inline-block;
  color: #002d7b;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: .2em
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-ttl {
  padding-left: 20px
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-ttl:before {
  border-radius: 0;
  background: #002d7b
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-subttl {
  margin-block: 3.2rem;
  font-size: 1.5rem
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-subttl strong {
  color: #232323
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-cont {
  display: flex;
  font-size: 1.5rem
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-cont {
  margin-top: 1.6rem
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-cont strong {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  min-width: 8em;
  font-weight: 700
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-img {
  flex-shrink: 0
}

.pg_columnSingle .el_column .bl_columnText .bl_columnText-img img {
  width: 100%;
  border-radius: 10px
}

.pg_columnSingle .el_column .bl_columnText.--vertical {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, -20.0064px + 4.167vw, 60px)
}

.pg_columnSingle .el_column .bl_columnText.--vertical.--reverse {
  flex-direction: column-reverse
}

.pg_columnSingle .el_column .bl_columnText.--horizontal {
  display: flex;
  gap: clamp(20px, -20.0064px + 4.167vw, 60px)
}

.pg_columnSingle .el_column .bl_columnText.--horizontal>* {
  flex: 1
}

.pg_columnSingle .el_column .bl_columnText.--horizontal.--reverse {
  flex-direction: row-reverse
}

.pg_columnSingle .bl_pageNav .el_btn_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "prev next" "btn btn";
  align-items: center;
  margin-top: 20px;
  gap: 60px
}

.pg_columnSingle .bl_pageNav .prev,
.pg_columnSingle .bl_pageNav .next {
  display: flex;
  align-items: center;
  height: 160px;
  padding: 50px;
  gap: 30px;
  border: 1px solid #ccd5e3;
  border-radius: 10px;
  background: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5
}

.pg_columnSingle .bl_pageNav .prev span,
.pg_columnSingle .bl_pageNav .next span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  overflow: hidden
}

.pg_columnSingle .bl_pageNav .prev.prev,
.pg_columnSingle .bl_pageNav .next.prev {
  grid-area: prev;
  justify-content: flex-start
}

.pg_columnSingle .bl_pageNav .prev.prev:before,
.pg_columnSingle .bl_pageNav .next.prev:before {
  display: block;
  flex-shrink: 0;
  width: 19px;
  height: 9px;
  transform: scaleX(-1);
  background: url(assets/images/element/icon/arrow.svg) no-repeat center/contain;
  content: ""
}

.pg_columnSingle .bl_pageNav .prev.next,
.pg_columnSingle .bl_pageNav .next.next {
  grid-area: next;
  justify-content: flex-end
}

.pg_columnSingle .bl_pageNav .prev.next:after,
.pg_columnSingle .bl_pageNav .next.next:after {
  display: block;
  flex-shrink: 0;
  width: 19px;
  height: 9px;
  background: url(assets/images/element/icon/arrow.svg) no-repeat center/contain;
  content: ""
}

.pg_columnSingle .bl_pageNav .el_btn {
  grid-area: btn;
  place-self: center;
  width: 100%;
  max-width: 285px;
  height: 80px
}

.pg_columnSingle .bl_pageNav .el_btn .ff_eng {
  font-weight: 500;
  font-size: 20px;
  font-family: inherit
}

.pg_newsSingle {
  padding-top: 16rem
}

.pg_newsSingle_titleBlock {
  margin-bottom: 4rem;
  text-align: center
}

.pg_newsSingle_titleBlock .el_newsListInfo {
  justify-content: center
}

.pg_newsSingle_titleBlock .title {
  position: relative;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.6
}

.pg_newsSingle_thumbnail {
  margin-bottom: 4rem
}

.pg_newsSingle_thumbnail .el_thumb_bg {
  padding-top: 50%
}

.pg_newsSingle_thumbnail .el_thumb_bg picture img {
  -o-object-fit: contain;
  object-fit: contain
}

.pg_newsSingle_relatedPost_title {
  margin: 4rem 0 1.6rem;
  font-weight: 700;
  font-size: 3.2rem;
  text-align: center
}

.pg_newsSingle_relatedPost .bl_newsList li:first-child a {
  border-top: none
}

.pg_contact {
  padding-top: 26rem
}

.pg_contact_ref p {
  font-size: 1.4rem
}

.pg_contact_ref p a {
  display: inline-block;
  font-weight: 700;
  text-decoration: underline
}

.pg_contact_ref p:not(:first-child) {
  margin-top: 1.6rem
}

.pg_bonus_view {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72vh;
  text-align: center
}

.pg_bonus_view h1 {
  width: 100%;
  color: #002d7b;
  font-size: 16rem;
  text-align: center
}

.pg_bonus_view p {
  margin-top: 1.2rem;
  font-weight: 700;
  font-size: 1.6rem
}

.bl_formItem_group:not(:first-of-type) {
  margin-top: 2.4rem
}

.bl_formItem_group.__block {
  display: block
}

.bl_formItem_group.__block .bl_formItem_title {
  margin-bottom: .8rem
}

.bl_formItem_title {
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5
}

.bl_formItem_title.__require:after {
  content: "*";
  color: #ff0303
}

.bl_formItem_wrapper {
  display: block;
  width: 100%
}

.bl_formItem_wrapper.__flex {
  display: flex;
  align-items: flex-start
}

.bl_formItem_name {
  width: min(100%, 32rem)
}

.bl_formItem_name:not(:last-child) {
  margin-right: 1.6rem
}

.bl_formItem_tel {
  width: min(100%, 32rem)
}

.bl_formItem_select {
  font-weight: 700
}

.bl_formInput {
  width: 100%;
  height: 6.4rem;
  padding: 0 2.4rem;
  overflow: hidden;
  border: .2rem solid transparent;
  border-radius: .4rem;
  background-color: #f0f3f5;
  font-size: 1.6rem;
  line-height: 6.4rem;
  vertical-align: middle;
  cursor: pointer;
  transition: all .4s;
  transition-property: border-color;
  transition-timing-function: ease-out
}

.bl_formInput::-webkit-input-placeholder {
  color: #2226
}

.bl_formInput::-moz-placeholder {
  color: #2226
}

.bl_formInput::placeholder {
  color: #2226
}

.bl_formInput:-ms-input-placeholder {
  color: #2226
}

.bl_formInput::-ms-input-placeholder {
  color: #2226
}

.bl_formInput:focus {
  border: .2rem solid #002d7b;
  outline: 0
}

.bl_formInput.__select {
  background-image: url(assets/images/element/icon/select.svg);
  background-position: calc(100% - 2.4rem) center;
  background-size: 1.4rem;
  background-repeat: no-repeat
}

.bl_formInput.__textarea {
  height: 24rem;
  padding: 1.6rem 2.4rem;
  line-height: 1.6
}

.bl_submit {
  width: 100%
}

.bl_submit_privacypolicy {
  margin-top: 4rem
}

.bl_submit_privacypolicy_title {
  margin-bottom: 2.4rem;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.3;
  text-align: center
}

.bl_submit_privacypolicy_cont {
  height: 24rem;
  padding: 2.4rem;
  overflow-y: auto;
  border: .1rem solid #232323;
  border-radius: .8rem
}

.bl_submit_privacypolicy_cont_textBlock:not(:first-of-type) {
  margin-top: 3.2rem
}

.bl_submit_privacypolicy_cont_title {
  margin-bottom: .8rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.3
}

.bl_submit_privacypolicy_cont_text {
  font-size: 1.6rem;
  line-height: 1.5
}

.bl_submit #is_privacyCheckBool {
  display: none
}

.bl_submit .bl_privacyCheck_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.4rem 0 3.2rem;
  font-size: 1.4rem;
  text-align: left
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_btnWrapper p {
  display: flex;
  align-items: center;
  cursor: pointer
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_btnWrapper p .bl_privacyCheck {
  pointer-events: none
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.6rem;
  text-align: center;
  cursor: pointer
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  transform-origin: center;
  border: .1rem solid #232323;
  border-radius: .4rem;
  background-color: #f0f3f5;
  vertical-align: middle;
  transition: background-color .15s .2s transform .35s cubic-bezier(.78, -1.22, .17, 1.89);
  transition: all .4s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span:before {
  position: absolute;
  top: 1rem;
  left: .5rem;
  width: 0;
  height: .2rem;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #002d7b;
  content: ""
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span:after {
  position: absolute;
  top: 1.7rem;
  left: .9rem;
  width: 0;
  height: .2rem;
  transform: rotate(305deg);
  transform-origin: 0 0;
  background: #002d7b;
  content: ""
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span {
  transform: scale(1.1);
  border: .1rem solid #002d7b;
  background-color: #002d7b
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span:after {
  width: 1.5rem;
  background: #fff;
  transition: width .15s ease .1s
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span:before {
  width: .8rem;
  background: #fff;
  transition: width .15s ease
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt {
  display: inline-block;
  font-weight: 500;
  line-height: 1.6
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * .5em);
  content: ""
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt a {
  display: inline;
  font-weight: 700;
  text-decoration: underline
}

.bl_submit .bl_submitBtn_wrapper {
  position: relative
}

.bl_submit .bl_submitBtn_wrapper .ajax-loader {
  position: absolute
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn {
  display: block;
  width: min(100%, 32rem);
  margin: 0 auto;
  border: .2rem solid #002d7b;
  border-radius: 6.4rem;
  outline: 0;
  background-color: #002d7b;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 6.4rem;
  text-align: center;
  cursor: pointer;
  transition: all .4s;
  transition-property: background-color, border, color;
  transition-timing-function: ease-out
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn:focus {
  outline: 0
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn:focus-visible {
  background-color: #fff;
  color: #002d7b
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn[disabled] {
  border: .2rem solid #f0f3f5;
  background: none;
  background-color: #f0f3f5;
  color: #2226;
  pointer-events: none
}

.wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  margin-top: .8rem !important;
  padding: .5rem;
  border: .1rem solid #e35b66 !important;
  border-radius: .4rem;
  background-color: #fff0f1;
  color: #cc3340;
  font-size: 1.2rem !important;
  line-height: 1.3
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  display: block;
  width: 56rem;
  max-width: 100%;
  margin: 1.6rem auto 0;
  padding: .5rem;
  border: .1rem solid #e35b66 !important;
  border-radius: .4rem;
  background-color: #fff0f1;
  color: #cc3340;
  font-size: 1.2rem !important;
  text-align: center
}

div.wpcf7-mail-sent-ok {
  background: #d5edda;
  color: #185626
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: .1rem solid #cc3340;
  background: #f7d7da;
  color: #cc3340
}

div.wpcf7-mail-sent-ng {
  border: .1rem solid #cc3340;
  background: #fff0f1;
  color: #cc3340
}

div.wpcf7-spam-blocked {
  border: .1rem solid #feedbd;
  background: #fff2cf;
  color: #846314
}

.wpcf7-form-control-wrap.period {
  width: 100%
}

.bl_submitBtn_wrapper .ajax-loader {
  position: absolute
}

.bl_submitBtn_wrapper .wpcf7-spinner {
  position: absolute;
  right: 0;
  bottom: -3.2rem;
  left: 0;
  margin: auto
}

.pg_sitemap_list {
  display: flex
}

.pg_sitemap_list:not(:first-child) {
  margin-top: 7.2rem
}

.pg_sitemap_list .sitemap_block {
  width: 50%;
  padding-left: 12rem
}

.pg_sitemap_list .sitemap_block:nth-child(2) {
  border-left: .1rem dashed #707070
}

.pg_sitemap_list .sitemap_blockTitle {
  margin-bottom: 2.4rem;
  color: #002d7b;
  font-size: 3.2rem
}

.pg_sitemap_list .sitemap_link a {
  padding-left: 1.6rem
}

.pg_sitemap_list .sitemap_link a:not(:first-child) {
  margin-top: 1.6rem
}

.pg_sitemap_list .sitemap_link a:nth-child(odd) div svg path {
  fill: #ffe000
}

.pg_sitemap_list .sitemap_link a:nth-child(2n) div svg path {
  fill: #002d7b
}

.pg_sitemap_list .sitemap_link a div {
  display: flex;
  align-items: center;
  padding-right: 1.6rem
}

.pg_sitemap_list .sitemap_link a div span {
  position: relative;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5
}

.pg_sitemap_list .sitemap_link a div span.__external {
  display: flex;
  align-items: center
}

.pg_sitemap_list .sitemap_link a div span.__external svg {
  display: inline;
  width: 1.6rem;
  margin-left: .8rem
}

.pg_sitemap_list .sitemap_link a div span.__external svg .link {
  fill: #232323
}

.pg_sitemap_list .sitemap_link a div svg.dot {
  width: 1.2rem;
  margin-right: 1.6rem
}

.pg_sitemap_list .bl_smMenu {
  display: block
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_list:nth-child(odd) div svg path {
  fill: #ffe000
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_list:nth-child(2n) div svg path {
  fill: #002d7b
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_content[aria-hidden=false] .bl_accordion_child_content_inner {
  background-color: #f6f7f9
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_list .bl_accordion_child_title {
  width: 80%
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_list .bl_accordion_child_title svg {
  width: 1.2rem;
  margin-right: 1.6rem
}

.pg_sitemap_list .bl_smMenu .bl_accordion_child_list .bl_accordion_child_title h3 {
  color: #232323;
  font-size: 1.6rem
}

.recruit_block .el_btn {
  font-size: 1rem
}

.recruit_br {
  display: none
}

.marketing_lp .u-wave {
  position: relative
}

.marketing_lp .u-wave:after {
  position: absolute;
  bottom: -.3em;
  left: 0;
  width: 100%;
  height: 22px;
  background: url(assets/images/layout/lp/marketing/icon_wave.svg) repeat-x center/contain;
  background-position: bottom;
  background-size: 22px 10px;
  content: ""
}

.marketing_lp .lp_headingBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232323;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2
}

.marketing_lp .lp_fv {
  width: 100vw;
  margin-top: var(--headerHeight)
}

.marketing_lp .lp_sec {
  justify-items: center;
  padding: clamp(60px, -24px + 15vw, 120px) 20px;
  line-height: 1.5;
  letter-spacing: normal
}

.marketing_lp .lp_sec.--sec1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, -8px + 5vw, 40px);
  background: #114bad
}

.marketing_lp .lp_sec.--sec1 .txt {
  color: #fff;
  font-weight: 700;
  font-size: clamp(24px, 1.6px + 4vw, 40px);
  text-align: center
}

.marketing_lp .lp_sec.--sec1 .txt span {
  font-size: clamp(28px, -2.8px + 5.5vw, 50px)
}

.marketing_lp .lp_sec.--sec1 .img {
  width: 100%;
  max-width: 1130px
}

.marketing_lp .lp_sec.--sec2 {
  display: flex;
  z-index: 5;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-block: calc(clamp(25px, -10px + 6.25vw, 50px)*-1);
  padding-block: clamp(60px, 4px + 10vw, 100px);
  color: #fff;
  font-weight: 700;
  font-size: clamp(28px, -2.8px + 5.5vw, 50px);
  text-align: center
}

.marketing_lp .lp_sec.--sec2:after {
  position: absolute;
  bottom: calc(clamp(60px, -24px + 15vw, 120px)*-1);
  left: calc(50% - clamp(60px, -24px + 15vw, 120px));
  width: clamp(120px, -48px + 30vw, 240px);
  height: clamp(85px, -34px + 21.25vw, 170px);
  background: url(assets/images/layout/lp/marketing/icon_arrow_b.svg) no-repeat center/contain;
  content: ""
}

.marketing_lp .lp_sec.--sec2 .bg {
  z-index: -1;
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #002d7b
}

.marketing_lp .lp_sec.--sec2 .balloon {
  position: relative;
  margin-bottom: 20px;
  padding: 10px 40px;
  background: #fff;
  color: #002d7b;
  font-weight: 700;
  font-size: clamp(14px, 0px + 2.5vw, 24px)
}

.marketing_lp .lp_sec.--sec2 .balloon:after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background: #fff;
  content: "";
  -webkit-clip-path: polygon(15% 0, 50% 100%, 85% 0%);
  clip-path: polygon(15% 0, 50% 100%, 85% 0%)
}

.marketing_lp .lp_sec.--sec2 .txt span {
  color: #ffd800
}

.marketing_lp .lp_sec.--sec3 {
  position: relative;
  padding-bottom: clamp(60px, -24px + 15vw, 120px);
  background: linear-gradient(to bottom, #d9e8f2 0%, #ecf4f9 100%)
}

.marketing_lp .lp_sec.--sec3 .bottom_bg {
  z-index: -1;
  position: absolute;
  top: -160px;
  bottom: calc(clamp(180px, 68px + 20vw, 260px)*-1);
  left: calc(50% - 960px);
  width: 1920px;
  background: #ffe000;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 320px), 50% 100%, 0 calc(100% - 320px));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 320px), 50% 100%, 0 calc(100% - 320px))
}

.marketing_lp .lp_sec.--sec3 .bottom_bg:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1920px;
  height: 20%;
  background: linear-gradient(to top, #ffd800, transparent 100%);
  content: ""
}

.marketing_lp .lp_sec.--sec3 .bottom_txt {
  z-index: 2;
  position: relative;
  width: 100%;
  padding-block: clamp(20px, 6px + 2.5vw, 30px) 40px;
  color: #114bad;
  font-weight: 700;
  font-size: clamp(16px, -3.6px + 3.5vw, 30px);
  line-height: 1.2;
  text-align: center
}

.marketing_lp .lp_sec.--sec3 .bottom_txt img {
  aspect-ratio: 1/1;
  width: 40px;
  margin-bottom: 8px
}

.marketing_lp .lp_sec.--sec3 .wrapper1 {
  z-index: 2;
  position: relative;
  justify-items: center;
  max-width: 100%;
  margin-top: clamp(40px, -16px + 10vw, 80px);
  text-align: center
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock {
  text-wrap-style: pretty;
  gap: clamp(10px, -4px + 2.5vw, 20px);
  color: #002d7b;
  font-size: clamp(26px, -21.6px + 8.5vw, 60px)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock:before {
  width: clamp(43px, -17.2px + 10.75vw, 86px);
  height: clamp(56px, -23.8px + 14.25vw, 113px);
  content: ""
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock span {
  margin-bottom: -20px;
  font-size: clamp(60px, -24px + 15vw, 120px);
  font-family: "Noto serif JP"
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container {
  width: clamp(560px, -196px + 135vw, 1100px);
  max-width: 100%;
  margin-top: 40px;
  margin-inline: auto;
  padding: 50px clamp(20px, -92px + 20vw, 100px);
  background: #fff;
  box-shadow: 0 0 20px #00000014
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title {
  display: grid;
  grid-template-areas: "lft txt rgt";
  align-items: center;
  justify-content: center;
  gap: clamp(0px, -56px + 10vw, 40px);
  font-weight: 500;
  font-size: clamp(18px, 9.6px + 1.5vw, 24px)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title span {
  color: #114bad;
  font-weight: 700;
  font-size: clamp(20px, 3.2px + 3vw, 32px)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title img {
  width: clamp(100px, 30px + 12.5vw, 150px)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title>*:nth-child(1) {
  grid-area: lft
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title>*:nth-child(2) {
  grid-area: txt
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .title>*:nth-child(3) {
  grid-area: rgt
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  gap: 80px 30px
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item {
  position: relative;
  width: 430px;
  padding: 50px 10px 10px;
  border-radius: 20px
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_title {
  display: flex;
  position: absolute;
  top: -45px;
  left: calc(50% - 150px);
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 90px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  -webkit-clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_summary {
  padding-block: 20px;
  font-weight: 700;
  font-size: 20px
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_description {
  padding: 30px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 28px;
  font-family: NotoSansCJKjp, sans-serif;
  -webkit-clip-path: polygon(0 0, 46% 0, 50% 8%, 54% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 46% 0, 50% 8%, 54% 0, 100% 0, 100% 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_description .u-wave {
  font-size: 32px
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_description .u-wave:after {
  bottom: -.5em
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--left {
  border: 4px solid #676767;
  background: #f7f7f7
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--left .content_item_title {
  background: #676767;
  color: #fff
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--left .content_item_summary {
  color: #232323
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--left .content_item_description {
  background: #bcbcbc;
  color: #232323
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--right {
  border: 4px solid #114bad;
  background: #ecf4f9
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--right .content_item_title {
  background: #114bad;
  color: #fff
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--right .content_item_summary {
  color: #232323
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--right .content_item_description {
  background: #4080c4;
  color: #fff
}

.marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item.--right .content_item_description .u-wave {
  color: #ffd800
}

.marketing_lp .lp_sec.--sec3 .wrapper2 {
  position: relative;
  justify-items: center;
  max-width: 100%
}

.marketing_lp .lp_sec.--sec3 .wrapper2 .container {
  justify-items: center;
  width: clamp(560px, -196px + 135vw, 1100px);
  max-width: 100%;
  margin-inline: auto;
  padding: 0 clamp(15px, -104px + 21.25vw, 100px) clamp(20px, -36px + 10vw, 60px);
  border: 5px solid #d9e7f0;
  background: #fff
}

.marketing_lp .lp_sec.--sec3 .wrapper2 .container .title {
  width: 100%;
  margin-bottom: clamp(20px, -8px + 5vw, 40px);
  padding: clamp(20px, -8px + 5vw, 40px);
  border-radius: 0 0 20px 20px;
  background: #d9e7f0;
  font-weight: 700;
  font-size: clamp(18px, 9.6px + 1.5vw, 24px);
  text-align: center;
  white-space: nowrap
}

.marketing_lp .lp_sec.--sec4 {
  background: #0f4298;
  color: #fff;
  text-align: center
}

.marketing_lp .lp_sec.--sec4 .container {
  width: clamp(500px, -88px + 105vw, 920px);
  margin-inline: auto
}

.marketing_lp .lp_sec.--sec4 .container+.container {
  margin-top: clamp(50px, -20px + 12.5vw, 100px)
}

.marketing_lp .lp_sec.--sec4 .container>*+* {
  margin-top: clamp(20px, -8px + 5vw, 40px)
}

.marketing_lp .lp_sec.--sec4 .container .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(5px, -10.4px + 2.75vw, 16px)
}

.marketing_lp .lp_sec.--sec4 .container .title .spacer {
  flex: 1
}

.marketing_lp .lp_sec.--sec4 .container .title .spacer:last-child {
  flex: 4
}

.marketing_lp .lp_sec.--sec4 .container .title .point {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(72px, -37.2px + 19.5vw, 150px);
  height: clamp(72px, -37.2px + 19.5vw, 150px);
  border-radius: 50%;
  background: #fff;
  color: #114bad;
  font-weight: 700;
  line-height: 1
}

.marketing_lp .lp_sec.--sec4 .container .title .point span:first-child {
  font-size: clamp(10px, -4px + 2.5vw, 20px)
}

.marketing_lp .lp_sec.--sec4 .container .title .point span:last-child {
  font-size: clamp(32px, -7.2px + 7vw, 60px)
}

.marketing_lp .lp_sec.--sec4 .container .title .txt {
  font-weight: 700;
  font-size: clamp(28px, -2.8px + 5.5vw, 50px);
  line-height: 1.2
}

.marketing_lp .lp_sec.--sec4 .container .title .txt span {
  color: #ffe000;
  font-size: clamp(30px, -12px + 7.5vw, 60px)
}

.marketing_lp .lp_sec.--sec4 .container .description {
  font-weight: 500;
  font-size: clamp(16px, 10.4px + 1vw, 20px)
}

.marketing_lp .lp_sec.--sec5 {
  background: #d3e9f6;
  counter-reset: number 0
}

.marketing_lp .lp_sec.--sec5 .lp_headingBlock {
  z-index: 1;
  position: relative;
  align-items: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: clamp(60px, -24px + 15vw, 120px);
  margin-left: clamp(40px, -30px + 12.5vw, 90px);
  font-size: clamp(28px, -2.8px + 5.5vw, 50px)
}

.marketing_lp .lp_sec.--sec5 .lp_headingBlock .u-wave {
  color: #114bad
}

.marketing_lp .lp_sec.--sec5 .lp_headingBlock .u-wave:after {
  height: 10px;
  background: #114bad;
  -webkit-mask: url(assets/images/layout/lp/marketing/icon_wave.svg) repeat-x center/contain;
  mask: url(assets/images/layout/lp/marketing/icon_wave.svg) repeat-x center/contain;
  -webkit-mask-size: 22px 10px;
  mask-size: 22px 10px
}

.marketing_lp .lp_sec.--sec5 .lp_headingBlock .u-wave+span {
  margin-bottom: -20px;
  font-size: clamp(60px, -24px + 15vw, 120px);
  font-family: "Noto serif JP"
}

.marketing_lp .lp_sec.--sec5 .lp_headingBlock:before {
  display: block;
  z-index: -1;
  position: absolute;
  top: calc(50% - clamp(45px, -18px + 11.25vw, 90px));
  left: calc(clamp(100px, -40px + 25vw, 200px)*-1);
  width: clamp(80px, -60px + 25vw, 180px);
  height: clamp(80px, -60px + 25vw, 180px);
  background: url(assets/images/layout/lp/marketing/icon_search.svg) no-repeat center/cover;
  content: ""
}

.marketing_lp .lp_sec.--sec5 .container {
  position: relative;
  width: clamp(500px, -340px + 150vw, 1100px);
  max-width: 100%;
  margin-top: clamp(50px, -20px + 12.5vw, 100px);
  margin-inline: auto;
  padding: clamp(40px, -16px + 10vw, 80px) clamp(20px, -64px + 15vw, 80px) clamp(20px, -22px + 7.5vw, 50px);
  background: #fff;
  box-shadow: 0 3px 10px #0000001a
}

.marketing_lp .lp_sec.--sec5 .container:after {
  position: absolute;
  top: calc(clamp(-5px, -26px + 3.75vw, 10px)*-1);
  right: clamp(10px, -116px + 22.5vw, 100px);
  content: counter(number, decimal-leading-zero);
  color: #ecf4f9;
  font-weight: 900;
  font-size: clamp(30px, -26px + 10vw, 70px);
  line-height: 1;
  counter-increment: number 1
}

.marketing_lp .lp_sec.--sec5 .container .title {
  display: inline-block;
  position: absolute;
  top: calc(clamp(20px, 6px + 2.5vw, 30px)*-1);
  left: clamp(-10px, -94px + 15vw, 50px);
  padding: clamp(10px, -4px + 2.5vw, 20px) clamp(20px, -36px + 10vw, 60px);
  background: #114bad;
  color: #fff;
  font-weight: 700;
  font-size: clamp(18px, -1.6px + 3.5vw, 32px);
  line-height: 1;
  -webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
  clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec5 .container .description {
  margin-bottom: clamp(20px, -8px + 5vw, 40px);
  font-weight: 500;
  font-size: clamp(14px, 11.2px + .5vw, 16px)
}

.marketing_lp .lp_sec.--sec5 .container .description span {
  color: #efb700
}

.marketing_lp .lp_sec.--sec5 .container .content {
  padding: clamp(15px, -34px + 8.75vw, 50px) clamp(15px, -48px + 11.25vw, 60px);
  border-radius: clamp(10px, -4px + 2.5vw, 20px);
  background: #ecf4f9;
  font-weight: 700;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: center
}

.marketing_lp .lp_sec.--sec5 .container .content>*+* {
  margin-top: clamp(20px, -8px + 5vw, 40px)
}

.marketing_lp .lp_sec.--sec6 {
  position: relative
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock {
  flex-direction: column;
  font-size: clamp(22px, -8.8px + 5.5vw, 44px);
  line-height: 1.5;
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock .row1 {
  font-size: clamp(18px, -12.8px + 5.5vw, 40px)
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock .row2 {
  text-wrap-style: pretty
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock .row2 b {
  font-size: clamp(28px, -2.8px + 5.5vw, 50px)
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock .row2 .boost {
  display: inline-block;
  padding: 0 24px;
  background: #e5593d;
  color: #fff;
  -webkit-clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec6 .lp_headingBlock .row3 b {
  color: #e5593d;
  font-size: clamp(28px, -2.8px + 5.5vw, 50px)
}

.marketing_lp .lp_sec.--sec6 .feature {
  display: flex;
  position: relative;
  align-items: center;
  width: clamp(500px, -340px + 150vw, 1100px);
  margin-block: clamp(30px, 2px + 5vw, 50px);
  padding: clamp(10px, -4px + 2.5vw, 20px) clamp(10px, -46px + 10vw, 50px);
  gap: clamp(0px, -84px + 15vw, 60px);
  background: #012a7b;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec6 .feature:after {
  z-index: -1;
  position: absolute;
  top: calc(50% - clamp(30px, 16px + 2.5vw, 40px));
  right: clamp(20px, -64px + 15vw, 80px);
  width: clamp(80px, 52px + 5vw, 100px);
  height: clamp(60px, 32px + 5vw, 80px);
  background: url(assets/images/layout/lp/marketing/icon_pc.svg) no-repeat center/contain;
  content: "";
  opacity: .1
}

.marketing_lp .lp_sec.--sec6 .feature .badge {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(50px, -34px + 15vw, 110px);
  height: clamp(50px, -34px + 15vw, 110px);
  border-radius: 50%;
  background: #fff;
  color: #012a7b;
  line-height: 1
}

.marketing_lp .lp_sec.--sec6 .feature .badge span:first-child {
  font-weight: 700;
  font-size: clamp(10px, -1.2px + 2vw, 18px)
}

.marketing_lp .lp_sec.--sec6 .feature .badge span:last-child {
  font-weight: 700;
  font-size: clamp(20px, -12.2px + 5.75vw, 43px)
}

.marketing_lp .lp_sec.--sec6 .feature .txt {
  display: inline;
  color: #fff;
  font-weight: 700;
  font-size: clamp(20px, -8px + 5vw, 40px);
  line-height: 1.2;
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .feature .txt .underline {
  padding-bottom: 2px;
  color: #ffd800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 4px
}

.marketing_lp .lp_sec.--sec6 .note {
  width: calc(100vw - 60px);
  margin-block: clamp(30px, 2px + 5vw, 50px);
  font-weight: 500;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .imgs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(500px, -340px + 150vw, 1100px);
  margin-block: clamp(20px, -22px + 7.5vw, 50px);
  padding: 60px;
  gap: clamp(0px, -84px + 15vw, 60px);
  border-radius: 20px;
  background: #ecf4f9
}

.marketing_lp .lp_sec.--sec6 .imgs img {
  max-width: clamp(180px, -72px + 45vw, 360px)
}

.marketing_lp .lp_sec.--sec6 .imgs img:last-child {
  max-width: clamp(180px, -268px + 80vw, 500px)
}

.marketing_lp .lp_sec.--sec6 .description {
  width: calc(100vw - 60px);
  font-weight: 500;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .description span {
  color: #114bad;
  font-weight: 700
}

.marketing_lp .lp_sec.--sec6 .description span span {
  color: #e5593d
}

.marketing_lp .lp_sec.--sec6 .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: clamp(60px, -24px + 15vw, 120px);
  gap: 80px 40px
}

.marketing_lp .lp_sec.--sec6 .content .content_item {
  position: relative;
  width: clamp(500px, 458px + 7.5vw, 530px);
  padding: 50px 10px 10px;
  border-radius: 20px
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_title {
  display: flex;
  position: absolute;
  top: -40px;
  left: calc(50% - 150px);
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 80px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  -webkit-clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_summary {
  padding-block: clamp(10px, -4px + 2.5vw, 20px);
  color: #232323;
  font-weight: 700;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  margin: 10px 20px;
  padding-inline: 10px;
  gap: 10px;
  border-radius: 9999px;
  background: #000;
  color: #fff
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .icon {
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fff
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .icon span {
  display: block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .txt b {
  text-decoration: underline;
  text-underline-offset: 4px
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .txt span {
  display: block;
  color: #ffd800;
  font-weight: 700;
  font-size: 26px;
  text-align: center
}

.marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li.empty {
  border: 2px dotted #676767;
  background: transparent
}

.marketing_lp .lp_sec.--sec6 .content .content_item .arrow {
  width: clamp(40px, -2px + 7.5vw, 70px);
  margin: clamp(10px, -4px + 2.5vw, 20px) auto
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--left {
  border: 4px solid #676767
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--left .content_item_title {
  background: #676767;
  color: #fff
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--left .content_item_list li:nth-child(1) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_tvcm.svg);
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0)
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--left .content_item_list li:nth-child(2) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_news.svg);
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0)
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--left .content_item_list li:nth-child(3) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_web.svg);
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0)
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right {
  border: 4px solid #114bad
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right .content_item_title {
  background: #114bad;
  color: #fff
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right .content_item_list li {
  background: #114bad
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right .content_item_list li:nth-child(1) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_tvpg.svg)
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right .content_item_list li:nth-child(2) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_news.svg)
}

.marketing_lp .lp_sec.--sec6 .content .content_item.--right .content_item_list li:nth-child(3) .icon span {
  background-image: url(assets/images/layout/lp/marketing/icon_web.svg)
}

.marketing_lp .lp_sec.--sec6 .bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: url(assets/images/layout/lp/marketing/sec06_bg_01.webp) no-repeat center/cover
}

.marketing_lp .lp_sec.--sec7 {
  position: relative;
  padding-block: clamp(40px, -16px + 10vw, 80px);
  background: #00338b;
  color: #fff;
  text-align: center
}

.marketing_lp .lp_sec.--sec7:after {
  position: absolute;
  bottom: calc(clamp(60px, -24px + 15vw, 120px)*-1);
  left: calc(50% - clamp(60px, -24px + 15vw, 120px));
  width: clamp(120px, -48px + 30vw, 240px);
  height: clamp(85px, -34px + 21.25vw, 170px);
  background: url(assets/images/layout/lp/marketing/icon_arrow_b.svg) no-repeat center/contain;
  content: ""
}

.marketing_lp .lp_sec.--sec7 .wrapper {
  position: relative;
  padding: clamp(30px, -40px + 12.5vw, 80px) clamp(15px, -104px + 21.25vw, 100px)
}

.marketing_lp .lp_sec.--sec7 .balloon {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  padding: 10px 20px;
  background: #fff;
  color: #00338b;
  font-weight: 700;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  font-family: NotoSansCJKjp, sans-serif
}

.marketing_lp .lp_sec.--sec7 .balloon:after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background: #fff;
  content: "";
  -webkit-clip-path: polygon(15% 0, 50% 100%, 85% 0%);
  clip-path: polygon(15% 0, 50% 100%, 85% 0%)
}

.marketing_lp .lp_sec.--sec7 .lp_headingBlock {
  color: #fff;
  font-size: clamp(24px, 12.8px + 2vw, 32px);
  line-height: 1.5
}

.marketing_lp .lp_sec.--sec7 .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-evenly;
  width: 100%;
  margin-inline: auto;
  margin-block: 50px;
  gap: 30px 10px
}

.marketing_lp .lp_sec.--sec7 .imgs>* {
  flex-shrink: 0
}

.marketing_lp .lp_sec.--sec7 .imgs .arrow {
  align-self: center
}

.marketing_lp .lp_sec.--sec7 .imgs .circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px
}

.marketing_lp .lp_sec.--sec7 .imgs .circle img {
  border-radius: 9999px
}

.marketing_lp .lp_sec.--sec7 .imgs .circle .txt {
  font-weight: 700;
  font-size: 20px
}

.marketing_lp .lp_sec.--sec7 .imgs .img4 img,
.marketing_lp .lp_sec.--sec7 .imgs .img5 img {
  -o-object-fit: contain;
  object-fit: contain
}

.marketing_lp .lp_sec.--sec7 .content {
  display: inline-block;
  position: relative;
  padding: 30px 150px 30px 30px;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  font-weight: 700;
  font-size: clamp(20px, 14.4px + 1vw, 24px)
}

.marketing_lp .lp_sec.--sec7 .content span {
  color: #ffd800
}

.marketing_lp .lp_sec.--sec7 .content:after {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 148px;
  height: 152px;
  background: url(assets/images/layout/lp/marketing/sec07_img_06@2x.webp) no-repeat center/contain;
  content: ""
}

.marketing_lp .lp_sec.--sec8 {
  padding-top: clamp(80px, -32px + 20vw, 160px);
  background: #d4e8f5;
  text-align: center
}

.marketing_lp .lp_sec.--sec8 .arrow_bottom {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(30px, 2px + 5vw, 50px);
  color: #232323;
  font-weight: 700;
  font-size: clamp(18px, -1.6px + 3.5vw, 32px);
  line-height: 1.5
}

.marketing_lp .lp_sec.--sec8 .arrow_bottom span {
  color: #e5593d;
  font-size: clamp(24px, 1.6px + 4vw, 40px)
}

.marketing_lp .lp_sec.--sec8 .arrow_bottom:before,
.marketing_lp .lp_sec.--sec8 .arrow_bottom:after {
  position: absolute;
  top: 50%;
  height: 4em;
  border-left: 2px solid #000;
  content: ""
}

.marketing_lp .lp_sec.--sec8 .arrow_bottom:before {
  left: 0;
  transform: translate(-40px, -50%) rotate(-30deg);
  transform-origin: bottom left
}

.marketing_lp .lp_sec.--sec8 .arrow_bottom:after {
  right: 0;
  transform: translate(40px, -50%) rotate(30deg);
  transform-origin: bottom right
}

.marketing_lp .lp_sec.--sec8 .wrapper {
  width: clamp(500px, -340px + 150vw, 1100px);
  max-width: 100%;
  margin-inline: auto;
  overflow: hidden;
  border: 4px solid #042b5b;
  border-radius: 30px
}

.marketing_lp .lp_sec.--sec8 .lp_headingBlock {
  padding-block: clamp(30px, -12px + 7.5vw, 60px);
  background: #042b5b;
  color: #fff;
  font-size: clamp(20px, 3.2px + 3vw, 32px);
  line-height: 1.5
}

.marketing_lp .lp_sec.--sec8 .content {
  padding: clamp(15px, -27px + 7.5vw, 45px) clamp(15px, -76px + 16.25vw, 80px) clamp(15px, -48px + 11.25vw, 60px);
  background: #fff
}

.marketing_lp .lp_sec.--sec8 .content .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px 40px
}

.marketing_lp .lp_sec.--sec8 .content .list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 440px;
  height: 160px;
  overflow: hidden;
  border-radius: 10px
}

.marketing_lp .lp_sec.--sec8 .content .list .item .icon {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 10px;
  background: #114bad;
  color: #fff;
  font-weight: 700;
  font-size: 20px
}

.marketing_lp .lp_sec.--sec8 .content .list .item .icon img {
  aspect-ratio: 1/1;
  width: auto;
  height: 76px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.marketing_lp .lp_sec.--sec8 .content .list .item .img {
  flex: 1.5
}

.marketing_lp .lp_sec.--sec8 .content .description {
  z-index: 1;
  position: relative;
  margin-top: 45px;
  padding: clamp(15px, -8.8px + 4.25vw, 32px) clamp(15px, -48px + 11.25vw, 60px);
  padding-right: clamp(90px, -176px + 47.5vw, 280px);
  border-radius: 20px;
  background: #ecf4f9;
  font-weight: 700;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: left
}

.marketing_lp .lp_sec.--sec8 .content .description .red {
  color: red
}

.marketing_lp .lp_sec.--sec8 .content .description .blue {
  color: #114bad
}

.marketing_lp .lp_sec.--sec8 .content .description:after {
  z-index: -1;
  position: absolute;
  right: clamp(10px, -60px + 12.5vw, 60px);
  bottom: 0;
  aspect-ratio: 297/420;
  width: clamp(120px, -39.6px + 28.5vw, 234px);
  background: url(assets/images/layout/lp/marketing/sec08_img_05@3x.webp) no-repeat center/contain;
  background-position-y: 80px;
  content: ""
}

.marketing_lp .lp_sec.--sec9 {
  background: #fff
}

.marketing_lp .lp_sec.--sec9 .feature {
  display: flex;
  position: relative;
  align-items: center;
  width: clamp(500px, -340px + 150vw, 1100px);
  margin-bottom: clamp(30px, 2px + 5vw, 50px);
  padding: clamp(10px, -4px + 2.5vw, 20px) clamp(10px, -46px + 10vw, 50px);
  gap: clamp(0px, -84px + 15vw, 60px);
  background: #012a7b;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%)
}

.marketing_lp .lp_sec.--sec9 .feature:after {
  z-index: -1;
  position: absolute;
  top: calc(50% - clamp(30px, 16px + 2.5vw, 40px));
  right: clamp(20px, -64px + 15vw, 80px);
  width: clamp(80px, 52px + 5vw, 100px);
  height: clamp(60px, 32px + 5vw, 80px);
  background: url(assets/images/layout/lp/marketing/icon_pc.svg) no-repeat center/contain;
  content: "";
  opacity: .1
}

.marketing_lp .lp_sec.--sec9 .feature .badge {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(50px, -34px + 15vw, 110px);
  height: clamp(50px, -34px + 15vw, 110px);
  border-radius: 50%;
  background: #fff;
  color: #012a7b;
  line-height: 1
}

.marketing_lp .lp_sec.--sec9 .feature .badge span:first-child {
  font-weight: 700;
  font-size: clamp(10px, -1.2px + 2vw, 18px)
}

.marketing_lp .lp_sec.--sec9 .feature .badge span:last-child {
  font-weight: 700;
  font-size: clamp(20px, -12.2px + 5.75vw, 43px)
}

.marketing_lp .lp_sec.--sec9 .feature .txt {
  display: inline;
  flex-grow: .5;
  color: #fff;
  font-weight: 700;
  font-size: clamp(20px, -8px + 5vw, 40px);
  line-height: 1.2;
  text-align: center
}

.marketing_lp .lp_sec.--sec9 .feature .txt .underline {
  padding-bottom: 2px;
  color: #ffd800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 4px
}

.marketing_lp .lp_sec.--sec9 .note {
  width: calc(100vw - 60px);
  margin-block: clamp(30px, 2px + 5vw, 50px);
  font-weight: 500;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: center
}

.marketing_lp .lp_sec.--sec9 .note span {
  color: #e5593d;
  font-weight: 700
}

.marketing_lp .lp_sec.--sec9 .note span.fill {
  padding-inline: 4px;
  background: #e5593d;
  color: #fff
}

.marketing_lp .lp_sec.--sec9 .imgs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(500px, -340px + 150vw, 1100px);
  margin-block: clamp(20px, -22px + 7.5vw, 50px);
  padding: 60px;
  gap: clamp(0px, -84px + 15vw, 60px);
  border-radius: 20px;
  background: #ecf4f9
}

.marketing_lp .lp_sec.--sec9 .imgs img {
  max-width: clamp(180px, -72px + 45vw, 360px)
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock {
  flex-direction: column;
  margin-top: 100px;
  text-align: center
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock small {
  z-index: 2;
  font-size: 32px
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2 {
  z-index: 1;
  position: relative;
  padding-bottom: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: #e5593d;
  text-decoration-color: #e5593d;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 16px
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2:before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -100px;
  width: 124px;
  height: 96px;
  background: url(assets/images/layout/lp/marketing/icon_note.svg) no-repeat center/contain;
  content: ""
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2:after {
  z-index: -1;
  position: absolute;
  top: -1em;
  right: -40px;
  width: 48px;
  height: 48px;
  background: url(assets/images/layout/lp/marketing/icon_pen.svg) no-repeat center/contain;
  content: ""
}

.marketing_lp .lp_sec.--sec9 .lp_headingBlock .red {
  color: #e5593d
}

.marketing_lp .lp_sec.--sec9 .content {
  width: clamp(500px, -340px + 150vw, 1100px);
  overflow: hidden;
  border: 3px solid #114bad;
  border-radius: 20px
}

.marketing_lp .lp_sec.--sec9 .content+.content {
  margin-top: 50px
}

.marketing_lp .lp_sec.--sec9 .content .content_ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 90px;
  background: #114bad;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  line-height: 1
}

.marketing_lp .lp_sec.--sec9 .content .content_ttl span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffe000;
  font-size: 24px
}

.marketing_lp .lp_sec.--sec9 .content .content_ttl span:first-child b {
  font-size: 36px
}

.marketing_lp .lp_sec.--sec9 .content .content_item {
  padding: 40px 60px 60px;
  font-weight: 500;
  font-size: 16px;
  text-align: center
}

.marketing_lp .lp_sec.--sec9 .content .content_item *+* {
  margin-top: 40px
}

.marketing_lp .lp_sec.--sec9 .description {
  z-index: 1;
  position: relative;
  margin-top: 120px;
  padding: clamp(15px, -48px + 11.25vw, 60px) clamp(15px, -48px + 11.25vw, 60px);
  padding-right: clamp(90px, -176px + 47.5vw, 280px);
  border-radius: 20px;
  background: #ecf4f9;
  font-weight: 700;
  font-size: clamp(16px, 10.4px + 1vw, 20px);
  text-align: left
}

.marketing_lp .lp_sec.--sec9 .description .red {
  color: red
}

.marketing_lp .lp_sec.--sec9 .description:after {
  z-index: -1;
  position: absolute;
  right: clamp(10px, -18px + 5vw, 30px);
  bottom: 0;
  aspect-ratio: 93/142;
  width: clamp(120px, -39.6px + 28.5vw, 234px);
  background: url(assets/images/layout/lp/marketing/sec09_img_05@3x.webp) no-repeat center/contain;
  background-position-y: 80px;
  content: ""
}

.marketing_lp .lp_sec.--sec10 {
  background: #00338b
}

.marketing_lp .lp_sec.--sec10 .content {
  margin-top: clamp(20px, -8px + 5vw, 40px)
}

.marketing_lp .lp_cta_txt {
  position: relative;
  margin-bottom: clamp(10px, -4px + 2.5vw, 20px);
  font-weight: 700;
  font-size: clamp(16px, 4.8px + 2vw, 24px);
  line-height: 1.2;
  white-space: nowrap
}

.marketing_lp .lp_cta_txt:before,
.marketing_lp .lp_cta_txt:after {
  position: absolute;
  top: 50%;
  height: 100%;
  border-left: 2px solid #000;
  content: ""
}

.marketing_lp .lp_cta_txt:before {
  transform: translate(-12px, -50%) scale(1.5) rotate(-40deg);
  transform-origin: bottom left
}

.marketing_lp .lp_cta_txt:after {
  transform: translate(12px, -50%) scale(1.5) rotate(40deg);
  transform-origin: bottom right
}

.ly_main:has(.marketing_lp)+.bl_footer {
  margin-top: 0
}

@media screen and (min-width: 961px) {
  .is_scrolled {
    background-color: #fff;
    box-shadow: 0 3px 24px #00000014
  }

  .is_scrolled .bl_headerLogo {
    width: 16rem
  }

  .is_scrolled .bl_header_inner {
    height: 8rem
  }
}

@media screen and (min-width: 961px) and (max-width: 1300px) {
  .recruit_br {
    display: block
  }
}

@media screen and (min-width: 1960px) {
  :root {
    --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 80) / var(--liquid-lgDesignRatio))
  }
}

@media screen and (max-width: 960px) {
  :root {
    --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-mdDesignRatio))
  }

  a:focus-visible,
  button:focus-visible {
    outline: none
  }

  .ly_inner,
  .ly_inner_wide,
  .ly_inner_narrow,
  .ly_inner_narrow2 {
    padding-right: 0
  }

  .ly_twoColumn {
    display: block
  }

  .ly_twoColumn>*:last-child:not(.ly_twoColumn_halfArea) {
    margin-top: 8rem
  }

  .ly_twoColumn .ly_twoColumn_halfArea:last-child {
    margin-top: 6.4rem
  }

  .ly_twoColumn.__gapNarrow .ly_twoColumn_halfArea:last-child {
    margin-top: 3.2rem
  }

  .ly_twoColumn_sideArea.__sticky {
    position: static
  }

  .ly_twoColumn_sideArea {
    width: 100%
  }

  .ly_twoColumn_mainArea {
    padding-left: 0
  }

  .ly_twoColumn_mainArea-r {
    padding-right: 0
  }

  .ly_twoColumn_halfArea {
    width: 100%
  }

  .bl_header_inner {
    width: calc(100% - 3.2rem);
    height: auto;
    padding: 0
  }

  .bl_headerLogo {
    position: fixed;
    top: 1.8rem;
    left: 1.6rem;
    width: 16rem
  }

  .bl_headerNav_sm_bg,
  .bl_hamburgerBtn_wrapper {
    align-items: flex-start
  }

  .bl_hamburgerBtn_txt {
    display: none
  }

  .bl_headerNav_sm_inner {
    padding-right: 0
  }

  .bl_headerNav_sm_inner {
    padding-bottom: 4rem
  }

  .bl_lgMenu {
    display: none
  }

  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title {
    padding: 0 3.2rem
  }

  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
    font-size: 1.6rem
  }

  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner {
    padding: 0 2.4rem 3.2rem
  }

  .bl_smMenu {
    display: block
  }

  .bl_headerNav_wrapper {
    display: none
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title {
    padding: 0 3.2rem
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
    font-size: 1.6rem
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner {
    padding: 0 2.4rem 3.2rem
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner {
    display: block
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a {
    width: 100%;
    padding-left: 0
  }

  .bl_footer_bottomArea {
    padding: 12rem 0 3.2rem
  }

  .bl_footer_bottomArea {
    --menuPadding: 0
  }

  .bl_footer_bottomArea_menu_list:not(:nth-child(3)) {
    display: block
  }

  .bl_footer_bottomArea_menu_list:not(:nth-child(3)) .title {
    margin-bottom: 2.4rem
  }

  .bl_footer_bottomArea_menu_list:last-child {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
  }

  .bl_footer_bottomArea_menu_list:first-child {
    padding-top: 0;
    border-top: none
  }

  .bl_footer_bottomArea_menu_list .title {
    width: auto;
    text-align: center
  }

  .bl_footer_bottomArea_menu_list .title.link:not(:last-child) {
    margin-right: 2.4rem
  }

  .bl_footer_bottomArea_menu_list ul li {
    margin-right: 2.4rem
  }

  .bl_footer_bottomArea_menu_list ul li a {
    font-weight: 500
  }

  .bl_footer_bottomArea_bottomLinks {
    display: block
  }

  .bl_footer_bottomArea_bottomLinks a:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.6rem
  }

  .bl_subFv {
    padding-top: 16rem
  }

  .bl_subFv .title {
    font-size: 3.2rem
  }

  .el_article.el_column .wp-block-columns {
    flex-direction: column
  }

  .el_article.el_column .wp-block-columns .wp-block-column {
    width: 100%
  }

  .el_article.el_column .wp-block-columns .wp-block-column figure {
    margin: 2.4rem 0
  }

  .el_article h1,
  .el_article h2 {
    font-size: 2rem
  }

  .el_article h3,
  .el_article h4,
  .el_article h5,
  .el_article h6 {
    font-size: 1.8rem
  }

  .el_article p,
  .el_article ul li,
  .el_article ol li {
    font-size: 1.4rem
  }

  .el_article table th,
  .el_article table td {
    padding: .8rem
  }

  .el_article table th {
    font-size: 1.4rem
  }

  .bl_hexagonMedia .contBlock.__message .profile {
    font-size: 1.8rem
  }

  .bl_hexagonMedia .contBlock.__message .profile {
    font-size: 1.6rem
  }

  .bl_pageGuideList li {
    display: block
  }

  .bl_pageGuideList li .title {
    width: 100%;
    margin-bottom: 1.6rem
  }

  .bl_columnList {
    width: 100%
  }

  .bl_columnList li {
    padding: 2.4rem 0 3.2rem
  }

  .bl_columnList_cont .title {
    font-size: 1.4rem
  }

  .bl_newsList li a {
    padding: 2.4rem 0 3.2rem
  }

  .bl_newsList_cont .title {
    font-size: 1.4rem
  }

  .bl_linkList li a {
    padding: 3.2rem 0
  }

  .bl_linkList li a .title {
    font-size: 1.4rem
  }

  .bl_categoryList .bl_categoryList_block .bl_categoryList_items {
    flex-direction: column
  }

  .bl_categoryList .bl_categoryList_block .bl_columnList_item {
    max-width: 100%
  }

  .bl_recommendList .bl_recommendList_wrap {
    min-height: auto
  }

  .bl_recommendList .bl_recommendList_wrap .splide__slide .bl_columnList_item,
  .bl_recommendList .bl_recommendList_wrap .splide__slide.is-active .bl_columnList_item {
    width: calc(100% - 40px)
  }

  .bl_ctaBtn {
    padding: 12rem 1.6rem
  }

  .bl_hexagonsList {
    padding: 8rem 0 0
  }

  .bl_hexagonsList ul {
    display: block;
    position: relative
  }

  .bl_hexagonsList li .hexagonBg {
    transform: rotate(90deg)
  }

  .bl_hexagonsList li {
    width: 38rem;
    height: 24rem;
    margin: 0 auto
  }

  .bl_hexagonsList li:not(:last-child) {
    margin-bottom: 16rem
  }

  .bl_hexagonsList li.bgList {
    position: absolute
  }

  .bl_hexagonsList li.bgList.__no1 {
    top: 20rem;
    left: -36rem
  }

  .bl_hexagonsList li.bgList.__no2 {
    top: -20rem;
    right: -36rem
  }

  .bl_hexagonsList li.bgList.__no3 {
    top: -18rem;
    left: -36rem
  }

  .bl_hexagonsList li.bgList.__no4 {
    display: none
  }

  .bl_hexagonsList.__gapLv1 ul {
    margin-left: 0
  }

  .bl_hexagonsList.__gapLv1 ul li.bgList.__no1 {
    top: -18rem;
    left: -36rem
  }

  .bl_hexagonsList.__gapLv1 ul li.bgList.__no2 {
    top: 20rem;
    right: -36rem
  }

  .bl_hexagonsList.__gapLv1 ul li.bgList.__no3 {
    top: 20rem;
    left: -36rem
  }

  .bl_hexagonsList_cont {
    padding: 0 3.2rem
  }

  .bl_hexagonsList_cont .el_headingBlock_jpTitle.__whenSmLarge {
    font-size: 4.4rem
  }

  .bl_sideBar {
    padding: 3.2rem 1.6rem
  }

  .bl_sideBar_searchForm input {
    font-size: 1.6rem
  }

  .bl_sideBar_popular .bl_sideBar_popular__txt:before {
    width: 30px;
    height: 30px
  }

  .bl_snsShare {
    display: block
  }

  .bl_snsShare .title {
    margin-bottom: 1.6rem
  }

  .bl_snsShare ul li:first-child {
    margin-left: 0
  }

  .bl_cardUnit.__3col {
    --negativeMargin: 4rem;
    --gap: 2.4rem
  }

  .bl_cardUnit.__3col_S,
  .bl_cardUnit.__2col {
    --negativeMargin: 2.4rem;
    --gap: 2.4rem
  }

  #toc_container {
    margin-block: 40px;
    padding: 30px
  }

  #toc_container .toc_title {
    margin-block: 0 20px;
    font-size: 20px
  }

  #toc_container .toc_list a {
    font-size: 14px
  }

  .el_btn_wrapper.__mtLv0 {
    margin-top: 2.4rem
  }

  .el_btn_withTitlebox .el_headingBlock {
    top: 0;
    margin-bottom: 2.4rem
  }

  .el_textBlock_jpTitle {
    font-size: 2rem
  }

  .el_textBlock_jpTitle br {
    display: none
  }

  .el_textBlock_jpTitle.__smLeft {
    text-align: left
  }

  .el_textBlock_jpSmTitle {
    font-size: 1.8rem
  }

  .el_textBlock_jpDesc {
    font-size: 1.4rem
  }

  .el_headingBlock_jpTitle {
    font-size: 2.4rem
  }

  .el_headingBlock_jpTitle.__sm,
  .el_headingBlock_jpSubTitle {
    font-size: 2rem
  }

  .el_table_tr .td {
    font-size: 1.4rem
  }

  .dd_lg {
    display: none
  }

  .dd_md,
  .dd_mdsm {
    display: inherit
  }

  .lg_only {
    display: none
  }

  .md_only {
    display: block
  }

  .pg_top_mv .pg_top_mv_illust .pg_top_mv_bg {
    left: 0;
    width: 100vw
  }

  .pg_top_mv .pg_top_mv_title {
    font-size: clamp(24px, 1.6px + 4vw, 40px)
  }

  .pg_top_mv .pg_top_mv_video .pg_top_mv_video_wrap {
    width: 100%
  }

  .pg_top_slider {
    display: block;
    width: 100%
  }

  .pg_top_slider_scene {
    display: block;
    height: auto
  }

  .pg_top_slider_scene:not(:last-child) {
    margin-bottom: 8rem
  }

  .pg_top_slider_scene .thumBlock,
  .pg_top_slider_scene .txtBlock {
    width: calc(100% - 3.2rem);
    margin: 0 auto
  }

  .pg_top_slider_scene .thumBlock {
    width: 60%;
    margin: 0 auto 2.4rem;
    padding: 0
  }

  .pg_top_column .ly_inner {
    flex-direction: column;
    align-items: flex-start
  }

  .pg_corporate_cta_bg {
    right: 1.6rem
  }

  .pg_corporate_infoCTA_bg {
    top: 0;
    left: -40rem
  }

  .pg_corporate_message_cont .message_wrapper:after {
    width: 80%
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock {
    width: 100%;
    padding-left: 4rem
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .imgBlock {
    flex-shrink: 0;
    width: 40%
  }

  .pg_corporate_message_cont_bgTxt {
    height: 240px
  }

  .pg_corporate_message_cta {
    padding: 4rem 1.6rem
  }

  .pg_corporate_works_awards li p {
    font-size: 1.4rem
  }

  .pg_columnSingle {
    padding-top: 12rem
  }

  .pg_columnSingle_titleBlock .title {
    font-size: 2rem
  }

  .pg_columnSingle_relatedPost_title {
    font-size: 2.4rem
  }

  .pg_columnSingle_relatedPost .bl_columnList {
    flex-direction: column
  }

  .pg_columnSingle_relatedPost .bl_columnList .bl_columnList_item {
    max-width: 100%
  }

  .pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-cont {
    margin: 20px
  }

  .pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-cont .bl_formItem_wrapper.__flex {
    flex-direction: column
  }

  .pg_columnSingle .el_column .bl_columnDownload .bl_columnDownload-cont .bl_formItem_name:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px
  }

  .pg_columnSingle .el_column .bl_columnDownload .bl_submit .bl_privacyCheck_txt {
    font-size: 12px
  }

  .pg_columnSingle .el_column .bl_columnMember {
    padding: 30px
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-ttl {
    font-size: 2.4rem
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont {
    flex-direction: column;
    gap: 2.4rem
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_divider {
    width: 100%;
    height: 1px
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item {
    grid-template-columns: 70px 1fr;
    gap: 10px
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-company,
  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-position {
    font-size: 14px
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-info .bl_columnMember-name {
    font-size: 18px
  }

  .pg_columnSingle .el_column .bl_columnMember .bl_columnMember-cont .bl_columnMember-cont_item .bl_columnMember-desc {
    font-size: 14px
  }

  .pg_columnSingle .el_column .bl_columnText,
  .pg_columnSingle .el_column .bl_columnText .bl_columnText-subttl,
  .pg_columnSingle .el_column .bl_columnText .bl_columnText-cont {
    font-size: 1.35rem
  }

  .pg_columnSingle .el_column .bl_columnText.--horizontal,
  .pg_columnSingle .el_column .bl_columnText.--horizontal.--reverse {
    flex-direction: column
  }

  .pg_columnSingle .bl_pageNav .el_btn_wrapper {
    gap: 40px 15px
  }

  .pg_columnSingle .bl_pageNav .prev,
  .pg_columnSingle .bl_pageNav .next {
    height: 90px;
    padding: 16px;
    gap: 10px;
    font-size: 14px
  }

  .pg_newsSingle {
    padding-top: 12rem
  }

  .pg_newsSingle_titleBlock .title {
    font-size: 2rem
  }

  .pg_newsSingle_relatedPost_title {
    font-size: 2.4rem
  }

  .pg_contact {
    padding-top: 16rem
  }

  .pg_sitemap_list .sitemap_block {
    padding-left: 3.2rem
  }

  .pg_sitemap_list .bl_smMenu .bl_accordion_child_list .bl_accordion_child_title {
    width: calc(100% - 1.6rem)
  }
}

@media screen and (max-width: 560px) {
  :root {
    --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-smDesignRatio))
  }

  :root {
    --headerHeight: 11.2rem
  }

  .ly_sect_lv2,
  .ly_sect_lv3 {
    margin-top: 8rem
  }

  .bl_footer_bottomArea_menu_list ul li {
    margin-right: 1.2rem
  }

  .bl_subFv.__withBgTitle {
    height: 28rem
  }

  .bl_subFv .engTitle {
    font-size: 4rem
  }

  .bl_subFv .jpSubTitle {
    font-size: 2rem
  }

  .bl_subFv .description {
    font-size: 1.6rem
  }

  .bl_subFv .description.__smLeft {
    text-align: left
  }

  .el_article blockquote {
    padding: 3.2rem 1.6rem
  }

  .bl_hexagonMedia {
    display: block
  }

  .bl_hexagonMedia .thumbnailBlock,
  .bl_hexagonMedia .contBlock {
    width: 100%
  }

  .bl_hexagonMedia:not(.__reverse) .thumbnailBlock {
    margin: 0
  }

  .bl_hexagonMedia.__reverse .thumbnailBlock {
    margin: 0
  }

  .bl_hexagonMedia .contBlock {
    margin-top: 3.2rem
  }

  .bl_hexagonMedia .contBlock.__member .titleBlock {
    margin-bottom: 1.6rem
  }

  .bl_hexagonMedia .contBlock.__member .titleBlock .positionsBlock a {
    width: 3.2rem;
    margin-left: .8rem
  }

  .bl_hexagonMedia .contBlock.__member .titleBlock .name {
    font-size: 2rem
  }

  .bl_hexagonMedia .contBlock.__member .profileTxt {
    text-align: left
  }

  .bl_pageGuideList li {
    padding: 2.4rem 1.6rem
  }

  .pg_column .blockTitle {
    margin-block: 50px 30px
  }

  .bl_columnList li {
    padding: 1.6rem 0
  }

  .bl_columnList_cont .tag span {
    font-size: 1rem
  }

  .el_columnListInfo {
    margin-bottom: .8rem
  }

  .bl_newsList li a {
    padding: 1.6rem 0
  }

  .el_newsListInfo {
    margin-bottom: .8rem
  }

  .bl_categoryList .bl_categoryList_block {
    padding-block: 40px
  }

  .bl_categoryList .bl_categoryList_block .bl_categoryList_block_title {
    font-size: 2.4rem
  }

  .bl_categoryList .bl_categoryList_block img {
    aspect-ratio: 3/2
  }

  .bl_recommendList {
    padding-block: 50px
  }

  .bl_recommendList .bl_recommendList_wrap img {
    aspect-ratio: 3/2
  }

  .bl_recommendList .splide__arrows .splide__arrow.splide__arrow--prev {
    transform: translate(-50vw)
  }

  .bl_recommendList .splide__arrows .splide__arrow.splide__arrow--next {
    transform: translate(50vw) rotate(180deg)
  }

  .bl_recommendList .splide__arrows .splide__arrow svg .arrow {
    transform: translate(-12px)
  }

  .bl_ctaBtn {
    display: block;
    padding: 10.4rem 1.6rem
  }

  .bl_ctaBtn .el_btn {
    margin-top: 4rem
  }

  .bl_hexagonsList li {
    width: 100vw
  }

  .bl_hexagonsList_cont .el_textBlock_jpTxt {
    text-align: left
  }

  .bl_sideBar+.bl_sideBar {
    margin-top: 1.6rem
  }

  .bl_sideBar_popular .bl_sideBar_popular__txt:before {
    width: 24px;
    height: 24px
  }

  .bl_subPageIllust_view {
    width: 88%
  }

  .bl_cardUnit.__3col {
    --width: 100%;
    --gap: 0px
  }

  .bl_cardUnit.__3col_S {
    --width: 100%;
    --negativeMargin: 1.6rem;
    --gap: 0px
  }

  .bl_cardUnit.__2col {
    --width: 100%;
    --gap: 0rem
  }

  .bl_card_memberL .contBlock .position {
    font-size: 1.4rem
  }

  .bl_card_memberL .contBlock .name {
    font-size: 1.8rem
  }

  .bl_card_memberL .contBlock .snsList img {
    width: 2.4rem;
    margin: 0 .4rem
  }

  .bl_card_memberS .position {
    font-size: 1.4rem
  }

  .bl_card_memberS .name {
    font-size: 1.8rem
  }

  .bl_card_memberS .snsList img {
    width: 2.4rem;
    margin: 0 .4rem
  }

  .wp-pagenavi {
    margin-top: 4.8rem
  }

  .el_btn.__cta {
    width: calc(100vw - 40px);
    padding: 40px 20px;
    border-width: 4px;
    font-size: 16px;
    line-height: 1.3
  }

  .el_btn_wrapper.__cta {
    padding-block: 50px
  }

  .el_btn_wrapper.__cta:before {
    right: 30vw
  }

  .el_btn_box {
    padding: 0 1.2rem
  }

  .el_btn_box .title span {
    font-size: 1.6rem
  }

  .el_btn_box .title svg {
    width: 1.2rem;
    margin-right: 1.2rem
  }

  .el_btn_withArrow {
    font-size: 1.2rem
  }

  .el_btn_withArrow svg {
    width: 2.4rem;
    margin-left: .8rem
  }

  .el_textBlock_jpDesc.__smLeft {
    text-align: left
  }

  .el_textBlock.__mbLv0 {
    margin-bottom: 1.6rem
  }

  .el_textBlock.__mbLv1 {
    margin-bottom: 2.4rem
  }

  .el_textBlock.__mbLv2 {
    margin-bottom: 3.2rem
  }

  .el_headingBlock_enTitle {
    font-size: 4rem
  }

  .el_headingBlock.__mbLv0 {
    margin-bottom: 1.6rem
  }

  .el_headingBlock.__mbLv1 {
    margin-bottom: 2.4rem
  }

  .el_headingBlock.__mbLv2 {
    margin-bottom: 3.2rem
  }

  .el_headingBlock.__mbLv3 {
    margin-bottom: 4rem
  }

  .el_table_tr {
    display: block
  }

  .el_table_tr .th,
  .el_table_tr .td {
    padding: 2.4rem 0
  }

  .el_table_tr .th {
    width: 100%;
    padding-bottom: 0;
    border-bottom: none
  }

  .el_bgTitle {
    font-size: 16rem
  }

  .dd_lgmd,
  .dd_md {
    display: none
  }

  .dd_sm {
    display: inherit
  }

  .sm_only {
    display: block
  }

  .pg_top_mv {
    grid-template: "pic" "ttl" "mv"
  }

  .pg_top_mv .pg_top_mv_illust {
    width: 80vw;
    margin-inline: auto
  }

  .pg_top_mv .pg_top_mv_title {
    font-size: 24px
  }

  .pg_top_mv .el_btn_wrapper {
    margin-top: 20px
  }

  .pg_top_slider_scene:not(:first-child) .thumBlock {
    display: none
  }

  .pg_top_slider_scene .btn_wrapper {
    width: 100%
  }

  .pg_top_slider_scene .btn_wrapper .el_btn_box {
    width: 100%;
    padding: 0
  }

  .pg_top_slider_scene .thumBlock {
    width: 90%;
    margin: 0 auto 1.6rem
  }

  .pg_top_news .pg_top_news_title {
    margin: 0 0 2.4rem;
    text-align: center
  }

  .pg_top_news_inner {
    display: block
  }

  .pg_top_news_flex .el_headingBlock_enTitle {
    font-size: 4rem
  }

  .pg_top_news_flex {
    width: 100%;
    margin-bottom: 100px
  }

  .pg_top_corporateList a {
    display: block;
    padding: 2.4rem 0
  }

  .pg_top_corporateList a .arrowBlock .bgTxt {
    right: 1.6rem;
    font-size: 12rem
  }

  .pg_top_corporateList a .arrowBlock {
    margin-top: 3.2rem;
    margin-left: 0;
    text-align: right
  }

  .pg_top_corporateList a .arrowBlock .el_btn_withArrow {
    justify-content: flex-end
  }

  .pg_top_irInfoList a .titleBlock .pdfBlock {
    margin-right: 1.6rem
  }

  .pg_top_irInfoList a .titleBlock .txtBlock .title {
    font-size: 1.6rem
  }

  .pg_top_irInfoList a .titleBlock .txtBlock .subTitle {
    font-size: 1.2rem
  }

  .pg_top_irInfoList a .arrowBlock .ff_eng {
    visibility: hidden
  }

  .pg_top_irInfoList a .arrowBlock .el_btn_withArrow {
    justify-content: flex-end
  }

  .pg_top_careers {
    padding: 6.4rem 0 47rem
  }

  .pg_top_careers .bgImg {
    top: auto;
    right: -60%;
    bottom: -10%;
    width: 160%;
    max-width: initial
  }

  .pg_top_column {
    padding-block: 6.4rem 0 1rem
  }

  .pg_corporate-info_group_illust img {
    width: 64rem
  }

  .pg_corporate-info_access_map .map {
    height: 48rem
  }

  .pg_corporate-info_access_map .mapinfo {
    left: 0
  }

  .pg_corporate-guide_nav {
    display: block
  }

  .pg_corporate-guide_nav a {
    margin: 1.2rem 0
  }

  .pg_corporate_cta .ly_inner {
    display: block;
    height: auto;
    padding: 9.6rem 0;
    text-align: center
  }

  .pg_corporate_cta .ly_inner .el_btn_wrapper {
    margin-top: 2.4rem
  }

  .pg_corporate_infoCTA {
    padding-top: 40rem
  }

  .pg_corporate_infoCTA .btn_block_list li a {
    width: 100%
  }

  .pg_corporate_infoCTA_bg {
    top: -8rem;
    left: -25rem;
    width: 60rem;
    max-width: initial
  }

  .pg_corporate_message_cont .message_wrapper {
    padding-top: 0
  }

  .pg_corporate_message_cont .message_wrapper:after {
    width: 100%
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner {
    display: block
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock {
    padding-left: 0
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt p:not(:first-child) {
    margin-top: 2.4rem
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .txtBlock .txt {
    font-size: 1.6rem
  }

  .pg_corporate_message_cont .message_wrapper .ly_inner .imgBlock {
    position: static;
    width: 100%;
    margin-bottom: 4rem
  }

  .pg_corporate_message_cont_bgTxt {
    height: 0
  }

  .pg_corporate_members .bl_modal_close {
    top: 1.6rem;
    right: 1.6rem;
    width: 4rem;
    height: 4rem
  }

  .pg_corporate_members .bl_modal_close svg {
    width: 1.4rem
  }

  .pg_corporate_members .bl_modal_cont {
    width: 100%;
    padding: 4rem 1.6rem;
    border-radius: 0
  }

  .pg_corporate_history_block .content_wrapper {
    display: block
  }

  .pg_corporate_history_block .content_wrapper .thumbnail_block {
    width: 100%
  }

  .pg_corporate_history_block .content_wrapper .list_block {
    width: 100%;
    margin-top: 3.2rem;
    padding-left: 0
  }

  .pg_corporate_history_block .content_wrapper .list_block li {
    font-size: 1.6rem
  }

  .pg_corporate_works_awards li {
    display: block
  }

  .pg_corporate_works_awards li img {
    width: 100%;
    margin: 0 0 .8rem
  }

  .pg_solution_intro {
    display: block;
    padding: 6.4rem 0
  }

  .pg_solution_intro .contBlock {
    width: 100%;
    padding-right: 0
  }

  .pg_solution_intro .imgBlock {
    width: 100%;
    margin-top: 4rem
  }

  .pg_solotion_stages {
    display: block
  }

  .pg_solotion_stages_note {
    font-size: 1.6rem
  }

  .pg_solotion_stages li {
    width: 100%
  }

  .pg_solotion_stages li:not(:last-child) .thumbnailBlock:after {
    display: none
  }

  .pg_solotion_stages li:not(:last-child) {
    margin-bottom: 7.2rem
  }

  .pg_solotion_stages li:not(:last-child):after {
    position: absolute;
    top: auto;
    right: 0;
    bottom: -4rem;
    left: 0;
    width: 3.2rem;
    height: 2.2rem;
    margin: auto;
    transform: rotate(90deg);
    background-image: url(assets/images/element/icon/arrow-right.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .pg_solotion_stages li .thumbnailBlock {
    width: 72%;
    padding-top: 72%
  }

  .pg_solotion_stages li .thumbnailBlock .cont img {
    width: 6.4rem
  }

  .pg_solotion_stages li .thumbnailBlock .cont p,
  .pg_solotion_stages li .thumbnailBlock .cont h3 {
    font-size: 1.4rem
  }

  .pg_solotion_stages li .thumbnailBlock .cont p {
    margin-bottom: .4rem
  }

  .pg_solotion_stages_joint p {
    font-size: 1.4rem
  }

  .pg_solution_platform_list {
    display: block
  }

  .pg_solution_platform_list li {
    width: 100%
  }

  .pg_solution_platform_list li:not(:last-child) {
    margin-bottom: 5.6rem
  }

  .pg_solution_platform_list li p {
    margin-top: 2.4rem;
    text-align: left
  }

  .pg_solution_comingSoon img.illust {
    margin-top: 8rem
  }

  .pg_solution_comingSoon img.comingSoon {
    top: 3.2rem;
    bottom: auto
  }

  .pg_columnSingle_titleBlock .tag span {
    font-size: 1rem
  }

  .pg_columnSingle_relatedPost .bl_columnList img {
    aspect-ratio: 3/2
  }

  .bl_formItem_group:not(:first-of-type) {
    margin-top: 4rem
  }

  .bl_formItem_wrapper.__flex {
    justify-content: space-between
  }

  .bl_formInput {
    padding: 0 .8rem
  }

  .bl_formInput.__select {
    background-position: calc(100% - .8rem) center;
    background-size: 1rem
  }

  .bl_submit {
    width: 100%;
    margin-left: 0
  }

  .pg_sitemap_list {
    display: block
  }

  .pg_sitemap_list:not(:first-child) {
    margin-top: 4.8rem
  }

  .pg_sitemap_list .sitemap_block {
    width: 100%;
    padding-left: 0
  }

  .pg_sitemap_list .sitemap_block:nth-child(2) {
    margin-top: 4.8rem;
    border-left: none
  }

  .recruit_br {
    display: block
  }

  .marketing_lp .u-wave:after {
    background-size: 14px 10px
  }

  .marketing_lp .lp_fv {
    margin-top: 0
  }

  .marketing_lp .lp_sec {
    padding: 60px 15px
  }

  .marketing_lp .lp_sec.--sec1 {
    gap: 20px
  }

  .marketing_lp .lp_sec.--sec1 .txt {
    font-size: 24px
  }

  .marketing_lp .lp_sec.--sec1 .txt span {
    font-size: 28px
  }

  .marketing_lp .lp_sec.--sec2 {
    margin-block: -25px;
    padding-block: 60px;
    font-size: 28px
  }

  .marketing_lp .lp_sec.--sec2:after {
    bottom: -60px;
    left: calc(50% - 60px);
    width: 120px;
    height: 85px
  }

  .marketing_lp .lp_sec.--sec2 .balloon {
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec3 {
    padding-bottom: 60px
  }

  .marketing_lp .lp_sec.--sec3 .bottom_bg {
    top: -80px;
    bottom: -120px
  }

  .marketing_lp .lp_sec.--sec3 .bottom_bg:after {
    height: 15%
  }

  .marketing_lp .lp_sec.--sec3 .bottom_txt {
    padding-block: 10px 20px;
    font-size: 12px
  }

  .marketing_lp .lp_sec.--sec3 .bottom_txt img {
    width: 24px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 {
    margin-top: 40px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock {
    display: inline-flex;
    position: relative;
    gap: 0;
    font-size: 30px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock:before {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 43px;
    height: 56px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .lp_headingBlock span {
    position: absolute;
    right: -40px;
    bottom: -5px;
    width: 40px;
    margin: 0;
    font-size: 60px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container {
    width: 100%;
    padding: 20px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .title {
    grid-template-areas: "txt txt txt" "lft . rgt";
    justify-content: space-between;
    gap: 0;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .title span {
    font-size: 20px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .title img {
    width: 60px;
    margin-top: -40px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content {
    flex-direction: column;
    margin-top: 30px;
    gap: 40px 15px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item {
    width: 300px;
    padding: 25px 5px 5px;
    border-radius: 10px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_title {
    top: -25px;
    left: calc(50% - 100px);
    width: 200px;
    height: 50px;
    font-size: 16px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_summary {
    padding-block: 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_description {
    border-radius: 6px;
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper1 .container .content .content_item .content_item_description .u-wave {
    font-size: 20px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper2 .container {
    width: 100%;
    padding: 0 15px 20px
  }

  .marketing_lp .lp_sec.--sec3 .wrapper2 .container .title {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec4 .container {
    width: 100%
  }

  .marketing_lp .lp_sec.--sec4 .container+.container {
    margin-top: 50px
  }

  .marketing_lp .lp_sec.--sec4 .container>*+* {
    margin-top: 20px
  }

  .marketing_lp .lp_sec.--sec4 .container .title {
    gap: 5px
  }

  .marketing_lp .lp_sec.--sec4 .container .title .point {
    width: 72px;
    height: 72px
  }

  .marketing_lp .lp_sec.--sec4 .container .title .point span:first-child {
    font-size: 10px
  }

  .marketing_lp .lp_sec.--sec4 .container .title .point span:last-child {
    font-size: 32px
  }

  .marketing_lp .lp_sec.--sec4 .container .title .txt {
    font-size: 28px
  }

  .marketing_lp .lp_sec.--sec4 .container .title .txt span {
    font-size: 30px
  }

  .marketing_lp .lp_sec.--sec4 .container .description {
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec5 .lp_headingBlock {
    margin-left: 0;
    font-size: 28px
  }

  .marketing_lp .lp_sec.--sec5 .lp_headingBlock .u-wave:after {
    -webkit-mask-size: 14px 10px;
    mask-size: 14px 10px
  }

  .marketing_lp .lp_sec.--sec5 .lp_headingBlock .u-wave+span {
    position: absolute;
    right: -40px;
    bottom: -5px;
    width: 40px;
    margin: 0;
    font-size: 60px
  }

  .marketing_lp .lp_sec.--sec5 .lp_headingBlock:before {
    left: -70px
  }

  .marketing_lp .lp_sec.--sec5 .container {
    width: 100%;
    margin-top: 50px;
    padding: 40px 10px 20px
  }

  .marketing_lp .lp_sec.--sec5 .container:after {
    top: -5px;
    right: 10px;
    font-size: 30px
  }

  .marketing_lp .lp_sec.--sec5 .container .title {
    top: -20px;
    left: -10px;
    padding: 10px 20px;
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec5 .container .description {
    margin-bottom: 20px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec5 .container .content {
    padding: 15px;
    border-radius: 10px;
    font-size: 16px
  }

  .marketing_lp .lp_sec.--sec5 .container .content>*+* {
    margin-top: 20px
  }

  .marketing_lp .lp_sec.--sec6 .lp_headingBlock {
    font-size: 22px
  }

  .marketing_lp .lp_sec.--sec6 .lp_headingBlock .row1 {
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec6 .lp_headingBlock .row2 b,
  .marketing_lp .lp_sec.--sec6 .lp_headingBlock .row3 b {
    font-size: 28px
  }

  .marketing_lp .lp_sec.--sec6 .feature {
    width: 100%;
    padding: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%)
  }

  .marketing_lp .lp_sec.--sec6 .feature .txt .underline {
    text-decoration-thickness: 1px
  }

  .marketing_lp .lp_sec.--sec6 .note {
    width: 100%;
    margin-block: 30px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec6 .imgs {
    width: 100%;
    margin-block: 30px;
    padding: 30px;
    gap: 0
  }

  .marketing_lp .lp_sec.--sec6 .imgs img {
    max-width: 150px
  }

  .marketing_lp .lp_sec.--sec6 .imgs img:last-child {
    max-width: 160px
  }

  .marketing_lp .lp_sec.--sec6 .description {
    width: 100%;
    font-size: 14px;
    white-space: nowrap
  }

  .marketing_lp .lp_sec.--sec6 .content {
    flex-direction: column;
    margin-top: 60px;
    gap: 30px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item {
    width: 100%;
    padding-top: 40px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_title {
    top: -20px;
    left: calc(50% - 100px);
    width: 200px;
    height: 50px;
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_summary {
    padding-block: 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li {
    height: 60px;
    margin: 10px;
    gap: 5px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .icon span {
    width: 40px;
    height: 40px;
    background-size: 24px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .txt {
    font-size: 12px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .content_item_list li .txt span {
    font-size: 16px
  }

  .marketing_lp .lp_sec.--sec6 .content .content_item .arrow {
    width: 40px;
    margin: 10px auto
  }

  .marketing_lp .lp_sec.--sec7 {
    padding-block: 40px
  }

  .marketing_lp .lp_sec.--sec7:after {
    bottom: -60px;
    left: calc(50% - 60px);
    width: 120px;
    height: 85px
  }

  .marketing_lp .lp_sec.--sec7 .wrapper {
    padding: 30px 15px
  }

  .marketing_lp .lp_sec.--sec7 .balloon {
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec7 .lp_headingBlock {
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec7 .imgs {
    flex-direction: column;
    margin-block: 30px
  }

  .marketing_lp .lp_sec.--sec7 .imgs .arrow {
    max-width: 20px;
    margin-block: -20px;
    transform: rotate(90deg)
  }

  .marketing_lp .lp_sec.--sec7 .imgs .circle {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    padding-block: 10px;
    padding-left: calc(50% - 50vw + 95px);
    gap: 20px;
    border: 1px solid #fff;
    border-radius: 8px
  }

  .marketing_lp .lp_sec.--sec7 .imgs .circle img {
    max-width: 80px
  }

  .marketing_lp .lp_sec.--sec7 .imgs .circle .txt {
    font-size: 16px
  }

  .marketing_lp .lp_sec.--sec7 .imgs .img4,
  .marketing_lp .lp_sec.--sec7 .imgs .img5 {
    height: 100px;
    margin: -10px auto 0
  }

  .marketing_lp .lp_sec.--sec7 .content {
    padding: 15px 60px 15px 15px;
    border-radius: 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec7 .content:after {
    width: 60px;
    height: 62px
  }

  .marketing_lp .lp_sec.--sec8 {
    padding-top: 80px
  }

  .marketing_lp .lp_sec.--sec8 .arrow_bottom {
    font-size: 18px;
    line-height: 1.3
  }

  .marketing_lp .lp_sec.--sec8 .arrow_bottom span {
    font-size: 24px
  }

  .marketing_lp .lp_sec.--sec8 .arrow_bottom:before {
    transform: translate(-20px, -50%) rotate(-15deg)
  }

  .marketing_lp .lp_sec.--sec8 .arrow_bottom:after {
    transform: translate(20px, -50%) rotate(15deg)
  }

  .marketing_lp .lp_sec.--sec8 .wrapper {
    width: 100%;
    border-width: 2px;
    border-radius: 15px
  }

  .marketing_lp .lp_sec.--sec8 .lp_headingBlock {
    padding-block: 30px;
    font-size: 18px
  }

  .marketing_lp .lp_sec.--sec8 .content {
    padding: 15px
  }

  .marketing_lp .lp_sec.--sec8 .content .list {
    flex-direction: column;
    gap: 10px
  }

  .marketing_lp .lp_sec.--sec8 .content .list .item {
    width: 100%;
    height: 120px
  }

  .marketing_lp .lp_sec.--sec8 .content .list .item .icon {
    min-width: 120px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec8 .content .list .item .icon img {
    height: 40px
  }

  .marketing_lp .lp_sec.--sec8 .content .description {
    margin-top: 20px;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec8 .content .description .description_item {
    padding-right: 80px
  }

  .marketing_lp .lp_sec.--sec8 .content .description:after {
    right: 8%;
    width: 100px;
    background-position-y: 0
  }

  .marketing_lp .lp_sec.--sec9 .feature {
    width: 100%;
    padding: 10px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%)
  }

  .marketing_lp .lp_sec.--sec9 .feature .txt .underline {
    text-decoration-thickness: 1px
  }

  .marketing_lp .lp_sec.--sec9 .note {
    width: 100%;
    margin-block: 30px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec9 .imgs {
    flex-direction: column;
    width: 100%;
    margin-block: 30px;
    padding: 20px;
    gap: 20px
  }

  .marketing_lp .lp_sec.--sec9 .imgs img {
    aspect-ratio: 16/9;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .marketing_lp .lp_sec.--sec9 .lp_headingBlock {
    margin-top: 50px;
    font-size: 20px;
    line-height: 1.5
  }

  .marketing_lp .lp_sec.--sec9 .lp_headingBlock small {
    font-size: 20px
  }

  .marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2 {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
  }

  .marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2:before {
    bottom: 15px;
    left: -60px;
    width: 62px;
    height: 48px
  }

  .marketing_lp .lp_sec.--sec9 .lp_headingBlock .row2:after {
    top: 5px;
    right: -20px;
    width: 24px;
    height: 24px
  }

  .marketing_lp .lp_sec.--sec9 .content {
    width: 100%;
    border-width: 2px;
    border-radius: 10px
  }

  .marketing_lp .lp_sec.--sec9 .content+.content {
    margin-top: 20px
  }

  .marketing_lp .lp_sec.--sec9 .content .content_ttl {
    padding: 20px 10px;
    font-size: 16px
  }

  .marketing_lp .lp_sec.--sec9 .content .content_ttl span:first-child {
    gap: 5px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec9 .content .content_ttl span:first-child b {
    font-size: 20px
  }

  .marketing_lp .lp_sec.--sec9 .content .content_item {
    padding: 20px;
    font-size: 12px
  }

  .marketing_lp .lp_sec.--sec9 .content .content_item *+* {
    margin-top: 20px
  }

  .marketing_lp .lp_sec.--sec9 .description {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px
  }

  .marketing_lp .lp_sec.--sec9 .description .description_item {
    padding-right: 80px
  }

  .marketing_lp .lp_sec.--sec9 .description:after {
    right: 8%;
    width: 100px;
    background-position-y: 0
  }

  .marketing_lp .lp_cta_txt {
    margin-bottom: 10px;
    font-size: 14px
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .bl_headerLogo:hover {
    opacity: .7
  }

  .bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title:hover {
    background-color: #f0f3f5;
    color: #002d7b
  }

  .bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title:hover .bl_accordion_iconWrapper {
    transform: scale(.9)
  }

  .bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner a:hover {
    color: #002d7b
  }

  .bl_lgMenu_block.__flexBlockWrapper .flexBlock:hover,
  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list:hover {
    transform: scale(.98)
  }

  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a:hover {
    background-color: #f0f3f5
  }

  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a:hover svg {
    transform: scale(.9)
  }

  .bl_smMenu .bl_accordion_parent_list:hover {
    transform: scale(.98)
  }

  .bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a:hover {
    background-color: #f0f3f5
  }

  .bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a:hover svg {
    transform: scale(.9)
  }

  .bl_headerNav_list .bl_headerNav_btn:hover {
    color: #002d7b
  }

  .bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title:hover {
    background-color: #f0f3f5;
    color: #002d7b
  }

  .bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title:hover .bl_accordion_iconWrapper {
    transform: scale(.9)
  }

  .bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner a:hover {
    color: #002d7b
  }

  .bl_footer_recommendRoot .bl_accordion_list:hover {
    transform: scale(.98)
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a:hover {
    background-color: #f0f3f5
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a:hover svg {
    transform: scale(.9)
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title:hover {
    background-color: #002d7b
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title:hover h3 {
    color: #fff
  }

  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title:hover .bl_accordion_iconWrapper svg path {
    fill: #fff !important
  }

  .bl_footer_bottomArea a:hover {
    opacity: .7
  }

  .el_article blockquote cite a:hover {
    color: #002d7b
  }

  .bl_pageGuideList li a:hover {
    opacity: .7
  }

  .bl_newsList li a:hover {
    background-color: #f0f3f5
  }

  .bl_newsList li a:hover svg {
    transform: translate(.8rem)
  }

  .bl_linkList li a:hover {
    background-color: #f0f3f5
  }

  .bl_linkList li a:hover svg {
    transform: translate(.8rem)
  }

  .bl_sideBar_searchForm button:hover {
    background-color: #002d7b
  }

  .bl_sideBar_searchForm button:hover svg path {
    fill: #ffe000
  }

  .wp-pagenavi .previouspostslink:hover:after {
    transform: translate(-.4rem)
  }

  .wp-pagenavi .nextpostslink:hover:after {
    transform: translate(.4rem)
  }

  .wp-pagenavi .page:hover,
  .wp-pagenavi .current:hover {
    color: #232323
  }

  .el_btn.__simpleBox.__noArrow:hover {
    background-color: #002d7b;
    color: #fff
  }

  .el_btn.__simpleBox.__withArrow:hover {
    background-color: #ffe000;
    color: #002d7b
  }

  .el_btn.__simpleBox.__withArrow:hover svg path {
    fill: #002d7b
  }

  .el_btn.__main:hover {
    background-color: #ffe000;
    color: #002d7b
  }

  .el_btn:hover.__simple {
    background-color: #002d7b;
    color: #fff
  }

  .el_btn:hover.__header {
    background-color: #002d7b;
    color: #ffe000
  }

  .el_btn:hover.__header svg path {
    fill: #ffe000
  }

  a:hover .el_btn_withArrow svg .arrow {
    animation: arrowAnim .6s
  }

  .an_thumb_zoom:hover .el_thumb .el_thumb_bg {
    transform: scale(1.1)
  }

  .pg_corporate_members .bl_modal_close:hover {
    transform: scale(.9)
  }

  .pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow:hover .bg {
    fill: #fff
  }

  .pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow:hover .arrow {
    fill: #002d7b
  }

  .pg_contact_ref p a:hover {
    opacity: .7
  }

  .bl_formItem_title:hover+.bl_formItem_wrapper .bl_formInput {
    border: .2rem solid #002d7b
  }

  .bl_formInput:hover {
    border: .2rem solid #002d7b
  }

  .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_btnWrapper p:hover .bl_privacyCheck span,
  .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck:hover span {
    transform: scale(1.1)
  }

  .bl_submit .bl_submitBtn_wrapper .bl_submitBtn:hover {
    background-color: #fff;
    color: #002d7b
  }

  .pg_sitemap_list .sitemap_link a:hover {
    opacity: .7
  }
}

@media (hover: none) {

  a,
  button,
  form label,
  form span,
  form input,
  .bl_headerLogo,
  .bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_title,
  .bl_lgMenu_block.__bigMenu .bl_lgMenu_block_menuWrapper .bl_accordion_list .bl_accordion_content_inner a,
  .bl_lgMenu_block.__flexBlockWrapper .flexBlock,
  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list,
  .bl_lgMenu_block.__accordionWrapper .bl_accordion_list .bl_accordion_content_inner a,
  .bl_smMenu .bl_accordion_parent_list,
  .bl_smMenu .bl_accordion_parent_list .bl_accordion_parent_content_inner a,
  .bl_headerNav_list .bl_headerNav_btn,
  .bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_title,
  .bl_lgNav_cont_list_wrapper .bl_accordion_list .bl_accordion_content_inner a,
  .bl_footer_recommendRoot .bl_accordion_list,
  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_content_inner a,
  .bl_footer_recommendRoot .bl_accordion_list .bl_accordion_title,
  .bl_footer_bottomArea a,
  .el_article blockquote cite a,
  .bl_pageGuideList li a,
  .bl_newsList li a,
  .bl_linkList li a,
  .bl_sideBar_searchForm button,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .page,
  .wp-pagenavi .current,
  .el_btn.__simpleBox.__noArrow,
  .el_btn.__simpleBox.__withArrow,
  .el_btn.__main,
  .el_btn,
  .an_thumb_zoom,
  .pg_corporate_members .bl_modal_close,
  .pg_corporate_history_block .content_wrapper .thumbnail_block .splide__arrows .splide__arrow,
  .pg_contact_ref p a,
  .bl_formItem_title,
  .bl_formInput,
  .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_btnWrapper p,
  .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck,
  .bl_submit .bl_submitBtn_wrapper .bl_submitBtn,
  .pg_sitemap_list .sitemap_link a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert
}

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

a,
button {
  cursor: revert
}

ol,
ul,
menu {
  list-style: none
}

img {
  max-inline-size: 100%;
  max-block-size: 100%
}

table {
  border-collapse: collapse
}

input,
textarea {
  -webkit-user-select: auto
}

textarea {
  white-space: revert
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert
}

pre {
  all: revert
}

::-webkit-input-placeholder {
  color: unset
}

::-moz-placeholder {
  color: unset
}

::placeholder {
  color: unset
}

::marker {
  content: ""
}

:where([hidden]) {
  display: none
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  -webkit-line-break: after-white-space;
  overflow-wrap: break-word;
  -webkit-user-select: auto
}

:where([draggable=true]) {
  -webkit-user-drag: element
}

:where(dialog:modal) {
  all: revert
}

@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
  z-index: 0;
  margin: 0 !important;
  opacity: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  z-index: 1;
  opacity: 1
}

.splide--rtl {
  direction: rtl
}

.splide__track--ttb>.splide__list {
  display: block
}

.splide__container {
  box-sizing: border-box;
  position: relative
}

.splide__list {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  backface-visibility: hidden
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide__pagination {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  pointer-events: none
}

.splide__pagination li {
  display: inline-block;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
  display: none
}

.splide__progress__bar {
  width: 0
}

.splide {
  visibility: hidden;
  position: relative
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible
}

.splide__slide {
  -ms-flex-negative: 0;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  backface-visibility: hidden;
  list-style-type: none !important
}

.splide__slide img {
  vertical-align: bottom
}

.splide__spinner {
  contain: strict;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 2px solid #999;
  border-radius: 50%;
  border-left-color: transparent;
  animation: splide-loading 1s linear infinite
}

.splide__sr {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}

.splide__track {
  z-index: 0;
  position: relative;
  overflow: hidden
}