@charset "UTF-8";
/*site extension*/
:root {
  --footer-bg-color: var(--cl-black);
  --cl-background: #fff;
  --cl-pageink: var(--cl-black);
  --cl-pageink-link: #000;
  --cl-pageink-hover: #4a4a4a;
  --cl-pageink-active: #747474;
  --cl-apply: #00c9ff;
  --cl-main: #C6DD2D;
  --cl-black: #212121;
  --cl-black-light: #323232;
  --cl-white: #fff;
  --cl-grey: #CED0D5;
  --cl-page-ink: var(--cl-black);
  /* base color */
  --cl-3D-build: #ECECEC;
  --cl-3D-build-1: #E0E0E0;
  --cl-3D-build-2: #D9D9D9;
  --cl-3D-white: #F9FAFA;
  --cl-3D-white-1: #F5F6F8;
  --cl-3D-white-2: #F0F0F0;
  --cl-bg-road: #E4E7ED;
  --cl-trunk: #A19478;
  --cl-bg-road: #E4E7ED;
  /**/
  --u-space: 120px;
  --u-padding: 56px;
  --u-padding-s: 35px;
  --u-gap: 56px;
  --width-left-menu-pc: 100px;
  --height-header-smp: 6.5em;
  --height-logo-pc: 110px;
  --height-btgroup-pc: calc(86px * 3);
  --share-space: 2.4em;
  /**/
  --share-padding: 1.4em;
  /**/
  --share-smp-space: 1.6em;
  /**/
  --share-smp-padding: 2em;
  --bindwrap-width: 1024px;
  /**/
  --contents-width: 800px;
  /**/
  --wrapper-width: 980px;
  --scroll-cate-heigh-half: calc(5.39vw + 47.43px);
  /*calc((38.33% * (50vw + 440px) * 9 / 16) / 2)*/
  --custom-border-dashed: dashed 1px var(--cl-pageink);
  --custom-border-solid: solid 1px var(--cl-3D-build-1);
  --custom-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.02);
  --custom-box-shadow-2: 10px 10px 90px rgba(0, 0, 0, 0.05); }

html {
  overscroll-behavior: none; }

body {
  margin-left: auto;
  margin-right: 0;
  -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 951px) {
  body {
    width: calc(100% - var(--width-left-menu-pc)); } }
@media only screen and (max-width: 950px) {
  :root {
    --u-gap: 35px;
    --wrapper-width: calc(100% - var(--u-padding) * 2);
    --scroll-cate-heigh-half: calc(16.875vw - 9.45px);
    /*calc((60% * (100vw - 56px) * 9 / 16) / 2)*/ } }
@media only screen and (max-width: 640px) {
  :root {
    --u-padding: 2em;
    --u-gap: 2em;
    --u-space: 80px;
    --wrapper-width: calc(100% - var(--u-padding) * 2);
    --scroll-cate-heigh-half: calc(22.5vw - 0.45em);
    /*calc((80% * (100vw - 2em) * 9 / 16) / 2)*/ } }
@media only screen and (max-width: 440px) {
  body {
    font-size: 3.6vw; } }
/*------
UIkit-custom
------*/
.uk-card-default {
  box-shadow: none;
  color: var(--cl-pageink); }
  .uk-card-default .uk-card-header {
    border-bottom: none; }
  .uk-card-default .uk-card-title {
    color: var(--cl-page-ink); }

.uk-card-body {
  padding: 0; }

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
  color: var(--cl-page-ink); }

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
  text-decoration: none; }

* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
  margin-top: var(--u-padding); }

ol, ul {
  padding-left: 0; }

address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0; }

* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
  margin-top: 0; }

* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-3xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin: 0; }

* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-3xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin: 0; }

@media only screen and (max-width: 950px) {
  .uk-child-width-1-2\@s > * {
    width: 100%; } }
/*------
Base settings
------*/
main {
  overflow: hidden;
  /**/ }
  main.c-main > section {
    padding: var(--u-space) 0; }
    main.c-main > section.box-bt-form {
      text-align: center;
      padding-top: 0; }
  @media only screen and (max-width: 640px) {
    main.c-main > section {
      padding: var(--u-space) 0; } }

.wrapper {
  max-width: var(--wrapper-width);
  margin-left: auto;
  margin-right: auto; }
  .wrapper .inner > a.bt + * {
    margin-top: var(--u-padding); }
  @media only screen and (max-width: 1192px) {
    .wrapper {
      max-width: 100%; }
      .wrapper .inner {
        max-width: calc(100% - var(--u-padding) * 2);
        margin-left: auto;
        margin-right: auto; } }

/**/
p.p-note,
span.p-note {
  color: var(--cl-trunk); }

.p-notice::before, .p-notice::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
  background-position: center;
  background-repeat: no-repeat; }
.p-notice::before {
  background-image: url("/share/asset/ui/notice-line-l.svg");
  margin-right: 0.3em; }
.p-notice::after {
  background-image: url("/share/asset/ui/notice-line-r.svg");
  margin-left: 0.3em; }

.change-color > * {
  color: var(--cl-white); }
.change-color .box-heading .h-main,
.change-color .box-heading .h-sub {
  color: var(--cl-white); }
.change-color .box-heading::before {
  background-color: var(--cl-white); }
.change-color a.bt {
  color: var(--cl-main); }

.box-shadow {
  box-shadow: var(--custom-box-shadow); }

.box-shadow-2 {
  box-shadow: var(--custom-box-shadow-2); }

.box-imli .flexbox {
  gap: var(--u-padding); }
  .box-imli .flexbox > * {
    width: calc(50% - calc(var(--u-padding) / 2)); }
  @media only screen and (max-width: 950px) {
    .box-imli .flexbox > * {
      width: 100%; } }
  .box-imli .flexbox img {
    object-fit: cover; }
.box-imli h3 {
  margin-bottom: var(--u-padding); }

.add-illus img {
  width: 50%;
  max-width: 15em; }
@media only screen and (max-width: 640px) {
  .add-illus img {
    max-width: 12em; } }

.c-modal .uk-modal-dialog {
  width: var(--wrapper-width); }

/* menu - close */
.act {
  text-align: center; }
  .act a {
    position: relative;
    z-index: 0;
    display: inline-block;
    font-size: 1em;
    width: 100%;
    padding: 46.5% 0; }
    .act a::after {
      position: absolute;
      z-index: 5;
      display: block;
      bottom: 18%;
      left: 50%;
      transform: translate(-50%, 0);
      font-family: var(--font-en1);
      font-weight: 700;
      font-size: 0.73em;
      line-height: 1.5em; }
    .act a span {
      display: block;
      content: "";
      width: 2.2em;
      height: 0.2em;
      background-color: var(--cl-pageink);
      margin: 0 auto;
      transition: var(--trans-time); }
  .act a.menu span:first-child {
    transform: translate(0, 0.47em); }
  .act a.menu span:last-child {
    transform: translate(0, -0.47em); }
  .act a.close span:first-child {
    transform: translate(0, 0.1em) rotate(-45deg); }
  .act a.close span:last-child {
    transform: translate(0, -0.1em) rotate(45deg); }

@media only screen and (min-width: 951px) {
  .act {
    position: absolute;
    display: flex;
    top: calc((100% - var(--height-btgroup-pc) + var(--height-logo-pc)) / 2);
    left: calc(var(--width-left-menu-pc) / 2);
    transform: translate(-50%, -50%); }

  #sitemenu,
  #sitehead {
    min-height: 700px; } }
@media only screen and (max-width: 950px) {
  .act,
  .primary-menu a {
    display: inline-block;
    width: var(--height-header-smp);
    height: 100%; }

  .act a {
    padding: 36.5% 0 56%; } }
/* heading */
.csection-cells .cell[data-type="hgroup"][data-level="1"] {
  margin-bottom: 0; }

.box-heading,
.csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  max-width: var(--wrapper-width);
  margin: auto;
  align-items: baseline;
  margin-bottom: 2.8em;
  font-size: 1em;
  transition: var(--trans-time); }
  .box-heading::before,
  .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 3.75em;
    height: 2px;
    top: 2em;
    left: -5.625em;
    background-color: var(--cl-black); }
  .box-heading .h-main,
  .box-heading .ti-primary,
  .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-main,
  .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-primary {
    font-family: var(--font-en1);
    font-weight: 600;
    font-size: 3.125em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    transform: none; }
  .box-heading .h-sub,
  .box-heading .ti-secondary,
  .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-sub,
  .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-secondary {
    font-family: var(--font-g1);
    font-weight: 700;
    font-size: 0.875em;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    margin-left: 1em;
    padding: 0;
    opacity: 1; }
  @media only screen and (max-width: 1280px) {
    .box-heading,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap {
      flex-wrap: wrap;
      margin-bottom: 2.75em;
      margin-left: 0; }
    .box-heading .h-main,
    .box-heading .ti-primary,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-main,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-primary {
      width: 100%;
      margin-bottom: 0.2em; }
    .box-heading .h-sub,
    .box-heading .ti-secondary,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-sub,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-secondary {
      font-size: 1.25em;
      margin-left: 0; } }
  @media only screen and (max-width: 1192px) {
    .box-heading,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap {
      max-width: calc(100% - var(--u-padding) * 2);
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 640px) {
    .box-heading,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap {
      padding-left: var(--share-smp-padding); }
    .box-heading::before,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap::before {
      width: var(--share-smp-padding);
      left: 0;
      transform: translate(-100%, 0); }
    .box-heading .h-main,
    .box-heading .ti-primary,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-main,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-primary {
      font-size: 2em; }
    .box-heading .h-sub,
    .box-heading .ti-secondary,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .h-sub,
    .csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-secondary {
      font-size: 1em; } }

.h-icon {
  position: relative;
  padding-left: 2.9em; }
  .h-icon::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 2em;
    height: 2em;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }

.h-border {
  position: relative;
  padding-bottom: 0.7em;
  border-bottom: 1px solid var(--cl-3D-build-1); }
  .h-border::after {
    position: absolute;
    z-index: 1;
    content: "";
    width: 2em;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: var(--cl-main); }

.h-line {
  border-left: 5px solid var(--cl-main);
  padding-left: 0.7em; }

.h-bg {
  background-color: var(--cl-page-ink);
  color: var(--cl-white); }

h3.h-bg,
h6.h-bg {
  display: inline-block;
  color: var(--cl-white);
  padding: 0.2em 1.5em;
  margin-left: auto;
  margin-right: auto; }

/* number */
span.circle-num {
  position: relative;
  z-index: 1;
  font-family: var(--font-en1);
  line-height: 1em;
  color: var(--cl-white); }
  span.circle-num::before {
    position: absolute;
    z-index: -1;
    display: inline-block;
    content: "";
    width: 2.875em;
    height: 2.875em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%);
    background: var(--cl-main);
    border-radius: 5em; }

/* frame */
.frame {
  position: relative; }
  .frame::before, .frame::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 100%;
    height: 29em;
    top: 0;
    left: 0; }
  .frame::before {
    z-index: 0; }
  .frame::after {
    z-index: 1; }
  .frame .wrapper {
    position: relative;
    z-index: 2; }
  .frame .frame-wrapper {
    background-color: var(--cl-white);
    border-radius: 0.5em; }
    .frame .frame-wrapper .uk-card-default {
      background-color: initial;
      padding: 0; }
    .frame .frame-wrapper .c-right {
      position: relative; }
      .frame .frame-wrapper .c-right img {
        object-fit: contain; }
  @media only screen and (min-width: 951px) {
    .frame::before, .frame::after {
      height: 655px; }
    .frame .frame-wrapper {
      padding: var(--u-padding) 0; }
      .frame .frame-wrapper .c-left {
        padding-left: var(--u-padding); } }
  @media only screen and (min-width: 1281px) {
    .frame .frame-wrapper {
      padding: 80px 0; }
      .frame .frame-wrapper .c-left {
        padding-left: calc(var(--u-padding-s) + var(--u-padding));
        padding-bottom: var(--u-padding); }
      .frame .frame-wrapper .c-right {
        left: 8%; } }
  @media only screen and (max-width: 950px) {
    .frame .frame-wrapper {
      padding: 4em 0; }
      .frame .frame-wrapper .c-left {
        width: calc(100% - var(--u-padding) * 2);
        margin-left: auto;
        margin-right: auto; } }

.s-frame .uk-card.uk-card-default {
  background-color: transparent; }
.s-frame .s-frame-wrapper {
  position: relative;
  width: calc(100% - var(--u-padding) * 2);
  margin: -6em auto 0;
  padding: var(--u-padding);
  border-radius: 0.5em;
  background-color: var(--cl-white); }
.s-frame .uk-card-media-top {
  aspect-ratio: 16/9; }
  .s-frame .uk-card-media-top img {
    height: 100%;
    object-fit: cover;
    object-position: center; }
@media only screen and (min-width: 950px) {
  .s-frame .s-frame-wrapper {
    width: calc(100% - (var(--u-padding-s) + var(--u-padding)) * 2); } }
@media only screen and (max-width: 640px) {
  .s-frame .s-frame-wrapper {
    margin: -3em auto 0; } }

/* background */
.bg-color {
  background-color: var(--cl-3D-white-1); }
.bg-blur {
  backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.02); }

/* list*/
.ul-border li {
  border-bottom: var(--custom-border-dashed);
  margin-bottom: 0; }

.ul-square li {
  padding-left: 0; }
  .ul-square li::before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1em;
    background-image: url("/share/asset/ui/li-square.svg");
    background-size: 0.4em;
    background-position: left center;
    background-repeat: no-repeat; }

.ul-ic li {
  position: relative;
  padding-left: 3em; }
  .ul-ic li::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    left: 0;
    top: 0.2em;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  .ul-ic li:last-of-type {
    margin-bottom: 0; }

/* description list */
.c-main dl {
  display: flex;
  flex-wrap: wrap; }
  .c-main dl > * {
    font-size: 1em;
    line-height: 1.6em;
    letter-spacing: 0.02em; }

.box-dl dl > * {
  padding: 1.7em 0 2em;
  border-bottom: var(--custom-border-solid); }
.box-dl dt {
  width: 200px;
  border-color: var(--cl-main); }
.box-dl dd {
  width: calc(100% - 200px);
  padding-left: 1.7em; }
  .box-dl dd span {
    font-weight: 700; }
@media only screen and (max-width: 640px) {
  .box-dl dl > * {
    padding: 1.3em 0 1.5em;
    border-bottom: var(--custom-border-solid); }
  .box-dl dt {
    width: 5em;
    border-color: var(--cl-main); }
  .box-dl dd {
    width: calc(100% - 5em); } }

/* category */
.articles li {
  width: 33.33%; }
  .articles li .category {
    display: none; }
  .articles li .info-wrap {
    padding-top: var(--u-padding-s); }
  .articles li .content-wrap {
    margin-top: 20px; }
  .articles li .content {
    -webkit-line-clamp: 2;
    font-size: 1em; }
  .articles li a.im::before {
    aspect-ratio: 16/9;
    padding-top: initial; }
  .articles li a.im img {
    border-radius: 0.5em; }
    .articles li a.im img[data-src="/share/im/img_ogp-face320px.jpg"] {
      object-fit: contain;
      border: 1px solid rgba(33, 33, 33, 0.1); }
  @media only screen and (min-width: 951px) {
    .articles li .title a {
      font-size: 1.4em;
      line-height: 1.4em; } }

.category .articles li {
  width: 33.33%; }
@media only screen and (max-width: 950px) {
  .category .articles li {
    width: 50%; } }

.category-only-title .articles {
  margin: 0; }
  .category-only-title .articles li {
    width: 100%;
    margin-bottom: 0;
    padding: 0; }
    .category-only-title .articles li .im {
      display: none; }
    .category-only-title .articles li .info-wrap {
      display: flex;
      flex-wrap: nowrap;
      padding-top: 0;
      border-bottom: 1px dashed rgba(33, 33, 33, 0.2); }
    .category-only-title .articles li .date {
      position: absolute;
      z-index: -1;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      font-family: var(--font-g2);
      opacity: 1;
      color: var(--cl-main);
      font-size: 0.875em; }
    .category-only-title .articles li .title {
      display: inline-block;
      margin: 0;
      font-size: 1em;
      width: 100%; }
      .category-only-title .articles li .title a {
        display: inline-block;
        width: 100%;
        padding: 1.2em 0 1.4em;
        padding-left: 6.5em;
        font-size: 1em;
        line-height: 1.4em;
        font-weight: 400; }

.category-no-date .articles li .head {
  display: none; }
.category-no-date .articles li .title {
  margin-top: 0; }

.category-2column .articles li {
  display: flex;
  width: 50%;
  min-width: 50%;
  gap: var(--u-padding-s); }
  .category-2column .articles li > * {
    width: 50%;
    padding-top: 0; }
  .category-2column .articles li a.im::before {
    display: none; }
  .category-2column .articles li .content-wrap {
    padding: 0; }
  .category-2column .articles li .content {
    margin-bottom: 0;
    -webkit-line-clamp: 4; }
@media only screen and (max-width: 640px) {
  .category-2column .articles li {
    gap: 1em; } }

.category.scroll-list {
  margin-top: var(--u-padding); }
  .category.scroll-list .articles.flexbox {
    flex-wrap: initial;
    margin: 0;
    gap: calc(var(--u-padding) / 2); }
  .category.scroll-list .articles li {
    min-width: 38.3%;
    margin-bottom: 0;
    padding: 0; }
    .category.scroll-list .articles li .content {
      font-size: 0.95em;
      text-align: left; }
  @media only screen and (max-width: 950px) {
    .category.scroll-list .articles li {
      min-width: 60%; } }
  @media only screen and (max-width: 640px) {
    .category.scroll-list .articles li {
      min-width: 80%; } }

[data-category="cat19235676535681c432a66ea1"] #relationLinkSections {
  display: none; }

/* scroll */
.scroll {
  /*&-list {
  	overflow-x: auto;
  	overflow-y: hidden;
  	width: calc(var(--wrapper-width) + (100% - var(--wrapper-width)) / 2);
  	margin-left: calc((100% - var(--wrapper-width)) / 2);
  	&.category {
  		margin-top: var(--u-padding);
  	}
  	@media only screen and (max-width:1192px) {
  		& {
  			width: calc(100% - var(--u-padding));
  			margin-left: var(--u-padding);
  		}
  	}
  }*/ }
  .scroll-y {
    overflow-y: scroll; }
  .scroll-x {
    overflow-x: scroll; }
  .scroll-list {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%; }
  .scroll-box {
    margin-left: calc((100% - var(--wrapper-width))/2);
    width: calc(var(--wrapper-width) + (100% - var(--wrapper-width))/2);
    margin-top: var(--u-padding); }
    .scroll-box > div {
      position: relative; }
    .scroll-box .scroll-back,
    .scroll-box .scroll-next {
      position: absolute;
      z-index: 2;
      display: inline-block;
      content: "";
      top: var(--scroll-cate-heigh-half);
      transform: translate(0, -50%);
      width: 2.3em;
      height: 2.3em;
      font-size: 1.25em;
      border-radius: 5em;
      background-image: url("/share/asset/ui/ic-arrow-white.svg");
      background-size: 0.4em;
      background-position: center center;
      background-color: rgba(31, 31, 31, 0.8);
      backdrop-filter: blur(4px);
      background-repeat: no-repeat;
      outline: 1px solid transparent; }
    .scroll-box .scroll-back {
      left: 2em;
      transform: translate(0, -50%) scaleX(-1); }
    .scroll-box .scroll-next {
      right: 2em; }
    @media only screen and (max-width: 1192px) and (min-width: 951px) {
      .scroll-box {
        width: calc(100% - var(--u-padding));
        margin-left: var(--u-padding); }
        .scroll-box .scroll-back,
        .scroll-box .scroll-next {
          top: calc(10.75vw - 16.8px); } }
    @media only screen and (max-width: 640px) {
      .scroll-box .scroll-back {
        left: 1em; }
      .scroll-box .scroll-next {
        right: 1em; } }

/* season */
.iso-spring {
  width: 38%;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*------------------------
		SHARE SECTION
------------------------*/
/* page main visual */
.mv-page {
  position: relative;
  overflow: hidden;
  width: auto;
  background-image: url("/share/asset/mv-page.jpg");
  background-position: center center;
  background-repeat: no-repeat; }
  .mv-page .mv-text {
    font-size: 1em;
    text-align: center; }
    .mv-page .mv-text .h-en {
      font-weight: 600;
      font-size: 3.75em;
      letter-spacing: 0.08em;
      margin-bottom: 0.2em;
      margin-top: -0.2em;
      line-height: 1.2; }
    .mv-page .mv-text .h-jp {
      font-weight: 700;
      font-size: 1.0625em;
      line-height: 1em;
      letter-spacing: 0.05em; }

[data-qprimary="hashtag"] main,
[data-qprimary="category"]
main {
  max-width: 100%;
  margin-bottom: var(--u-space);
  margin-top: calc(500px + var(--u-space));
  padding: 0; }
  [data-qprimary="hashtag"] main::before,
  [data-qprimary="category"]
  main::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: calc(100% - 100px);
    aspect-ratio: 4/1;
    background-color: var(--cl-3D-white);
    left: 100px;
    top: 0;
    padding-top: 500px;
    background-image: url("/share/asset/mv-page.svg");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat; }
  [data-qprimary="hashtag"] main #indexhgroup,
  [data-qprimary="category"]
  main #indexhgroup {
    margin-bottom: var(--u-padding);
    			/*
                position: absolute;
                display: flex;
                flex-wrap: wrap;
                width: calc(100% - 100px);
                max-width: 100%;
                height: 500px;
                top: 0;
                right: 0;
                vertical-align: middle;
                align-items: center;
                justify-content: center;
                margin-bottom: 0;
                margin-top: 0;
    			*/ }
  [data-qprimary="hashtag"] main #indexhgroup,
  [data-qprimary="hashtag"] main #areaDistribute,
  [data-qprimary="category"]
  main #indexhgroup,
  [data-qprimary="category"]
  main #areaDistribute {
    max-width: var(--wrapper-width);
    margin-left: auto;
    margin-right: auto; }
[data-qprimary="hashtag"] .articles li .category,
[data-qprimary="category"]
.articles li .category {
  display: none; }

/*body[data-formid="contact"] .hgroup,
body[data-formid="recruit"] .hgroup {
	text-align: center;
	margin-top: 1em;
	text-align: center;
	margin-bottom: var(--u-padding);
}*/
@media only screen and (min-width: 1801px) {
  .mv-page {
    aspect-ratio: 18/5;
    background-size: 100% auto; } }
@media only screen and (max-width: 1800px) {
  .mv-page,
  [data-qprimary="hashtag"] main::before,
  [data-qprimary="category"] main::before
   {
    height: 500px;
    background-size: auto 215%; } }
/*
@media only screen and (max-width:1192px) {
    [data-qprimary="hashtag"],
    [data-qprimary="category"] {
        main {            
            #areaDistribute {
                max-width: calc(100% - var(--u-padding) * 2);
                margin-left: auto;
                margin-right: auto;
            }
        }
    }
}
*/
@media only screen and (max-width: 950px) {
  [data-qprimary="hashtag"] main,
  [data-qprimary="category"]
  main {
    margin-top: 500px; }
    [data-qprimary="hashtag"] main::before,
    [data-qprimary="category"]
    main::before {
      left: 0;
      width: 100%; }

  	/*
      [data-qprimary="hashtag"] {
          main {
              &::before {
                  margin-top: var(--height-header-smp);
                  width: 100%;    
              }
              #indexhgroup {
                  width: 100%;
                  top: var(--height-header-smp);   
              }
          }
          #areaDistribute {
              margin-top: var(--height-header-smp);
          }
      }
  	*/ }
@media only screen and (max-width: 640px) {
  .mv-page {
    height: initial;
    aspect-ratio: 16/9;
    background-size: 176% auto; }
    .mv-page .mv-text {
      font-size: 1.8vw; }
      .mv-page .mv-text .h-jp {
        font-size: 1.5em; }

  /*[data-qprimary=hashtag] {
      main {
          margin-top: calc(100vw / 16 * 9 + var(--u-space));
          &::before {
              margin-top: var(--height-header-smp);
              width: 100%;
              height: initial;
              aspect-ratio: 16/9;
              background-size: 176% auto;
              padding-top: initial;
          }
          #indexhgroup {
              height: initial;
              aspect-ratio: 16/9;
              background-size: 176% auto;
              h4.labelcell:nth-child(1).font-en {
                  font-size: 4.3vw;
              }
          }
      }
      #areaDistribute {
          margin-top: 0;
      }
  }*/ }
/* philosophy */
#philosophy {
  /*.bt {
  	width: 16em;
  }*/ }
  #philosophy::before {
    background-color: var(--cl-3D-white); }
  #philosophy .c-left .uk-card-title {
    font-family: var(--font-g2);
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 0.75em;
    letter-spacing: 0.12em; }
  #philosophy .c-tit {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.375em;
    -webkit-font-smoothing: antialiased; }
  #philosophy .c-tit + p {
    margin-top: 0;
    font-size: 1.125em;
    letter-spacing: 0.05em; }
  #philosophy ul {
    display: inline-block;
    margin-top: 0; }
  #philosophy .uk-card-header {
    display: inline-block;
    padding: 1em 2.2em; }
  #philosophy .uk-width-auto {
    padding-left: 0; }
    #philosophy .uk-width-auto span {
      position: relative;
      z-index: 1;
      font-family: var(--font-en1);
      line-height: 1em;
      color: var(--cl-white); }
      #philosophy .uk-width-auto span::before {
        position: absolute;
        z-index: -1;
        display: inline-block;
        content: "";
        width: 2.875em;
        height: 2.875em;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -52%);
        background: var(--cl-page-ink);
        border-radius: 5em; }
  #philosophy .uk-width-expand {
    margin-left: 1.2em; }
  @media only screen and (min-width: 951px) {
    #philosophy {
      padding-bottom: 0; }
    #philosophy.frame::before, #philosophy.frame::after {
      height: 800px; }
    #philosophy .frame-wrapper .c-left {
      order: 1;
      width: 490px; }
    #philosophy .frame-wrapper .c-right {
      order: 2;
      width: calc(100% - 490px); }
    #philosophy .frame-wrapper .bt-group {
      order: 3;
      width: 100%;
      margin-top: 0; } }
  @media only screen and (max-width: 1280px) {
    #philosophy .frame-wrapper .c-left {
      width: 460px; }
    #philosophy .frame-wrapper .c-right {
      width: calc(100% - 460px);
      left: 1em; }
    #philosophy .frame-wrapper .bt-group {
      margin-top: var(--u-padding); } }
  @media only screen and (max-width: 950px) {
    #philosophy {
      padding-bottom: 40vw; }
    #philosophy.frame::before, #philosophy.frame::after {
      height: 100%; }
    #philosophy .frame-wrapper {
      padding: 4em 0 10.5em; }
      #philosophy .frame-wrapper .c-left {
        order: 1;
        text-align: center; }
      #philosophy .frame-wrapper .c-right {
        order: 3;
        position: absolute;
        width: 80%;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, calc(100% + 4em)); }
      #philosophy .frame-wrapper .bt-group {
        width: 100%;
        order: 2; }
    #philosophy ul {
      text-align: left;
      margin: 0 auto;
      width: 100%;
      max-width: 24em; }
    #philosophy .uk-card-body {
      width: 100%; } }
  @media only screen and (max-width: 640px) {
    #philosophy {
      /*.bt {
      	width: 50%;
      	min-width: 6em;
      }*/ }
      #philosophy .c-left .uk-card-title {
        font-size: 1.43em;
        margin-bottom: 0.5em; }
      #philosophy .c-tit {
        font-size: 1.14em; }
      #philosophy .c-tit + p {
        font-size: 1em; }
      #philosophy ul {
        max-width: 18em; }
      #philosophy .uk-width-auto span {
        font-size: 0.7em; }
      #philosophy .uk-width-expand {
        margin-left: 0.5em; }
      #philosophy .uk-card-header {
        padding-left: 1.8em;
        padding-right: 0; } }
  @media only screen and (max-width: 440px) {
    #philosophy .frame-wrapper {
      padding-top: var(--u-padding); } }

/* business */
#business {
  position: relative;
  background-color: #E7E7E7; }
  #business::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 20.5%;
    aspect-ratio: 1/1.52;
    top: 0;
    right: 0;
    background-image: url("/share/asset/ui/logo-grey.svg");
    background-size: contain;
    background-position: top right; }
  #business .uk-card {
    padding: var(--u-padding);
    border-radius: 0.5em;
    background-color: var(--cl-white);
    transition: var(--trans-time); }
  #business .uk-grid {
    margin-left: calc(var(--u-padding) * -1); }
    #business .uk-grid > * {
      padding-left: var(--u-padding); }
  #business .c-tit {
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 0.5em; }
    #business .c-tit .br-cus {
      display: none; }
  #business p {
    text-align: left;
    font-size: .875em;
    font-weight: 500; }
  #business p.h-en {
    text-align: center;
    font-size: 0.8125em;
    letter-spacing: 0.1em;
    color: var(--cl-main); }
  #business figure {
    display: inline-flex;
    margin-top: 0.5em;
    width: 60%;
    max-width: 210px;
    margin-bottom: 1.5em; }
    #business figure img {
      margin: auto;
      width: 100%;
      aspect-ratio: 3/2; }
  @media only screen and (min-width: 951px) {
    #business {
      margin-top: -12em;
      padding-top: calc(12em + var(--u-space)); } }
  @media only screen and (min-width: 1193px) {
    #business p.h-en {
      height: 4em; } }
  @media only screen and (max-width: 1192px) {
    #business .uk-grid > div:nth-of-type(1) {
      margin-top: 0; } }
  @media only screen and (max-width: 1192px) and (min-width: 801px) {
    #business .uk-grid > div:nth-of-type(2) {
      margin-top: 0; } }
  @media only screen and (max-width: 1192px) and (min-width: 800px) {
    #business .c-tit .br-cus {
      display: inline-block; }
    #business p br {
      display: none; }
    #business .uk-grid {
      margin-left: calc(var(--u-padding-s) * -1); }
      #business .uk-grid > * {
        width: 50%;
        padding-left: var(--u-padding-s); }
      #business .uk-grid > :not([class*=uk-width]) {
        margin-top: var(--u-padding-s); }
    #business figure {
      width: 17vw; } }
  @media only screen and (max-width: 800px) {
    #business .uk-grid > * {
      width: 100%; }
    #business p br {
      display: none; } }
  @media only screen and (max-width: 950px) {
    #business figure {
      margin-top: 1.5em; } }
  @media only screen and (max-width: 640px) {
    #business::before {
      width: 30%; }
    #business p {
      font-size: 1em; } }

/* ec business */
#ec-business {
  padding-bottom: var(--u-space);
  background-color: var(--cl-3D-white); }
  #ec-business::before {
    background-image: url("/share/asset/ec-business/ec-business-top-main.jpg");
    background-size: auto 100%;
    background-position: center; }
  #ec-business::after {
    background-color: rgba(33, 33, 33, 0.8); }
  #ec-business .ec-title {
    font-size: 1.5625em;
    line-height: 1.7em;
    letter-spacing: 0.02em;
    color: var(--cl-white); }
    #ec-business .ec-title p {
      font-weight: 500; }
    #ec-business .ec-title .flexbox {
      margin-top: 0.5em;
      align-items: end;
      margin-bottom: 2em; }
      #ec-business .ec-title .flexbox img {
        width: 10em;
        margin-right: 1em; }
  #ec-business .frame-wrapper {
    position: relative;
    margin-bottom: 4em; }
    #ec-business .frame-wrapper .c-left {
      width: 100%; }
    #ec-business .frame-wrapper .c-right {
      position: absolute; }
  @media only screen and (min-width: 951px) {
    #ec-business p + a.bt-iconR {
      margin-top: var(--u-padding-s); }
    #ec-business .frame-wrapper .c-left {
      padding-bottom: 0;
      /*width: 61.5%;*/
      padding-right: calc(var(--u-padding-s) + var(--u-padding)); }
    #ec-business .frame-wrapper .c-right {
      width: 36.5%;
      aspect-ratio: 210/248.12;
      top: 0;
      left: inherit;
      right: calc(var(--u-padding-s) + var(--u-padding) + 0em);
      transform: translate(0, -100%);
      /*margin-bottom: -12em;*/ } }
  @media only screen and (max-width: 1280px) {
    #ec-business .ec-title {
      font-size: 1em; } }
  @media only screen and (max-width: 950px) {
    #ec-business .inner > p {
      display: none; }
    #ec-business .uk-card-default {
      padding: 0; }
    #ec-business .frame-wrapper {
      padding: var(--u-padding); }
      #ec-business .frame-wrapper .c-left {
        width: 100%;
        margin-top: 0;
        /*padding-top: 2em;*/ }
      #ec-business .frame-wrapper .c-right {
        position: absolute;
        top: 0;
        right: -5%;
        width: 54vw;
        transform: translate(23%, -100%); } }
  @media only screen and (max-width: 640px) {
    #ec-business::before {
      background-image: url("/share/asset/ec-business/ec-business-top-main-smp.jpg"); }
    #ec-business .frame-wrapper .c-right {
      width: 35vw;
      aspect-ratio: 4.2/5; }
    #ec-business .ec-title .flexbox img {
      margin-right: 0.5em; }
    #ec-business .box-heading {
      margin-bottom: 3em; } }

.cakoda-features .c-tit {
  font-size: 3em;
  font-weight: 500;
  align-items: baseline;
  text-align: center;
  justify-content: center;
  color: var(--cl-main); }
  .cakoda-features .c-tit img {
    width: 4em; }
  .cakoda-features .c-tit span {
    font-weight: 500;
    color: var(--cl-page-ink);
    font-size: 0.6em;
    padding: 0 0.25em; }
.cakoda-features ul {
  justify-content: center;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  gap: var(--u-padding-s);
  margin-top: 3em; }
  .cakoda-features ul li {
    background-color: #fff;
    width: calc((100% - var(--u-padding-s) * 2 ) / 3);
    padding: 24px;
    border-radius: 1em;
    margin-bottom: 0; }
    .cakoda-features ul li > div {
      gap: 14px;
      align-items: flex-start; }
      .cakoda-features ul li > div img {
        width: 3em; }
      .cakoda-features ul li > div div {
        width: calc(100% - 3em - 14px); }
    .cakoda-features ul li p {
      color: var(--cl-pageink); }
    .cakoda-features ul li .feat-tit {
      font-weight: 700;
      font-size: 1.375em;
      line-height: 1.3em;
      margin-bottom: 0.8em; }
@media only screen and (max-width: 1280px) {
  .cakoda-features ul li {
    width: calc((100% - var(--u-padding-s)) / 2); } }
@media only screen and (max-width: 640px) {
  .cakoda-features .c-tit {
    font-size: 2em; }
  .cakoda-features ul {
    gap: var(--u-padding); }
    .cakoda-features ul li {
      width: 100%; }
      .cakoda-features ul li .feat-tit {
        font-size: 1.25em; } }

/* careers */
#careers {
  background-color: var(--cl-3D-white); }
  @media only screen and (max-width: 800px) {
    #careers .wrapper .inner > a.bt + * {
      width: calc(100% + var(--u-padding)*2);
      margin: 0 calc(var(--u-padding) * -1); } }

/* news */
#news {
  padding-bottom: 0; }
  #news .box-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 2.5em;
    padding-left: 0; }
    #news .box-heading .h-main {
      width: 100%;
      margin-bottom: 0.5em; }
    #news .box-heading::before {
      top: initial;
      left: 0;
      bottom: -0.5em;
      transform: translate(0, 0); }
  @media only screen and (min-width: 951px) {
    #news .wrapper {
      display: flex;
      flex-wrap: nowrap;
      padding: 0 3em; }
    #news .inner {
      padding-left: var(--u-padding-s);
      width: 100%;
      max-width: 570px;
      margin-right: 0; } }
  @media only screen and (max-width: 950px) {
    #news .wrapper {
      max-width: calc(100% - var(--u-padding) * 2); }
    #news .inner {
      max-width: 100%; } }

/* inside */
@media only screen and (min-width: 951px) {
  #inside .box-heading br {
    display: none; } }

/*------------------------
		記事
------------------------*/
#content .flexpad,
#content .csection-cells .cell {
  padding-left: 0;
  padding-right: 0; }
#content .csection-cells [data-type="imset-A"][data-float="left"] figure {
  margin-right: var(--u-padding); }
#content .cell[data-type="image-tile"][data-aspect="landscape"] .image-cells .imcell .im-wrap::before {
  padding-top: initial;
  aspect-ratio: 16/9; }
#content .bt.block,
#content a.bt.block:hover {
  background-color: var(--cl-main);
  border-color: var(--cl-main); }
#content .cell[data-type="button"] .bt.block,
#content .cell[data-type="button"] a.bt.block:hover {
  background-color: var(--cl-main);
  border-color: var(--cl-main);
  width: 80%;
  max-width: 280px;
  border-radius: 5em;
  background-size: 1.6em;
  background-position: left 2em center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.6em; }
#content .cell[data-type="button"] .bt[href="/reception/contact/"] {
  background-image: url("/share/asset/ui/ic-discuss-wh.svg"); }
#content .cell[data-type="button"] .bt[href="https://cakoda.synconnect.co.jp/"] {
  /*background-image: url("/share/asset/ui/ic-discuss-wh.svg");*/ }
@media only screen and (max-width: 1192px) {
  #content .flexpad,
  #content .csection-cells .cell {
    max-width: calc(100% - var(--u-padding) * 2); } }

body:not([data-category="cat41390553033682d2d555c736"]) #content .csection-cells [data-type="hgroup"] .ti-primary {
  font-weight: 600;
  font-size: 1.75em;
  font-family: var(--font-g1);
  line-height: 1.7em; }

/**/
.box-bt-form {
  text-align: center; }
  .box-bt-form a.bt.ic-recruit {
    width: 55%;
    max-width: 380px; }
    @media only screen and (max-width: 640px) {
      .box-bt-form a.bt.ic-recruit {
        font-size: 0.75em;
        padding: 1.2em; } }
    @media only screen and (max-width: 440px) {
      .box-bt-form a.bt.ic-recruit {
        font-size: 1em; } }

.hover-fix {
  display: inline-block;
  overflow: hidden;
  border-radius: 10em; }
  .hover-fix a.bt:not(.bt-iconR),
  .hover-fix a.a-ic,
  .hover-fix a.tag {
    overflow: initial; }

/*update: 20251008*/
.c-hiden {
  display: none; }

.bt-group {
  width: 100%;
  text-align: center;
  justify-content: center;
  gap: 1.6em;
  margin: var(--u-gap) 0 0; }
  .bt-group .hover-fix {
    width: 55%;
    max-width: 20em; }
    .bt-group .hover-fix a.bt.bt-iconL {
      width: 100%;
      padding: 1em;
      font-size: 1em;
      color: var(--cl-white); }
      .bt-group .hover-fix a.bt.bt-iconL.bt-trans {
        color: var(--cl-page-ink); }
      .bt-group .hover-fix a.bt.bt-iconL:hover, .bt-group .hover-fix a.bt.bt-iconL.bt-trans:hover {
        color: var(--cl-white); }
      @media only screen and (max-width: 440px) {
        .bt-group .hover-fix a.bt.bt-iconL {
          font-size: 1em; } }
    @media only screen and (max-width: 640px) {
      .bt-group .hover-fix {
        width: 60%; }
        .bt-group .hover-fix a.bt.bt-iconL {
          font-size: 0.75em; } }

.add-ellipse {
  position: relative;
  aspect-ratio: auto;
  height: auto; }
  .add-ellipse .decor {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    .add-ellipse .decor > img {
      height: 100%;
      object-fit: contain;
      object-position: bottom center; }

/**/
.video-wrapper {
  text-align: center; }
  .video-wrapper video {
    width: 100%;
    height: auto;
    display: block;
    max-width: 770px;
    margin: 0 auto; }