:root {
  --color-base: #000;
  --lineHeight-sp: 2;
  --lineHeight-pc: 2;
  --font-base: "Noto Sans JP", sans-serif;
  --font-english: "Lato", sans-serif;
  --trakking: .02em;
  --transition-timingFunction: cubic-bezier(.19, 1, .22, 1);
  --transition: .3s var(--transition-timingFunction);
  --space: 20px;
  --area-base: calc(960px + var(--space) * 2);
  --area-large: calc(1200px + var(--space) * 2);
  --area-huge: calc(1680px + var(--space) * 2)
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 100vh;
  width: 100%
}

*, *::before, *::after {
  box-sizing: inherit;
  min-height: 0%
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd, small, address {
  font: inherit;
  margin: 0;
  padding: 0
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden
}

main {
  display: block;
  overflow-x: clip
}

b, strong {
  font-weight: bolder
}

a {
  color: inherit;
  text-decoration: none
}

ul, ol {
  list-style: none
}

audio, canvas, iframe, img, svg, video {
  vertical-align: top
}

img {
  border: 0;
  height: auto;
  max-width: 100%
}

svg:not([fill]) {
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

iframe {
  border-style: none
}

input, button, select, textarea {
  font: inherit
}

input, button {
  overflow: visible
}

button, select {
  text-transform: none
}

input[type=text] {
  line-height: normal
}

button, [type=submit], [type=reset], [type=button] {
  -webkit-appearance: button;
  cursor: pointer
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=text]::-ms-clear {
  visibility: hidden
}

[type=password]::-ms-reveal {
  visibility: hidden
}

[type=number]::-webkit-outer-spin-button, [type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: none
}

*, *::before, *::after {
  letter-spacing: var(--trakking)
}

body {
  background: #fff;
  color: var(--color-base);
  display: flex;
  flex-direction: column;
  font-family: var(--font-base);
  font-size: 15px;
  font-weight: 500;
  line-height: var(--lineHeight-sp);
  opacity: 0.01;
  padding-top: var(--headerHeight);
  pointer-events: none
}

body[data-page-load=true] {
  opacity: 1;
  pointer-events: auto
}

body[data-home=true] {
  transition: opacity 1.2s .3s var(--transition-timingFunction)
}

body[data-header-drawer-open=true] {
  overflow: hidden;
  touch-action: none
}

a {
  word-break: break-all
}

.sp-only{
  display: none;
}
@media screen and (max-width: 600px){
  .sp-only{
    display: block;
  }
}

.material-icons {
  font-size: inherit
}

.l-header {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  transition: box-shadow var(--transition);
  z-index: 2 !important
}

body[data-scroll-start=true] .l-header {
  box-shadow: 0 0 20px rgba(0, 0, 0, .4)
}

.l-main {
  flex-grow: 1
}

.c-article__section, .c-article__responseDevice {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0 60px;
  position: relative
}

.c-article__section:not([data-background=true])+.c-article__section:not([data-background=true]) {
  margin-top: -30px
}

.c-article__section[data-color=reverse] {
  color: #fff
}

.c-article__section:not([data-background=true])+.c-article__responseDevice::before {
  -webkit-transform: translateX(-50%);
  background: var(--color-main);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  width: 100vw
}

.c-article__two {
  width: 100%
}

.c-article__twoMain {
  display: flex;
  flex-wrap: wrap
}

.c-article__twoSide {
  padding: 60px 0 0 30px
}

.c-article__column {
  padding: 30px 0 0 0;
  position: static !important;
  width: 100%
}

.c-article__unit {
  display: flex
}

.c-article__unit+.c-article__unit {
  padding-top: 20px
}

.c-article__unit:only-child {
  height: 100%
}

.c-article__unit>* {
  width: 100%
}

.c-background {
  -webkit-transform: translateX(-50%) !important;
  height: 100%;
  left: 50%;
  opacity: 1 !important;
  position: absolute;
  top: 0;
  transform: translateX(-50%) !important;
  width: 100vw;
  z-index: -1
}

.c-background[src] {
  -o-object-fit: cover;
  max-width: none;
  object-fit: cover
}

section:first-child .c-background {
  height: calc(100% + var(--breadcrumbHeight));
  top: calc(-1*var(--breadcrumbHeight))
}

.c-box {
  text-align: center
}

.c-box>*:not(:first-child) {
  margin-top: 15px
}

.c-box__text {
  line-height: var(--lineHeight-sp)
}

.c-box__text::before, .c-box__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-box__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-box__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-box__primary, .c-box__secondary {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px
}

.c-box__primary {
  background: var(--color-main);
  color: #fff
}

.c-box__secondary {
  border: 1px solid var(--color-hover);
  color: var(--color-main)
}

.c-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  line-height: 1.5;
  padding: 15px 50px;
  position: relative;
  transition: background var(--transition), color var(--transition);
  width: 100%
}

.c-button[data-style="01"] {
  background: var(--color-hover);
  border: 2px solid var(--color-hover);
  color: #fff
}

.c-button[data-style="02"] {
  background: var(--color-main);
  border: 2px solid var(--color-main);
  color: #fff
}

.c-button[data-style="03"] {
  background: rgba(0, 0, 0, 0);
  border: 2px solid var(--color-main);
  color: var(--color-main);
  justify-content: flex-start;
  padding: 20px 50px 20px 20px
}

.c-button:focus[data-style="01"] {
  background: #fff;
  color: var(--color-hover)
}

.c-button:focus[data-style="02"] {
  background: #fff;
  color: var(--color-main)
}

.c-button:focus[data-style="03"] {
  background: var(--color-main);
  color: #fff
}

.c-button__arrow {
  -webkit-transform: translateY(-50%);
  font-size: 1.5em;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.c-button[data-direction=left] .c-button__arrow {
  left: 15px;
  right: auto
}

.c-button[data-style="03"] .c-button__arrow {
  align-items: center;
  background: var(--color-main);
  border-radius: 100%;
  color: #fff;
  display: flex;
  font-size: 1.2em;
  height: 1.3em;
  justify-content: center;
  padding-top: 2px;
  width: 1.3em
}

.c-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  transition: border-color var(--transition), background var(--transition)
}

.c-card[data-style="01"] {
  background: var(--color-sub)
}

[data-color=reverse] .c-card[data-style="01"], .c-background~.c-article__column .c-card[data-style="01"] {
  background: #fff;
  color: var(--color-base)
}

.c-card[data-style="02"] {
  border: 2px solid #b3b3b3
}

.c-background~.c-article__column .c-card[data-style="02"] {
  border-color: #fff
}

.c-card[href]:focus .c-card__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}

.c-card[href]:focus[data-style="01"] .c-card__title {
  color: var(--color-hover)
}

.c-card[href]:focus[data-style="01"] .c-card__text {
  color: var(--color-hover)
}

.c-card[href]:focus[data-style="01"] .c-card__moreInner {
  background: var(--color-hover)
}

.c-card[href]:focus[data-style="02"] {
  border-color: var(--color-main)
}

[data-color=reverse] .c-card[href]:focus[data-style="02"] {
  background: #fff;
  border-color: #fff
}

[data-color=reverse] .c-card[href]:focus[data-style="02"] .c-card__title {
  color: var(--color-main)
}

[data-color=reverse] .c-card[href]:focus[data-style="02"] .c-card__text {
  color: var(--color-main)
}

[data-color=reverse] .c-card[href]:focus[data-style="02"] .c-card__moreInner {
  background: var(--color-main);
  color: #fff
}

.c-card__thumbnail {
  overflow: hidden
}

.c-card[data-style="01"] .c-card__thumbnail {
  margin: -20px -20px 0
}

.c-card__thumbnailImage {
  -webkit-transform: scale3d(1, 1, 1);
  margin: 0 auto;
  transform: scale3d(1, 1, 1);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition)
}

.c-card__title {
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold;
  margin: auto;
  text-align: center;
  transition: color var(--transition)
}

.c-card__title {
  line-height: 1.5
}

.c-card__title::before, .c-card__title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-card__title::before {
  margin-top: -0.25em
}

.c-card__title::after {
  margin-bottom: -0.25em
}

.c-card__title:first-child:not(:last-child) {
  margin: 0;
  text-align: left
}

.c-card__title:first-child:not(:last-child)::after {
  display: none
}

.c-card__title:not(:first-child) {
  padding-top: 20px
}

[data-color=reverse] .c-card[data-style="02"] .c-card__title {
  color: #fff
}

.c-card__text {
  padding-top: 20px;
  transition: color var(--transition)
}

.c-card__text {
  line-height: var(--lineHeight-sp)
}

.c-card__text::before, .c-card__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-card__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-card__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-card__text:not(:first-child) {
  padding-top: 20px
}

.c-card__more {
  padding-top: 20px
}

.c-card__more:not(:first-child) {
  padding-top: 20px
}

.c-card[data-style="01"] .c-card__more {
  margin: auto -20px -20px
}

.c-card[data-style="02"] .c-card__more {
  margin: auto -22px -22px
}

.c-card__moreInner {
  align-items: center;
  background: var(--color-main);
  color: #fff;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  justify-content: center;
  line-height: 1.5;
  padding: 20px;
  transition: background var(--transition)
}

[data-color=reverse] .c-card[data-style="02"] .c-card__moreInner {
  background: #fff;
  color: var(--color-main)
}

.c-emphasis {
  color: #ed1c24;
  font-style: normal;
  font-weight: bold
}

.c-faq {
  background: #fff;
  padding: 30px 30px 30px 50px
}

.c-faq__question {
  font-size: 17px;
  font-weight: bold;
  line-height: var(--lineHeight-sp);
  position: relative
}

.c-faq__question::before {
  color: var(--color-main);
  content: "Q";
  font-family: var(--font-english);
  font-size: 20px;
  left: -25px;
  line-height: 1;
  position: absolute;
  top: 4px
}

.c-faq__answer {
  padding-top: 15px
}

.c-faq__answer {
  line-height: var(--lineHeight-sp)
}

.c-faq__answer::before, .c-faq__answer::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-faq__answer::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-faq__answer::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-full[data-style="01"] {
  align-items: center
}

.c-full[data-style="02"] {
  background: var(--color-sub)
}

.c-full__content {
  padding: 0 0 var(--space)
}

.c-full[data-style="02"] .c-full__content {
  padding: var(--space)
}

.c-full__title {
  border-bottom: 2px solid var(--color-hover);
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 7px
}

.c-full__title::before {
  content: "";
  display: block;
  height: 0;
  margin-top: -0.25em;
  width: 0
}

.c-grid {
  display: flex;
  flex-wrap: wrap
}

.c-grid.Type__02{
  border-bottom: 3px solid var(--color-main);
}

.c-grid[data-grid^=left], .c-grid[data-grid*=" left"] {
  justify-content: flex-start
}

.c-grid[data-grid^=center], .c-grid[data-grid*=" center"] {
  justify-content: center
}

.c-grid[data-grid^=right], .c-grid[data-grid*=" right"] {
  justify-content: flex-end
}

.c-grid[data-grid^=space-between], .c-grid[data-grid*=" space-between"] {
  justify-content: space-between
}

.c-grid[data-grid^=top], .c-grid[data-grid*=" top"] {
  align-items: flex-start
}

.c-grid[data-grid^=middle], .c-grid[data-grid*=" middle"] {
  align-items: center
}

.c-grid[data-grid^=bottom], .c-grid[data-grid*=" bottom"] {
  align-items: flex-end
}

.c-grid[data-grid^=row-reverse], .c-grid[data-grid*=" row-reverse"] {
  flex-direction: row-reverse
}

.c-grid[data-grid^=column-reverse], .c-grid[data-grid*=" column-reverse"] {
  flex-direction: column-reverse
}

.c-grid[data-gap^="5"], .c-grid[data-gap*=" 5"] {
  margin: -5px 0 0 -5px
}

.c-grid[data-gap^="5"]>.c-grid__item, .c-grid[data-gap*=" 5"]>.c-grid__item {
  border-width: 5px 0 0 5px
}

.c-grid[data-gap^="10"], .c-grid[data-gap*=" 10"] {
  margin: -10px 0 0 -10px
}

.c-grid[data-gap^="10"]>.c-grid__item, .c-grid[data-gap*=" 10"]>.c-grid__item {
  border-width: 10px 0 0 10px
}

.c-grid[data-gap^="15"], .c-grid[data-gap*=" 15"] {
  margin: -15px 0 0 -15px
}

.c-grid[data-gap^="15"]>.c-grid__item, .c-grid[data-gap*=" 15"]>.c-grid__item {
  border-width: 15px 0 0 15px
}

.c-grid[data-gap^="20"], .c-grid[data-gap*=" 20"] {
  margin: -20px 0 0 -20px
}

.c-grid[data-gap^="20"]>.c-grid__item, .c-grid[data-gap*=" 20"]>.c-grid__item {
  border-width: 20px 0 0 20px
}

.c-grid[data-gap^="25"], .c-grid[data-gap*=" 25"] {
  margin: -25px 0 0 -25px
}

.c-grid[data-gap^="25"]>.c-grid__item, .c-grid[data-gap*=" 25"]>.c-grid__item {
  border-width: 25px 0 0 25px
}

.c-grid[data-gap^="30"], .c-grid[data-gap*=" 30"] {
  margin: -30px 0 0 -30px
}

.c-grid[data-gap^="30"]>.c-grid__item, .c-grid[data-gap*=" 30"]>.c-grid__item {
  border-width: 30px 0 0 30px
}

.c-grid[data-gap^="35"], .c-grid[data-gap*=" 35"] {
  margin: -35px 0 0 -35px
}

.c-grid[data-gap^="35"]>.c-grid__item, .c-grid[data-gap*=" 35"]>.c-grid__item {
  border-width: 35px 0 0 35px
}

.c-grid[data-gap^="40"], .c-grid[data-gap*=" 40"] {
  margin: -40px 0 0 -40px
}

.c-grid[data-gap^="40"]>.c-grid__item, .c-grid[data-gap*=" 40"]>.c-grid__item {
  border-width: 40px 0 0 40px
}

.c-grid[data-gap^="45"], .c-grid[data-gap*=" 45"] {
  margin: -45px 0 0 -45px
}

.c-grid[data-gap^="45"]>.c-grid__item, .c-grid[data-gap*=" 45"]>.c-grid__item {
  border-width: 45px 0 0 45px
}

.c-grid[data-gap^="50"], .c-grid[data-gap*=" 50"] {
  margin: -50px 0 0 -50px
}

.c-grid[data-gap^="50"]>.c-grid__item, .c-grid[data-gap*=" 50"]>.c-grid__item {
  border-width: 50px 0 0 50px
}

.c-grid[data-gap^="55"], .c-grid[data-gap*=" 55"] {
  margin: -55px 0 0 -55px
}

.c-grid[data-gap^="55"]>.c-grid__item, .c-grid[data-gap*=" 55"]>.c-grid__item {
  border-width: 55px 0 0 55px
}

.c-grid[data-gap^="60"], .c-grid[data-gap*=" 60"] {
  margin: -60px 0 0 -60px
}

.c-grid[data-gap^="60"]>.c-grid__item, .c-grid[data-gap*=" 60"]>.c-grid__item {
  border-width: 60px 0 0 60px
}

.c-grid[data-gap^="65"], .c-grid[data-gap*=" 65"] {
  margin: -65px 0 0 -65px
}

.c-grid[data-gap^="65"]>.c-grid__item, .c-grid[data-gap*=" 65"]>.c-grid__item {
  border-width: 65px 0 0 65px
}

.c-grid[data-gap^="70"], .c-grid[data-gap*=" 70"] {
  margin: -70px 0 0 -70px
}

.c-grid[data-gap^="70"]>.c-grid__item, .c-grid[data-gap*=" 70"]>.c-grid__item {
  border-width: 70px 0 0 70px
}

.c-grid[data-gap^="75"], .c-grid[data-gap*=" 75"] {
  margin: -75px 0 0 -75px
}

.c-grid[data-gap^="75"]>.c-grid__item, .c-grid[data-gap*=" 75"]>.c-grid__item {
  border-width: 75px 0 0 75px
}

.c-grid[data-gap^="80"], .c-grid[data-gap*=" 80"] {
  margin: -80px 0 0 -80px
}

.c-grid[data-gap^="80"]>.c-grid__item, .c-grid[data-gap*=" 80"]>.c-grid__item {
  border-width: 80px 0 0 80px
}

.c-grid[data-gap^="85"], .c-grid[data-gap*=" 85"] {
  margin: -85px 0 0 -85px
}

.c-grid[data-gap^="85"]>.c-grid__item, .c-grid[data-gap*=" 85"]>.c-grid__item {
  border-width: 85px 0 0 85px
}

.c-grid[data-gap^="90"], .c-grid[data-gap*=" 90"] {
  margin: -90px 0 0 -90px
}

.c-grid[data-gap^="90"]>.c-grid__item, .c-grid[data-gap*=" 90"]>.c-grid__item {
  border-width: 90px 0 0 90px
}

.c-grid[data-gap^="95"], .c-grid[data-gap*=" 95"] {
  margin: -95px 0 0 -95px
}

.c-grid[data-gap^="95"]>.c-grid__item, .c-grid[data-gap*=" 95"]>.c-grid__item {
  border-width: 95px 0 0 95px
}

.c-grid[data-gap^="100"], .c-grid[data-gap*=" 100"] {
  margin: -100px 0 0 -100px
}

.c-grid[data-gap^="100"]>.c-grid__item, .c-grid[data-gap*=" 100"]>.c-grid__item {
  border-width: 100px 0 0 100px
}

.c-grid[data-gap^="105"], .c-grid[data-gap*=" 105"] {
  margin: -105px 0 0 -105px
}

.c-grid[data-gap^="105"]>.c-grid__item, .c-grid[data-gap*=" 105"]>.c-grid__item {
  border-width: 105px 0 0 105px
}

.c-grid[data-gap^="110"], .c-grid[data-gap*=" 110"] {
  margin: -110px 0 0 -110px
}

.c-grid[data-gap^="110"]>.c-grid__item, .c-grid[data-gap*=" 110"]>.c-grid__item {
  border-width: 110px 0 0 110px
}

.c-grid[data-gap^="115"], .c-grid[data-gap*=" 115"] {
  margin: -115px 0 0 -115px
}

.c-grid[data-gap^="115"]>.c-grid__item, .c-grid[data-gap*=" 115"]>.c-grid__item {
  border-width: 115px 0 0 115px
}

.c-grid[data-gap^="120"], .c-grid[data-gap*=" 120"] {
  margin: -120px 0 0 -120px
}

.c-grid[data-gap^="120"]>.c-grid__item, .c-grid[data-gap*=" 120"]>.c-grid__item {
  border-width: 120px 0 0 120px
}

.c-grid[data-gap^="0"], .c-grid[data-gap*=" 0"] {
  margin: 0
}

.c-grid[data-gap^="0"]>.c-grid__item, .c-grid[data-gap*=" 0"]>.c-grid__item {
  border-width: 0
}

.c-grid__item {
  background-clip: padding-box;
  border: solid rgba(0, 0, 0, 0)
}
.c-grid__item.Type__02{
  background-clip: padding-box;
  border-top: solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: none;
}
.c-grid__item.Type__02:first-child{
  background-clip: padding-box;
  border-top: solid rgba(0, 0, 0, 0);
  border-left: none;
  border-right: 5px solid rgba(0, 0, 0, 0);
}
.c-grid__item.Type__02:last-child{
  background-clip: padding-box;
  border-top: solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: none;
}

.c-grid__item[data-column^="1"], .c-grid__item[data-column*=" 1"] {
  width: 8.3333333333%
}

.c-grid__item[data-column^="2"], .c-grid__item[data-column*=" 2"] {
  width: 16.6666666667%
}

.c-grid__item[data-column^="3"], .c-grid__item[data-column*=" 3"] {
  width: 25%
}

.c-grid__item[data-column^="4"], .c-grid__item[data-column*=" 4"] {
  width: 33.3333333333%
}

.c-grid__item[data-column^="5"], .c-grid__item[data-column*=" 5"] {
  width: 41.6666666667%
}

.c-grid__item[data-column^="6"], .c-grid__item[data-column*=" 6"] {
  width: 50%
}

.c-grid__item[data-column^="7"], .c-grid__item[data-column*=" 7"] {
  width: 58.3333333333%
}

.c-grid__item[data-column^="8"], .c-grid__item[data-column*=" 8"] {
  width: 66.6666666667%
}

.c-grid__item[data-column^="9"], .c-grid__item[data-column*=" 9"] {
  width: 75%
}

.c-grid__item[data-column^="10"], .c-grid__item[data-column*=" 10"] {
  width: 83.3333333333%
}

.c-grid__item[data-column^="11"], .c-grid__item[data-column*=" 11"] {
  width: 91.6666666667%
}

.c-grid__item[data-column^="12"], .c-grid__item[data-column*=" 12"] {
  width: 100%
}

.c-grid__item[data-column^=five], .c-grid__item[data-column*=" five"] {
  width: 20%
}

.c-grid__item[data-column^=auto], .c-grid__item[data-column*=" auto"] {
  width: auto
}

.c-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  color: var(--color-main);
  cursor: pointer;
  display: inline;
  padding: 0;
  text-decoration: underline;
  transition: -webkit-text-decoration-color var(--transition);
  transition: text-decoration-color var(--transition);
  transition: text-decoration-color var(--transition), -webkit-text-decoration-color var(--transition)
}

.c-link:focus {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0);
  text-decoration-color: rgba(0, 0, 0, 0)
}

.c-orderedList {
  line-height: var(--lineHeight-sp)
}

.c-orderedList::before, .c-orderedList::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-orderedList::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-orderedList::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-orderedList li {
  counter-increment: orderList;
  padding-left: 25px;
  position: relative
}

.c-orderedList li::before {
  -webkit-transform: translateY(-50%);
  color: var(--color-main);
  content: counter(orderList) ".";
  left: 0;
  position: absolute;
  top: calc((var(--lineHeight-sp) - 1)*.5em + .5em);
  transform: translateY(-50%)
}

[data-color=reverse] .c-orderedList li::before {
  color: #fff
}

.c-orderedList li+li {
  margin-top: 10px
}

.c-unorderedList {
  line-height: var(--lineHeight-sp)
}

.c-unorderedList::before, .c-unorderedList::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-unorderedList::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-unorderedList::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-unorderedList li {
  padding-left: 25px;
  position: relative
}

.c-unorderedList li::before {
  -webkit-transform: translateY(-50%);
  background: var(--color-main);
  border-radius: 100%;
  content: "";
  height: 6px;
  left: 5px;
  position: absolute;
  top: calc((var(--lineHeight-sp) - 1)*.5em + .5em);
  transform: translateY(-50%);
  width: 6px
}

[data-color=reverse] .c-unorderedList li::before {
  background: #fff
}

.c-unorderedList li+li {
  margin-top: 10px
}

.c-map {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  z-index: 1
}

.c-map__inner {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.c-marker {
  background: linear-gradient(transparent 50%, #ffff00 50%)
}

[data-color=reverse] .c-marker {
  background: #ff0;
  color: var(--color-base)
}

.c-media img {
  margin: 0 auto
}

.c-media__sp+.c-media__pc {
  display: none
}

.c-media__link {
  display: flex;
  opacity: 1;
  position: relative;
  transition: opacity var(--transition)
}

.c-media__link[data-rel] {
  border: 1px solid var(--color-base)
}

.c-media__link:focus {
  opacity: .5
}

.c-media__icon {
  align-items: center;
  background: var(--color-main);
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 25px;
  height: 50px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 50px
}

.c-media__link:not([href$=".jpg"]):not([href$=".png"]):not([href$=".svg"]):not([href$=".gif"]) .c-media__icon {
  display: none
}

.c-media__caption {
  display: block;
  padding-top: 20px;
  text-align: center
}

.c-media__caption {
  line-height: var(--lineHeight-sp)
}

.c-media__caption::before, .c-media__caption::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-media__caption::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-media__caption::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-note {
  color: #999;
  display: block;
  font-size: 85%;
  padding-left: 1.3em;
  text-indent: -1.3em
}

.c-note::before {
  content: "※ "
}

.c-table {
  overflow-x: scroll
}

.c-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

.c-table .js-table-unit-scroll-hint, .c-table .acms-table-scrollable {
  width: 960px
}

.c-table th, .c-table td {
  display: block;
  padding: 15px 20px
}

.c-table .js-table-unit-scroll-hint th, .c-table .js-table-unit-scroll-hint td, .c-table .acms-table-scrollable th, .c-table .acms-table-scrollable td {
  display: table-cell
}

.c-table th {
  background: var(--color-main);
  color: #fff
}

[data-color=reverse] .c-table th, .c-background~.c-article__column .c-table th {
  border-color: #fff !important
}

.c-table th:not(:last-of-type) {
  border-right: 4px solid var(--color-sub)
}

.c-table .js-table-unit-scroll-hint tr:not(:first-child) th, .c-table .acms-table-scrollable tr:not(:first-child) th {
  border-top: 4px solid var(--color-sub)
}

.c-table td {
  background: var(--color-sub)
}

[data-color=reverse] .c-table td, .c-background~.c-article__column .c-table td {
  background: #fff;
  color: var(--color-base)
}

.c-table td:not(:last-of-type) {
  border-right: 4px solid var(--color-main)
}

.c-table .js-table-unit-scroll-hint tr:not(:first-child) td, .c-table .acms-table-scrollable tr:not(:first-child) td {
  border-left: 4px solid #fff;
  border-top: 4px solid #fff
}

.c-table .acms-cell-text-left {
  text-align: left
}

.c-table .acms-cell-text-center {
  text-align: center
}

.c-table .acms-cell-text-right {
  text-align: right
}

.c-table .acms-cell-text-top {
  vertical-align: top
}

.c-table .acms-cell-text-middel {
  vertical-align: middle
}

.c-table .acms-cell-text-bottom {
  vertical-align: bottom
}

.c-table .acms-admin-cell-text-nowrap {
  white-space: nowrap
}

.c-table .acms-admin-cell-text-bold {
  font-weight: bold
}

.c-table__button {
  background: var(--color-main);
  color: #fff;
  display: inline-block;
  font-size: 88.235%;
  padding: .1em .7em;
  transition: opacity var(--transition)
}

.c-table__button:focus {
  opacity: .5
}

.c-text {
  display: block
}

.c-text {
  line-height: var(--lineHeight-sp)
}

.c-text::before, .c-text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.c-text.-center {
  text-align: center
}

.c-text.-right {
  text-align: right
}

.c-title {
  color: var(--color-base);
  font-size: 26px;
  font-weight: bold;
  text-align: center
}

[data-color=reverse] .c-title {
  color: inherit
}

.c-title {
  line-height: 1.3
}

.c-title::before, .c-title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-title::before {
  margin-top: -.15em
}

.c-title::after {
  margin-bottom: -.15em
}

.blog-entry .c-title {
  padding: 16px 12px;
  background: #F2F2F2;
  border-left: 5px solid var(--color-main);
  text-align: left;
}

.c-secondaryTitle {
  border-bottom: 2px solid var(--color-main);
  color: var(--color-main);
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 7px
}

.c-secondaryTitle::before {
  content: "";
  display: block;
  height: 0;
  margin-top: -0.25em;
  width: 0
}

[data-color=reverse] .c-secondaryTitle {
  color: inherit
}

.c-article__column+.c-article__column[data-column="12/12"] .c-secondaryTitle {
  padding-top: 20px
}

.c-tertiaryTitle {
  background: var(--color-main);
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  padding: .4em .7em
}

.c-tertiaryTitle._Type2 {
  background: none;
  color: var(--color-main);
  padding: .4em 0 20px;
}

.c-tertiaryTitle._Type3 {
  background: none;
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0 20px;
  margin-top: 0px;
  display: flex;
  flex-direction: column;
}

.c-article__column+.c-article__column[data-column="12/12"] .c-tertiaryTitle {
  margin-top: 10px
}
.c-article__column+.c-article__column[data-column="12/12"] .c-tertiaryTitle._Type3 {
  margin-top: 0px
}

.c-quaternaryTitle {
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold
}

.c-quaternaryTitle {
  line-height: 1.5
}

.c-quaternaryTitle::before, .c-quaternaryTitle::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.c-quaternaryTitle::before {
  margin-top: -0.25em
}

.c-quaternaryTitle::after {
  margin-bottom: -0.25em
}

[data-color=reverse] .c-quaternaryTitle {
  color: inherit
}

.c-article__column+.c-article__column[data-column="12/12"] .c-quaternaryTitle {
  padding-top: 10px
}

.c-youtube {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

.c-youtube__inner {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.p-breadcrumb {
  margin: 0 calc(50% - 50vw);
  width: 100vw
}

.p-breadcrumb__list {
  display: flex;
  font-size: 13px;
  margin: 0 auto;
  max-width: var(--area-huge);
  padding: 0 var(--space)
}

.p-breadcrumb__list[data-color=reverse] {
  color: #fff
}

.p-breadcrumb__item:not(:first-child) {
  align-items: center;
  display: flex;
  position: relative
}

.p-breadcrumb__item:not(:first-child)::before {
  content: "/";
  padding: 0 10px
}

.p-breadcrumb__link {
  max-width: var(--breadcrumbEllipsis);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.p-breadcrumb__item:not(:last-child) .p-breadcrumb__link {
  color: var(--color-main);
  transition: color var(--transition)
}

.p-breadcrumb__item:not(:last-child) .p-breadcrumb__link:focus {
  color: var(--color-hover)
}

[data-color=reverse] .p-breadcrumb__item:not(:last-child) .p-breadcrumb__link {
  color: #fff !important;
  opacity: 1;
  transition: opacity var(--transition)
}

[data-color=reverse] .p-breadcrumb__item:not(:last-child) .p-breadcrumb__link:focus {
  opacity: .5
}

.p-breadcrumb__item:last-child .p-breadcrumb__link {
  pointer-events: none
}

.p-footer {
  background: var(--color-main);
  color: #fff
}

.p-footer__inner {
  margin: 0 auto;
  max-width: var(--area-huge);
  padding: 0 var(--space)
}

.p-footer__main {
  padding: 60px 0
}

body[data-page-type=lp] .p-footer__main {

}

.p-footer__info {
  margin-top: 32px;
}

.p-footer__nav {
  margin-top: 24px;
}

.p-footer__sub {
  border-top: 2px solid currentcolor;
  margin: 0 calc(50% - 50vw);
  padding: 60px calc(50vw - 50%);
  width: 100vw
}

.p-footer__copyright {
  padding-top: 30px
}

.p-footerCopyright {
  display: block;
  font-size: 11px;
  text-align: center
}

.p-footerCopyright a {
  text-decoration: underline;
}

.p-footerCopyright {
  line-height: var(--lineHeight-sp)
}

.p-footerCopyright::before, .p-footerCopyright::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-footerCopyright::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-footerCopyright::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-footerLogo {
  margin: 0 auto;
  max-width: 170px;
  width: 100%
}

.p-footerLogo__link {
  display: flex;
  opacity: 1;
  transition: opacity var(--transition)
}

.p-footerLogo__link:focus {
  opacity: .5
}

*:not(.acms-admin-module-edit)+.p-footerNav:not(:first-child) .p-footerNav__item::before {
  content: "-";
  padding-right: 5px
}

.p-footerPagetop {
  -webkit-transform: translateX(-50%);
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  left: 50%;
  line-height: 1;
  opacity: 1;
  position: relative;
  transform: translateX(-50%);
  transition: opacity var(--transition)
}

.p-footerPagetop__arrow {
  font-size: 1.5em;
  padding-bottom: 10px
}

.p-form__table input:not([type=checkbox]), .p-form__table select, .p-form__table textarea {
  border: 1px solid #acacac;
  border-radius: 0;
  display: block;
  font-size: 16px;
  outline: none;
  padding: 10px;
  width: 100%
}

.p-form__table input:not([type=checkbox]), .p-form__table select {
  height: 50px;
  line-height: 50px
}

.p-form__table input[type=checkbox] {
  cursor: pointer
}

.p-form__table th, .p-form__table td {
  line-height: 1.7
}

.p-form__table th {
  font-size: 14px;
  padding: 10px 20px;
  text-align: left
}

.p-form__table td {
  padding: 10px 20px 20px
}

.p-form__must::after {
  background: #ed1c24;
  color: #fff;
  content: "必須";
  display: inline-block;
  font-size: .8em;
  font-weight: bold;
  line-height: 1;
  margin-left: 1em;
  padding: .5em
}

.p-form__must br {
  display: none
}

.p-form__list {
  display: flex;
  flex-wrap: wrap
}

.p-form__listItem {
  width: 100%
}

.p-form__listItem label {
  cursor: pointer
}

.p-form__error {
  color: #ed1c24;
  display: none;
  font-size: 14px;
  line-height: 1;
  padding-top: 10px
}

[data-error=true] .p-form__error {
  display: block
}

.p-form__button {
  padding-top: 30px
}

.p-form__buttonBack {
  padding-top: 20px
}

.p-header {
  background: #fff
}

.p-header__inner {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr auto auto;
  display: -ms-grid;
  display: grid;
  grid-template: auto/1fr auto auto;
  margin: 0 auto;
  max-width: var(--area-huge);
  padding-left: var(--space)
}

.p-header__logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  align-self: center;
  grid-area: 1/1;
  margin-right: auto
}

.p-header__certification {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  align-self: center;
  grid-area: 1/2;
  padding-left: 10px
}

body[data-page-type=lp] .p-header__certification {
  display: none
}

.p-header__tel {
  display: none
}

.p-header__lpTel {
  display: none
}

body[data-page-type=lp] .p-header__lpTel {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  display: block;
  grid-area: 1/2
}

.p-header__contact {
  display: none
}

.p-header__search {
  display: none
}

.p-header__drawerButton {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: 1/3;
  padding-left: 10px;
  position: relative;
  z-index: 4
}

body[data-page-type=lp] .p-header__drawerButton {
  display: none
}

.p-header__drawer {
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--transition);
  z-index: 3
}

body[data-header-drawer-open=true] .p-header__drawer {
  opacity: 1;
  pointer-events: auto
}

.p-headerCertification {
  display: flex
}

.p-headerCertification img {
  width: auto;
  height: 30px
}

.p-headerCertification img+img {
  margin-left: 5px
}

.p-headerContact {
  align-items: center;
  background: none;
  border: 0;
  color: #fff;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  height: 70px;
  justify-content: center;
  line-height: 1;
  position: relative;
  transition: opacity var(--transition);
  z-index: 1
}

.p-headerContact::before, .p-headerContact::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.p-headerContact::after {
  background: linear-gradient(to right, #F0BB43, #F06A43);
  transition: opacity var(--transition)
}

.p-headerContact:focus {
  opacity: .5
}

.p-headerContact__arrow {
  -webkit-transform: translateY(-50%);
  font-size: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.p-headerDrawer {
  background: var(--color-main);
  color: #fff;
  height: 100%;
  overflow-y: scroll;
  padding: calc(var(--headerHeight)*1.214) var(--space)
}

.p-headerDrawer__nav {
  position: relative
}

*:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) {
  padding-left: 20px;
  position: relative
}

*:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child)::before {
  background: #fff;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.p-headerDrawer__navItem {
  border-bottom: 2px solid currentcolor;
  position: relative
}

*:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navItem {
  border-bottom: 2px dotted currentcolor
}

*:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navItem:last-child {
  border-bottom: 0
}

.p-headerDrawer__navLink {
  display: block;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px 0
}

.p-headerDrawer__navLink[target=_blank] {
  position: relative
}

.p-headerDrawer__navLink[target=_blank]::after {
  -webkit-transform: translate(10px, 5px);
  content: "";
  display: inline-block;
  font-family: "Material Icons";
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1;
  transform: translate(10px, 5px)
}

.p-headerDrawer__navAccordion {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  color: inherit;
  height: 60px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px
}

.p-headerDrawer__navAccordion::before, .p-headerDrawer__navAccordion::after {
  background: currentcolor;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 20px
}

.p-headerDrawer__navAccordion::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity var(--transition)
}

.p-headerDrawer__navAccordion::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition)
}

.p-headerDrawer__navAccordion[data-open=true]::before {
  opacity: 0
}

.p-headerDrawer__navAccordion[data-open=true]::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg)
}

.p-headerDrawer__tel {
  padding-top: 40px
}

.p-headerDrawer__contact {
  padding-top: 20px
}

.p-headerDrawerButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-main);
  border: 0;
  color: #fff;
  height: 70px;
  line-height: 1;
  padding: 0;
  position: relative;
  transition: background var(--transition);
  width: 70px
}

body[data-header-drawer-open=true] .p-headerDrawerButton {
  background: rgba(0, 0, 0, 0)
}

.p-headerDrawerButton__line {
  background: currentcolor;
  height: 2px;
  left: 50%;
  position: absolute;
  top: calc(50% - 1px);
  width: 25px
}

.p-headerDrawerButton__line:nth-child(1) {
  -webkit-transform: translate3d(-50%, -10px, 0) rotate(0deg);
  transform: translate3d(-50%, -10px, 0) rotate(0deg);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition)
}

.p-headerDrawerButton__line:nth-child(2) {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  transition: opacity var(--transition)
}

.p-headerDrawerButton__line:nth-child(3) {
  -webkit-transform: translate3d(-50%, 10px, 0) rotate(0deg);
  transform: translate3d(-50%, 10px, 0) rotate(0deg);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition)
}

body[data-header-drawer-open=true] .p-headerDrawerButton__line:nth-child(1) {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(45deg);
  transform: translate3d(-50%, 0, 0) rotate(45deg)
}

body[data-header-drawer-open=true] .p-headerDrawerButton__line:nth-child(2) {
  opacity: 0
}

body[data-header-drawer-open=true] .p-headerDrawerButton__line:nth-child(3) {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(-45deg);
  transform: translate3d(-50%, 0, 0) rotate(-45deg)
}

.p-headerLogo {
  max-width: 150px;
  width: 100%
}

.p-headerLogo__link {
  display: flex;
  opacity: 1;
  transition: opacity var(--transition)
}

.p-headerLogo__link:focus {
  opacity: .5
}

.p-headerLpTel {
  align-items: center;
  background: var(--color-main);
  color: #fff;
  display: flex;
  font-size: 30px;
  height: 70px;
  justify-content: center;
  line-height: 1;
  width: 70px
}

.p-headerSearch {
  display: flex;
  height: 60px
}

.p-headerSearch__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: var(--color-base);
  display: flex;
  font-size: 16px;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0 20px;
  width: calc(100% - 50px)
}

.p-headerSearch__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-accent);
  border: 0;
  color: #fff;
  height: 100%;
  padding: 0;
  position: relative;
  transition: background var(--transition);
  width: 60px
}

.p-headerSearch__buttonIcon {
  -webkit-transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.p-headerTel {
  line-height: 1
}

.p-headerTel__button {
  align-items: center;
  border: 2px solid currentcolor;
  display: flex;
  font-size: 17px;
  height: 70px;
  justify-content: center;
  position: relative
}

.p-headerTel__buttonIcon {
  font-size: 27px;
  margin-left: -10px;
  padding-right: 10px
}

.p-headerTel__buttonArrow {
  -webkit-transform: translateY(-50%);
  font-size: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.p-headerTel__note {
  font-size: 14px;
  padding-top: 12px;
  text-align: center
}

.p-hero {
  -webkit-transform: translate3d(0, -100%, 0);
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  transform: translate3d(0, -100%, 0);
  width: 100vw
}

body[data-page-load=true] .p-hero {
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: -webkit-transform 1.2s .6s var(--transition-timingFunction);
  transition: transform 1.2s .6s var(--transition-timingFunction);
  transition: transform 1.2s .6s var(--transition-timingFunction), -webkit-transform 1.2s .6s var(--transition-timingFunction)
}

.p-hero__inner {
  -webkit-transform: translate3d(0, 100%, 0);
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 128.266vw;
  padding: 90px 0;
  position: relative;
  transform: translate3d(0, 100%, 0);
  z-index: 1
}

body[data-page-load=true] .p-hero__inner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: -webkit-transform 1.2s .6s var(--transition-timingFunction);
  transition: transform 1.2s .6s var(--transition-timingFunction);
  transition: transform 1.2s .6s var(--transition-timingFunction), -webkit-transform 1.2s .6s var(--transition-timingFunction)
}

.p-hero[data-size=large] .p-hero__inner {
  height: calc(var(--viewHeight) - var(--headerHeight))
}

.p-hero[data-size=medium] .p-hero__inner {
  height: calc(90vh - var(--headerHeight))
}

.p-hero[data-size=small] .p-hero__inner {
  height: calc(70vh - var(--headerHeight))
}

.p-hero__background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.p-hero__backgroundImage {
  height: 100%
}

.p-hero__backgroundImageItem {
  -o-object-fit: cover;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%
}

.p-hero__backgroundMovie {
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.p-hero__backgroundMovieSp {
  -o-object-fit: cover;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%
}

.p-hero__dot {
  background: center/4px 4px rgba(0, 0, 0, .3) radial-gradient(rgba(0, 0, 0, 0.5) 30%, transparent 0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.p-hero__catch {
  -webkit-transform: translate3d(0, 30px, 0);
  max-width: calc(1111px + var(--space)*2);
  opacity: 0;
  padding: 0 var(--space);
  transform: translate3d(0, 30px, 0)
}

body[data-page-load=true] .p-hero__catch {
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 1.2s .9s var(--transition-timingFunction), -webkit-transform 1.2s .9s var(--transition-timingFunction);
  transition: opacity 1.2s .9s var(--transition-timingFunction), transform 1.2s .9s var(--transition-timingFunction);
  transition: opacity 1.2s .9s var(--transition-timingFunction), transform 1.2s .9s var(--transition-timingFunction), -webkit-transform 1.2s .9s var(--transition-timingFunction)
}

.p-hero__catchText {
  color: #fff;
  font-weight: bold;
  text-shadow: 3px 3px 3px #000
}

.p-hero__catchText[data-type=title] {
  font-size: 32px;
  line-height: 1.5
}

.p-hero__catchText[data-type=text] {
  font-size: 17px;
  padding-top: 30px
}

.p-hero[data-size=large] .p-hero__catchImageItem {
  max-height: calc((var(--viewHeight) - var(--headerHeight))/2)
}

.p-hero[data-size=medium] .p-hero__catchImageItem {
  max-height: calc((90vh - var(--headerHeight))/2)
}

.p-hero[data-size=small] .p-hero__catchImageItem {
  max-height: calc((70vh - var(--headerHeight))/2)
}

.p-main {
  margin: 0 auto;
  max-width: var(--area-base);
  padding: 0 var(--space);
  width: 100%
}

.p-main[data-column=two] {
  max-width: var(--area-large)
}

.p-main__hero {
  position: relative
}

.p-main__mainvisual {
  position: relative
}

.p-main__scrollStart {
  height: 100%;
  position: absolute;
  top: calc(-1*var(--headerHeight))
}

.p-main__breadcrumb {
  padding-top: 20px;
  position: relative
}

.p-mainvisual {
  align-items: center;
  background: var(--color-sub);
  display: flex;
  justify-content: center;
  margin: 0 calc(50% - 50vw);
  min-height: 130px;
  width: 100vw
}

.p-mainvisual__title {
  color: var(--color-main);
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 auto;
  max-width: var(--area-huge);
  padding: 20px var(--space);
  text-align: center
}

.p-postCard {
  display: flex;
  flex-wrap: wrap;
  margin: -30px 0 0 -30px
}

.p-postCard__item {
  padding: 30px 0 0 30px;
  width: 100%
}

.p-postCard__link {
  background: var(--color-sub);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px
}
.p-postCard__link.Type__02 {
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px
}

[data-color=reverse] .p-postCard__link, .c-background~.c-article__column .p-postCard__link {
  background: #fff;
  color: var(--color-base)
}

.p-postCard__link:focus .p-postCard__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}

.p-postCard__link:focus .p-postCard__distance {
  color: var(--color-hover)
}

.p-postCard__link:focus .p-postCard__date {
  color: var(--color-hover)
}

.p-postCard__link:focus .p-postCard__category {
  background: var(--color-hover)
}

.p-postCard__link:focus .p-postCard__title {
  color: var(--color-hover)
}

.p-postCard__link:focus .p-postCard__text {
  color: var(--color-hover)
}

.p-postCard__thumbnail {
  margin: -20px -20px 0;
  overflow: hidden;
  padding-top: calc(56.25% + 22.5px);
  position: relative;
  width: calc(100% + 40px)
}

.p-postCard__thumbnailImage {
  -webkit-transform: scale3d(1, 1, 1);
  -o-object-fit: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale3d(1, 1, 1);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  width: 100%
}

.p-postCard__detail {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px
}

.p-postCard__detail:not(:first-child) {
  padding-top: 20px
}
.p-postCard__detail.Type__02:not(:first-child) {
  padding-top: 10px;
  margin: 0 -20px 0;
}

.p-postCard__date {
  color: var(--color-hover);
  font-family: var(--font-english);
  line-height: 1;
  margin-right: auto;
  padding: 17px 10px 0 0;
  transition: color var(--transition);
  white-space: nowrap
}

.p-postCard__date.Type__02 {
  color: #6c6c6c;
  font-family: var(--font-english);
  line-height: 1;
  margin-right: 0;
  padding: 14px 10px 0 0;
  transition: color var(--transition);
  white-space: nowrap
}

.p-postCard__category {
  align-items: center;
  background: var(--color-hover);
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  margin-top: 10px;
  padding: 2px 10px;
  transition: background var(--transition)
}
.p-postCard__category.Type__02 {
  align-items: center;
  background: var(--color-main);
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  margin-top: 10px;
  padding: 2px 10px;
  transition: background var(--transition)
}

.p-postCard__title {
  color: var(--color-main);
  font-size: 17px;
  font-weight: bold;
  transition: color var(--transition)
}
.p-postCard__title.Type__02 {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  transition: color var(--transition)
}

.p-postCard__title {
  line-height: 1.5
}

.p-postCard__title::before, .p-postCard__title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postCard__title::before {
  margin-top: -0.25em
}

.p-postCard__title::after {
  margin-bottom: -0.25em
}

.p-postCard__title:not(:first-child) {
  padding-top: 20px
}
.p-postCard__title.Type__02:not(:first-child) {
  padding-top: 10px;
  margin: 0 -20px 0;
}

.p-postCard__text {
  font-size: 15px;
  transition: color var(--transition)
}

.p-postCard__text {
  line-height: var(--lineHeight-sp)
}

.p-postCard__text::before, .p-postCard__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postCard__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postCard__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postCard__text:not(:first-child) {
  padding-top: 20px
}

.p-postCard__distance {
  color: var(--color-main);
  font-size: 13px;
  line-height: 1;
  margin-top: auto;
  padding-top: 15px;
  transition: color var(--transition)
}

.p-postCategory {
  align-items: center;
  border: 2px solid var(--color-sub);
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  padding: 10px 20px;
  transition: border-color var(--transition), background var(--transition), color var(--transition)
}
.p-postCategory.Type__02{
  font-size: 15px;
  padding: 15px;
  border: none;
  background: #e4e4e4;
  color: #bcbcbc;
}

.p-postCategory[data-current=true] {
  background: var(--color-main);
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
  pointer-events: none
}

.p-postCategory:focus {
  background: var(--color-main);
  border-color: rgba(0, 0, 0, 0);
  color: #fff
}

.p-postHead {
  column-gap: 24px;
  display: flex;
}

.p-postHead__category {
  align-items: center;
  background: var(--color-hover);
  color: #fff;
  display: flex;
  font-size: 13px;
  grid-area: 2/1;
  justify-content: center;
  line-height: 1.5;
  padding: 5px 20px
}

.p-postHead__date {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  align-self: center;
  color: var(--color-hover);
  grid-area: 1/1;
  line-height: 1
}

.p-postHead__category~.p-postHead__date {
  -ms-grid-row-align: start;
  align-self: start
}

.p-postHead__sns {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  align-self: center;
  display: flex;
  grid-area: 1/2;
  justify-content: center;
  margin-top: 32px;
  min-width: 180px
}

.p-postHead__category~.p-postHead__sns {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: end;
  align-self: end;
  grid-area: 1/2/3/3
}

.p-postHead__snsLink {
  display: flex;
  opacity: 1;
  transition: opacity var(--transition);
  width: 40px
}

.p-postHead__snsLink:focus {
  opacity: .5
}

.p-postHomeSeminar__item+.p-postHomeSeminar__item {
  padding-top: 40px
}

.p-postHomeSeminar__title {
  margin-top: 0 !important
}

.p-postHomeSeminar__text {
  padding-top: 20px
}

.p-postHomeSeminar__detail {
  padding-top: 20px
}

.p-postHomeSeminar__button {
  height: auto;
  margin: -30px auto 0 !important;
  width: 230px
}

.p-postList {
  margin-top: -30px
}

.p-postList__link {
  display: flex;
  padding: 30px 0;
  position: relative
}

.p-postList__link::after {
  background: right center/200% 100% linear-gradient(90deg, var(--color-main) 0%, var(--color-main) 50%, var(--color-sub) 50%, var(--color-sub) 100%);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: background-position var(--transition);
  width: 100%
}

.p-postList__link:focus::after {
  background-position: left center !important
}

.p-postList__link:focus .p-postList__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}

[data-color=reverse] .p-postList__link::after, .c-background~.c-article__column .p-postList__link::after {
  background: right center/200% 100% linear-gradient(90deg, var(--color-main) 0%, var(--color-main) 50%, #fff 50%, #fff 100%)
}

.p-postList__linkInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}

.p-postList__linkInner[data-thumbnail=true] {
  min-height: 80px;
  padding-left: 100px;
  position: relative
}

.p-postList__detail {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -20px
}

.p-postList__date {
  color: var(--color-main);
  line-height: 1;
  padding: 10px 0 0 20px;
  white-space: nowrap
}

[data-color=reverse] .p-postList__date {
  color: inherit
}

.p-postList__category {
  align-items: center;
  background: var(--color-sub);
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  margin: 10px 0 0 20px;
  padding: 5px 20px
}

[data-color=reverse] .p-postList__category, .c-background~.c-article__column .p-postList__category {
  background: #fff;
  color: var(--color-main)
}

.p-postList__title {
  font-size: 17px
}

.p-postList__title {
  line-height: 1.5
}

.p-postList__title::before, .p-postList__title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postList__title::before {
  margin-top: -0.25em
}

.p-postList__title::after {
  margin-bottom: -0.25em
}

.p-postList__title:not(:first-child) {
  padding-top: 20px
}

.p-postList__text {
  font-size: .9em;
  width: 100%
}

.p-postList__text {
  line-height: var(--lineHeight-sp)
}

.p-postList__text::before, .p-postList__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postList__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postList__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postList__text:not(:first-child) {
  padding-top: 20px
}

.p-postList__distance {
  color: var(--color-main);
  font-size: 13px;
  line-height: 1;
  margin-top: auto;
  padding-top: 20px;
  text-align: right;
  transition: color var(--transition)
}

.p-postList__thumbnail {
  height: 80px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 80px
}

.p-postList__thumbnailImage {
  -o-object-fit: cover;
  -webkit-transform: scale3d(1, 1, 1);
  height: 100%;
  object-fit: cover;
  object-fit: cover;
  transform: scale3d(1, 1, 1);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  width: 100%
}

.p-postPager {
  align-items: center;
  display: flex;
  justify-content: center
}

.p-postPager a {
  align-items: center;
  border: 1px solid var(--color-main);
  display: flex;
  font-family: var(--font-english);
  font-size: 17px;
  height: 30px;
  justify-content: center;
  margin: 0 5px;
  transition: background var(--transition), color var(--transition);
  width: 30px
}

.p-postPager a:first-child, .p-postPager a:last-child {
  border: 0;
  font-size: 30px
}

.p-postPager a:not([href]):not(:first-child):not(:last-child) {
  background: var(--color-main);
  color: #fff
}

.p-postPager a:not(:first-child):not(:last-child):focus {
  background: var(--color-main);
  color: #fff
}

.p-postSeminar {
  display: flex;
  flex-wrap: wrap;
  margin: -30px 0 0 -30px
}

.p-postSeminar__item {
  padding: 30px 0 0 30px;
  width: 100%
}

.p-postSeminar__link {
  background: var(--color-sub);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px
}

[data-color=reverse] .p-postSeminar__link, .c-background~.c-article__column .p-postSeminar__link {
  background: #fff;
  color: var(--color-base)
}

.p-postSeminar__link:focus .p-postSeminar__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}

.p-postSeminar__link:focus .p-postSeminar__distance {
  color: var(--color-hover)
}

.p-postSeminar__link:focus .p-postSeminar__date {
  color: var(--color-hover)
}

.p-postSeminar__link:focus .p-postSeminar__category {
  background: var(--color-hover)
}

.p-postSeminar__link:focus .p-postSeminar__title {
  color: var(--color-hover)
}

.p-postSeminar__link:focus .p-postSeminar__text {
  color: var(--color-hover)
}

.p-postSeminar__thumbnail {
  margin: -20px -20px 0;
  overflow: hidden;
  padding-top: calc(56.25% + 22.5px);
  position: relative;
  width: calc(100% + 40px)
}

.p-postSeminar__thumbnailImage {
  -webkit-transform: scale3d(1, 1, 1);
  -o-object-fit: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale3d(1, 1, 1);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  width: 100%
}

.p-postSeminar__detail {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px
}

.p-postSeminar__detail:not(:first-child) {
  padding-top: 20px
}

.p-postSeminar__date {
  color: var(--color-hover);
  font-family: var(--font-english);
  font-weight: bold;
  line-height: 1;
  margin-right: auto;
  padding: 17px 10px 0 0;
  transition: color var(--transition);
  white-space: nowrap
}

.p-postSeminar__category {
  align-items: center;
  background: var(--color-hover);
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  margin-top: 10px;
  padding: 2px 10px;
  transition: background var(--transition)
}

.p-postSeminar__title {
  color: var(--color-main);
  font-size: 17px;
  font-weight: bold;
  transition: color var(--transition)
}

.p-postSeminar__title {
  line-height: 1.5
}

.p-postSeminar__title::before, .p-postSeminar__title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postSeminar__title::before {
  margin-top: -0.25em
}

.p-postSeminar__title::after {
  margin-bottom: -0.25em
}

.p-postSeminar__title:not(:first-child) {
  padding-top: 20px
}

.p-postSeminar__text {
  font-size: 15px;
  transition: color var(--transition)
}

.p-postSeminar__text {
  line-height: var(--lineHeight-sp)
}

.p-postSeminar__text::before, .p-postSeminar__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postSeminar__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postSeminar__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postSeminar__text:not(:first-child) {
  padding-top: 20px
}

.p-postSeminar__distance {
  color: var(--color-main);
  font-size: 13px;
  line-height: 1;
  margin-top: auto;
  padding-top: 15px;
  transition: color var(--transition)
}

.p-postSide{
  height: 100%;
}

.p-postSide__item+.p-postSide__item {
  padding-top: 30px
}

.p-postSide__title {
  border-bottom: 2px solid currentcolor;
  color: var(--color-main);
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 7px
}

.p-postSide__title::before {
  content: "";
  display: block;
  height: 0;
  margin-top: calc((1 - var(--lineHeight-sp))*.5em);
  width: 0
}

.p-postSide__list {
  padding-top: 15px
}

.p-postSide__listItem {
  border-bottom: 1px dotted var(--color-main)
}

.p-postSide__listLink {
  display: block;
  line-height: 1.5;
  padding: 10px 0 10px 30px;
  position: relative;
  transition: color var(--transition)
}

.p-postSide__listLink:focus {
  color: var(--color-hover)
}

.p-postSide__listLink:focus .p-postSide__listArrow, .p-postSide__listLink:focus .p-postSide__listCalendar {
  color: var(--color-hover)
}

.p-postSide__listArrow {
  color: var(--color-main);
  font-size: 20px;
  left: 0;
  position: absolute;
  top: 11px;
  transition: color var(--transition)
}

.p-postSide__listCalendar {
  color: var(--color-main);
  font-size: 20px;
  left: 0;
  position: absolute;
  top: 12px;
  transition: color var(--transition)
}

.p-postSide__banner {
  margin-top: 40px;
  position: sticky;
  top: 200px;
  left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.p-postSide__banner li:hover{
  opacity: .7;
}
.p-postSide__banner img {
  width: 100%;
  max-width: max-content;
}
@media screen and (max-width: 1280px){
  .p-postSide__banner{
    max-width: 240px;
    top: 175px;
    row-gap: 12px;
  }
}
@media screen and (max-width: 600px){
  .p-postSide__banner{
    max-width: 100%;
  }
}

.p-postSlider {
  margin: 0 calc(50% - 50vw);
  position: relative;
  width: 100vw
}

.p-postSlider__wrapper {
  height: auto !important
}

.p-postSlider__slide {
  display: flex;
  height: auto !important
}

.p-postSlider__arrow {
  -webkit-transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-main);
  border: 0;
  color: #fff;
  height: 90px;
  line-height: 1;
  margin: 0;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background var(--transition);
  width: 40px;
  z-index: 1
}

.p-postSlider__arrow::after {
  display: none
}

.p-postSlider__arrow.swiper-button-prev {
  left: 0
}

.p-postSlider__arrow.swiper-button-next {
  right: 0
}

.p-postSlider__arrow:focus {
  background: var(--color-hover)
}

.p-postSlider__arrow .material-icons {
  font-size: 28px
}

.p-postSlider__pagination {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  position: static
}

.p-postSlider__pagination .swiper-pagination-bullet {
  background: var(--color-sub);
  height: 10px;
  margin: 0 5px !important;
  opacity: 1;
  width: 10px
}

[data-color=reverse] .p-postSlider__pagination .swiper-pagination-bullet, .c-background~.c-article__column .p-postSlider__pagination .swiper-pagination-bullet {
  background: #fff
}

.p-postSlider__pagination .swiper-pagination-bullet-active {
  background: var(--color-main) !important
}

.p-postSlider__link {
  background: var(--color-sub);
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%
}

[data-color=reverse] .p-postSlider__link, .c-background~.c-article__column .p-postSlider__link {
  background: #fff;
  color: var(--color-base)
}

.p-postSlider__link:focus .p-postSlider__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}

.p-postSlider__link:focus .p-postSlider__distance {
  color: var(--color-hover)
}

.p-postSlider__link:focus .p-postSlider__date {
  color: var(--color-hover)
}

.p-postSlider__link:focus .p-postSlider__category {
  background: var(--color-hover)
}

.p-postSlider__link:focus .p-postSlider__title {
  color: var(--color-hover)
}

.p-postSlider__link:focus .p-postSlider__text {
  color: var(--color-hover)
}

.p-postSlider__thumbnail {
  margin: -20px -20px 0;
  overflow: hidden;
  padding-top: calc(56.25% + 22.5px);
  position: relative;
  width: calc(100% + 40px)
}

.p-postSlider__thumbnailImage {
  -webkit-transform: scale3d(1, 1, 1);
  -o-object-fit: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale3d(1, 1, 1);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  width: 100%
}

.p-postSlider__detail {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px
}

.p-postSlider__detail:not(:first-child) {
  padding-top: 20px
}

.p-postSlider__date {
  color: var(--color-main);
  line-height: 1;
  margin-right: auto;
  padding: 17px 10px 0 0;
  transition: color var(--transition);
  white-space: nowrap
}

.p-postSlider__category {
  align-items: center;
  background: var(--color-main);
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.5;
  margin-top: 10px;
  padding: 5px 20px;
  transition: background var(--transition)
}

.p-postSlider__title {
  font-size: 17px;
  transition: color var(--transition)
}

.p-postSlider__title {
  line-height: 1.5
}

.p-postSlider__title::before, .p-postSlider__title::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postSlider__title::before {
  margin-top: -0.25em
}

.p-postSlider__title::after {
  margin-bottom: -0.25em
}

.p-postSlider__title:not(:first-child) {
  padding-top: 20px
}

.p-postSlider__text {
  font-size: .9em;
  transition: color var(--transition)
}

.p-postSlider__text {
  line-height: var(--lineHeight-sp)
}

.p-postSlider__text::before, .p-postSlider__text::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postSlider__text::before {
  margin-top: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postSlider__text::after {
  margin-bottom: calc((1 - var(--lineHeight-sp))*.5em)
}

.p-postSlider__text:not(:first-child) {
  padding-top: 20px
}

.p-postSlider__distance {
  color: var(--color-main);
  font-size: 13px;
  line-height: 1;
  margin-top: auto;
  padding-top: 15px;
  transition: color var(--transition)
}

.p-postTitle {
  color: var(--color-main);
  font-size: 30px;
  font-weight: bold;
  margin: 0 auto;
  max-width: 820px
}

.p-postTitle {
  line-height: 1.3
}

.p-postTitle::before, .p-postTitle::after {
  content: "";
  display: block;
  height: 0;
  width: 0
}

.p-postTitle::before {
  margin-top: -.15em
}

.p-postTitle::after {
  margin-bottom: -.15em
}

.p-responseDevice__contact {
  padding-top: 20px
}

.p-responseDeviceContact {
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  justify-content: center;
  line-height: 1.5;
  padding: 20px 35px;
  position: relative;
  transition: opacity var(--transition)
}

.p-responseDeviceContact::before, .p-responseDeviceContact::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.p-responseDeviceContact::after {
  background: linear-gradient(to right, #F0BB43, #F06A43);
  transition: opacity var(--transition)
}

.p-responseDeviceContact:focus {
  opacity: .5
}

.p-responseDeviceContact__arrow {
  -webkit-transform: translateY(-50%);
  font-size: 1.5em;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.p-responseDeviceTel {
  line-height: 1
}

.p-responseDeviceTel__button {
  align-items: center;
  background: var(--color-main);
  color: #fff;
  display: flex;
  font-size: 17px;
  height: 70px;
  justify-content: center;
  position: relative;
  white-space: nowrap
}

.p-responseDeviceTel__buttonIcon {
  font-size: 27px;
  margin-left: -10px;
  padding-right: 10px
}

.p-responseDeviceTel__buttonArrow {
  -webkit-transform: translateY(-50%);
  font-size: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.p-responseDeviceTel__note {
  font-size: 14px;
  padding-top: 12px;
  text-align: center
}

.p-seminarDescription {
  background: var(--color-sub);
  padding: 30px
}

.p-seminarDescription__inner {
  margin: 0 auto;
  max-width: 740px
}

:root {
  --cc-bg: #fff;
  --cc-text: #333333;
  --cc-btn-primary-bg: var(--color-main);
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: var(--color-hover);
  --cc-btn-secondary-bg: #F1F1F1;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #EEEEEE;
  --cc-toggle-bg-off: #999999;
  --cc-toggle-bg-on: #666666;
  --cc-toggle-bg-readonly: #E5E5E5;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #faecec;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #F1F1F1;
  --cc-cookie-category-block-bg-hover: #EEEEEE;
  --cc-section-border: #f5f1f1;
  --cc-cookie-table-border: #f2e9e9;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #dbcfcf;
  --cc-webkit-scrollbar-bg-hover: #a09191
}

.c_darkmode {
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: var(--color-main);
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: var(--color-hover);
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0
}

.cc_div *, .cc_div :before, .cc_div :after {
  -webkit-animation: none;
  animation: none;
  background: none;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: inherit;
  float: none;
  font-family: inherit;
  font-size: 1em;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  letter-spacing: unset;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  transition: none;
  visibility: unset
}

.cc_div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #2d4156;
  color: var(--cc-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 400
}

.cc_div .c-bn, .cc_div .b-tl, #s-ttl, #c-ttl, #s-bl td:before {
  font-weight: 600
}

#cm, #s-inr, .cc_div .c-bl, .cc_div .b-tl, #s-bl .act .b-acc {
  border-radius: .35em
}

.cc_div input, .cc_div button, .cc_div a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.cc_div a {
  border-bottom: 1px solid
}

.cc_div a:hover {
  border-color: rgba(0, 0, 0, 0);
  text-decoration: none
}

.c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr, #cs-ov, #cm-ov {
  transition: visibility .25s .3s linear, opacity .25s .3s ease, -webkit-transform .25s .3s ease !important;
  transition: visibility .25s .3s linear, opacity .25s .3s ease, transform .25s .3s ease !important;
  transition: visibility .25s .3s linear, opacity .25s .3s ease, transform .25s .3s ease, -webkit-transform .25s .3s ease !important
}

.c--anim .c-bn {
  transition: background-color .25s ease !important
}

.c--anim #cm.bar.slide, .c--anim .bar.slide #s-inr {
  transition: visibility .4s ease, opacity .4s ease, -webkit-transform .4s ease !important;
  transition: visibility .4s ease, opacity .4s ease, transform .4s ease !important;
  transition: visibility .4s ease, opacity .4s ease, transform .4s ease, -webkit-transform .4s ease !important
}

.c--anim #cm.bar.slide+#cm-ov, .c--anim .bar.slide+#cs-ov {
  transition: visibility .4s ease, opacity .4s ease, -webkit-transform .4s ease !important;
  transition: visibility .4s ease, opacity .4s ease, transform .4s ease !important;
  transition: visibility .4s ease, opacity .4s ease, transform .4s ease, -webkit-transform .4s ease !important
}

#cm.bar.slide, .cc_div .bar.slide #s-inr {
  -webkit-transform: translateX(100%);
  opacity: 1;
  transform: translateX(100%)
}

#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr {
  -webkit-transform: translateX(-100%);
  opacity: 1;
  transform: translateX(-100%)
}

#cm.slide, .cc_div .slide #s-inr {
  -webkit-transform: translateY(1.6em);
  transform: translateY(1.6em)
}

#cm.top.slide {
  -webkit-transform: translateY(-1.6em);
  transform: translateY(-1.6em)
}

#cm.bar.slide {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

#cm.bar.top.slide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr {
  -webkit-transform: scale(1);
  opacity: 1;
  transform: scale(1);
  visibility: visible !important
}

.force--consent.show--consent .c--anim #cm.box.middle, .force--consent.show--consent .c--anim #cm.cloud.middle {
  -webkit-transform: scale(1) translateY(-50%);
  transform: scale(1) translateY(-50%)
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important
}

.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov {
  opacity: 1 !important;
  visibility: visible !important
}

#cm {
  -webkit-transform: scale(0.95);
  background: #fff;
  background: var(--cc-bg);
  bottom: 1.25em;
  box-shadow: 0 .625em 1.875em #000;
  box-shadow: 0 .625em 1.875em rgba(2, 2, 3, .28);
  font-family: inherit;
  line-height: initial;
  max-width: 24.2em;
  opacity: 0;
  padding: 1.1em 1.8em 1.4em 1.8em;
  position: fixed;
  right: 1.25em;
  transform: scale(0.95);
  visibility: hidden;
  width: 100%;
  z-index: 1
}

#cc_div #cm {
  display: block !important
}

#c-ttl {
  font-size: 1.05em;
  margin-bottom: .7em
}

.cloud #c-ttl {
  margin-top: -0.15em
}

#c-txt {
  font-size: .9em;
  line-height: 1.5em;
  margin-bottom: 1.4em
}

.cc_div .c-bn {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  background: #e5ebef;
  background: var(--cc-btn-secondary-bg);
  border-radius: 4px;
  color: #40505a;
  color: var(--cc-btn-secondary-text);
  cursor: pointer;
  display: inline-block;
  font-size: .82em;
  padding: 1em 1.7em;
  text-align: center;
  user-select: none
}

#cm .c-bn {
  width: 48.5%
}

#c-bns button+button, #s-cnt button+button, #s-c-bn {
  float: right
}

#s-cnt #s-rall-bn {
  float: none;
  margin-left: 1em
}

#cm .c_link:hover, #cm .c_link:active, #s-cnt button+button:hover, #s-cnt button+button:active, #s-c-bn:active, #s-c-bn:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg)
}

#s-cnt {
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 101
}

#s-bl {
  outline: none
}

#s-bl .title {
  margin-top: 1.4em
}

#s-bl .title:first-child {
  margin-top: 0
}

#s-bl .b-bn {
  margin-top: 0
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em
}

#s-cnt .b-bn .b-tl {
  background: none;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: .95em;
  padding: 1.3em 6.4em 1.3em 2.7em;
  position: relative;
  transition: background-color .25s ease;
  width: 100%
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl .b-bn {
  position: relative
}

#s-bl .c-bl {
  border: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
  margin-bottom: .5em;
  padding: 1em;
  transition: background-color .25s ease
}

#s-bl .c-bl:hover {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg)
}

#s-bl .c-bl:last-child {
  margin-bottom: .5em
}

#s-bl .c-bl:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: rgba(0, 0, 0, 0);
  background: unset
}

#s-bl .c-bl.b-ex {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
  border: none;
  padding: 0;
  transition: none
}

#s-bl .c-bl.b-ex+.c-bl {
  margin-top: 2em
}

#s-bl .c-bl.b-ex+.c-bl.b-ex {
  margin-top: 0
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: .5em
}

#s-bl .b-acc {
  display: none;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  padding-top: 0
}

#s-bl .act .b-acc {
  display: block;
  max-height: 100%;
  overflow: hidden
}

#s-cnt .p {
  color: #2d4156;
  color: var(--cc-block-text);
  font-size: .9em;
  line-height: 1.5em;
  margin-top: .85em
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed
}

#c-vln {
  display: table-cell;
  position: relative;
  vertical-align: middle
}

#cs {
  bottom: 0;
  height: 100%;
  left: 0;
  padding: 0 1.7em;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%
}

#s-inr {
  -webkit-transform: scale(0.96);
  box-shadow: rgba(3, 6, 9, .26) 0px 13px 27px -5px;
  height: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 45em;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 4.75em;
  padding-top: 4.75em;
  position: relative;
  position: relative;
  transform: scale(0.96);
  visibility: hidden
}

#s-inr, #s-hdr, #s-bns {
  background: #fff;
  background: var(--cc-bg)
}

#s-bl {
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  padding: 1.3em 2.1em;
  width: 100%
}

#s-bns {
  border-color: var(--cc-section-border);
  border-top: 1px solid #f1f3f5;
  bottom: 0;
  height: 4.75em;
  left: 0;
  padding: 1em 2.1em;
  position: absolute;
  right: 0
}

.cc_div .cc-link {
  border-bottom: 1px solid currentColor;
  color: #253b48;
  color: var(--cc-btn-primary-bg);
  cursor: pointer;
  display: inline;
  font-weight: 600;
  padding-bottom: 0;
  text-decoration: none
}

.cc_div .cc-link:hover, .cc_div .cc-link:active {
  border-color: rgba(0, 0, 0, 0)
}

#c-bns button:first-child, #s-bns button:first-child {
  background: #253b48;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text)
}

.cc_div .b-tg .c-tgl:checked~.c-tg {
  background: #253b48;
  background: var(--cc-toggle-bg-on)
}

#c-bns button:first-child:active, #c-bns button:first-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover {
  background: #1d2e38;
  background: var(--cc-btn-primary-hover-bg)
}

#s-hdr {
  border-bottom: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
  display: table;
  height: 4.75em;
  padding: 0 2.1em;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 100%;
  z-index: 2
}

#s-ttl {
  display: table-cell;
  font-size: 1em;
  vertical-align: middle
}

#s-c-bn {
  font-size: 1.45em;
  font-weight: initial;
  height: 1.7em;
  margin: 0;
  padding: 0;
  position: relative;
  width: 1.7em
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle
}

.cc_div span.t-lb {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1
}

#c_policy__text {
  height: 31.25em;
  margin-top: 1.25em;
  overflow-y: auto
}

#c-s-in {
  -webkit-transform: translateY(-50%);
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.cc_div .b-tg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  margin: auto;
  position: absolute;
  right: 0;
  right: 1.2em;
  top: 0;
  user-select: none;
  vertical-align: middle
}

.cc_div .b-tg .c-tgl {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0
}

.cc_div .b-tg .c-tg {
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  pointer-events: none;
  position: absolute;
  transition: background-color .25s ease, box-shadow .25s ease
}

.cc_div span.t-lb, .cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl {
  border-radius: 4em;
  height: 1.5em;
  width: 3.4em
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly)
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro:after {
  box-shadow: none
}

.cc_div .b-tg .c-tg:after {
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  border: none;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(24, 32, 35, .36);
  box-sizing: content-box;
  content: "";
  display: block;
  height: 1.25em;
  left: .125em;
  position: relative;
  top: .125em;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  width: 1.25em
}

.cc_div .b-tg .c-tgl:checked~.c-tg:after {
  -webkit-transform: translateX(1.9em);
  transform: translateX(1.9em)
}

#s-bl table, #s-bl th, #s-bl td {
  border: none
}

#s-bl tbody tr {
  transition: background-color .25s ease
}

#s-bl tbody tr:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl table {
  border-collapse: collapse;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%
}

#s-bl td, #s-bl th {
  font-size: .8em;
  padding: .8em .625em;
  padding-left: 1.2em;
  text-align: left;
  vertical-align: top
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em 1.2em
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-color: var(--cc-cookie-table-border)
}

.force--consent #s-cnt, .force--consent #cs {
  width: 100vw
}

#cm-ov, #cs-ov {
  background: #070707;
  background: rgba(4, 6, 8, .85);
  background: var(--cc-overlay-bg);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: none;
  visibility: hidden
}

.show--settings #cs-ov, .c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov {
  display: block
}

#cs-ov {
  z-index: 2
}

.force--consent .cc_div {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  transition: visibility .25s linear;
  visibility: hidden;
  width: 100%;
  width: 100vw
}

.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div {
  visibility: visible
}

.force--consent #cm {
  position: absolute
}

.force--consent #cm.bar {
  max-width: 100vw;
  width: 100vw
}

html.force--consent.show--consent {
  overflow-y: hidden !important
}

html.force--consent.show--consent, html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important
}

.cc_div .b-bn .b-tl::before, .cc_div .act .b-bn .b-tl::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  border: solid #2d4156;
  border-color: var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  left: 1.2em;
  margin-right: 15px;
  padding: .2em;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg)
}

.cc_div .act .b-bn .b-tl::before {
  -webkit-transform: translateY(-20%) rotate(225deg);
  transform: translateY(-20%) rotate(225deg)
}

.cc_div .on-i::before {
  -webkit-transform: rotate(45deg);
  border: solid #fff;
  border-color: var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  left: .75em;
  margin: 0 auto;
  padding: .1em;
  padding-bottom: .45em;
  position: absolute;
  top: .37em;
  transform: rotate(45deg)
}

#s-c-bn::before, #s-c-bn::after {
  -webkit-transform: rotate(45deg);
  background: #444d53;
  background: var(--cc-btn-secondary-text);
  border-radius: 1em;
  content: "";
  height: .6em;
  left: .82em;
  margin: 0 auto;
  position: absolute;
  top: .58em;
  transform: rotate(45deg);
  width: 1.5px
}

#s-c-bn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.cc_div .off-i, .cc_div .on-i {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity .15s ease;
  width: 50%
}

.cc_div .on-i {
  left: 0;
  opacity: 0
}

.cc_div .off-i::before, .cc_div .off-i::after {
  -webkit-transform-origin: center;
  background: #cdd6dc;
  background: var(--cc-toggle-knob-icon-color);
  content: " ";
  display: block;
  height: .7em;
  margin: 0 auto;
  position: absolute;
  right: .8em;
  top: .42em;
  transform-origin: center;
  width: .09375em
}

.cc_div .off-i::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.cc_div .off-i::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg .on-i {
  opacity: 1
}

.cc_div .b-tg .c-tgl:checked~.c-tg .off-i {
  opacity: 0
}

.force--consent #cm.box.middle, .force--consent #cm.cloud.middle {
  -webkit-transform: translateY(-37%);
  bottom: auto;
  top: 50%;
  transform: translateY(-37%)
}

.force--consent #cm.box.middle.zoom, .force--consent #cm.cloud.middle.zoom {
  -webkit-transform: scale(0.95) translateY(-50%);
  transform: scale(0.95) translateY(-50%)
}

#cm.box.center {
  left: 1em;
  margin: 0 auto;
  right: 1em
}

#cm.cloud {
  left: 1em;
  margin: 0 auto;
  max-width: 50em;
  overflow: hidden;
  padding: 1.3em 2em;
  right: 1em;
  text-align: center;
  width: unset
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%
}

.cc_div .cloud #c-inr-i {
  display: table-cell;
  padding-right: 2.4em;
  vertical-align: top;
  width: 70%
}

.cc_div .cloud #c-txt {
  font-size: .85em;
  margin-bottom: 0
}

.cc_div .cloud #c-bns {
  display: table-cell;
  min-width: 170px;
  vertical-align: middle
}

#cm.cloud .c-bn {
  margin: .625em 0 0 0;
  width: 100%
}

#cm.cloud .c-bn:first-child {
  margin: 0
}

#cm.cloud.left {
  margin-right: 1.25em
}

#cm.cloud.right {
  margin-left: 1.25em
}

#cm.bar {
  border-radius: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 2em;
  position: fixed;
  right: 0;
  width: 100%
}

#cm.bar #c-inr {
  margin: 0 auto;
  max-width: 32em
}

#cm.bar #c-bns {
  max-width: 33.75em
}

#cm.bar #cs {
  padding: 0
}

.cc_div .bar #c-s-in {
  -webkit-transform: none;
  height: 100%;
  max-height: 100%;
  top: 0;
  transform: none
}

.cc_div .bar #s-hdr, .cc_div .bar #s-bl, .cc_div .bar #s-bns {
  padding-left: 1.6em;
  padding-right: 1.6em
}

.cc_div .bar #cs {
  padding: 0
}

.cc_div .bar #s-inr {
  border-radius: 0;
  margin: 0;
  margin-left: auto;
  margin-right: 0;
  max-width: 32em
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto
}

.cc_div .bar #s-bl table, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl th, .cc_div .bar #s-bl td, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt {
  display: block
}

.cc_div .bar #s-bl thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px
}

.cc_div .bar #s-bl tr {
  border-color: var(--cc-cookie-table-border);
  border-top: 1px solid #e3e7ed
}

.cc_div .bar #s-bl td {
  border: none;
  padding-left: 35%;
  position: relative
}

.cc_div .bar #s-bl td:before {
  color: #000;
  color: var(--cc-text);
  content: attr(data-column);
  left: 1em;
  overflow: hidden;
  padding-right: .625em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap
}

#cm.top {
  bottom: auto;
  top: 1.25em
}

#cm.left {
  left: 1.25em;
  right: auto
}

#cm.right {
  left: auto;
  right: 1.25em
}

#cm.bar.left, #cm.bar.right {
  left: 0;
  right: 0
}

#cm.bar.top {
  top: 0
}

.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em
}

.cc_div.ie .bar #c-vln {
  padding-top: 0
}

.cc_div.ie #cs {
  margin-top: -5.625em;
  max-height: 37.5em;
  position: relative;
  top: 0
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9
}

.cc_div.ie #c-s-in {
  top: 0
}

.cc_div.ie .b-tg {
  margin-bottom: .7em;
  padding-left: 1em
}

.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after {
  left: 1.95em
}

.cc_div.ie #s-bl table {
  overflow: auto
}

.cc_div.ie .b-tg .c-tg {
  display: none
}

.cc_div.ie .b-tg .c-tgl {
  display: inline-block;
  height: auto;
  margin-bottom: .2em;
  position: relative;
  vertical-align: middle
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie .bar #s-bl td:before {
  display: none
}

.cc_div.ie .bar #s-bl td {
  padding: .8em .625em .8em 1.2em
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0)
}

.cc_div.ie #cm-ov, .cc_div.ie #cs-ov {
  filter: alpha(opacity=80)
}

.js-lazy-load {
  -webkit-transform: scale3d(0.95, 0.95, 1);
  display: block;
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
  transition: opacity .6s var(--transition-timingFunction), -webkit-transform .6s var(--transition-timingFunction);
  transition: opacity .6s var(--transition-timingFunction), transform .6s var(--transition-timingFunction);
  transition: opacity .6s var(--transition-timingFunction), transform .6s var(--transition-timingFunction), -webkit-transform .6s var(--transition-timingFunction)
}

.js-lazy-load.loading {
  -webkit-transform: scale3d(1, 1, 1);
  opacity: 1;
  transform: scale3d(1, 1, 1)
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) {
  max-width: none !important;
  padding: 0 !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_title {
  display: none !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_row {
  margin: 0 !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld {
  font-family: var(--font-base) !important;
  font-size: 15px !important;
  margin: 0 !important;
  padding: 15px !important;
  width: 100% !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab {
  background: var(--color-main) !important;
  color: #fff !important;
  text-align: left !important
}

[data-color=reverse] .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab, .c-background~.c-article__column .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab {
  border-color: #fff !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab:empty {
  display: none !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab:empty+.zcwf_col_fld {
  background: none !important;
  padding: 0 !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld {
  background: var(--color-sub) !important
}

[data-color=reverse] .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld, .c-background~.c-article__column .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld {
  background: #fff !important;
  color: var(--color-base) !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) input, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) select, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #fff !important;
  border: 0;
  border-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0 !important;
  display: block !important;
  font-size: 16px !important;
  margin: 0 !important;
  max-width: none !important;
  outline: none !important;
  padding: 0 20px !important;
  width: 100% !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) input, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) select {
  height: 50px !important;
  line-height: 50px !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) input[type=number] {
  -moz-appearance: textfield !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) select {
  cursor: pointer !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) select::-ms-expand {
  display: none !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) textarea {
  padding: 8px 20px !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .required {
  color: red !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=submit] {
  align-items: center !important;
  background: var(--color-accent) !important;
  border: 2px solid var(--color-accent) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: flex !important;
  font-size: 17px !important;
  font-weight: bold !important;
  height: auto !important;
  justify-content: center !important;
  line-height: 1.5 !important;
  margin-top: 30px !important;
  padding: 20px 50px !important;
  position: relative !important;
  transition: background var(--transition), color var(--transition) !important;
  width: 100% !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=submit]:focus {
  background: rgba(0, 0, 0, 0) !important;
  color: var(--color-accent) !important
}

.crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .wfrm_fld_dpNn.wfrm_fld_dpNn, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [style*=none], .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=reset] {
  display: none !important
}

.zf-templateWrapper .zf-tempHeadBdr {
  display: none
}

.zf-templateWrapper .zf-labelName, .zf-templateWrapper .zf-tempContDiv {
  padding: 15px;
  width: 100%
}

.zf-templateWrapper .zf-labelName {
  background: var(--color-main);
  color: #fff
}

[data-color=reverse] .zf-templateWrapper .zf-labelName, .c-background~.c-article__column .zf-templateWrapper .zf-labelName {
  border-color: #fff
}

.zf-templateWrapper .zf-tempContDiv {
  background: var(--color-sub)
}

[data-color=reverse] .zf-templateWrapper .zf-tempContDiv, .c-background~.c-article__column .zf-templateWrapper .zf-tempContDiv {
  background: #fff;
  color: var(--color-base)
}

.zf-templateWrapper .zf-tempContDiv>div>span {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  align-items: center;
  column-gap: 10px;
  display: flex;
  flex-direction: row-reverse
}

.zf-templateWrapper .zf-tempContDiv>div>span+span {
  margin-top: 10px
}

.zf-templateWrapper .zf-tempContDiv>div>span>label {
  font-size: .8em;
  white-space: nowrap
}

.zf-templateWrapper input, .zf-templateWrapper select, .zf-templateWrapper textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 0;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  display: block;
  font-size: 16px;
  margin: 0;
  max-width: none;
  outline: none;
  padding: 0 20px;
  width: 100%
}

.zf-templateWrapper input, .zf-templateWrapper select {
  height: 50px;
  line-height: 50px
}

.zf-templateWrapper input[type=number] {
  -moz-appearance: textfield
}

.zf-templateWrapper select {
  cursor: pointer
}

.zf-templateWrapper select::-ms-expand {
  display: none
}

.zf-templateWrapper textarea {
  padding: 8px 20px
}

.zf-templateWrapper .zf-important {
  color: red
}

.zf-templateWrapper .zf-submitColor {
  align-items: center;
  background: var(--color-accent);
  border: 2px solid var(--color-accent);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  height: auto;
  justify-content: center;
  line-height: 1.5;
  margin-top: 30px;
  padding: 20px 50px;
  position: relative;
  transition: background var(--transition), color var(--transition);
  width: 100%
}

.zf-templateWrapper .zf-submitColor:focus {
  background: rgba(0, 0, 0, 0);
  color: var(--color-accent)
}

.u-textAlign[data-textAlign^=left], .u-textAlign[data-textAlign*=" left"] {
  text-align: left
}

.u-textAlign[data-textAlign^=right], .u-textAlign[data-textAlign*=" right"] {
  text-align: right
}

.u-textAlign[data-textAlign^=center], .u-textAlign[data-textAlign*=" center"] {
  text-align: center
}

.u-visuallyHidden {
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  display: block !important;
  height: 4px !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  visibility: visible !important;
  white-space: nowrap !important;
  width: 4px !important
}

@media screen and (min-width: 600px) {
  .u-hide[data-hide*=min-sm] {
  display: none !important
  }
  .c-article__column[data-column^="1/12"] {
  width: 50%
  }
  .c-article__column[data-column^="2/12"] {
  width: 50%
  }
  .c-article__column[data-column^="3/12"] {
  width: 50%
  }
  .c-article__column[data-column^="4/12"] {
  width: 50%
  }
  .c-article__column[data-column^="2.4/12"] {
  width: 50%
  }
  .c-button {
  margin: 0 auto;
  max-width: 380px
  }
  .c-grid[data-grid*=sm-left] {
  justify-content: flex-start
  }
  .c-grid[data-grid*=sm-center] {
  justify-content: center
  }
  .c-grid[data-grid*=sm-right] {
  justify-content: flex-end
  }
  .c-grid[data-grid*=sm-space-between] {
  justify-content: space-between
  }
  .c-grid[data-grid*=sm-top] {
  align-items: flex-start
  }
  .c-grid[data-grid*=sm-middle] {
  align-items: center
  }
  .c-grid[data-grid*=sm-bottom] {
  align-items: flex-end
  }
  .c-grid[data-grid*=sm-row-reverse] {
  flex-direction: row-reverse
  }
  .c-grid[data-grid*=sm-column-reverse] {
  flex-direction: column-reverse
  }
  .c-grid[data-gap*=sm-5] {
  margin: -5px 0 0 -5px
  }
  .c-grid[data-gap*=sm-5]>.c-grid__item {
  border-width: 5px 0 0 5px
  }
  .c-grid[data-gap*=sm-10] {
  margin: -10px 0 0 -10px
  }
  .c-grid[data-gap*=sm-10]>.c-grid__item {
  border-width: 10px 0 0 10px
  }
  .c-grid[data-gap*=sm-15] {
  margin: -15px 0 0 -15px
  }
  .c-grid[data-gap*=sm-15]>.c-grid__item {
  border-width: 15px 0 0 15px
  }
  .c-grid[data-gap*=sm-20] {
  margin: -20px 0 0 -20px
  }
  .c-grid[data-gap*=sm-20]>.c-grid__item {
  border-width: 20px 0 0 20px
  }
  .c-grid[data-gap*=sm-25] {
  margin: -25px 0 0 -25px
  }
  .c-grid[data-gap*=sm-25]>.c-grid__item {
  border-width: 25px 0 0 25px
  }
  .c-grid[data-gap*=sm-30] {
  margin: -30px 0 0 -30px
  }
  .c-grid[data-gap*=sm-30]>.c-grid__item {
  border-width: 30px 0 0 30px
  }
  .c-grid[data-gap*=sm-35] {
  margin: -35px 0 0 -35px
  }
  .c-grid[data-gap*=sm-35]>.c-grid__item {
  border-width: 35px 0 0 35px
  }
  .c-grid[data-gap*=sm-40] {
  margin: -40px 0 0 -40px
  }
  .c-grid[data-gap*=sm-40]>.c-grid__item {
  border-width: 40px 0 0 40px
  }
  .c-grid[data-gap*=sm-45] {
  margin: -45px 0 0 -45px
  }
  .c-grid[data-gap*=sm-45]>.c-grid__item {
  border-width: 45px 0 0 45px
  }
  .c-grid[data-gap*=sm-50] {
  margin: -50px 0 0 -50px
  }
  .c-grid[data-gap*=sm-50]>.c-grid__item {
  border-width: 50px 0 0 50px
  }
  .c-grid[data-gap*=sm-55] {
  margin: -55px 0 0 -55px
  }
  .c-grid[data-gap*=sm-55]>.c-grid__item {
  border-width: 55px 0 0 55px
  }
  .c-grid[data-gap*=sm-60] {
  margin: -60px 0 0 -60px
  }
  .c-grid[data-gap*=sm-60]>.c-grid__item {
  border-width: 60px 0 0 60px
  }
  .c-grid[data-gap*=sm-65] {
  margin: -65px 0 0 -65px
  }
  .c-grid[data-gap*=sm-65]>.c-grid__item {
  border-width: 65px 0 0 65px
  }
  .c-grid[data-gap*=sm-70] {
  margin: -70px 0 0 -70px
  }
  .c-grid[data-gap*=sm-70]>.c-grid__item {
  border-width: 70px 0 0 70px
  }
  .c-grid[data-gap*=sm-75] {
  margin: -75px 0 0 -75px
  }
  .c-grid[data-gap*=sm-75]>.c-grid__item {
  border-width: 75px 0 0 75px
  }
  .c-grid[data-gap*=sm-80] {
  margin: -80px 0 0 -80px
  }
  .c-grid[data-gap*=sm-80]>.c-grid__item {
  border-width: 80px 0 0 80px
  }
  .c-grid[data-gap*=sm-85] {
  margin: -85px 0 0 -85px
  }
  .c-grid[data-gap*=sm-85]>.c-grid__item {
  border-width: 85px 0 0 85px
  }
  .c-grid[data-gap*=sm-90] {
  margin: -90px 0 0 -90px
  }
  .c-grid[data-gap*=sm-90]>.c-grid__item {
  border-width: 90px 0 0 90px
  }
  .c-grid[data-gap*=sm-95] {
  margin: -95px 0 0 -95px
  }
  .c-grid[data-gap*=sm-95]>.c-grid__item {
  border-width: 95px 0 0 95px
  }
  .c-grid[data-gap*=sm-100] {
  margin: -100px 0 0 -100px
  }
  .c-grid[data-gap*=sm-100]>.c-grid__item {
  border-width: 100px 0 0 100px
  }
  .c-grid[data-gap*=sm-105] {
  margin: -105px 0 0 -105px
  }
  .c-grid[data-gap*=sm-105]>.c-grid__item {
  border-width: 105px 0 0 105px
  }
  .c-grid[data-gap*=sm-110] {
  margin: -110px 0 0 -110px
  }
  .c-grid[data-gap*=sm-110]>.c-grid__item {
  border-width: 110px 0 0 110px
  }
  .c-grid[data-gap*=sm-115] {
  margin: -115px 0 0 -115px
  }
  .c-grid[data-gap*=sm-115]>.c-grid__item {
  border-width: 115px 0 0 115px
  }
  .c-grid[data-gap*=sm-120] {
  margin: -120px 0 0 -120px
  }
  .c-grid[data-gap*=sm-120]>.c-grid__item {
  border-width: 120px 0 0 120px
  }
  .c-grid[data-gap*=sm-0] {
  margin: 0
  }
  .c-grid[data-gap*=sm-0]>.c-grid__item {
  border-width: 0
  }
  .c-grid__item[data-column*=sm-1] {
  width: 8.3333333333%
  }
  .c-grid__item[data-column*=sm-2] {
  width: 16.6666666667%
  }
  .c-grid__item[data-column*=sm-3] {
  width: 25%
  }
  .c-grid__item[data-column*=sm-4] {
  width: 33.3333333333%
  }
  .c-grid__item[data-column*=sm-5] {
  width: 41.6666666667%
  }
  .c-grid__item[data-column*=sm-6] {
  width: 50%
  }
  .c-grid__item[data-column*=sm-7] {
  width: 58.3333333333%
  }
  .c-grid__item[data-column*=sm-8] {
  width: 66.6666666667%
  }
  .c-grid__item[data-column*=sm-9] {
  width: 75%
  }
  .c-grid__item[data-column*=sm-10] {
  width: 83.3333333333%
  }
  .c-grid__item[data-column*=sm-11] {
  width: 91.6666666667%
  }
  .c-grid__item[data-column*=sm-12] {
  width: 100%
  }
  .c-grid__item[data-column*=sm-five] {
  width: 20%
  }
  .c-grid__item[data-column*=sm-auto] {
  width: auto
  }
  .c-table th, .c-table td {
  display: table-cell
  }
  .c-table tr:not(:first-child) th {
  border-top: 4px solid var(--color-sub)
  }
  .c-table td {
  border-left: 4px solid #fff
  }
  .c-table tr:not(:first-child) td {
  border-top: 4px solid #fff
  }
  .c-grid__item.Type__02{
      background-clip: padding-box;
      border-top: solid rgba(0, 0, 0, 0);
      border-left: 10px solid rgba(0, 0, 0, 0);
      border-right: 10px solid rgba(0, 0, 0, 0);
      border-bottom: none;
  }
  .c-grid__item.Type__02:first-child{
      background-clip: padding-box;
      border-top: solid rgba(0, 0, 0, 0);
      border-left: none;
      border-right: 10px solid rgba(0, 0, 0, 0);
  }
  .c-grid__item.Type__02:last-child{
      background-clip: padding-box;
      border-top: solid rgba(0, 0, 0, 0);
      border-left: 10px solid rgba(0, 0, 0, 0);
      border-right: none;
  }
  .p-form__must br {
  display: block
  }
  .p-form__button {
  padding-top: 40px
  }
  .p-hero__catchText[data-type=title] {
  font-size: 50px
  }
  .p-hero__catchText[data-type=text] {
  font-size: 20px
  }
  .p-postCard__item {
  width: 50%
  }
  .p-postHead {
  -ms-grid-rows: auto;
  -ms-grid-columns: 0.45fr auto .55fr;
  grid-template: auto/0.45fr auto .55fr
  }
  .p-postHead__category {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  align-self: center;
  grid-area: 1/2;
  margin-top: 0
  }
  .p-postHead__date {
  -ms-grid-column-align: end;
  justify-self: flex-start;
  }
  .p-postHead__category~.p-postHead__date {
  -ms-grid-row-align: center;
  align-self: center
  }
  .p-postHead__sns {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-align: start;
  grid-area: 1/3;
  justify-content: center;
  justify-self: start;
  margin-top: 48px;
  }
  .p-postHead__category~.p-postHead__sns {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  align-self: center;
  grid-area: 1/3
  }
  .p-postHomeSeminar__item {
  display: flex
  }
  .p-postHomeSeminar__item+.p-postHomeSeminar__item {
  padding-top: 60px
  }
  .p-postHomeSeminar__content {
  width: calc(100% - 300px)
  }
  .p-postHomeSeminar__text {
  padding-top: 30px
  }
  .p-postHomeSeminar__detail {
  padding-left: 30px;
  padding-top: 0;
  width: 300px
  }
  .p-postHomeSeminar__thumbnail {
  height: 260px
  }
  .p-postHomeSeminar__thumbnailImage {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%
  }
  .p-postHomeSeminar__button {
  margin: -35px auto 0 !important
  }
  .p-postList__linkInner {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: -20px
  }
  .p-postList__linkInner[data-thumbnail=true] {
  min-height: 100px
  }
  .p-postList__detail {
  flex-wrap: nowrap;
  margin: 0;
  padding: 20px 20px 0 0
  }
  .p-postList__date {
  padding: 0
  }
  .p-postList__category {
  margin: 0
  }
  .p-postList__category:not(:first-child) {
  margin: 0 0 0 20px
  }
  .p-postList__title {
  padding-top: 20px;
  width: 100%
  }
  .p-postList__text {
  width: 100%
  }
  .p-postList__distance {
  width: 100%
  }
  .p-postList__thumbnail {
  top: 20px
  }
  .p-postSeminar__item {
  width: 50%
  }
  .p-responseDevice {
  align-items: center;
  display: flex;
  margin: 0 0 0 -40px;
  max-width: none
  }
  .p-responseDevice__tel {
  padding-left: 40px;
  text-align: right;
  width: 50%
  }
  .p-responseDevice__tel:only-child {
  margin: 0 auto;
  text-align: center
  }
  .p-responseDevice__contact {
  padding-left: 40px;
  padding-top: 0;
  width: 50%
  }
  .p-responseDeviceContact {
  max-width: 300px
  }
  .p-responseDeviceTel {
  display: inline-block;
  padding-left: 35px;
  position: relative
  }
  .p-responseDeviceTel__button {
  background: none;
  color: var(--color-main);
  font-size: 32px;
  height: auto;
  position: static
  }
  .p-responseDeviceTel__buttonIcon {
  -webkit-transform: translateY(-50%);
  font-size: 32px;
  left: 0;
  margin-left: 0;
  padding-right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
  }
  .p-responseDeviceTel__buttonArrow {
  display: none
  }
  .p-responseDeviceTel__note {
  font-size: 11px;
  padding-top: 7px
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_row {
  display: flex !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab {
  align-items: center !important;
  border-top: 1px solid var(--color-sub) !important;
  display: flex !important;
  width: 28.125% !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab:empty+.zcwf_col_fld {
  width: 100% !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_title+.zcwf_row .zcwf_col_lab {
  border-top: 0 !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld {
  align-items: center !important;
  border-top: 1px solid var(--color-main) !important;
  display: flex !important;
  width: 71.875% !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_title+.zcwf_row .zcwf_col_fld {
  border-top: 0 !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=submit] {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 300px !important
  }
  .zf-templateWrapper .zf-tempFrmWrapper {
  display: flex
  }
  .zf-templateWrapper .zf-tempFrmWrapper:first-child .zf-labelName, .zf-templateWrapper .zf-tempFrmWrapper:first-child .zf-tempContDiv {
  border-top: 0
  }
  .zf-templateWrapper .zf-labelName {
  align-items: center;
  border-top: 1px solid var(--color-sub);
  display: flex;
  width: 28.125%
  }
  .zf-templateWrapper .zf-tempContDiv {
  align-items: center;
  border-top: 1px solid var(--color-main);
  display: flex;
  width: 71.875%
  }
  .zf-templateWrapper .zf-tempContDiv>div {
  width: 100%
  }
  .zf-templateWrapper .zf-tempContDiv>span {
  width: 100%
  }
  .zf-templateWrapper .zf-submitColor {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px
  }
  .u-textAlign[data-textAlign*=sm-left] {
  text-align: left
  }
  .u-textAlign[data-textAlign*=sm-right] {
  text-align: right
  }
  .u-textAlign[data-textAlign*=sm-center] {
  text-align: center
  }
}

@media screen and (min-width: 688px) {
  #s-bl::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
  border-radius: 0 .25em .25em 0;
  height: 100%;
  width: .9em
  }
  #s-bl::-webkit-scrollbar-thumb {
  background: #cfd5db;
  background: var(--cc-webkit-scrollbar-bg);
  border: .25em solid var(--cc-bg);
  border-radius: 100em
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
  background: #9199a0;
  background: var(--cc-webkit-scrollbar-bg-hover)
  }
  #s-bl::-webkit-scrollbar-button {
  height: 5px;
  width: 10px
  }
}

@media screen and (hover: hover)and (pointer: fine)and (min-width: 1025px) {
  .p-footerNav__link:hover {
  opacity: .5
  }
  .p-headerDrawer__navList:first-child>.p-headerDrawer__navItem:hover>.p-headerDrawer__navLink, .acms-admin-module-edit+.p-headerDrawer__navList>.p-headerDrawer__navItem:hover>.p-headerDrawer__navLink {
  background: var(--color-sub);
  color: var(--color-main)
  }
  .p-headerDrawer__navList:first-child>.p-headerDrawer__navItem:hover>.p-headerDrawer__navList, .acms-admin-module-edit+.p-headerDrawer__navList>.p-headerDrawer__navItem:hover>.p-headerDrawer__navList {
  opacity: 1;
  pointer-events: auto
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navLink:hover {
  color: var(--color-hover)
  }
}

@media screen and (min-width: 1025px) {
  :root {
  --space: 30px
  }
  .u-hide[data-hide*=min-md] {
  display: none !important
  }
  body {
  font-size: 17px;
  line-height: var(--lineHeight-pc)
  }
  a[href^="tel:"] {
  pointer-events: none
  }
  .c-article__section, .c-article__responseDevice {
  padding: 50px 0 90px
  }
  .c-article__section:not([data-background=true])+.c-article__section:not([data-background=true]) {
  margin-top: -60px
  }
  .c-article__two {
  display: flex
  }
  .c-article__twoMain {
  width: calc(100% - 380px)
  }
  .c-article__twoSide {
  padding: 40px 0 0 60px;
  width: 380px
  }
  .c-article__column {
  padding: 40px 0 0 30px
  }
  .c-article__column[data-column^="1/12"] {
  width: 8.3333333333%
  }
  .c-article__column[data-column^="2/12"] {
  width: 16.6666666667%
  }
  .c-article__column[data-column^="3/12"] {
  width: 25%
  }
  .c-article__column[data-column^="4/12"] {
  width: 33.3333333333%
  }
  .c-article__column[data-column^="5/12"] {
  width: 41.6666666667%
  }
  .c-article__column[data-column^="6/12"] {
  width: 50%
  }
  .c-article__column[data-column^="7/12"] {
  width: 58.3333333333%
  }
  .c-article__column[data-column^="8/12"] {
  width: 66.6666666667%
  }
  .c-article__column[data-column^="9/12"] {
  width: 75%
  }
  .c-article__column[data-column^="10/12"] {
  width: 83.3333333333%
  }
  .c-article__column[data-column^="11/12"] {
  width: 91.6666666667%
  }
  .c-article__column[data-column^="12/12"] {
  width: 100%
  }
  .c-article__column[data-column^="2.4/12"] {
  width: 20%
  }
  .c-article__unit+.c-article__unit {
  padding-top: 30px
  }
  .c-box__primary, .c-box__secondary {
  font-size: 20px
  }
  .c-button {
  padding: 20px 50px
  }
  .c-button[data-style="03"] {
  padding: 25px 50px 25px 20px
  }
  .c-card[data-style="02"] {
  padding: 30px
  }
  .c-card__title {
  font-size: 20px
  }
  .c-card__title._Type2{
  font-size: 24px
  }
  .c-card__text {
  font-size: 15px
  }
  .c-card__text._Type2{
  font-size: 17px
  }
  .c-faq {
  padding: 40px 60px 40px 90px
  }
  .c-faq__question {
  font-size: 20px
  }
  .c-faq__question::before {
  font-size: 24px;
  left: -30px
  }
  .c-full {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw - 30px);
  width: 100vw
  }
  .c-full__image {
  height: 100%;
  min-height: 460px;
  position: relative;
  width: 50%
  }
  .c-full[data-style="01"] .c-full__image {
  max-height: 460px
  }
  .c-full__image img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
  }
  .c-full__content {
  padding: var(--space);
  width: 50%
  }
  .c-full__title {
  font-size: 40px
  }
  .c-grid[data-grid*=md-left] {
  justify-content: flex-start
  }
  .c-grid[data-grid*=md-center] {
  justify-content: center
  }
  .c-grid[data-grid*=md-right] {
  justify-content: flex-end
  }
  .c-grid[data-grid*=md-space-between] {
  justify-content: space-between
  }
  .c-grid[data-grid*=md-top] {
  align-items: flex-start
  }
  .c-grid[data-grid*=md-middle] {
  align-items: center
  }
  .c-grid[data-grid*=md-bottom] {
  align-items: flex-end
  }
  .c-grid[data-grid*=md-row-reverse] {
  flex-direction: row-reverse
  }
  .c-grid[data-grid*=md-column-reverse] {
  flex-direction: column-reverse
  }
  .c-grid[data-gap*=md-5] {
  margin: -5px 0 0 -5px
  }
  .c-grid[data-gap*=md-5]>.c-grid__item {
  border-width: 5px 0 0 5px
  }
  .c-grid[data-gap*=md-10] {
  margin: -10px 0 0 -10px
  }
  .c-grid[data-gap*=md-10]>.c-grid__item {
  border-width: 10px 0 0 10px
  }
  .c-grid[data-gap*=md-15] {
  margin: -15px 0 0 -15px
  }
  .c-grid[data-gap*=md-15]>.c-grid__item {
  border-width: 15px 0 0 15px
  }
  .c-grid[data-gap*=md-20] {
  margin: -20px 0 0 -20px
  }
  .c-grid[data-gap*=md-20]>.c-grid__item {
  border-width: 20px 0 0 20px
  }
  .c-grid[data-gap*=md-25] {
  margin: -25px 0 0 -25px
  }
  .c-grid[data-gap*=md-25]>.c-grid__item {
  border-width: 25px 0 0 25px
  }
  .c-grid[data-gap*=md-30] {
  margin: -30px 0 0 -30px
  }
  .c-grid[data-gap*=md-30]>.c-grid__item {
  border-width: 30px 0 0 30px
  }
  .c-grid[data-gap*=md-35] {
  margin: -35px 0 0 -35px
  }
  .c-grid[data-gap*=md-35]>.c-grid__item {
  border-width: 35px 0 0 35px
  }
  .c-grid[data-gap*=md-40] {
  margin: -40px 0 0 -40px
  }
  .c-grid[data-gap*=md-40]>.c-grid__item {
  border-width: 40px 0 0 40px
  }
  .c-grid[data-gap*=md-45] {
  margin: -45px 0 0 -45px
  }
  .c-grid[data-gap*=md-45]>.c-grid__item {
  border-width: 45px 0 0 45px
  }
  .c-grid[data-gap*=md-50] {
  margin: -50px 0 0 -50px
  }
  .c-grid[data-gap*=md-50]>.c-grid__item {
  border-width: 50px 0 0 50px
  }
  .c-grid[data-gap*=md-55] {
  margin: -55px 0 0 -55px
  }
  .c-grid[data-gap*=md-55]>.c-grid__item {
  border-width: 55px 0 0 55px
  }
  .c-grid[data-gap*=md-60] {
  margin: -60px 0 0 -60px
  }
  .c-grid[data-gap*=md-60]>.c-grid__item {
  border-width: 60px 0 0 60px
  }
  .c-grid[data-gap*=md-65] {
  margin: -65px 0 0 -65px
  }
  .c-grid[data-gap*=md-65]>.c-grid__item {
  border-width: 65px 0 0 65px
  }
  .c-grid[data-gap*=md-70] {
  margin: -70px 0 0 -70px
  }
  .c-grid[data-gap*=md-70]>.c-grid__item {
  border-width: 70px 0 0 70px
  }
  .c-grid[data-gap*=md-75] {
  margin: -75px 0 0 -75px
  }
  .c-grid[data-gap*=md-75]>.c-grid__item {
  border-width: 75px 0 0 75px
  }
  .c-grid[data-gap*=md-80] {
  margin: -80px 0 0 -80px
  }
  .c-grid[data-gap*=md-80]>.c-grid__item {
  border-width: 80px 0 0 80px
  }
  .c-grid[data-gap*=md-85] {
  margin: -85px 0 0 -85px
  }
  .c-grid[data-gap*=md-85]>.c-grid__item {
  border-width: 85px 0 0 85px
  }
  .c-grid[data-gap*=md-90] {
  margin: -90px 0 0 -90px
  }
  .c-grid[data-gap*=md-90]>.c-grid__item {
  border-width: 90px 0 0 90px
  }
  .c-grid[data-gap*=md-95] {
  margin: -95px 0 0 -95px
  }
  .c-grid[data-gap*=md-95]>.c-grid__item {
  border-width: 95px 0 0 95px
  }
  .c-grid[data-gap*=md-100] {
  margin: -100px 0 0 -100px
  }
  .c-grid[data-gap*=md-100]>.c-grid__item {
  border-width: 100px 0 0 100px
  }
  .c-grid[data-gap*=md-105] {
  margin: -105px 0 0 -105px
  }
  .c-grid[data-gap*=md-105]>.c-grid__item {
  border-width: 105px 0 0 105px
  }
  .c-grid[data-gap*=md-110] {
  margin: -110px 0 0 -110px
  }
  .c-grid[data-gap*=md-110]>.c-grid__item {
  border-width: 110px 0 0 110px
  }
  .c-grid[data-gap*=md-115] {
  margin: -115px 0 0 -115px
  }
  .c-grid[data-gap*=md-115]>.c-grid__item {
  border-width: 115px 0 0 115px
  }
  .c-grid[data-gap*=md-120] {
  margin: -120px 0 0 -120px
  }
  .c-grid[data-gap*=md-120]>.c-grid__item {
  border-width: 120px 0 0 120px
  }
  .c-grid[data-gap*=md-0] {
  margin: 0
  }
  .c-grid[data-gap*=md-0]>.c-grid__item {
  border-width: 0
  }
  .c-grid__item[data-column*=md-1] {
  width: 8.3333333333%
  }
  .c-grid__item[data-column*=md-2] {
  width: 16.6666666667%
  }
  .c-grid__item[data-column*=md-3] {
  width: 25%
  }
  .c-grid__item[data-column*=md-4] {
  width: 33.3333333333%
  }
  .c-grid__item[data-column*=md-5] {
  width: 41.6666666667%
  }
  .c-grid__item[data-column*=md-6] {
  width: 50%
  }
  .c-grid__item[data-column*=md-7] {
  width: 58.3333333333%
  }
  .c-grid__item[data-column*=md-8] {
  width: 66.6666666667%
  }
  .c-grid__item[data-column*=md-9] {
  width: 75%
  }
  .c-grid__item[data-column*=md-10] {
  width: 83.3333333333%
  }
  .c-grid__item[data-column*=md-11] {
  width: 91.6666666667%
  }
  .c-grid__item[data-column*=md-12] {
  width: 100%
  }
  .c-grid__item[data-column*=md-five] {
  width: 20%
  }
  .c-grid__item[data-column*=md-auto] {
  width: auto
  }
  .c-link[href^="tel:"] {
  color: inherit;
  pointer-events: none;
  text-decoration: none
  }
  .c-orderedList li::before {
  top: calc((var(--lineHeight-pc) - 1)*.5em + .5em)
  }
  .c-unorderedList li::before {
  top: calc((var(--lineHeight-pc) - 1)*.5em + .5em)
  }
  .c-media__sp+.c-media__pc {
  display: block
  }
  .c-media__sp {
  display: none
  }
  .c-table {
  overflow-x: visible
  }
  .c-table .js-table-unit-scroll-hint, .c-table .acms-table-scrollable {
  width: 100%
  }
  .c-table th, .c-table td {
  padding: 25px 40px
  }
  .c-title {
  font-size: 40px;
  }
  .blog-entry .c-title {
    font-size: 30px;
  }
  .c-secondaryTitle {
  font-size: 30px
  }
  .c-tertiaryTitle {
  font-size: 26px
  }
  .c-tertiaryTitle._Type3 {
      background: none;
      color: var(--color-main);
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      padding: 0 0 20px;
      margin-top: 0px;
      display: flex;
      flex-direction: row;
  }
  .c-tertiaryTitle._Type3 {
  font-size: 26px
  }
  .c-article__column+.c-article__column[data-column="12/12"] .c-tertiaryTitle {
  margin-top: 20px
  }
  .c-article__column+.c-article__column[data-column="12/12"] .c-tertiaryTitle._Type3 {
  margin-top: 0px
  }
  .c-quaternaryTitle {
  font-size: 24px
  }
  .c-article__column+.c-article__column[data-column="12/12"] .c-quaternaryTitle {
  padding-top: 20px
  }
  .p-breadcrumb__list {
  font-size: 15px
  }
  .p-footer__main {
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: auto 1fr;
  display: -ms-grid;
  display: grid;
  grid-template: auto 1fr/auto 1fr
  }
  .p-footer__logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1
  }
  .p-footer__info {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  display: block;
  grid-area: 2/1;
  padding-top: 30px
  }
  .p-footer__nav {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  display: block;
  grid-area: 1/2/3/3;
  margin-left: auto;
  padding-left: 30px
  }
  .p-footer__sub {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  padding: 30px calc(50vw - 50%)
  }
  .p-footer__pagetop {
  margin-left: auto;
  padding-left: 30px
  }
  .p-footer__copyright {
  padding-top: 0
  }
  .p-footerCopyright {
  font-size: 13px;
  text-align: left
  }
  .p-footerLogo {
  margin-left: 0;
  max-width: 230px
  }
  .p-footerNav {
  white-space: nowrap
  }
  .p-footerNav:first-child, .acms-admin-module-edit+.p-footerNav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 350px;
  width: var(--footerNavWidth)
  }
  .p-footerNav__item {
  padding-left: 40px
  }
  *:not(.acms-admin-module-edit)+.p-footerNav:not(:first-child) .p-footerNav__item {
  align-items: center;
  display: flex;
  padding-left: 20px
  }
  .p-footerNav__link {
  display: block;
  opacity: 1;
  padding: 5px 0;
  transition: opacity var(--transition)
  }
  .p-footerNav__link[target=_blank] {
  position: relative
  }
  .p-footerNav__link[target=_blank]::after {
  -webkit-transform: translate(5px, 3px);
  content: "";
  display: inline-block;
  font-family: "Material Icons";
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1;
  transform: translate(5px, 3px)
  }
  *:not(.acms-admin-module-edit)+.p-footerNav:not(:first-child) .p-footerNav__link {
  padding: 2px 0
  }
  .p-footerNav__link:focus {
  opacity: .5
  }
  .p-footerPagetop {
  -webkit-transform: none;
  display: flex;
  flex-direction: row;
  position: static;
  transform: none;
  white-space: nowrap
  }
  .p-footerPagetop:focus {
  opacity: .5
  }
  .p-footerPagetop__arrow {
  padding-bottom: 0;
  padding-right: 10px
  }
  .p-form__table th, .p-form__table td {
  line-height: var(--lineHeight-pc)
  }
  .p-form__table th {
  font-size: 16px;
  padding: 40px 20px;
  vertical-align: top;
  white-space: nowrap
  }
  .p-form[data-step=confirm] .p-form__table th {
  padding: 20px
  }
  .p-form__table td {
  padding: 20px;
  width: 100%
  }
  .p-form__listItem {
  width: 50%
  }
  .p-header__inner {
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 1fr auto auto auto auto;
  grid-template: auto 1fr/1fr auto auto auto auto;
  padding: 20px var(--space) 0
  }
  body[data-page-type=lp] .p-header__inner {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr auto;
  grid-template: auto/1fr auto;
  padding-bottom: 20px
  }
  .p-header__certification {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: 1/2;
  padding-left: 30px
  }
  .p-header__tel {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  align-self: center;
  display: block;
  grid-area: 1/3;
  padding-left: 30px
  }
  body[data-page-type=lp] .p-header__lpTel {
  display: none
  }
  .p-header__contact {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-row-align: center;
  align-self: center;
  display: block;
  grid-area: 1/4;
  padding-left: 30px
  }
  body[data-page-type=lp] .p-header__contact {
  display: none
  }
  .p-header__search {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-row-align: center;
  align-self: center;
  display: block;
  grid-area: 1/4;
  padding-left: 30px
  }
  body[data-page-type=lp] .p-header__search {
  display: none
  }
  .p-header__drawerButton {
  display: none
  }
  .p-header__drawer {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: 2/1/3/5;
  opacity: 1;
  padding-top: 20px;
  pointer-events: auto;
  position: static
  }
  body[data-page-type=lp] .p-header__drawer {
  display: none
  }
  .p-headerCertification img {
  height: 50px
  }
  .p-headerCertification img+img {
  margin-left: 10px
  }
  .p-headerContact {
  height: 60px;
  width: 230px
  }
  .p-headerDrawer {
  height: auto;
  margin: 0 calc(50% - 50vw);
  overflow-y: visible;
  padding: 0 calc(50vw - 50%);
  width: 100vw
  }
  .p-headerDrawer__search {
  display: none
  }
  .p-headerDrawer__navList {
  display: flex
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) {
  -webkit-transform: translateX(-50%);
  background: var(--color-sub);
  flex-wrap: wrap;
  height: auto !important;
  left: 50%;
  opacity: 0;
  padding: 0 calc(50vw - 50%) 30px calc(50vw - 50% - 30px);
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  transition: opacity var(--transition) !important;
  width: 100vw
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child)::before {
  display: none
  }
  .p-headerDrawer__navItem {
  border-bottom: 0;
  position: static;
  width: 100%
  }
  .p-headerDrawer__navItem.none {
  display: none
  }
  .p-headerDrawer__navList:first-child>.p-headerDrawer__navItem:focus>.p-headerDrawer__navLink, .acms-admin-module-edit+.p-headerDrawer__navList>.p-headerDrawer__navItem:focus>.p-headerDrawer__navLink {
  background: var(--color-sub);
  color: var(--color-main)
  }
  .p-headerDrawer__navList:first-child>.p-headerDrawer__navItem:focus>.p-headerDrawer__navList, .acms-admin-module-edit+.p-headerDrawer__navList>.p-headerDrawer__navItem:focus>.p-headerDrawer__navList {
  opacity: 1;
  pointer-events: auto
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navItem {
  border-bottom: 0;
  padding: 30px 0 0 30px;
  width: 33.333%
  }
  .p-headerDrawer__navLink {
  align-items: center;
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  padding: 20px 10px;
  text-align: center;
  transition: background var(--transition), color var(--transition)
  }
  .p-headerDrawer__navLink[target=_blank]::after {
  -webkit-transform: translate(10px, 2px);
  transform: translate(10px, 2px)
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navLink {
  background: #fff;
  border-left: 2px solid currentcolor;
  color: var(--color-main);
  justify-content: flex-start;
  padding: 20px 30px;
  text-align: left;
  transition: color var(--transition)
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navLink:focus {
  color: var(--color-hover)
  }
  .p-headerDrawer__navAccordion {
  display: none
  }
  .p-headerDrawer__tel {
  display: none
  }
  .p-headerDrawer__contact {
  display: none
  }
  .p-headerLogo {
  max-width: 230px
  }
  .p-headerSearch__input {
  border: 1px solid var(--color-main);
  width: 200px
  }
  .p-headerSearch__button {
  background: var(--color-main)
  }
  .p-headerTel {
  padding-left: 35px;
  position: relative
  }
  .p-headerTel__button {
  border: 0;
  color: var(--color-main);
  font-family: var(--font-english);
  font-size: 32px;
  height: auto;
  position: static
  }
  .p-headerTel__buttonIcon {
  -webkit-transform: translateY(-50%);
  font-size: 32px;
  left: 0;
  margin-left: 0;
  padding-right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
  }
  .p-headerTel__buttonArrow {
  display: none
  }
  .p-headerTel__note {
  font-size: 11px;
  padding-top: 7px
  }
  .p-hero__inner {
  max-height: 40.684vw;
  padding: 120px 0
  }
  .p-mainvisual {
  min-height: 200px
  }
  .p-mainvisual__title {
  font-size: 40px;
  padding: 30px var(--space)
  }
  .p-postCard__item {
  width: 33.333%
  }
  .p-postCategory {
  font-size: 15px
  }
  .p-postCategory.Type__02 {
  padding: 15px 20px;
  font-size: 18px;
  }
  .p-postHead__category {
  font-size: 15px
  }
  .p-postHomeSeminar__content {
  width: calc(100% - 400px)
  }
  .p-postHomeSeminar__detail {
  width: 400px
  }
  .p-postList__linkInner[data-thumbnail=true] {
  min-height: 120px;
  padding-left: 130px
  }
  .p-postList__detail {
  padding: 20px 30px 0 0
  }
  .p-postList__category:not(:first-child) {
  margin: 0 0 0 30px
  }
  .p-postList__title {
  font-size: 20px
  }
  .p-postList__thumbnail {
  height: 100px;
  width: 100px
  }
  .p-postPager a {
  font-size: 20px;
  height: 35px;
  width: 35px
  }
  .p-postSeminar__item {
  width: 100%
  }
  .p-postSeminar__link {
  min-height: 260px;
  padding: 30px 30px 30px 400px;
  position: relative
  }
  .p-postSeminar__thumbnail {
  height: 100%;
  left: 0;
  margin: 0;
  padding-top: 0;
  position: absolute;
  top: 0;
  width: 370px
  }
  .p-postSeminar__detail {
  margin-top: 0
  }
  .p-postSeminar__detail:not(:first-child) {
  padding-top: 0
  }
  .p-postSeminar__date {
  padding-top: 7px
  }
  .p-postSeminar__category {
  margin-top: 0
  }
  .p-postSeminar__title {
  font-size: 20px
  }
  .p-postSide__item+.p-postSide__item {
  padding-top: 40px
  }
  .p-postSide__title {
  font-size: 20px
  }
  .p-postSide__title::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postSide__listArrow {
  top: 12px
  }
  .p-postSide__listCalendar {
  top: 13px
  }
  .p-postSlider__arrow {
  height: 120px;
  width: 50px
  }
  .p-postSlider__arrow .material-icons {
  font-size: 36px
  }
  .p-postSlider__title {
  font-size: 20px
  }
  .p-postTitle {
  font-size: 40px
  }
  .p-responseDevice {
  margin: 0 0 0 -60px
  }
  .p-responseDevice__tel {
  padding-left: 60px
  }
  .p-responseDevice__contact {
  padding-left: 60px
  }
  .p-responseDeviceContact {
  max-width: 380px;
  padding: 25px 40px
  }
  .p-responseDeviceTel {
  padding-left: 50px
  }
  .p-responseDeviceTel__button {
  font-family: var(--font-english);
  font-size: 50px
  }
  .p-responseDeviceTel__buttonIcon {
  font-size: 45px
  }
  .p-responseDeviceTel__note {
  font-size: 15px
  }
  .p-seminarDescription {
  padding: 60px
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_lab, .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) .zcwf_col_fld {
  font-size: 17px !important;
  padding: 25px !important
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=submit] {
  margin-top: 40px !important;
  max-width: 380px !important;
  padding: 25px 50px !important
  }
  .zf-templateWrapper .zf-labelName, .zf-templateWrapper .zf-tempContDiv {
  padding: 25px
  }
  .zf-templateWrapper .zf-submitColor {
  margin-top: 40px;
  max-width: 380px;
  padding: 25px 50px
  }
  .u-textAlign[data-textAlign*=md-left] {
  text-align: left
  }
  .u-textAlign[data-textAlign*=md-right] {
  text-align: right
  }
  .u-textAlign[data-textAlign*=md-center] {
  text-align: center
  }
}

@media screen and (min-width: 1025px)and (hover: hover)and (pointer: fine) {
  .p-footerPagetop:hover {
  opacity: .5
  }
}

@media screen and (min-width: 1400px) {
  :root {
  --space: 60px
  }
  .u-hide[data-hide*=min-lg] {
  display: none !important
  }
  .c-box__text {
  line-height: var(--lineHeight-pc)
  }
  .c-box__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-box__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-card__title {
  line-height: 1.5
  }
  .c-card__title::before {
  margin-top: -0.25em
  }
  .c-card__title::after {
  margin-bottom: -0.25em
  }
  .c-card__text {
  line-height: var(--lineHeight-pc)
  }
  .c-card__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-card__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-faq__answer {
  line-height: var(--lineHeight-pc)
  }
  .c-faq__answer::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-faq__answer::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-grid[data-grid*=lg-left] {
  justify-content: flex-start
  }
  .c-grid[data-grid*=lg-center] {
  justify-content: center
  }
  .c-grid[data-grid*=lg-right] {
  justify-content: flex-end
  }
  .c-grid[data-grid*=lg-space-between] {
  justify-content: space-between
  }
  .c-grid[data-grid*=lg-top] {
  align-items: flex-start
  }
  .c-grid[data-grid*=lg-middle] {
  align-items: center
  }
  .c-grid[data-grid*=lg-bottom] {
  align-items: flex-end
  }
  .c-grid[data-grid*=lg-row-reverse] {
  flex-direction: row-reverse
  }
  .c-grid[data-grid*=lg-column-reverse] {
  flex-direction: column-reverse
  }
  .c-grid[data-gap*=lg-5] {
  margin: -5px 0 0 -5px
  }
  .c-grid[data-gap*=lg-5]>.c-grid__item {
  border-width: 5px 0 0 5px
  }
  .c-grid[data-gap*=lg-10] {
  margin: -10px 0 0 -10px
  }
  .c-grid[data-gap*=lg-10]>.c-grid__item {
  border-width: 10px 0 0 10px
  }
  .c-grid[data-gap*=lg-15] {
  margin: -15px 0 0 -15px
  }
  .c-grid[data-gap*=lg-15]>.c-grid__item {
  border-width: 15px 0 0 15px
  }
  .c-grid[data-gap*=lg-20] {
  margin: -20px 0 0 -20px
  }
  .c-grid[data-gap*=lg-20]>.c-grid__item {
  border-width: 20px 0 0 20px
  }
  .c-grid[data-gap*=lg-25] {
  margin: -25px 0 0 -25px
  }
  .c-grid[data-gap*=lg-25]>.c-grid__item {
  border-width: 25px 0 0 25px
  }
  .c-grid[data-gap*=lg-30] {
  margin: -30px 0 0 -30px
  }
  .c-grid[data-gap*=lg-30]>.c-grid__item {
  border-width: 30px 0 0 30px
  }
  .c-grid[data-gap*=lg-35] {
  margin: -35px 0 0 -35px
  }
  .c-grid[data-gap*=lg-35]>.c-grid__item {
  border-width: 35px 0 0 35px
  }
  .c-grid[data-gap*=lg-40] {
  margin: -40px 0 0 -40px
  }
  .c-grid[data-gap*=lg-40]>.c-grid__item {
  border-width: 40px 0 0 40px
  }
  .c-grid[data-gap*=lg-45] {
  margin: -45px 0 0 -45px
  }
  .c-grid[data-gap*=lg-45]>.c-grid__item {
  border-width: 45px 0 0 45px
  }
  .c-grid[data-gap*=lg-50] {
  margin: -50px 0 0 -50px
  }
  .c-grid[data-gap*=lg-50]>.c-grid__item {
  border-width: 50px 0 0 50px
  }
  .c-grid[data-gap*=lg-55] {
  margin: -55px 0 0 -55px
  }
  .c-grid[data-gap*=lg-55]>.c-grid__item {
  border-width: 55px 0 0 55px
  }
  .c-grid[data-gap*=lg-60] {
  margin: -60px 0 0 -60px
  }
  .c-grid[data-gap*=lg-60]>.c-grid__item {
  border-width: 60px 0 0 60px
  }
  .c-grid[data-gap*=lg-65] {
  margin: -65px 0 0 -65px
  }
  .c-grid[data-gap*=lg-65]>.c-grid__item {
  border-width: 65px 0 0 65px
  }
  .c-grid[data-gap*=lg-70] {
  margin: -70px 0 0 -70px
  }
  .c-grid[data-gap*=lg-70]>.c-grid__item {
  border-width: 70px 0 0 70px
  }
  .c-grid[data-gap*=lg-75] {
  margin: -75px 0 0 -75px
  }
  .c-grid[data-gap*=lg-75]>.c-grid__item {
  border-width: 75px 0 0 75px
  }
  .c-grid[data-gap*=lg-80] {
  margin: -80px 0 0 -80px
  }
  .c-grid[data-gap*=lg-80]>.c-grid__item {
  border-width: 80px 0 0 80px
  }
  .c-grid[data-gap*=lg-85] {
  margin: -85px 0 0 -85px
  }
  .c-grid[data-gap*=lg-85]>.c-grid__item {
  border-width: 85px 0 0 85px
  }
  .c-grid[data-gap*=lg-90] {
  margin: -90px 0 0 -90px
  }
  .c-grid[data-gap*=lg-90]>.c-grid__item {
  border-width: 90px 0 0 90px
  }
  .c-grid[data-gap*=lg-95] {
  margin: -95px 0 0 -95px
  }
  .c-grid[data-gap*=lg-95]>.c-grid__item {
  border-width: 95px 0 0 95px
  }
  .c-grid[data-gap*=lg-100] {
  margin: -100px 0 0 -100px
  }
  .c-grid[data-gap*=lg-100]>.c-grid__item {
  border-width: 100px 0 0 100px
  }
  .c-grid[data-gap*=lg-105] {
  margin: -105px 0 0 -105px
  }
  .c-grid[data-gap*=lg-105]>.c-grid__item {
  border-width: 105px 0 0 105px
  }
  .c-grid[data-gap*=lg-110] {
  margin: -110px 0 0 -110px
  }
  .c-grid[data-gap*=lg-110]>.c-grid__item {
  border-width: 110px 0 0 110px
  }
  .c-grid[data-gap*=lg-115] {
  margin: -115px 0 0 -115px
  }
  .c-grid[data-gap*=lg-115]>.c-grid__item {
  border-width: 115px 0 0 115px
  }
  .c-grid[data-gap*=lg-120] {
  margin: -120px 0 0 -120px
  }
  .c-grid[data-gap*=lg-120]>.c-grid__item {
  border-width: 120px 0 0 120px
  }
  .c-grid[data-gap*=lg-0] {
  margin: 0
  }
  .c-grid[data-gap*=lg-0]>.c-grid__item {
  border-width: 0
  }
  .c-grid__item[data-column*=lg-1] {
  width: 8.3333333333%
  }
  .c-grid__item[data-column*=lg-2] {
  width: 16.6666666667%
  }
  .c-grid__item[data-column*=lg-3] {
  width: 25%
  }
  .c-grid__item[data-column*=lg-4] {
  width: 33.3333333333%
  }
  .c-grid__item[data-column*=lg-5] {
  width: 41.6666666667%
  }
  .c-grid__item[data-column*=lg-6] {
  width: 50%
  }
  .c-grid__item[data-column*=lg-7] {
  width: 58.3333333333%
  }
  .c-grid__item[data-column*=lg-8] {
  width: 66.6666666667%
  }
  .c-grid__item[data-column*=lg-9] {
  width: 75%
  }
  .c-grid__item[data-column*=lg-10] {
  width: 83.3333333333%
  }
  .c-grid__item[data-column*=lg-11] {
  width: 91.6666666667%
  }
  .c-grid__item[data-column*=lg-12] {
  width: 100%
  }
  .c-grid__item[data-column*=lg-five] {
  width: 20%
  }
  .c-grid__item[data-column*=lg-auto] {
  width: auto
  }
  .c-orderedList {
  line-height: var(--lineHeight-pc)
  }
  .c-orderedList::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-orderedList::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-unorderedList {
  line-height: var(--lineHeight-pc)
  }
  .c-unorderedList::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-unorderedList::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-media__caption {
  line-height: var(--lineHeight-pc)
  }
  .c-media__caption::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-media__caption::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-text {
  line-height: var(--lineHeight-pc)
  }
  .c-text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .c-title {
  line-height: 1.3
  }
  .c-title::before {
  margin-top: -.15em
  }
  .c-title::after {
  margin-bottom: -.15em
  }
  .c-quaternaryTitle {
  line-height: 1.5
  }
  .c-quaternaryTitle::before {
  margin-top: -0.25em
  }
  .c-quaternaryTitle::after {
  margin-bottom: -0.25em
  }
  .p-footer__info {
  padding-top: 40px
  }
  .p-footerCopyright {
  line-height: var(--lineHeight-pc)
  }
  .p-footerCopyright::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-footerCopyright::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-footerNav:first-child, .acms-admin-module-edit+.p-footerNav {
  height: 250px
  }
  .p-footerNav__item {
  padding-left: 60px
  }
  .p-header__inner {
  padding: 20px var(--space) 0
  }
  *:not(.acms-admin-module-edit)+.p-headerDrawer__navList:not(:first-child) .p-headerDrawer__navItem {
  width: 25%
  }
  .p-headerDrawer__navLink {
  font-size: 17px
  }
  .p-headerSearch__input {
  width: 250px
  }
  .p-headerTel {
  padding-left: 40px
  }
  .p-headerTel__button {
  font-size: 38px
  }
  .p-headerTel__buttonIcon {
  font-size: 38px
  }
  .p-headerTel__note {
  font-size: 13px
  }
  .p-hero__catchText[data-type=title] {
  font-size: 60px
  }
  .p-hero__catchText[data-type=text] {
  font-size: 24px
  }
  .p-postCard__title {
  line-height: 1.5
  }
  .p-postCard__title::before {
  margin-top: -0.25em
  }
  .p-postCard__title::after {
  margin-bottom: -0.25em
  }
  .p-postCard__text {
  line-height: var(--lineHeight-pc)
  }
  .p-postCard__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postCard__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postList__title {
  line-height: 1.5
  }
  .p-postList__title::before {
  margin-top: -0.25em
  }
  .p-postList__title::after {
  margin-bottom: -0.25em
  }
  .p-postList__text {
  line-height: var(--lineHeight-pc)
  }
  .p-postList__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postList__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postSeminar__title {
  line-height: 1.5
  }
  .p-postSeminar__title::before {
  margin-top: -0.25em
  }
  .p-postSeminar__title::after {
  margin-bottom: -0.25em
  }
  .p-postSeminar__text {
  line-height: var(--lineHeight-pc)
  }
  .p-postSeminar__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postSeminar__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postSlider__title {
  line-height: 1.5
  }
  .p-postSlider__title::before {
  margin-top: -0.25em
  }
  .p-postSlider__title::after {
  margin-bottom: -0.25em
  }
  .p-postSlider__text {
  line-height: var(--lineHeight-pc)
  }
  .p-postSlider__text::before {
  margin-top: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postSlider__text::after {
  margin-bottom: calc((1 - var(--lineHeight-pc))*.5em)
  }
  .p-postTitle {
  line-height: 1.3
  }
  .p-postTitle::before {
  margin-top: -.15em
  }
  .p-postTitle::after {
  margin-bottom: -.15em
  }
  .u-textAlign[data-textAlign*=lg-left] {
  text-align: left
  }
  .u-textAlign[data-textAlign*=lg-right] {
  text-align: right
  }
  .u-textAlign[data-textAlign*=lg-center] {
  text-align: center
  }
}

@media screen and (max-width: 1399px) {
  .u-hide[data-hide*=max-lg] {
  display: none !important
  }
}

@media screen and (max-width: 1024px) {
  .u-hide[data-hide*=max-md] {
  display: none !important
  }
}

@media screen and (max-width: 688px) {
  #cm, #cm.cloud, #cm.left, #cm.right {
  bottom: 1em;
  display: block;
  left: 1em;
  margin: 0;
  max-width: 100%;
  padding: 1.4em !important;
  right: 1em;
  width: auto
  }
  .force--consent #cm, .force--consent #cm.cloud {
  max-width: 100vw;
  width: auto
  }
  #cm.top {
  bottom: auto;
  top: 1em
  }
  #cm.bottom {
  bottom: 1em;
  top: auto
  }
  #cm.bar.bottom {
  bottom: 0
  }
  .cc_div .cloud #c-txt {
  font-size: .9em
  }
  #cm.cloud .c-bn {
  font-size: .85em
  }
  #s-bns, .cc_div .bar #s-bns {
  padding: 1em 1.3em
  }
  .cc_div .bar #s-inr {
  max-width: 100%;
  width: 100%
  }
  .cc_div .cloud #c-inr-i {
  padding-right: 0
  }
  #cs {
  border-radius: 0;
  padding: 0
  }
  #c-s-in {
  -webkit-transform: none;
  height: 100%;
  max-height: 100%;
  top: 0;
  transform: none
  }
  .cc_div .b-tg {
  -webkit-transform: scale(1.1);
  right: 1.1em;
  transform: scale(1.1)
  }
  #s-inr {
  border-radius: 0;
  margin: 0;
  padding-bottom: 7.9em
  }
  #s-bns {
  height: 7.9em
  }
  #s-bl, .cc_div .bar #s-bl {
  padding: 1.3em
  }
  #s-hdr, .cc_div .bar #s-hdr {
  padding: 0 1.3em
  }
  #s-bl table {
  width: 100%
  }
  #s-inr.bns-t {
  padding-bottom: 10.5em
  }
  .bns-t #s-bns {
  height: 10.5em
  }
  .cc_div .bns-t .c-bn {
  font-size: .83em;
  padding: .9em 1.6em
  }
  #s-cnt .b-bn .b-tl {
  padding-bottom: 1.2em;
  padding-top: 1.2em
  }
  #s-bl table, #s-bl thead, #s-bl tbody, #s-bl th, #s-bl td, #s-bl tr, #s-cnt {
  display: block
  }
  #s-bl thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px
  }
  #s-bl tr {
  border-color: var(--cc-cookie-table-border);
  border-top: 1px solid #e3e7ed
  }
  #s-bl td {
  border: none;
  padding-left: 35%;
  position: relative
  }
  #s-bl td:before {
  color: #000;
  color: var(--cc-text);
  content: attr(data-column);
  left: 1em;
  overflow: hidden;
  padding-right: .625em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap
  }
  #cm .c-bn, .cc_div .c-bn {
  margin-right: 0;
  width: 100%
  }
  #s-cnt #s-rall-bn {
  margin-left: 0
  }
  #c-bns button+button, #s-cnt button+button {
  float: unset;
  margin-top: .625em
  }
  #cm.cloud, #cm.box {
  left: 1em;
  right: 1em;
  width: auto
  }
  #cm.cloud.right, #cm.cloud.left {
  margin: 0
  }
  .cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i {
  display: block;
  min-width: unset;
  width: auto
  }
  .cc_div .cloud #c-txt {
  margin-bottom: 1.625em
  }
}

@media screen and (max-width: 599px) {
  .u-hide[data-hide*=max-sm] {
  display: none !important
  }
}

@media (hover: hover)and (pointer: fine) {
  .c-button:hover[data-style="01"] {
  background: #fff;
  color: var(--color-hover)
  }
  .c-button:hover[data-style="02"] {
  background: #fff;
  color: var(--color-main)
  }
  .c-button:hover[data-style="03"] {
  background: var(--color-main);
  color: #fff
  }
  .c-card[href]:hover .c-card__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
  }
  .c-card[href]:hover[data-style="01"] .c-card__title {
  color: var(--color-hover)
  }
  .c-card[href]:hover[data-style="01"] .c-card__text {
  color: var(--color-hover)
  }
  .c-card[href]:hover[data-style="01"] .c-card__moreInner {
  background: var(--color-hover)
  }
  .c-card[href]:hover[data-style="02"] {
  border-color: var(--color-main)
  }
  [data-color=reverse] .c-card[href]:hover[data-style="02"] {
  background: #fff;
  border-color: #fff
  }
  [data-color=reverse] .c-card[href]:hover[data-style="02"] .c-card__title {
  color: var(--color-main)
  }
  [data-color=reverse] .c-card[href]:hover[data-style="02"] .c-card__text {
  color: var(--color-main)
  }
  [data-color=reverse] .c-card[href]:hover[data-style="02"] .c-card__moreInner {
  background: var(--color-main);
  color: #fff
  }
  .c-link:hover {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0);
  text-decoration-color: rgba(0, 0, 0, 0)
  }
  .c-media__link:hover {
  opacity: .5
  }
  .c-table__button:hover {
  opacity: .5
  }
  .p-breadcrumb__item:not(:last-child) .p-breadcrumb__link:hover {
  color: var(--color-hover)
  }
  [data-color=reverse] .p-breadcrumb__item:not(:last-child) .p-breadcrumb__link:hover {
  opacity: .5
  }
  .p-footerLogo__link:hover {
  opacity: .5
  }
  .p-headerContact:hover {
  opacity: .5
  }
  .p-headerLogo__link:hover {
  opacity: .5
  }
  .p-postCard__link:hover .p-postCard__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
  }
  .p-postCard__link:hover .p-postCard__distance {
  color: var(--color-hover)
  }
  .p-postCard__link:hover .p-postCard__date {
  color: var(--color-hover)
  }
  .p-postCard__link:hover .p-postCard__category {
  background: var(--color-hover)
  }
  .p-postCard__link:hover .p-postCard__title {
  color: var(--color-hover)
  }
  .p-postCard__link:hover .p-postCard__text {
  color: var(--color-hover)
  }
  .p-postCategory:hover {
  background: var(--color-main);
  border-color: rgba(0, 0, 0, 0);
  color: #fff
  }
  .p-postHead__snsLink:hover {
  opacity: .5
  }
  .p-postList__link:hover::after {
  background-position: left center !important
  }
  .p-postList__link:hover .p-postList__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
  }
  .p-postPager a:not(:first-child):not(:last-child):hover {
  background: var(--color-main);
  color: #fff
  }
  .p-postSeminar__link:hover .p-postSeminar__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
  }
  .p-postSeminar__link:hover .p-postSeminar__distance {
  color: var(--color-hover)
  }
  .p-postSeminar__link:hover .p-postSeminar__date {
  color: var(--color-hover)
  }
  .p-postSeminar__link:hover .p-postSeminar__category {
  background: var(--color-hover)
  }
  .p-postSeminar__link:hover .p-postSeminar__title {
  color: var(--color-hover)
  }
  .p-postSeminar__link:hover .p-postSeminar__text {
  color: var(--color-hover)
  }
  .p-postSide__listLink:hover {
  color: var(--color-hover)
  }
  .p-postSide__listLink:hover .p-postSide__listArrow, .p-postSide__listLink:hover .p-postSide__listCalendar {
  color: var(--color-hover)
  }
  .p-postSlider__arrow:hover {
  background: var(--color-hover)
  }
  .p-postSlider__link:hover .p-postSlider__thumbnailImage {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
  }
  .p-postSlider__link:hover .p-postSlider__distance {
  color: var(--color-hover)
  }
  .p-postSlider__link:hover .p-postSlider__date {
  color: var(--color-hover)
  }
  .p-postSlider__link:hover .p-postSlider__category {
  background: var(--color-hover)
  }
  .p-postSlider__link:hover .p-postSlider__title {
  color: var(--color-hover)
  }
  .p-postSlider__link:hover .p-postSlider__text {
  color: var(--color-hover)
  }
  .p-responseDeviceContact:hover {
  opacity: .5
  }
  .crmWebToEntityForm:not(:root).crmWebToEntityForm:not(:root) [type=submit]:hover {
  background: rgba(0, 0, 0, 0) !important;
  color: var(--color-accent) !important
  }
  .zf-templateWrapper .zf-submitColor:hover {
  background: rgba(0, 0, 0, 0);
  color: var(--color-accent)
  }
}

.flex_box{
  display: flex;
  flex-direction: column;
  border: solid 2px #f1f5f9;
  padding: 20px;
}

.flex_img_item{
  width: 70%;
  margin: 0 auto;
  padding-bottom: 10px;
}

.top_flex{
  display: flex; 
  flex-direction: column;
}

.Features_flex_box{
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.Features_flex_img_item{
  margin: 0 auto;
  padding-bottom: 10px;
}
.Features_flex_img_item img{
  max-width: 100%;
}
.Features_top_flex{
  display: flex; 
  flex-direction: column;
}
.c-tertiaryTitle._Type3.ttl_01::before{
  content: "01";
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 0;
}
.c-tertiaryTitle._Type3.ttl_02::before{
  content: "02";
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 0;
}
.c-tertiaryTitle._Type3.ttl_03::before{
  content: "03";
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 0;
}

.Features_top_flex .c-text{
  font-size: 15px;
  line-height: 1.6;
}
.pc__none{
  display: block;
}
.sp__none{
  display: none;
}
@media screen and (min-width: 1025px){
.pc__none{
  display: none;
}
.sp__none{
  display: block;
}
.flex_box{
  display: flex;
  border: solid 2px #f1f5f9;
  padding: 40px;
  flex-direction: row;
  align-items: center;
}
.flex_img_item{
  width: 50%;
  margin-right: 30px;
  padding-bottom: 0px;
}

.Features_main_box{
  display: flex;
}

.Features_flex_box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
.Features_flex_img_item{
  margin-right: 30px;
  padding-bottom: 0px;
}
.Features_flex_img_item img{
  max-width: none;
}
.Features_top_flex .c-text{
  font-size: 15px;
  line-height: 1.6;
}
.c-tertiaryTitle._Type3.ttl_01::before{
  content: "01";
  font-size: 50px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 13px;
}
.c-tertiaryTitle._Type3.ttl_02::before{
  content: "02";
  font-size: 50px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 13px;
}
.c-tertiaryTitle._Type3.ttl_03::before{
  content: "03";
  font-size: 50px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #32b7fc;
  padding-right: 13px;
}
}

.mt__s{
  margin-top: 10px;
}

.color__white{
  color: #fff;
}
.color__yellow{
  color: #fff200;
}

.fixed__banner {
position: fixed;
width: 343px;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 98;
pointer-events: none;
opacity: 0;
-webkit-transition: 0.4s, bottom 0.4s, left 0.4s;
-o-transition: opacity 0.4s, bottom 0.4s, left 0.4s;
transition: opacity 0.4s, bottom 0.4s, left 0.4s;
}
.fixed__banner__inner {
position: relative;
z-index: 1;
}
.fixed__banner__inner .banner {
margin-bottom: 0;
}
.fixed__banner__inner .banner .banner_item {
max-width: 100%;
}
.fixed__banner__inner .banner--it_hojo{
display: none;
}
.on .fixed__banner {
opacity: 1;
pointer-events: all;
}
.fixed__banner__inner .banner.banner--hide {
display: none;
}
.hamburger__on .fixed__banner {
left: calc(50% - 275px);
}
.modal__cancel{
width: 32px;
height: 32px;
background-color: #000000;
position: absolute;
top: -10px;
right: -10px;
  border: none;
}
.modal__cancel::before,
.modal__cancel::after{
content: "";
display: inline-block;
width: 14px;
height: 1px;
background-color: #fff;
position: absolute;
}
.modal__cancel::before{
top: 15px;
left: 9px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal__cancel::after{
top: 15px;
left: 9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.banner_item:hover {
  opacity: 0.7;
}
@media screen and (max-width: 374px) {
.fixed__banner {
  width: calc(100% - 40px);
}
}
@media screen and (min-width: 768px) {
.fixed__banner {
  width: auto;
  height: auto;
  left: auto;
  transform: none;
  right: 25px;
  bottom: 30px;
}
.fixed__banner__inner {
  display: block;
  padding: 0;
}
.fixed__banner__inner .banner {
  width: auto;
}
.fixed__banner__inner .banner--it_hojo{
  display: block;
}
.fixed__banner__inner .modal__cancel{
  display: block;
}
}
@media screen and (min-width: 992px) {
.fixed__banner__inner .modal__cancel{
  width: 24px;
  height: 24px;
  top: -10px;
      border: none;
}
.fixed__banner__inner .modal__cancel::before,
.fixed__banner__inner .modal__cancel::after{
      width: 15px;
      height: 2px;
      top: 11px;
      left: 5px;
}
.fixed__banner__inner .banner--subsidy .modal__cancel{
  top: -15px;
}
}

#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; /* 初期状態では非表示 */
  width: 50px;
  height: 50px;
  background-color: var(--color-main);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
  padding: 0;
}

#back-to-top:hover {
  background-color: var(--color-hover);
}

#back-to-top svg {
  width: 1.25em;
}


@media screen and (min-width: 768px) {
  #back-to-top {
    bottom: 140px;
  }
}

.js-outline-yield {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
  padding: 2rem;
  margin: auto auto 2.5rem auto;
  max-width: 80%;
  position: relative;
}

@media screen and (max-width: 425px) {
  .js-outline-yield {
    padding: 1rem;
    max-width: 100%;
  }
}

.js-outline-yield::before {
  content: '目次';
  font-weight: bold;
  color: var(--color-main);
}

.js-outline-yield ol > li {
  list-style: decimal;
  margin-left: 1rem;
}

.js-outline-yield > ol > li {
  font-weight: bold;
}

.js-outline-yield > ol > li > ol {
  font-weight: normal;
}

.related-article{
  margin-top: 48px;
}
.related-article__head{
  border-bottom: 2px solid var(--color-main);
  color: var(--color-main);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.related-article__flex{
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 3.5%;
}
.related-article__item{
  width: 31%;
  background: #f1f5f9;
}
.related-article__item:hover .related-article__title{
  color: var(--color-hover);
}
.related-article__item:hover .related-article__thumb img{
  transform: scale(1.1);
}
.related-article__thumb{
  width: 100%;
  aspect-ratio: 290 / 163;
  overflow: hidden;
}
.related-article__thumb img{
  transition: transform .3s;
}
.related-article__about{
  padding: 16px;
}
.related-article__title{
  color: var(--color-main);
  font-size: 14px;
  line-height: 1.5;
  transition: color .3s;
}
@media screen and (max-width: 767px){
  .related-article__flex{
    gap: 12px 4%;
  }
  .related-article__item{
    width: 48%;
    max-width: 270px;
  }
  .related-article__about{
    padding: 10px;
  }
}

.popup__bg{
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  background: #0000004d;
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 1s, visibility 1s;
  visibility: hidden;
  z-index: 10;
}
.popup__bg.show{
  opacity: 1;
  visibility: visible;
}
.popup__banner{
  width: 85%;
  max-width: 560px;
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 6 / 5;
  box-shadow: 4px 4px 20px #00000066;
  transform: translate(-50%,-50%);
}
.popup__close{
  width: 56px;
  position: absolute;
  right: 0;
  bottom: 100%;
  aspect-ratio: 1 / 1;
  background: #ffffffcc;
  border-radius: 50%;
  box-shadow: 4px 4px 20px #00000066;
  cursor: pointer;
  transform: translateY(-20px);
}
.popup__close:hover{
  opacity: .7;
}
.popup__close::before,.popup__close::after{
  width: 32px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--color-main);
  border-radius: 20px;
  content: "";
}
.popup__close::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.popup__close::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (max-width: 1366px){
  .popup__banner{
    max-width: 450px;
  }
  .popup__close{
    width: 48px;
  }
  .popup__close::before,.popup__close::after{
    width: 24px;
    height: 3px;
  }
}

.fixed-bnr{
  position: fixed;
  padding: 8px 0;
  display: none;
  transition: opacity .3s, visibility .3s;
  z-index: 11;
}
.fixed-bnr.hidden{
  opacity: 0;
  visibility: hidden;
}
.fixed-bnr a{
  width: 95%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px){
  .fixed-bnr{
    width: 100%;
    bottom: 0;
    left: 50%;
    background-color: #00000033;
    display: block;
    transform: translateX(-50%);
  }
}

.blog-entry{
  padding-top: 32px;
}
.blog-entry .c-article__column{
  padding-top: 20px;
}
.blog-entry .c-article__twoSide{
  padding-top: 20px;
}

.blog-author{
  margin: 48px 0;
  padding: 40px 24px 24px;
  position: relative;
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}
.blog-author__badge{
  width: max-content;
  padding: 8px 16px;
  position: absolute;
  top: -3px;
  left: -3px;
  background: var(--color-main);
  color: #FFF;
  font-size: 14px;
  line-height: 1;
}
.blog-author__box{
  position: relative;
  column-gap: 2.5%;
}
.blog-author__img{
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
  background: #F1F5F9;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
}
.blog-author__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.blog-author__content{
  width: calc(97.5% - 150px);
  margin-left: auto;
}
.blog-author__position{
  font-size: 14px;
  line-height: 1.5;
}
.blog-author__name{
  margin-top: 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
}
.blog-author__text{
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.3;
}
.blog-author__sns{
  margin-top: 10px;
  column-gap: 16px;
  align-items: center;
  display: flex;
}
.blog-author__sns li a{
  height: 24px;
  display: block;
  transition: opacity .2s;
}
.blog-author__sns li a:hover{
  opacity: .5;
}
.blog-author__sns li a img{
  height: 100%;
}

@media screen and (max-width:480px){
  .blog-author{
    padding: 48px 16px 24px;
  }
  .blog-author__content{
    width: 100%;
  }
  .blog-author__img{
    width: 100px;
  }
  .blog-author__meta{
    width: calc(97.5% - 100px);
    min-height: 100px;
    margin-left: auto;
  }
  .blog-author__position{
    font-size: 12px;
  }
  .blog-author__name{
    font-size: 18px;
  }
  .blog-author__text{
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #000;
  }
  .blog-author__sns{
    margin-top: 16px;
    justify-content: center;
  }
}

.p-postHead__update{
  align-items: center;
  color: var(--color-hover);
  column-gap: 6px;
  display: flex;
  line-height: 1;
}
.p-postHead__update svg{
  width: 15px;
  aspect-ratio: 1/1;
  fill: var(--color-hover);
}

.award__box{
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.result__box{
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 40px 5%;
}
.result__box .c-media{
width: 30%;
}

@media screen and (max-width: 1024px){
  .award__box{
  row-gap: 30px;
  }
  .result__box{
  margin-top: 30px;
  gap: 30px 5%;
  }
}
@media screen and (max-width: 480px){
  .result__box{
  flex-direction: column;
  }
  .result__box .c-media{
  width: 100%;
  }
}

.fixed-link{
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #0008;
  z-index: 11;
}
.fixed-link__wrap{
  width: 97.5%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 0;
}
.fixed-link__flex{
  align-items: center;
  column-gap: 24px;
  display: flex;
  justify-content: center;
}
.fixed-link__award{
  max-width: 240px;
}
.fixed-link__award img{
  width: 100%;
  vertical-align: bottom;
}
.fixed-link__text{
  color: #FFF;
  line-height: 1.5;
  font-size: 20px;
}
.fixed-link__text.sp{
  display: none;
}
.fixed-link__text span{
  background: linear-gradient(to bottom, transparent 75%, #D39714 75%);
}
.fixed-link__btn{
  align-items: center;
  column-gap: 16px;
  display: flex;
}
.fixed-link__link{
  width: 180px;
  padding: 8px 16px 8px 0;
  position: relative;
  border-radius: 50px;
  color: #FFF;
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  transition: background .4s, color .4s;
}
.fixed-link__link span{
  width: 20px;
  position: absolute;
  top: 50%;
  right: 12px;
  aspect-ratio: 1/1;
  background: #FFF;
  border-radius: 50%;
  translate: 0 -50%;
  transition: background .4s;
}
.fixed-link__link span::before{
  position: absolute;
  top: 50%;
  left: 55%;
  border-style:solid;
  border-width: 4px 0 4px 6px;
  content: "";
  transform: translate(-50%, -50%);
  transition: border .3s;
  transition-delay: .1s;
}
.fixed-link__link.red{
  background: #C9191D;
}
.fixed-link__link.red span::before{
  border-color: transparent transparent transparent #C9191D;
}
.fixed-link__link.red:hover{
  color: #C9191D;
  background: #FFF;
}
.fixed-link__link.red:hover span{
  background: #C9191D;
}
.fixed-link__link.red:hover span::before{
  border-color: transparent transparent transparent #FFF;
}
.fixed-link__link.yellow{
  background: #FF9900;
}
.fixed-link__link.yellow span::before{
  border-color: transparent transparent transparent #FF9900;
}
.fixed-link__link.yellow:hover{
  color: #FF9900;
  background: #FFF;
}
.fixed-link__link.yellow:hover span{
  background: #FF9900;
}
.fixed-link__link.yellow:hover span::before{
  border-color: transparent transparent transparent #FFF;
}
.fixed-link__close{
  width: 32px;
  position: absolute;
  bottom: 100%;
  right: 0;
  aspect-ratio: 1/1;
  background: #0008;
  cursor: pointer;
}
.fixed-link__close::before,.fixed-link__close::after{
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #FFF;
  content: "";
  translate: -50% -50%;
}
.fixed-link__close::before{
  rotate: 45deg;
}
.fixed-link__close::after{
  rotate: -45deg;
}

@media screen and (max-width: 1024px){
  .fixed-link__award{
    display: none;
  }
  .fixed-link__text{
    font-size: 18px;
  }
}

@media screen and (max-width: 600px){
  .fixed-link__wrap{
    padding: 12px 0;
  }
  .fixed-link__flex{
    column-gap: 0;
    justify-content: space-between;
  }
  .fixed-link__text{
    font-size: 2.8205128205128207vw;
    font-weight: 500;
    line-height: 1.7;
  }
  .fixed-link__text.pc{
    display: none;
  }
  .fixed-link__text.sp{
    display: block;
  }
  .fixed-link__btn{
    column-gap: 1.0256410256410255vw;
  }
  .fixed-link__link{
    width: 26.923076923076923vw;
    padding: 2.051282051282051vw 2.564102564102564vw 2.051282051282051vw 0;
    font-size: 2.564102564102564vw;
  }
  .fixed-link__link span{
    width: 3.076923076923077vw;
    right: 1.5384615384615385vw;
  }
  .fixed-link__link span::before{
    border-width: 0.7692307692307693vw 0 0.7692307692307693vw 1.0256410256410255vw;
  }
  .fixed-link__close{
    width: 24px;
  }
  .fixed-link__close::before,.fixed-link__close::after{
    width: 12px;
    height: 2px;
  }
}

.mokuji-top{
  margin-top: 32px;
}

.blog-cta{
  max-width: 760px;
  margin: 0 auto;
  position: relative;
}
.blog-cta img{
  width: 100%;
  pointer-events: none;
}
.blog-cta__link{
  width: 240px;
  position: absolute;
  bottom: 24px;
  right: 14px;
  padding: 10px 0 4px;
  background: #FF9900;
  border: 2px solid #FF9900;
  border-radius: 100px;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  transition: background .4s, color .4s;
}
.blog-cta__fukidashi{
  padding: 0 8px;
  position: absolute;
  left: 50%;
  top: -12px;
  background: #FFF;
  border: 2px solid #FF9900;
  border-radius: 4px;
  color: #C9191D;
  font-size: 10px;
  translate: -50% 0;
  white-space: nowrap;
}
.blog-cta__fukidashi::before{
  position: absolute;
  top: 100%;
  left: 50%;
  border-color: #FFF transparent transparent transparent;
  border-style:solid;
  border-width: 6px 0 6px 6px;
  content: "";
  translate: -50% -2px;
}
.blog-cta__arrow{
  width: 20px;
  position: absolute;
  top: 50%;
  right: 6px;
  aspect-ratio: 1/1;
  background: #FFF;
  border-radius: 50%;
  translate: 0 -50%;
  transition: background .4s;
}
.blog-cta__arrow::before{
  position: absolute;
  top: 50%;
  left: 55%;
  border-color: transparent transparent transparent #FF9900;
  border-style:solid;
  border-width: 4px 0 4px 6px;
  content: "";
  transform: translate(-50%, -50%);
  transition: border-color .4s;
}
.blog-cta__link:hover{
  background: #FFF;
  color: #FF9900;
}
.blog-cta__link:hover .blog-cta__arrow{
  background: #FF9900;
}
.blog-cta__link:hover .blog-cta__arrow::before{
  border-color: transparent transparent transparent #FFF;
}
@media screen and (max-width: 600px){
  .blog-cta__link{
    width: 280px;
    left: 50%;
    bottom: 17%;
    translate: -50% 0;
  }
}

.p-postSide__taglist{
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
}
.p-postSide__taglist a{
  padding: 2px 8px;
  display: block;
  border: 2px solid #006FB9;
  font-size: 14px;
  transition: background .3s, color .3s;
}
.p-postSide__taglist a:hover{
  background: #006FB9;
  color: #FFF;
}

.c-article__taglist{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.c-article__taglist a{
  padding: 4px 12px;
  background: #F1F5F9;
  border-radius: 40px;
  border: 1px solid #d3d6da;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.3;
  transition: opacity .3s;
}
.c-article__taglist a:hover{
  opacity: .7;
}

@media (min-width:1025px) and (max-width:1280px){
  .p-headerContact{
    width: 180px;
    height: 46px;
    font-size: 14px;
  }
  .p-headerLogo__link{
    max-width: 180px;
  }
  .p-headerTel__button{
    font-size: 28px;
  }
  .p-headerTel__note{
    font-size: 10px;
  }
  .p-headerCertification img{
    height: 35px;
  }
  .p-header__drawer{
    padding-top: 10px;
  }
  .p-headerDrawer__navLink{
    padding: 16px 6px;
    font-size: 13px;
  }
}

.tel-link{
  pointer-events: none;
}
@media (max-width: 767px){
  .tel-link{
    pointer-events: all;
    text-decoration: underline;
  }
  .tel-link:active{
    opacity: .7;
  }
}

.p-sitemapList li{
  position: relative;
}
.p-sitemapList > li{
  padding-left: 16px;
}
.p-sitemapList > li::before{
  width: 6px;
  position: absolute;
  top: 14px;
  left: 0;
  aspect-ratio: 1/1;
  background: var(--color-main);
  border-radius: 50%;
  content: "";
}
.p-sitemapList li a:hover{
  opacity: .7;
}
.p-sitemapList > li > ul{
  margin-bottom: 8px;
}
.p-sitemapList > li > ul > li{
  padding-left: 16px;
}
.p-sitemapList > li > ul > li::before{
  width: 10px;
  height: 2px;
  position: absolute;
  top: 17px;
  left: 0;
  background: var(--color-main);
  content: "";
}
.p-sitemapList > li > ul > li > a{
  font-size: 16px;
}
@media (max-width: 1025px){
  .p-sitemapList > li{
    padding-left: 12px;
  }
  .p-sitemapList > li::before{
    width: 4px;
    top: 13px;
  }
  .p-sitemapList > li > ul > li{
    padding-left: 12px;
  }
  .p-sitemapList > li > ul > li::before{
    width: 6px;
    top: 15px;
  }
  .p-sitemapList > li > ul > li > a{
    font-size: 14px;
  }
}