@charset "UTF-8";
/* -------------------------------------
    Font Install
------------------------------------- */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,900;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Belanosima&display=swap");
/* -------------------------------------
    Reset
------------------------------------- */
* {
  min-height: 0;
}

html {
  color: var(--color-font_default);
  font-family: var(--font-family_default);
  font-size: var(--font-size_default);
}

body {
  margin: 0;
  overflow-x: hidden;
}

ul, ol, dl, dt, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, a {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

/* -------------------------------------
    Custom Properties
------------------------------------- */
:root {
  /* BreakPoint --------------- */
  --bp-pc_start: 768px;
  --bp-sp_end: 767px;
  /* Color -------------------- */
  --color-white: rgb(255 255 255 / 100%);
  --color-white_10: rgb(255 255 255 / 10%);
  --color-white_20: rgb(255 255 255 / 20%);
  --color-white_30: rgb(255 255 255 / 30%);
  --color-white_40: rgb(255 255 255 / 40%);
  --color-white_50: rgb(255 255 255 / 50%);
  --color-white_60: rgb(255 255 255 / 60%);
  --color-white_70: rgb(255 255 255 / 70%);
  --color-white_80: rgb(255 255 255 / 80%);
  --color-white_90: rgb(255 255 255 / 90%);
  --color-key: rgb(1 71 186 / 100%);
  --color-key_04: rgb(1 71 186 / 4%);
  --color-corp: rgb(220 0 12 / 100%);
  --color-cv: rgb(252 104 79 / 100%);
  --color-background_block: rgb(250 250 253 / 100%);
  --color-background_table: rgb(249 249 252 / 100%);
  --color-background_base: rgb(248 248 244 / 100%);
  --color-background_header: rgb(248 248 244 / 100%);
  --color-background_footer: rgb(51 52 57 / 100%);
  --color-font_default: rgb(51 51 51 / 100%);
  --color-font_disabled: rgb(187 196 214 / 100%);
  --color-border_default: rgb(209 216 228 / 100%);
  --color-border_menu: rgb(227 234 220 / 100%);
  --color-label_default: ;
  --color-label_primary: ;
  --color-disabled: rgb(165 173 188 / 100%);
  --color-main: rgb(46 105 128 / 100%);
  --color-main02: rgb(109 162 181 / 100%);
  --color-main-light: rgb(180 190 255 / 100%);
  --color-main_extralight: rgb(248 248 255 / 100%);
  --color-gray: rgb(37 38 44 / 100%);
  --color-lightgray: rgb(165 173 188 / 100%);
  --color-primary: rgb(248 153 137 / 100%);
  --color-gradation_01: linear-gradient(
      90deg,
      var(--color-main),
      var(--color-primary)
  );
  --color-theme01: rgb(248 248 244 / 100%);
  --color-theme02: rgb(230 236 225 / 100%);
  --color-theme03: rgb(240 240 231 / 100%);
  --color-rnsquare: 110 162 181;
  /* Margin ------------------- */
  --margin-card: 2.4rem;
  --margin-nav: 3rem;
  /* Padding ------------------ */
  --padding-side_default: 24px;
  --padding-side_sp: 15px;
  --padding-section: 10rem 0;
  --padding-input: 8rem 0;
  --padding-header: 60px;
  --padding-footer_pc: 8rem var(--padding-side_default) 5rem;
  --padding-footer_sp: 4rem var(--padding-side_sp);
  --padding-button_cv: 1.3rem 3rem;
  /* Space ------------------ */
  --space_vartical: 4rem;
  --space_horizontal: 2.4rem;
  /* Height ------------------- */
  --height-header: 11.5rem;
  --height-header_sp: 5rem;
  --height-footer: 60rem;
  /* Width -------------------- */
  --width-content: calc(1200px + (var(--padding-side_default) * 2));
  --width-content_2column: 894px;
  --width-content_detail: 792px;
  --width-side: clamp(20rem, 25vw, 30rem);
  --width-side_right: clamp(26rem, 69vw, 50rem);
  /* Font --------------------- */
  --font-size_default: 62.5%;
  --font-size_40: 4rem;
  --font-size_30: 3rem;
  --font-size_24: 2.4rem;
  --font-size_20: 2rem;
  --font-size_18: 1.8rem;
  --font-size_16: 1.6rem;
  --font-size_14: 1.4rem;
  --font-size_13: 1.3rem;
  --font-size_12: 1.2rem;
  --font-size_basic: clamp(1.3rem, 1.69vw, 1.6rem);
  --font-family_default: "Noto Sans JP", sans-serif;
  --font-family_libre: "Libre Baskerville", serif;
  --font-family_archivo: "Archivo", sans-serif;
  --font-family_belanosima: "Belanosima", sans-serif;
  /* Line Height --------------------- */
  --line-height_default: 1.75;
  /* Background --------------- */
  --bg-image_default: center center/100% no-repeat;
  --bg_gradient01: transparent
      linear-gradient(180deg, #f7f7f7 0%, #edeaff 0%, #fcfcfc 100%) 0% 0%
      no-repeat padding-box;
  /* Button ------------------- */
  --btn-background: rgb(255 255 255 / 100%);
  --btn-background_primary: var(--color-key);
  --btn-border: rgb(255 255 255 / 100%);
  --btn-border_primary: var(--color-key);
  --btn-font-color: var(--color-font_default);
  --btn-font-color_primary: rgb(255 255 255 / 100%);
  --btn-font-size: 2.4rem;
  --btn-font-weight: normal;
  --btn-font-weight_primary: bold;
  --btn-padding_pc: 1.8rem 7.7rem;
  --btn-radius: 0px;
  --btn-max-width: 30rem;
  --btn-min-width: 23.8rem;
  --btn-width: fit-content;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* Components ------------------- */
/*    Title
------------------------------------- */
.p-headline {
  position: relative;
}
.p-headline h1 {
  font-weight: normal;
}
.p-headline h1 > * {
  display: block;
}
.p-headline h1 > * {
  display: block;
}
.p-headline h1 .p-headline-title_jp {
  font-size: clamp(2.4rem, 4.07vw, 4.4rem);
  line-height: 1.5;
}
.p-headline h1 .p-headline-title_en {
  color: var(--color-main);
  font-family: var(--font-family_libre);
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  line-height: 1.5;
}
.p-headline-logo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(155px, 40vw, 500px);
  z-index: -1;
}
.p-headline-logo > img {
  display: block;
  object-fit: contain;
  width: 100%;
}

.c-title.at-lv2 {
  padding-bottom: 55px;
}
.c-title.at-lv2 > * {
  font-size: clamp(2rem, 2.6vw, 3.2rem);
  padding-bottom: 19px;
  position: relative;
}
.c-title.at-lv2 > *::after {
  background: transparent linear-gradient(60deg, rgb(46, 105, 128) 0%, #eaa46f 100%, #f0a66e 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 80px;
}
.c-title.at-lv2.at-side-line {
  padding-bottom: 40px;
}
.c-title.at-lv2.at-side-line > * {
  display: flex;
  font-size: clamp(1.8rem, 2.34vw, 2.8rem);
}
.c-title.at-lv2.at-side-line > *::before {
  align-self: stretch;
  background: transparent linear-gradient(180deg, rgb(46, 105, 128) 0%, rgb(234, 164, 111) 88%, rgb(240, 166, 110) 100%) 0% 0% no-repeat padding-box;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: 15px;
  width: 10px;
}
.c-title.at-lv2.at-side-line > *::after {
  content: "";
  display: none;
}
.c-title.at-lv2.u-about-benefits {
  padding-bottom: 100px;
}
@media screen and (width <= 767px) {
  .c-title.at-lv2 {
    padding-bottom: 30px;
  }
  .c-title.at-lv2 > * {
    padding-bottom: 10px;
    position: relative;
  }
  .c-title.at-lv2 > *::after {
    width: 40px;
  }
  .c-title.at-lv2.at-side-line > *::before {
    margin-right: 10px;
  }
}
.c-title.at-lv3 {
  border-bottom: 1px solid var(--color-main);
  margin-bottom: 20px;
  padding-bottom: 14px;
}
.c-title.at-lv3 > * {
  font-size: clamp(1.8rem, 2.34vw, 3rem);
}
.c-title.at-lv3.at-dual-border {
  border-bottom: none;
}
.c-title.at-lv3.at-dual-border > * {
  display: flex;
}
.c-title.at-lv3.at-dual-border > * > strong {
  border-bottom: 1px solid var(--color-main);
  flex-shrink: 0;
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
  font-weight: normal;
  line-height: 30px;
  padding: 0 0.5em 20px;
}
.c-title.at-lv3.at-dual-border > * > span {
  border-bottom: 1px solid rgb(110, 162, 181);
  flex: 1;
  font-size: 18px;
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  line-height: 30px;
  padding: 0 1em 20px;
}
.c-title.at-lv3.at-small > * {
  font-size: 14px;
}
@media screen and (width <= 767px) {
  .c-title.at-lv3 {
    margin-bottom: 28px;
    padding-bottom: 9px;
  }
  .c-title.at-lv3.at-dual-border > * > strong {
    line-height: 24px;
    padding: 10px;
  }
  .c-title.at-lv3.at-dual-border > * > span {
    flex: 1;
    line-height: 24px;
    padding: 10px;
  }
  .c-title.at-lv3.at-small > * {
    font-size: 14px;
  }
}
.c-title.at-lv4 {
  margin-bottom: 16px;
}
.c-title.at-lv4 > * {
  color: var(--color-main);
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
@media screen and (width <= 767px) {
  .c-title.at-lv4 {
    margin-bottom: 19px;
  }
}
.c-title.at-news_detail {
  margin-bottom: 20px;
}
.c-title.at-news_detail > * {
  font-size: clamp(1.6rem, 2.08vw, 3.6rem);
  line-height: 1.75;
}

.c-link {
  color: rgb(92, 138, 211);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size_basic);
  font-weight: bold;
  line-height: var(--line-height_default);
  position: relative;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.c-link.at-pdf:hover, .c-link.at-arrow:hover {
  opacity: 0.8;
  text-decoration: none;
}
.c-link.at-pdf::after {
  content: url("../images/common/icon/icon-pdf.svg");
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  width: 1em;
}
.c-link.at-arrow::after {
  content: ">";
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
}
.c-link.at-map {
  color: var(--color-primary);
  display: inline-block;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}
.c-link.at-map:hover {
  opacity: 0.8;
}
.c-link.at-map::before {
  content: url("../images/common/icon/icon-map.svg");
  display: inline-block;
  padding: 0 0.2em 0 0.5em;
}
.c-link.at-external::after {
  content: url("../images/common/icon/icon-link.svg");
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  width: 1em;
}
.c-link.at-parent, .c-link.at-child {
  align-items: center;
  color: initial;
  display: flex;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.c-link.at-parent:hover, .c-link.at-child:hover {
  opacity: 0.6;
}
.c-link.at-parent::after {
  border-right: 2px solid var(--color-main);
  border-top: 2px solid var(--color-main);
  content: "";
  display: block;
  height: 0.4em;
  margin-left: 1em;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  width: 0.4em;
}
.c-link.at-parent:hover::after {
  transform: translateX(50%) rotate(45deg);
}

/*    Button
------------------------------------- */
.c-button {
  background: var(--btn-background);
  border: 1px solid var(--color-key);
  box-sizing: border-box;
  color: var(--color-font_default);
  cursor: pointer;
  display: block;
  font-size: var(--font-size_basic);
  line-height: 1;
  padding: 1.1875em;
  position: relative;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.c-button::after {
  transition: all 0.2s ease-in-out;
}
.c-button.at-list {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(110, 162, 181);
  font-size: var(--font-size_basic);
  height: 100%;
  padding: 20px clamp(30px, 3.91vw, 40px) 20px clamp(15px, 1.95vw, 20px);
  position: relative;
  text-align: left;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.c-button.at-list::after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  content: "";
  display: block;
  height: 0.3em;
  position: absolute;
  right: clamp(15px, 1.95vw, 20px);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.3em;
}
.c-button.at-list:hover {
  opacity: 0.6;
}
.c-button.at-list:hover::after {
  transform: translate(50%, -50%) rotate(45deg);
}
.c-button.at-list.at-down::after, .c-button.at-list.at-down:hover::after {
  transform: translateY(-50%) rotate(135deg);
}
.c-button.at-round {
  border: 1px solid var(--color-primary);
  border-radius: 50px;
  color: var(--color-font_default);
  min-width: 240px;
  text-align: center !important;
  width: fit-content;
}
@media screen and (width <= 767px) {
  .c-button.at-round {
    max-width: 300px;
    width: 100%;
  }
}
.c-button.at-round > svg {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.c-button.at-round > svg path {
  fill: var(--color-primary);
  transition: all 0.2s ease-in-out;
}
.c-button.at-round.small {
  min-width: 200px;
}
.c-button.at-round:hover {
  background: var(--color-primary);
  color: white;
}
.c-button.at-round:hover > svg path {
  fill: var(--color-white);
}
.c-button.at-round:hover::after {
  color: white;
}
.c-button.at-round::after {
  color: var(--color-primary);
}
@media screen and (width <= 767px) {
  .c-button.at-round.sp-center {
    margin: auto;
  }
}
.c-button.at-arrow::after {
  border-right: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  content: "";
  display: block;
  height: 0.3em;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.2s ease-in-out;
  width: 0.3em;
}
.c-button.at-arrow:hover::after {
  border-color: var(--color-white);
  transform: translate(50%, -50%) rotate(45deg);
}
.c-button.at-arrow_reverse::after {
  border-left: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  content: "";
  display: block;
  height: 0.3em;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.2s ease-in-out;
  width: 0.3em;
}
.c-button.at-arrow_reverse:hover::after {
  border-color: var(--color-white);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-button.at-tag {
  background: transparent;
  border: 1px solid var(--color-main);
  color: var(--color-main);
  font-size: 12px;
  padding: 4px 28px;
}
.c-button.at-tag.at-small {
  background: white;
  padding: 5px 10px;
}
.c-button.at-tag_round {
  background: var(--color-white);
  border: 1px solid var(--color-main);
  border-radius: 50px;
  color: var(--color-main);
  font-size: 18px;
  padding: 10px 25px;
}
@media screen and (width <= 767px) {
  .c-button.at-tag {
    padding: 4px 5px;
  }
  .c-button.at-tag.at-small {
    padding: 4px 5px;
  }
  .c-button.at-tag_round {
    border-radius: 50px;
    font-size: 14px;
    padding: 10px;
  }
}
.c-button.at-sort {
  align-items: center;
  border: 1px solid rgb(109, 162, 181);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  line-height: 40px;
  min-width: 121px;
  padding: 0 15px;
}
.c-button.at-sort::before {
  content: url("../images/common/icon/icon-search_refine.svg");
  display: block;
  margin-right: 10px;
}
.c-button.at-primary {
  background: var(--color-cv);
  border: none;
  border-radius: 4rem;
  color: var(--color-white);
  font-size: var(--font-size_13);
  padding: var(--padding-button_cv);
  position: relative;
  transition: all 0.2s ease-in-out;
}
.c-button.at-primary > svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.c-button.at-primary > svg path {
  fill: var(--color-black);
}
.c-button.at-primary:hover > svg > path {
  fill: var(--color-white);
}
.c-button.at-category {
  border: 1px solid var(--color-main);
  border-radius: 30px 0 0 30px;
  color: var(--color-main);
  line-height: 1.75;
  min-width: 200px;
  padding: 0.8em 20px 0.8em 40px;
  position: relative;
  text-align: center;
  width: fit-content;
}
.c-button.at-category::before {
  background: var(--color-primary);
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}
.c-button.at-category.at-small {
  border-radius: 20px 0 0 20px;
  min-width: initial;
  padding: 0 5px 0 22px;
}
.c-button.at-category.at-small::before {
  height: 10px;
  left: 7.5px;
  top: 50%;
}

/*    Breadcrumb
------------------------------------- */
.p-breadcrumb {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 10;
}
.p-breadcrumb-item * {
  color: var(--color-disabled);
  display: inline-block;
  font-size: var(--font-size_12);
  margin: 0 10px;
  transition: all 0.2s ease-in-out;
}
.p-breadcrumb-item *:hover {
  color: var(--color-black);
}
.p-breadcrumb-item:not(:last-child)::after {
  content: "|";
  display: inline-block;
}
.p-breadcrumb-item:last-child * {
  color: var(--color-black);
  pointer-events: none;
}

.breadcrumbs-links {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--width-content);
  padding: 0 var(--padding-side_default) 8rem;
}
.breadcrumbs-links .breadcrumbs-list {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 10;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item * {
  color: var(--color-disabled);
  display: inline-block;
  font-size: var(--font-size_12);
  margin: 0 10px;
  transition: all 0.2s ease-in-out;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item *:hover {
  color: var(--color-black);
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item:not(:last-child)::after {
  content: "|";
  display: inline-block;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item:last-child * {
  color: var(--color-black);
}

/*    Label
------------------------------------- */
.c-label {
  background: var(--color-label_default);
}

.c-icon-pdf {
  font-size: inherit;
}
.c-icon-pdf::after {
  content: url("../images/common/icon/icon-pdf.svg");
  display: inline-block;
  height: 1em;
  margin: 0 0 0 0.8em;
  width: 0.8em;
}

/*    Form
------------------------------------- */
/*    Table
------------------------------------- */
.p-table {
  border-spacing: 0;
  width: 100%;
}
.p-table_thead tr th {
  border: 1px solid rgb(227, 234, 220);
}
.p-table_tbody tr th, .p-table_tbody tr td {
  border-bottom: 1px solid rgb(227, 234, 220);
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  text-align: left;
}
.p-table_tbody tr th {
  background: rgb(240, 240, 231);
  box-sizing: border-box;
  padding: 20px 15px;
  width: 180px;
}
.p-table_tbody tr td {
  padding: 20px;
}
.p-table_tbody tr td.l-flex {
  display: flex;
  flex-wrap: wrap;
}
.p-table_tbody tr td.l-flex > *:first-child {
  width: clamp(100px, 12vw, 145px);
}

@media screen and (width <= 767px) {
  .p-table_tbody tr > th,
  .p-table_tbody tr > td {
    box-sizing: border-box;
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
  .p-table_tbody tr > td.l-flex > * {
    width: 100%;
  }
}
/*    Text
------------------------------------- */
.c-text {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}
.c-text.at-small {
  font-size: var(--font-size_12);
}
.c-text.at-xlarge {
  font-size: var(--font-size_24);
}

/*    Image
------------------------------------- */
.c-image_wrap {
  display: block;
  overflow: hidden;
  position: relative;
}
.c-image_wrap img {
  display: block;
  width: 100%;
}
.c-image_wrap .c-image_inner {
  display: block;
  width: 100%;
}
.c-image_wrap.at-aspect_basic {
  width: 100%;
}
.c-image_wrap.at-aspect_basic .c-image_inner {
  aspect-ratio: 180/135;
  object-fit: cover;
}
.c-image_wrap.at-aspect_wide {
  margin: 0 0 20px;
  width: 100%;
}
.c-image_wrap.at-aspect_wide .c-image_inner {
  aspect-ratio: 894/285;
  object-fit: cover;
}
.c-image_wrap.at-slide_thumbnail {
  aspect-ratio: 78/52;
  border-radius: 4px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.c-image_wrap.at-slide_thumbnail .c-image_inner {
  height: 100% !important;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
}
.c-image_wrap.at-youtube {
  aspect-ratio: 560/315;
}
.c-image_wrap.at-youtube > * {
  height: 100% !important;
  width: 100% !important;
}

/*    Image
------------------------------------- */
.c-icon {
  display: inline-block;
}
.c-icon > * {
  width: 100%;
}

.-js-fade {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.at-from_bottom {
  transform: translateY(20px);
}

.-js-fade.is-show {
  opacity: 1;
}
.-js-fade.is-show.at-from_bottom {
  transform: translateY(0);
}

/* Modules ------------------- */
/*    List
------------------------------------- */
.p-list.at-column {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.p-list.at-column.u-about-chart {
  gap: clamp(1.5rem, 1.95vw, 3rem);
}
@media screen and (width <= 767px) {
  .p-list.at-column.u-about-chart {
    gap: 10px 15px;
  }
}
.p-list.at-column > li {
  display: block;
  width: 100%;
}
.p-list.at-column.at-two > li {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.p-list.at-column.at-three > li {
  flex: 1 1 calc(33.3333333333% - 13.3333333333px);
  max-width: calc(33.3333333333% - 13.3333333333px);
}
.p-list.at-column.at-four > li, .p-list.at-column.at-four_two > li {
  flex: 1 1 calc(25% - 15px);
  max-width: calc(25% - 15px);
}
.p-list.at-column.at-five > li {
  flex: 1 1 calc(20% - 16px);
  max-width: calc(20% - 16px);
}
.p-list.at-column.at-list_cards {
  gap: 40px 20px;
}
.p-list.at-column > .c-colspan {
  max-width: calc(100% - 20px) !important;
}
@media screen and (width <= 767px) {
  .p-list.at-column {
    gap: 0;
  }
  .p-list.at-column.at-two > li, .p-list.at-column.at-three > li, .p-list.at-column.at-four > li {
    flex-basis: 100%;
    max-width: 100%;
  }
  .p-list.at-column.at-four_two {
    gap: 0 15px;
  }
  .p-list.at-column.at-four_two > li {
    flex: 1 1 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
  }
  .p-list.at-column.at-list_cards {
    gap: 0;
  }
}
.p-list.at-list_wrap > li:not(:first-child) {
  margin-top: 40px;
}
@media screen and (width <= 767px) {
  .p-list.at-list_wrap > li:not(:first-child) {
    margin-top: 30px;
  }
}
.p-list.at-list_parent > li:not(:first-child) {
  margin-top: 55px;
}
.p-list.at-list_parent > li > .c-link {
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
@media screen and (width <= 767px) {
  .p-list.at-list_parent:last-child {
    margin-top: 30px;
  }
  .p-list.at-list_parent > li:not(:first-child) {
    margin-top: 40px;
  }
}
.p-list.at-list_child {
  padding-left: 1em;
}
.p-list.at-list_child > li {
  margin-top: 20px;
}
.p-list.at-list_child > li > .c-link {
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
}
.p-list.at-order_dotted {
  counter-reset: list;
}
.p-list.at-order_dotted > li {
  display: flex;
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}
.p-list.at-order_dotted > li::before {
  content: counter(list) ".";
  counter-increment: list;
  display: inline-block;
  flex-shrink: 0;
  width: 2em;
}
@media screen and (width <= 767px) {
  .p-list.at-order_dotted > li::before {
    width: 1.75em;
  }
}
.p-list.at-order_nested > li {
  display: flex;
  padding-left: 2em;
}
.p-list.at-order_nested > li:not(:first-child) {
  margin-top: 1.5em;
}
.p-list.at-order_nested > li > * {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}
.p-list.at-order_nested > li > span {
  flex-shrink: 0;
  width: 2em;
}
@media screen and (width <= 767px) {
  .p-list.at-order_nested > li {
    padding-left: 0;
  }
}
.p-list.at-about-vision .c-list_item {
  display: flex;
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  margin-bottom: 1em;
}
.p-list.at-about-vision .c-list_item > dt {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  width: 8em;
}
.p-list.at-about-vision .c-list_item > dt::after {
  content: ":";
}
.p-list.at-about-vision .c-list_item > dd {
  margin-left: 1em;
}
.p-list.at-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 4px;
}
.p-list.at-tags > li {
  display: block;
  width: fit-content;
}
.p-list.at-slider_thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
@media screen and (width <= 767px) {
  .p-list.at-slider_thumbnails {
    gap: 14px;
    justify-content: center;
    margin-top: 17px;
  }
}
.p-list.at-slider_thumbnails > li {
  display: block;
  width: calc(12.5% - 21px);
}
@media screen and (width <= 767px) {
  .p-list.at-slider_thumbnails > li {
    border: 1px solid var(--color-main);
    border-radius: 100%;
    height: 10px;
    width: 10px;
  }
  .p-list.at-slider_thumbnails > li.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
  }
  .p-list.at-slider_thumbnails > li > .c-image_wrap {
    display: none;
  }
}
.p-list.at-banners {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.p-list.at-banners > li {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.p-list.at-banners > li.at-colspan {
  flex: 1 1 100%;
  max-width: 100%;
}
@media screen and (width <= 767px) {
  .p-list.at-banners {
    gap: 15px;
  }
  .p-list.at-banners > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.p-list.at-detail_links > li {
  margin-bottom: 0.5em;
}
.p-list.at-news_tab {
  border-bottom: 1px solid rgb(109, 162, 181);
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 4.5rem;
}
.p-list.at-news_tab li {
  padding: 0 1.5rem;
  position: relative;
  transition: 0.2s;
}
.p-list.at-news_tab li::after {
  background: var(--color-primary);
  bottom: -1px;
  content: "";
  display: block;
  height: 0.3rem;
  left: 0;
  position: absolute;
  transition: 0.2s;
  width: 0%;
}
.p-list.at-news_tab li a {
  color: rgb(143, 150, 148);
  display: block;
  font-size: clamp(12px, 3.4vw, 16px);
  padding: 1rem 0;
  width: fit-content;
  text-align: center;
  min-width: 3.5em;
}
.p-list.at-news_tab li.active::after {
  width: 100%;
}
.p-list.at-news_tab li.active a {
  color: inherit;
}
@media screen and (width <= 767px) {
  .p-list.at-news_tab {
    flex-wrap: wrap;
  }
  .p-list.at-news_tab > li {
    padding: 0;
    width: 33.3333333333%;
  }
  .p-list.at-news_tab > li > a {
    margin: auto;
    padding: 1em 0;
  }
}

/*    Card
------------------------------------- */
.c-card.at-basic > .l-inner > .c-image_wrap {
  flex-shrink: 0;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.c-card.at-basic > .l-inner > .c-image_wrap .c-image_inner {
  aspect-ratio: 180/135;
  background: var(--color-main_extralight);
  display: block;
  object-fit: cover;
  width: 100%;
}
.c-card.at-basic > .l-inner > .c-image_wrap .c-tag {
  background: rgb(46, 105, 128);
  border-radius: 0 0 12px;
  color: white;
  font-size: 14px;
  left: 0;
  padding: 4px 10px;
  position: absolute;
  top: 0;
}
.c-card.at-basic > .l-inner > * {
  font-size: 14px;
}
.c-card.at-basic > .l-inner .c-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.c-card.at-basic > .l-inner .caption {
  font-size: 12px;
}
.c-card.at-basic > .l-inner table th,
.c-card.at-basic > .l-inner table td {
  border-bottom: 1px solid rgb(227, 234, 220);
  font-size: 14px;
  font-weight: normal;
  line-height: var(--line-height_default);
  padding: 10px 0 10px 10px;
}
.c-card.at-basic > .l-inner table th {
  background: rgb(240, 240, 231);
  width: 25%;
}
.c-card.at-basic > .l-inner table td {
  width: 50%;
}
.c-card.at-basic > .l-inner dl > div {
  display: flex;
}
.c-card.at-basic > .l-inner dl > div dt,
.c-card.at-basic > .l-inner dl > div dd {
  font-size: 14px;
}
.c-card.at-basic > .l-inner dl > div dt {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}
.c-card.at-basic > .l-inner dl > div dt::after {
  content: ":";
  display: inline-block;
  padding: 0 0.5em;
}
.c-card.at-basic.at-small > .l-inner .c-title {
  font-size: var(--font-size_basic);
  margin-bottom: 10px;
}
.c-card.at-basic.at-small > .l-inner_bottom {
  align-items: center;
  display: flex;
}
.c-card.at-basic.at-small > .l-inner_bottom time {
  align-items: center;
  color: rgb(110, 162, 181);
  display: flex;
  font-family: var(--font-family_libre);
  font-size: 12px;
  font-weight: bold;
  pointer-events: none;
}
.c-card.at-basic.at-small > .l-inner_bottom time::after {
  content: "|";
  display: inline-block;
  padding: 0 0.5em;
}
.c-card.at-basic.at-small > .l-inner_bottom .p-list {
  display: flex;
  flex-wrap: wrap;
}
.c-card.at-basic.at-small > .l-inner_bottom .p-list li > a {
  color: rgb(110, 162, 181);
  font-size: 12px;
  margin-right: 10px;
}
@media screen and (width <= 767px) {
  .c-card.at-basic:not(:first-child) {
    margin-top: 30px;
  }
}
.c-card.at-news {
  border-bottom: 1px solid rgb(209, 216, 229);
  box-sizing: border-box;
  display: block;
  padding: 0 20px 25px;
  width: 100%;
}
.c-card.at-news:not(:first-child) {
  margin-top: 20px;
}
.c-card.at-news.u-nomessage {
  border: none;
}
.c-card.at-news > .l-inner .u-news_header {
  display: flex;
  margin-bottom: 15px;
}
.c-card.at-news > .l-inner .u-news_header > p,
.c-card.at-news > .l-inner .u-news_header > time {
  flex-shrink: 0;
  font-size: var(--font-size_basic);
  padding-right: 20px;
}
.c-card.at-news > .l-inner .u-news_header > time {
  color: rgb(110, 162, 181);
  font-family: var(--font-family_libre);
  font-weight: bold;
  line-height: var(--line-height_default);
  pointer-events: none;
}
.c-card.at-news .c-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease-in-out;
}
.c-card.at-news .c-text:hover {
  opacity: 0.6;
}
@media screen and (width <= 767px) {
  .c-card.at-news {
    padding: 0 0 15px;
  }
}
.c-card.at-list {
  width: 100%;
}
.c-card.at-list:not(:first-child) {
  margin-top: 30px;
}
.c-card.at-list > .l-inner {
  align-items: center;
  display: flex;
  text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-image_wrap {
  flex-shrink: 0;
  margin-right: 24px;
  max-width: 282px;
  min-width: 81px;
  width: 33.3333333333%;
}
.c-card.at-list > .l-inner .c-image_wrap .c-image_inner {
  aspect-ratio: 180/135;
  display: block;
  object-fit: cover;
  width: 100%;
}
.c-card.at-list > .l-inner .c-title {
  align-items: center;
  color: #000;
  display: flex;
  font-size: clamp(16px, 2.08vw, 24px);
  gap: 1em;
  text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-title::after {
  border-radius: 1px;
  border-right: 2px solid var(--color-main);
  border-top: 2px solid var(--color-main);
  content: "";
  display: block;
  height: 0.3em;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  width: 0.3em;
}
.c-card.at-list > .l-inner .c-title:hover::after {
  transform: translateX(0.5em) rotate(45deg);
}
.c-card.at-list > .l-inner .c-subtitle {
  color: #000;
  font-size: clamp(14px, 1.82vw, 18px);
  margin-top: 10px;
  text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-text {
  -webkit-box-orient: vertical;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin-top: 20px;
  overflow: hidden;
  text-decoration: none !important;
  text-overflow: ellipsis;
}
.c-card.at-list > .l-inner:hover {
  opacity: 0.7;
}
.c-card.at-list > .l-inner:hover .c-title::after {
  transform: translateX(0.5em) rotate(45deg);
}
@media screen and (width <= 767px) {
  .c-card.at-list > .l-inner {
    align-items: flex-start;
  }
  .c-card.at-list > .l-inner .c-image_wrap {
    margin-right: 10px;
    width: 25%;
  }
  .c-card.at-list > .l-inner .c-subtitle {
    margin-top: 15px;
  }
  .c-card.at-list > .l-inner .c-text {
    margin-top: 10px;
  }
}
.c-card.at-list.at-small > .l-inner .c-image_wrap {
  max-width: 180px;
}
.c-card.at-list.at-small > .l-inner .c-subtitle,
.c-card.at-list.at-small > .l-inner .c-text {
  font-size: 14px;
  margin-top: 10px;
}
.c-card.at-list.at-extrasmall a {
  transition: all 0.2s ease-in-out;
}
.c-card.at-list.at-extrasmall a:hover {
  opacity: 0.7;
}
.c-card.at-list.at-extrasmall > .l-inner .c-image_wrap {
  margin-right: 10px;
  max-width: 80px;
}
.c-card.at-list.at-extrasmall > .l-inner .c-title {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 12px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-card.at-list.at-extrasmall > .l-inner .c-title::after {
  display: none;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom {
  align-items: center;
  display: flex;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom *,
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .c-text_theme03 {
  color: rgb(110, 162, 181);
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom time,
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list > li > * {
  align-items: center;
  display: flex;
  font-family: var(--font-family_libre);
  font-size: 12px;
  font-weight: bold;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom time::after {
  content: "|";
  display: inline-block;
  padding: 0 0.5em;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list {
  display: flex;
  flex-wrap: wrap;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list li > * {
  display: inline-block;
  font-weight: normal;
  margin-right: 10px;
}
.c-card.at-shodow_type01 {
  background: white;
  border-radius: 10px;
  box-shadow: 5px 5px rgb(243, 243, 235);
}
.c-card.at-banner_link {
  display: block;
  transition: all 0.2s ease-in-out;
}
.c-card.at-banner_link .c-image_wrap {
  aspect-ratio: 600/285;
  border-radius: 4px;
  margin: 0;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn {
  min-width: 200px;
  object-fit: contain;
  width: 50%;
  z-index: 10;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn_lg {
  min-width: 200px;
  object-fit: contain;
  width: 80%;
  z-index: 10;
}
@media screen and (width <= 767px) {
  .c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn_lg {
    min-width: 200px;
    width: 50%;
  }
}
.c-card.at-banner_link .c-image_wrap p {
  align-items: center;
  bottom: 0;
  color: white;
  display: flex;
  font-size: var(--font-size_basic);
  font-weight: 500;
  justify-content: space-between;
  padding: 24px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.c-card.at-banner_link .c-image_wrap p::after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  content: "";
  display: block;
  height: 0.3em;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  width: 0.3em;
}
.c-card.at-banner_link.at-colspan .c-image_wrap {
  aspect-ratio: 1200/285;
}
.c-card.at-banner_link.at-narrow .c-image_wrap {
  aspect-ratio: 16/9;
}
.c-card.at-banner_link:hover {
  opacity: 0.7;
}
.c-card.at-banner_link:hover p::after {
  transform: translateX(50%) rotate(45deg);
}
.c-card.at-banner_link.at-external .c-image_wrap p::after {
  border: none;
  content: url("../images/common/icon/icon-link_white.svg");
  height: 1em;
  transform: initial;
  width: 1em;
}
@media screen and (width <= 767px) {
  .c-card.at-banner_link .c-image_wrap {
    aspect-ratio: 600/200;
  }
  .c-card.at-banner_link .c-image_wrap > p {
    padding: 1em;
  }
  .c-card.at-banner_link.at-colspan .c-image_wrap {
    aspect-ratio: 600/240;
  }
}
.c-card.u-about-chart {
  padding: clamp(1.5rem, 1.95vw, 4rem) 1rem clamp(1.5rem, 1.95vw, 4.5rem);
  position: relative;
}
.c-card.u-about-chart > .inner {
  z-index: 10;
}
.c-card.u-about-chart h3 {
  font-size: 30px;
  font-size: clamp(2rem, 2.6vw, 3rem);
  margin-bottom: 19px;
  text-align: center;
}
.c-card.u-about-chart .u-chart-number {
  font-size: clamp(2rem, 2.6vw, 3rem);
  font-weight: 600;
  text-align: center;
}
.c-card.u-about-chart .u-chart-number > strong {
  color: var(--color-primary);
  font-family: Archivo, sans-serif;
  font-size: 80px;
  font-size: clamp(4rem, 5.2vw, 8rem);
  font-weight: 700;
  padding: 0 5px;
}
.c-card.u-about-chart.u-span_type1 {
  max-width: calc(33.3333333333% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
  .c-card.u-about-chart.u-span_type1 {
    max-width: initial;
    width: 100%;
  }
}
.c-card.u-about-chart.u-span_type2 {
  max-width: calc(66.6666666667% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
  .c-card.u-about-chart.u-span_type2 {
    max-width: initial;
    width: 100%;
  }
}
.c-card.u-about-chart.u-span_type3 {
  max-width: calc(33.3333333333% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
  .c-card.u-about-chart.u-span_type3 {
    max-width: calc(50% - 7.5px);
  }
}
.c-card.u-about-chart .u-icon-map {
  align-items: center;
  display: flex;
}
.c-card.u-about-chart .u-icon-map:not(:first-child) {
  margin-top: 20px;
}
.c-card.u-about-chart .u-icon-map::before {
  background: url("../images/company/top/icon-pin.svg") no-repeat center center;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 34px;
  margin-right: 10px;
  object-fit: contain;
  width: 26px;
}
@media screen and (width <= 767px) {
  .c-card.u-about-chart .u-icon-map::before {
    height: 18px;
    margin-right: 5px;
    width: 14px;
  }
}
.c-card.u-about-chart .u-icon-map > dt {
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  min-width: 5em;
}
.c-card.u-about-chart .u-icon-map > dd.u-chart-number {
  font-size: var(--font-size_basic);
}
.c-card.u-about-chart .u-icon-map > dd.u-chart-number > strong {
  font-size: clamp(3rem, 3.91vw, 4rem);
}
.c-card.u-about-chart.u-order1 {
  background: #fff url("../images/company/top/bg-crown.svg") no-repeat center center;
  background-size: auto 100%;
}
.c-card.u-about-chart.u-order2 {
  background: #fff url("../images/company/top/bg-map.svg") no-repeat right 30px center;
}
.c-card.u-about-chart.u-order2 > .inner {
  width: fit-content;
}
.c-card.u-about-chart.u-order2 h3,
.c-card.u-about-chart.u-order2 .u-chart-number {
  font-size: clamp(1.6rem, 2.4vw, 3rem);
}
@media screen and (width <= 767px) {
  .c-card.u-about-chart.u-order2 h3,
  .c-card.u-about-chart.u-order2 .u-chart-number {
    font-size: clamp(2rem, 2.6vw, 3rem);
  }
}
.c-card.u-about-chart.u-order3 {
  background: #fff url("../images/company/top/bg-human.svg") no-repeat center center;
  background-size: auto 100%;
}
.c-card.u-about-chart.u-order4 {
  background: #fff url("../images/company/top/bg-graph.svg") no-repeat center center;
}
.c-card.u-about-chart.u-order5 {
  background: #fff url("../images/company/top/bg-battery.svg") no-repeat center center;
}
.c-card.u-about-chart.u-locations {
  align-items: center;
  display: flex;
  gap: 0 clamp(1.8rem, 15.36vw, 4rem);
  justify-content: center;
}
.c-card.u-about-chart .u-count_discription {
  font-size: clamp(1.1rem, 1.43vw, 1.4rem);
  text-align: center;
}
.c-card.u-about-benefit {
  padding: clamp(1.5rem, 1.95vw, 4rem);
}
.c-card.u-about-benefit .c-icon {
  display: block;
  height: 50px;
  margin: 0 auto 20px;
}
.c-card.u-about-benefit dt {
  color: var(--color-main);
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
  line-height: 1.5;
  margin-bottom: 14px;
  text-align: center;
}
@media screen and (width <= 767px) {
  .c-card.u-about-benefit {
    display: flex;
    gap: 28px;
    padding: 25px 30px 30px;
  }
  .c-card.u-about-benefit .c-icon {
    height: 44px;
    margin: 0;
  }
  .c-card.u-about-benefit dt {
    margin-bottom: 10px;
    text-align: left;
  }
}

.p-cards.u-about-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.p-cards.u-about-benefits > * {
  max-width: calc(33.3333333333% - 20px);
}
@media screen and (width <= 767px) {
  .p-cards.u-about-benefits > * {
    max-width: 100%;
    width: 100%;
  }
}

/*    Sidebar
------------------------------------- */
.p-sidebar {
  box-sizing: border-box;
  height: 0;
  margin: 0 auto 0 0;
  max-width: var(--width-content);
  position: sticky;
  top: 150px;
  width: fit-content;
  z-index: 10;
}
@media screen and (width >= 1248px) {
  .p-sidebar {
    margin: 0 auto 0 calc((100% - var(--width-content)) / 2);
  }
}
.p-sidebar > .l-inner {
  max-width: var(--width-side);
  padding: 0 var(--padding-side_default);
}
.p-sidebar > .l-inner > nav > h2 {
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  font-weight: normal;
  margin-bottom: 14px;
}
.p-sidebar > .l-inner > nav > .p-list > li {
  font-size: var(--font-size_14);
  font-size: clamp(1.1rem, 1.43vw, 1.4rem);
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}
.p-sidebar > .l-inner > nav > .p-list > li.active::before {
  background: var(--color-main);
  border-radius: 100%;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  width: 4px;
}
.p-sidebar.at-page-journal {
  margin: 0 0 0 auto;
  width: 300px;
}
@media screen and (width >= 1248px) {
  .p-sidebar.at-page-journal {
    margin: 0 calc((100% - var(--width-content)) / 2) 0 auto;
  }
}
.p-sidebar.at-page-journal > .l-inner {
  padding: 0 15px;
  width: 100%;
}

@media screen and (width <= 767px) {
  .p-sidebar {
    display: none;
  }
}
.p-pagenation {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (width <= 767px) {
  .p-pagenation {
    gap: 0;
  }
}
.p-pagenation > li {
  display: block;
}
.p-pagenation > li > a {
  border-radius: 100%;
  display: block;
  font-size: clamp(1.4rem, 1.69vw, 1.6rem);
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  width: auto;
}
@media screen and (width <= 767px) {
  .p-pagenation > li > a {
    height: 26px;
    line-height: 26px;
    min-width: 26px;
  }
}
.p-pagenation > li > a:hover {
  color: var(--color-main);
}
.p-pagenation > li.active > a {
  background: var(--color-main);
  color: white;
  pointer-events: none;
}
.p-pagenation > li.disabled > a {
  pointer-events: none;
}
.p-pagenation > li.c-prev > a, .p-pagenation > li.c-next > a {
  border: 1px solid var(--color-main);
  border-radius: 4px;
  display: block;
  height: 32px;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 68px;
}
@media screen and (width <= 767px) {
  .p-pagenation > li.c-prev > a, .p-pagenation > li.c-next > a {
    width: 32px;
  }
}
.p-pagenation > li.c-prev > a::before, .p-pagenation > li.c-next > a::before {
  border-color: var(--color-main);
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.2s ease-in-out;
}
.p-pagenation > li.c-prev > a:hover, .p-pagenation > li.c-next > a:hover {
  background: var(--color-main);
  color: white;
}
.p-pagenation > li.c-prev > a:hover::before, .p-pagenation > li.c-next > a:hover::before {
  border-color: var(--color-white);
}
.p-pagenation > li.c-prev {
  margin-right: 30px;
}
@media screen and (width <= 767px) {
  .p-pagenation > li.c-prev {
    margin-right: 15px;
  }
}
.p-pagenation > li.c-prev > a::before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  content: "";
  height: 0.3em;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 0.3em;
}
.p-pagenation > li.c-next {
  margin-left: 30px;
}
@media screen and (width <= 767px) {
  .p-pagenation > li.c-next {
    margin-left: 15px;
  }
}
.p-pagenation > li.c-next > a::before {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  content: "";
  height: 0.3em;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3em;
}
@media screen and (width <= 767px) {
  .p-pagenation > li.c-prev {
    margin-right: 20px;
  }
  .p-pagenation > li.c-next {
    margin-left: 20px;
  }
}

/* Unique ------------------- */
/* Section stainabillity ---------- */
.u-stainabillity-banner {
  background: url("../images/sustainabillity/bg-sustainabillity.png") no-repeat center center/cover;
}
.u-stainabillity-banner .l-inner {
  display: grid;
  gap: 0 40px;
  grid-template-areas: "title image" "content image" "button image";
}
.u-stainabillity-banner .l-inner > .c-section_title {
  grid-area: title;
}
.u-stainabillity-banner .l-inner > .c-section_content {
  grid-area: content;
}
.u-stainabillity-banner .l-inner > .p-block_button {
  grid-area: button;
}
.u-stainabillity-banner .l-inner > .c-section_image {
  display: flex;
  flex-direction: column;
  grid-area: image;
  justify-content: center;
}
.u-stainabillity-banner .c-section_title {
  color: var(--color-white) !important;
}
.u-stainabillity-banner .c-section_title_en {
  color: var(--color-primary) !important;
  font-family: var(--font-family_libre);
}
.u-stainabillity-banner .c-discription > p {
  color: var(--color-white) !important;
  font-size: clamp(1.6rem, 2.08vw, 2.4rem) !important;
}
@media screen and (width <= 767px) {
  .u-stainabillity-banner {
    background: url("../images/sustainabillity/bg-sustainabillity_sp.png") no-repeat center center/cover;
  }
  .u-stainabillity-banner .l-inner {
    grid-template-areas: "title" "content" "image" "button";
  }
  .u-stainabillity-banner .l-inner > .c-section_title {
    padding-bottom: 30px;
  }
  .u-stainabillity-banner .l-inner > .p-block_button {
    grid-area: button;
  }
  .u-stainabillity-banner .l-inner > .c-section_image {
    display: block;
    padding: 0 20px 40px;
  }
  .u-stainabillity-banner .l-inner .p-block_button {
    display: flex;
    justify-content: center;
    padding: 0 20px;
  }
  .u-stainabillity-banner .l-inner .p-block_button > a {
    width: 100%;
  }
}

/* Swiper Customize ---------- */
/* フェードエフェクト 共通調整 */
.swiper-fade .swiper-slide {
  transition-property: opacity !important;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  background: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: 100%;
  color: var(--color-primary);
  height: 50px;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 50px;
  z-index: 10;
}
.swiper .swiper-button-prev.disabled,
.swiper .swiper-button-next.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  content: "";
  display: block;
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.2s ease-in-out;
  width: 6px;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
  background: var(--color-primary);
}
.swiper .swiper-button-prev:hover::after,
.swiper .swiper-button-next:hover::after {
  border-color: var(--color-white);
}
.swiper .swiper-button-prev::after {
  border-left: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.swiper .swiper-button-next::after {
  border-right: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  transform: translate(-50%, -50%) rotate(45deg);
}
.swiper .swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin-top: clamp(20px, 2.6vw, 25px);
  width: 100%;
}
@media screen and (width <= 767px) {
  .swiper .swiper-pagination {
    gap: 12px;
  }
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--color-main);
  border-radius: 100%;
  height: 10px;
  width: 10px;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.swiper.at_kv {
  margin: 0 auto;
  max-width: 1000px;
  min-width: 285px;
  overflow: visible;
  position: relative;
  width: clamp(80%, 100% - 100px, 90%);
}
.swiper.at_kv .swiper-slide > .l-inner {
  align-items: center;
  display: flex;
  position: relative;
}
.swiper.at_kv .swiper-slide > .l-inner::after {
  background: var(--color-gradation_01);
  border-radius: 10px;
  content: "";
  display: block;
  height: 100%;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 100%;
  z-index: -1;
}
.swiper.at_kv .swiper-slide > .l-inner > .c-image {
  width: 60%;
}
.swiper.at_kv .swiper-slide > .l-inner > .c-image > .c-image_wrap {
  border-radius: 10px 0 0 10px;
  flex-shrink: 0;
  padding-top: 80%;
  position: relative;
}
.swiper.at_kv .swiper-slide > .l-inner > .c-image > .c-image_wrap > .c-image_inner {
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.swiper.at_kv .swiper-slide .c-content {
  align-self: stretch;
  background: var(--color-white);
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.5rem, 1.95vw, 6rem) clamp(1.5rem, 1.95vw, 6rem) clamp(3rem, 3.91vw, 6rem) clamp(1.5rem, 1.95vw, 6rem);
  width: 40%;
}
.swiper.at_kv .swiper-slide .c-content > .c-categories {
  margin-bottom: 15px;
}
.swiper.at_kv .swiper-slide .c-content > .c-title {
  margin-bottom: 34px;
}
.swiper.at_kv .swiper-slide .c-content > .c-title > * {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
  -webkit-line-clamp: 3;
  line-height: 1.75;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (width <= 767px) {
  .swiper.at_kv .swiper-slide > .l-inner {
    flex-direction: column;
  }
  .swiper.at_kv .swiper-slide > .l-inner > .c-image {
    width: 100%;
  }
  .swiper.at_kv .swiper-slide > .l-inner > .c-image > .c-image_wrap {
    border-radius: 10px 10px 0 0;
    width: 100%;
  }
  .swiper.at_kv .swiper-slide .c-content {
    border-radius: 0 0 10px 10px;
    width: 100%;
  }
  .swiper.at_kv .swiper-slide .c-content > .c-categories {
    margin-bottom: 5px;
  }
  .swiper.at_kv .swiper-slide .c-content > .c-title {
    margin-bottom: 20px;
  }
  .swiper.at_kv .swiper-slide .c-content > .c-title > * {
    -webkit-line-clamp: 2;
    min-height: 3.5em;
  }
}
.swiper.at_kv .swiper-button_wrap {
  display: flex;
  justify-content: space-between;
  margin-left: -25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 50px);
  z-index: 20;
}
.swiper.at-overflow_right {
  overflow: visible;
  position: relative;
}
.swiper.at-overflow_right::before {
  background: var(--color-theme01);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  z-index: 20;
}
.swiper.at-overflow_right > .swiper-slide {
  width: calc(33.3333333333% - 12px);
  z-index: 1;
}
.swiper.at-overflow_right .swiper-button_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  width: 130px;
}
@media screen and (width <= 767px) {
  .swiper.at-overflow_right .swiper-button_wrap {
    display: none;
  }
}
.swiper.at-overflow_right .c-card.at-basic:not(:first-child) {
  margin-top: 0;
}
@media screen and (width <= 767px) {
  .swiper.at-overflow_right.u-tech_slide .swiper-button_wrap {
    display: flex;
    margin-top: 20px;
  }
}
.swiper.at-thumbnail {
  margin-bottom: 20px;
  overflow: visible;
  position: relative;
}
.swiper.at-thumbnail > .swiper-wrapper {
  overflow: hidden;
}
.swiper.at-thumbnail > .swiper-wrapper > .c-image_wrap {
  margin-bottom: 0 !important;
}
.swiper.at-thumbnail > .swiper-button_wrap,
.swiper.at-thumbnail > .swiper-pagination {
  display: none;
}
.swiper.at-thumbnail.show-button > .swiper-button_wrap {
  display: flex;
  justify-content: space-between;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 50px);
  z-index: 10;
}
@media screen and (width <= 767px) {
  .swiper.at-thumbnail.show-button > .swiper-button_wrap {
    width: 100%;
  }
}
.swiper.at-thumbnail .c-slide_caption {
  font-size: 12px;
  padding-bottom: 0;
  padding-top: 10px;
}
@media screen and (width <= 767px) {
  .swiper.at-thumbnail {
    margin-bottom: 0;
  }
  .swiper.at-thumbnail > .swiper-button_wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 20;
  }
  .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-prev,
  .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-next {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
  }
  .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-prev::after,
  .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-next::after {
    border-color: var(--color-white);
    border-width: 3px;
    height: 13px;
    width: 13px;
  }
  .swiper.at-thumbnail > .swiper-pagination {
    display: flex;
  }
}

.l-container.at-bg_theme03 .swiper.at-overflow_right.u-tech_slide::before {
  background: var(--color-theme03);
}

.l-container.at-bg_white .swiper.at-overflow_right.u-tech_slide::before {
  background: var(--color-white);
}

@media screen and (width <= 767px) {
  .swiper-thumbnail {
    display: none !important;
  }
}
.u-text_theme03 {
  color: rgb(110, 162, 181);
}

.u-modal > .p-section {
  left: 50%;
  max-height: 100%;
  max-width: calc(var(--width-content) + var(--padding-side_sp) * 2);
  overflow-y: auto;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 101;
}
.u-modal > .p-section > .l-container {
  padding: 0 var(--padding-side_sp);
}
.u-modal > .p-section > .l-container > .l-inner {
  background: var(--color-theme01);
  border-radius: 10px;
  box-sizing: border-box;
  margin: initial;
  max-width: var(--width-content);
  padding: 60px 40px;
  position: relative;
}
.u-modal > .p-section > .l-container > .l-inner .close-button {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: clamp(1.1rem, 1.43vw, 1.4rem);
  position: absolute;
  right: 30px;
  top: 20px;
  transition: all 0.2s ease-in-out;
}
@media screen and (width <= 767px) {
  .u-modal > .p-section > .l-container > .l-inner .close-button {
    right: 15px;
    top: 15px;
  }
}
.u-modal > .p-section > .l-container > .l-inner .close-button:hover {
  opacity: 0.6;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon {
  border: 1px solid var(--color-main);
  border-radius: 100%;
  display: block;
  height: 20px;
  margin-right: 0.5em;
  position: relative;
  width: 20px;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::before, .u-modal > .p-section > .l-container > .l-inner .close-button_icon::after {
  background: var(--color-main);
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 10px;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (width <= 767px) {
  .u-modal > .p-section > .l-container > .l-inner {
    padding: 60px 20px 20px;
  }
}
.u-modal form {
  padding-bottom: 40px;
}
.u-modal form .form-content {
  box-sizing: border-box;
  font-size: clamp(1.1rem, 1.43vw, 1.4rem);
}
.u-modal form .form-content > .at-lv4 {
  color: var(--color-main);
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
  margin-bottom: 16px;
}
.u-modal form .form-content > ul.checkbox.p-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
@media screen and (width <= 767px) {
  .u-modal form .form-content > ul.checkbox.p-list {
    gap: 20px;
  }
}
.u-modal form .form-content > ul.checkbox.p-list > li {
  display: block;
  min-width: 220px;
  padding-left: 30px;
  padding-right: 20px;
  width: 20%;
}
@media screen and (width <= 767px) {
  .u-modal form .form-content > ul.checkbox.p-list > li {
    min-width: initial;
    padding-right: 0;
    width: calc(50% - 10px);
  }
}
.u-modal form .form-content > ul.checkbox input[type=checkbox] {
  display: none;
}
.u-modal form .form-content > ul.checkbox input[type=checkbox] + label {
  position: relative;
  word-wrap: break-word;
}
.u-modal form .form-content > ul.checkbox input[type=checkbox] + label::before {
  background: var(--color-white);
  border: 1px solid rgb(109, 162, 181);
  content: "";
  display: block;
  height: 20px;
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.u-modal form .form-content > ul.checkbox input[type=checkbox] + label::before {
  border-radius: 2px;
}
.u-modal form .form-content > ul.checkbox input[type=radio]:checked + label::after {
  background: rgb(109, 162, 181);
  border-radius: 100%;
  content: "";
  display: block;
  height: 14px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.u-modal form .form-content > ul.checkbox input[type=checkbox]:checked + label::before {
  background: rgb(46, 105, 128);
  border: 1px solid rgb(46, 105, 128);
  content: "";
  display: block;
  height: 20px;
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.u-modal form .form-content > ul.checkbox input[type=checkbox]:checked + label::after {
  background: transparent;
  border-bottom: 2px solid var(--color-white);
  border-left: 2px solid var(--color-white);
  content: "";
  display: block;
  height: 5px;
  left: -26px;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotate(-45deg);
  width: 12px;
}

.u-modal_result {
  border-top: 1px solid var(--color-theme02);
}
@media screen and (width <= 767px) {
  .u-modal_result {
    margin-bottom: 0 !important;
  }
}
.u-modal_result > * {
  font-size: var(--font-size_basic);
  margin: 20px auto;
  text-align: center;
}
.u-modal_result > * > strong {
  color: var(--color-primary);
  font-family: var(--font-family_libre);
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
  margin: 0 0.1em;
}
.u-modal_result > .c-button.at-round {
  align-items: center;
  background: var(--color-primary);
  color: white;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.u-modal_result > .c-button.at-round > svg {
  margin-right: 10px;
  position: initial;
  transform: scale(1.8) translateY(1px);
}
.u-modal_result > .c-button.at-round > svg > path {
  fill: white;
}
.u-modal_result > .c-button.at-round:hover {
  background: white;
  color: var(--color-primary);
}
.u-modal_result > .c-button.at-round:hover > svg > path {
  fill: var(--color-primary);
}

.u-modal-back {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 100;
}

.u-tooltip-trigger {
  color: var(--color-primary);
  cursor: pointer;
}
.u-tooltip-trigger::after {
  content: "*";
  display: inline;
}

.u-tooltip-info {
  display: none;
}

/* -------------------------------------
    TOPPAGE
------------------------------------- */
/*
    Common
------------------------------------- */
.p-main.page-top {
  overflow: hidden;
}
.p-main.page-top .u-sus_banner {
  position: fixed;
  bottom: 60px;
  right: clamp(5px, 4vw, 200px);
  width: clamp(150px, 18vw, 320px);
  z-index: 10;
}
@media screen and (width <= 767px) {
  .p-main.page-top .u-sus_banner {
    bottom: 30px;
  }
}
.p-main.page-top .u-sus_banner.old {
  width: 240px;
  right: 40px;
}
@media screen and (width <= 767px) {
  .p-main.page-top .u-sus_banner.old {
    width: 41vw;
    right: 15px;
  }
}
.p-main.page-top .p-main_content > .l-container {
  background: var(--color-background_base);
}
.p-main.page-top .p-section {
  position: relative;
}
.p-main.page-top .p-section .c-title_background {
  color: var(--color-main);
  font-family: var(--font-family_libre);
  font-size: 16rem;
  mix-blend-mode: multiply;
  opacity: 0.07;
  position: absolute;
  white-space: nowrap;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section .c-title_background {
    font-size: 16vw;
  }
}
.p-main.page-top .p-section.at-about {
  position: relative;
}
.p-main.page-top .p-section.at-about .c-filter {
  bottom: 0;
  height: calc(100% + 100vh);
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  z-index: -4;
}
.p-main.page-top .p-section.at-rnsquare {
  background: linear-gradient(0deg, rgb(var(--color-rnsquare)/0%) 49.99%, rgb(var(--color-rnsquare)/100%) 50%);
  overflow: hidden;
}
.p-main.page-top .p-section.at-sustainabillity {
  background: url("../images/sustainabillity/bg-sustainabillity.png") center center/cover no-repeat;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section.at-sustainabillity {
    background: url("../images/sustainabillity/bg-sustainabillity_sp.png") center center/cover no-repeat;
  }
}
.p-main.page-top .p-section.at-sustainabillity .c-section_block_1st > .c-section_title > h2 > span,
.p-main.page-top .p-section.at-sustainabillity .c-section_block_1st > .c-section_content > .c-discription {
  color: var(--color-white) !important;
}
.p-main.page-top .p-section.at-recruit {
  background: var(--color-main02);
}
.p-main.page-top .p-section > .l-container {
  padding: 10rem 0;
  position: relative;
}
.p-main.page-top .p-section > .l-container > * {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--width-content);
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container > * {
    flex-wrap: wrap;
  }
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container > .l-inner {
    padding: 0 var(--padding-side_sp);
  }
}
.p-main.page-top .p-section > .l-container .c-section_title {
  padding: 0;
}
.p-main.page-top .p-section > .l-container .c-section_title > * .c-section_title_en {
  color: var(--color-primary);
  display: block;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container .c-section_title > * .c-section_title_en {
    margin-bottom: 15px;
  }
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container .c-section_title > * {
    font-size: var(--font-size_24);
  }
  .p-main.page-top .p-section > .l-container .c-section_title > * .c-section_title_en {
    font-size: 0.58em;
  }
}
.p-main.page-top .p-section > .l-container .c-section_title ~ * {
  margin: 3.8rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container .c-section_title ~ * {
    margin: 2rem 0 0;
  }
}
.p-main.page-top .p-section > .l-container .c-section_content .p-block_button {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 3.8rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container .c-section_content .p-block_button {
    align-items: center;
    bottom: 6rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
  }
  .p-main.page-top .p-section > .l-container .c-section_content .p-block_button .c-button {
    max-width: 30rem;
    width: calc(100% - var(--padding-side_sp) * 2);
  }
}
.p-main.page-top .p-section > .l-container .c-section_content .c-discription .c-main_text {
  font-size: clamp(1.8rem, 2.34vw, 2.4rem);
}
.p-main.page-top .p-section > .l-container .c-section_content .c-discription .c-main_text > span {
  display: inline-block;
}
.p-main.page-top .p-section > .l-container .c-section_block_3rd {
  padding-top: 40px;
}
.p-main.page-top .p-section > .l-container .c-section_block_3rd .p-block_button {
  display: flex;
  justify-content: flex-end;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-section > .l-container .c-section_block_3rd .p-block_button {
    justify-content: center;
  }
  .p-main.page-top .p-section > .l-container .c-section_block_3rd .p-block_button > .c-button {
    max-width: 30rem;
    width: 100%;
  }
}

/*
    Parts
------------------------------------- */
.p-slider.at-interlocked {
  display: flex;
  flex-grow: 100;
  gap: 2.4rem;
}
.p-slider.at-interlocked .p-list.at-image {
  min-height: 52.2rem;
  position: relative;
  width: 100%;
}
.p-slider.at-interlocked .p-list.at-image li {
  width: 100% !important;
}
.p-slider.at-interlocked .p-list.at-image .swiper-slide {
  position: relative;
  width: 100% !important;
  z-index: 1;
}
.p-slider.at-interlocked .p-list.at-image .swiper-slide.current-slide {
  z-index: 5;
}
.p-slider.at-interlocked .p-list.at-button {
  width: 100%;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail {
  align-items: center;
  display: flex;
  filter: saturate(0);
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  gap: 1rem;
  justify-content: flex-start;
  padding: 1.8rem 1rem;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(1) {
  font-family: var(--font-family_archive);
  font-weight: 700;
  opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(2) {
  opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(3) {
  margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater {
  background: url("../images/common/icon/icon-arrow_right_gray.svg") center center/5px no-repeat;
  opacity: 0.4;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle {
  display: block;
  transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle circle {
  fill: transparent;
  stroke: var(--color-disabled);
  stroke-dasharray: 154;
  stroke-width: 1px;
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .thumbnail {
  background: var(--color-white);
  filter: drop-shadow(0 0 10px rgba(109, 162, 181, 0.5));
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .thumbnail > *:nth-of-type(1) {
  color: var(--color-primary);
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .thumbnail > *:nth-of-type(2) {
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .thumbnail > *:nth-of-type(3) {
  margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .c-mater {
  background: url("../images/common/icon/icon-arrow_right_or.svg") center center/5px no-repeat;
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .c-mater .mater_circle {
  display: block;
  transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li.swiper-slide-thumb-active .c-mater .mater_circle circle {
  animation: circlar_motion ease 5s infinite;
  stroke: var(--color-primary);
}
@keyframes circlar_motion {
  from {
    stroke-dashoffset: 154;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media screen and (width <= 767px) {
  .p-slider.at-works > .l-flex.at-between_bottom {
    display: block !important;
  }
}

.p-slider.at-interlocked {
  display: flex;
  flex-grow: 100;
  gap: 2.4rem;
}
.p-slider.at-interlocked .u-slider_tech {
  width: 65%;
}
.p-slider.at-interlocked .p-list.at-image {
  aspect-ratio: 792/528;
  min-height: 52.2rem;
  position: relative;
  width: 100%;
}
.p-slider.at-interlocked .p-list.at-image li {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
}
.p-slider.at-interlocked .p-list.at-image li.active {
  opacity: 1;
  z-index: 5;
}
.p-slider.at-interlocked .p-list.at-button {
  width: 100%;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail {
  align-items: center;
  display: flex;
  filter: saturate(0);
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  gap: 1rem;
  justify-content: flex-start;
  padding: 1.8rem 1rem;
  transition: all 0.2s ease-in-out;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(1) {
  font-family: var(--font-family_archive);
  font-weight: 700;
  opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(2) {
  opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(3) {
  margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater {
  background: url("../images/common/icon/icon-arrow_right_gray.svg") center center/5px no-repeat;
  opacity: 0.4;
  transition: all 0.2s ease-in-out;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle {
  display: block;
  transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle circle {
  fill: transparent;
  stroke: var(--color-disabled);
  stroke-dasharray: 154;
  stroke-width: 1px;
}
.p-slider.at-interlocked .p-list.at-button li.active .thumbnail {
  background: var(--color-white);
  filter: drop-shadow(0 0 10px rgba(109, 162, 181, 0.5));
}
.p-slider.at-interlocked .p-list.at-button li.active .thumbnail > *:nth-of-type(1) {
  color: var(--color-primary);
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.active .thumbnail > *:nth-of-type(2) {
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.active .thumbnail > *:nth-of-type(3) {
  margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li.active .c-mater {
  background: url("../images/common/icon/icon-arrow_right_or.svg") center center/5px no-repeat;
  opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.active .c-mater .mater_circle {
  display: block;
  transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li.active .c-mater .mater_circle circle {
  animation: circlar_motion ease 5s infinite;
  animation-play-state: running;
  stroke: var(--color-primary);
}
@keyframes circlar_motion {
  from {
    stroke-dashoffset: 154;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.kerning {
  letter-spacing: -0.3em;
}

.p-main.page-top .p-main_content {
  /*
      Keyvisual
  ------------------------------------- */
  /*
      Keyvisual News
  ------------------------------------- */
  /*
      About
  ------------------------------------- */
  /*
      RNSquare
  ------------------------------------- */
  /*
      Technology
  ------------------------------------- */
  /*
      Works
  ------------------------------------- */
  /*
      Sustainabillity
  ------------------------------------- */
  /*
      Recruit
  ------------------------------------- */
  /*
      News
  ------------------------------------- */
}
.p-main.page-top .p-main_content .p-movie_area {
  /* 修正用に追加 */
  /* 修正用に追加 ここまで */
}
.p-main.page-top .p-main_content .p-movie_area .p-background {
  height: 100svh;
  left: 50%;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -5;
  object-fit: cover;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title h1 {
  color: var(--color-black);
  filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
  font-size: clamp(48px, 3vw, 68px);
  letter-spacing: 0.3em;
  text-align: center;
  transition: color 2s;
  white-space: nowrap;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title h1.kvloaded {
  color: #fff;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title h1 {
    font-size: 7vw;
  }
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title h1 .c-en {
  display: block;
  font-family: var(--font-family_libre);
  font-size: 0.415em;
  letter-spacing: 0.28em;
  margin: 1em auto 0;
  width: fit-content;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title.kvloaded h1 {
  color: #fff;
}
.p-main.page-top .p-main_content .p-movie_area .p-background_movie {
  height: 0;
  left: 50%;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -5;
}
.p-main.page-top .p-main_content .p-movie_area .p-background_movie .l-inner {
  height: 100vh;
  position: relative;
  top: 0;
}
.p-main.page-top .p-main_content .p-movie_area .p-background_movie .l-inner video {
  left: 50%;
  min-height: 100vh;
  min-width: 100vw;
  object-fit: cover;
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%);
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-movie_area .p-background_movie .l-inner video {
    height: 100vh;
    min-height: auto;
    min-width: auto;
    width: 100%;
  }
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container {
  height: 100vh;
  padding: 0;
  position: relative;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner {
  display: block;
  height: 100%;
  margin: 0;
  max-width: none;
  padding: 0;
  position: relative;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title h1 {
  color: var(--color-black);
  filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
  font-size: clamp(48px, 3vw, 68px);
  letter-spacing: 0.3em;
  text-align: center;
  transition: color 2s;
  white-space: nowrap;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title h1.kvloaded {
  color: #fff;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title h1 {
    font-size: 7vw;
  }
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title h1 .c-en {
  display: block;
  font-family: var(--font-family_libre);
  font-size: 0.415em;
  letter-spacing: 0.28em;
  margin: 1em auto 0;
  width: fit-content;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title.kvloaded h1 {
  color: #fff;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .bg-logo {
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 0;
}
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .bg-logo > * {
  height: 100%;
  max-height: calc(100vh - 60px);
  max-width: 90vw;
  min-width: 700px;
  object-fit: contain;
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .bg-logo {
    right: -45px;
  }
  .p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .bg-logo > * {
    max-width: calc(100vw - 45px);
    min-width: initial;
  }
}
.p-main.page-top .p-main_content .c-section_block_news {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.p-main.page-top .p-main_content .c-section_block_news.bottom-full {
  bottom: 100%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .c-section_block_news {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner {
  align-items: center;
  background: var(--color-white);
  border-radius: 0 2px 2px 0;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  min-width: 76.5rem;
  padding: 1.5rem 2rem 1.5rem 4rem;
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .c-section_block_news > .l-inner {
    min-width: auto;
    padding: 2rem;
  }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left {
  align-items: center;
  display: flex;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left {
    display: block;
    width: calc(100% - 8rem);
  }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left .c-date {
  color: var(--color-lightgray);
  font-family: var(--font-family_libre);
  font-size: var(--font-size_14);
  min-width: 10rem;
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left .c-title {
  display: block;
  font-size: var(--font-size_14);
  max-width: 70rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (width <= 1199px) {
  .p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left .c-title {
    max-width: 59vw;
    width: 100%;
  }
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left .c-title {
    max-width: none;
    width: 100%;
  }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .c-block_button {
  flex-shrink: 0;
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .c-block_button > * {
  font-size: var(--font-size_12);
  min-width: 6.7rem;
  padding: 0.6rem 1rem;
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .c-block_button > * .c-icon {
  margin: 0 0 0 0.5rem;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .c-section_block_news > .l-inner .c-block_button > * {
    padding: 1rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-about .c-title_background {
  color: var(--color-white);
  mix-blend-mode: screen;
  opacity: 0.1;
  top: 18rem;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-about .c-title_background {
    top: 2rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container {
  padding: 30rem 0 13rem;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-about > .l-container {
    padding: 4.5rem 0 13rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container > .l-inner {
  gap: clamp(2rem, 6vw, 8rem);
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st {
  max-width: 50rem;
  width: 60%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st {
    width: 100%;
  }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_title > * {
  color: var(--color-white);
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_content {
  color: var(--color-white);
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_content .c-discription .c-main_text {
  font-size: var(--font-size_30);
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_content .c-discription .c-sub_text {
  font-size: var(--font-size_18);
  margin: 3rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_content .c-discription .c-main_text {
    font-size: var(--font-size_20);
  }
  .p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_1st .c-section_content .c-discription .c-sub_text {
    font-size: var(--font-size_16);
    margin: 2rem 0 0;
  }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container .c-section_block_2nd {
  padding: 6rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section .c-title_background {
    top: 1rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container {
  padding: 8rem 0 10rem;
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container > * {
  display: block;
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container .c-section_block_1st .c-section_title > * {
  color: var(--color-white);
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container .c-section_block_2nd {
  margin: 6rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container .c-section_block_2nd {
    margin-top: 4rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container .c-section_block_2nd .c-section_content .swiper .swiper-pagination {
  margin-top: 4rem;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container {
    padding: 5rem 0 3rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-technology .c-title_background {
  right: 0;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container {
  padding: 7rem 0 8rem;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container > * {
  display: block;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_1st .c-section_content .p-slider.at-tech {
  display: flex;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd {
  margin: 6rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd {
    margin-top: 3rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider {
  max-height: 528px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container.at-tech-slider {
  flex-grow: 1;
  overflow-y: hidden;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container.at-tech-slider_thumbnails {
  flex-shrink: 0;
  max-width: 384px;
  width: 35%;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container.at-tech-slider_thumbnails > .swiper-wrapper > .swiper-slide {
  cursor: pointer;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container > .swiper-slide {
  border-radius: 4px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container > .swiper-slide > .c-image_wrap {
  height: 100%;
  width: 100%;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-slider > .swiper-container > .swiper-notification {
  display: none;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li:not(:last-child) {
  margin-bottom: 15px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .c-image_wrap {
  aspect-ratio: 375/231;
  border-radius: 4px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .c-image_wrap > img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .thumbnail {
  align-items: center;
  background: var(--color-white);
  display: flex;
  padding: 10px 15px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .thumbnail > .c-number {
  color: var(--color-primary);
  font-family: var(--font-family_archivo);
  font-size: 18px;
  margin-right: 10px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .thumbnail > .c-title {
  font-size: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .thumbnail > .c-mater {
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  height: 40px;
  margin-left: auto;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 40px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a .thumbnail > .c-mater::after {
  border-right: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  content: "";
  display: block;
  height: 5px;
  left: 48%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: all 0.2s ease-in-out;
  width: 5px;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a:hover .thumbnail > .c-mater {
  background: var(--color-primary);
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container .c-section_block_2nd .p-list.at-tech_sp > li > a:hover .thumbnail > .c-mater::after {
  border-color: white;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-technology > .l-container {
    padding: 3rem 0;
  }
}
.p-main.page-top .p-main_content .p-section.at-works {
  overflow: hidden;
}
.p-main.page-top .p-main_content .p-section.at-works .u-works_backgrond {
  left: 0;
  position: absolute;
  top: 0;
}
.p-main.page-top .p-main_content .p-section.at-works > .l-container {
  padding: 14rem 0 8rem;
}
.p-main.page-top .p-main_content .p-section.at-works > .l-container > * {
  display: block;
}
.p-main.page-top .p-main_content .p-section.at-works > .l-container .c-section_block_2nd {
  margin: 4rem 0 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-works > .l-container {
    padding: 3rem 0 6rem;
  }
  .p-main.page-top .p-main_content .p-section.at-works > .l-container .c-section_block_2nd .c-button {
    margin: 40px auto 0;
    max-width: 30rem;
    width: 100%;
  }
}
.p-main.page-top .p-main_content .p-section.at-sustainabillity .c-title_background {
  color: var(--color-white);
  mix-blend-mode: screen;
  opacity: 0.15;
  right: 0;
}
.p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container {
  padding: 9rem 0;
}
.p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_1st {
  max-width: 54rem;
  width: 100%;
}
.p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_2nd {
  align-items: center;
  display: flex;
  max-width: 58rem;
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_2nd {
    margin: 4rem 0 6rem;
  }
  .p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_2nd .c-section_content {
    width: 100%;
  }
  .p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner {
    width: 100%;
  }
  .p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .c-image_wrap {
    margin: 0 auto;
    min-width: 29rem;
    width: 80%;
  }
}
.p-main.page-top .p-main_content .p-section.at-recruit .c-title_background {
  color: var(--color-white);
  mix-blend-mode: screen;
  opacity: 0.07;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container {
  max-height: 659px;
  overflow-y: hidden;
  padding: 0;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner {
    padding: 0;
  }
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st {
  max-width: 58rem;
  padding: 14rem 0;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_title > * {
  color: var(--color-white);
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_content {
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st {
    padding: 6rem var(--padding-side_sp) 0;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_content {
    margin: 3rem 0 5rem;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_content .p-block_button {
    display: block;
    margin: 3.8rem auto 0;
    position: static;
    transform: none;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_content .p-block_button > * > a {
    margin: 0 auto;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_1st .c-section_content .p-block_button > *:first-child {
    margin-bottom: 1.5rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd {
  overflow: hidden;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner {
  display: flex;
  gap: 2rem;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling.at-left {
  animation: scrollToBottom 30s infinite linear;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling.at-right {
  animation: scrollToTop 30s infinite linear;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner {
    gap: 5px;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling {
    flex-direction: row;
    gap: 5px;
  }
  .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling.at-left, .p-main.page-top .p-main_content .p-section.at-recruit > .l-container > .l-inner .c-section_block_2nd .c-section_content .l-inner .p-list.at-recruit_scrolling.at-right {
    animation: none;
  }
}
.p-main.page-top .p-main_content .p-section.at-news .c-title_background {
  right: 0;
}
.p-main.page-top .p-main_content .p-section.at-news > .l-container {
  padding: 15rem 0 11.6rem;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-news > .l-container {
    padding: 3.6rem 0 6rem;
  }
}
.p-main.page-top .p-main_content .p-section.at-news > .l-container .c-section_block_2nd {
  max-width: 89.4rem;
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-main.page-top .p-main_content .p-section.at-news > .l-container .c-section_block_2nd {
    margin: 0 0 8.5rem;
  }
}

@keyframes scrollToTop {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scrollToBottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
/*
    English
------------------------------------- */
.p-main.page-top .p-main_content .p-movie_area .p-section.at-keyvisual > .l-container > .l-inner .c-section_title h1 .c-en.u-singlecatchcopy {
  font-size: clamp(1.2rem, 2.34vw, 4rem);
}

/*-----------*/
.p-background_movie_01 {
  height: 100vh;
  left: 50%;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}
.p-background_movie_01 .c-catchcopy {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 1;
}
.p-background_movie_01 .c-catchcopy h1 {
  color: var(--color-black);
  filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
  font-size: clamp(48px, 3vw, 68px);
  letter-spacing: 0.3em;
  text-align: center;
  transition: color 2s;
  white-space: nowrap;
}
.p-background_movie_01 .c-catchcopy h1.kvloaded {
  color: #fff;
}
@media screen and (width <= 767px) {
  .p-background_movie_01 .c-catchcopy h1 {
    font-size: 7vw;
  }
}
.p-background_movie_01 .c-catchcopy h1 .c-en {
  display: block;
  font-family: var(--font-family_libre);
  font-size: 0.415em;
  letter-spacing: 0.28em;
  margin: 1em auto 0;
  width: fit-content;
}
.p-background_movie_01 .c-catchcopy.kvloaded h1 {
  color: #fff;
}
.p-background_movie_01 video {
  left: 50%;
  min-height: 100vh;
  min-width: 100vw;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* -------------------------------------
    Contact
------------------------------------- */
.c-indicator {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  overflow-x: hidden;
  position: relative;
}
.c-indicator::after {
  background: rgb(240, 240, 231);
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 18px;
  width: 100%;
  z-index: -2;
}
.c-indicator_index .c-indicator_num {
  background: var(--color-white);
  border: 1px solid var(--color-main);
  border-radius: 100%;
  color: var(--color-main);
  display: block;
  font-family: var(--font-family_libre);
  font-size: var(--font-size_basic);
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
}
.c-indicator_index .c-indicator_title {
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

#webapp_form0,
#webapp_confirm,
#thank_you {
  margin-bottom: 100px;
}
@media screen and (width <= 767px) {
  #webapp_form0,
  #webapp_confirm,
  #thank_you {
    margin-bottom: 60px;
  }
}

#webapp_form0 .c-indicator_index:nth-child(1) .c-indicator_num {
  background: var(--color-main);
  color: var(--color-white);
}
#webapp_form0 .c-indicator_index:nth-child(1) .c-indicator_num::before {
  background: var(--color-main);
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 100%;
  top: 18px;
  width: 30vw;
  z-index: -1;
}

#webapp_confirm .c-indicator_index:nth-child(1) .c-indicator_num::before, #webapp_confirm .c-indicator_index:nth-child(2) .c-indicator_num::before {
  background: var(--color-main);
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 100%;
  top: 18px;
  width: 30vw;
  z-index: -1;
}
#webapp_confirm .c-indicator_index:nth-child(2) .c-indicator_num {
  background: var(--color-main);
  color: var(--color-white);
}

#thank_you .c-indicator_index:nth-child(1) .c-indicator_num::before, #thank_you .c-indicator_index:nth-child(2) .c-indicator_num::before, #thank_you .c-indicator_index:nth-child(3) .c-indicator_num::before {
  background: var(--color-main);
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 100%;
  top: 18px;
  width: 30vw;
  z-index: -1;
}
#thank_you .c-indicator_index:nth-child(3) .c-indicator_num {
  background: var(--color-main);
  color: var(--color-white);
}
#thank_you .c-indicator_index:nth-child(3) .c-indicator_num::after {
  background: var(--color-main);
  content: "";
  display: block;
  height: 4px;
  left: 100%;
  position: absolute;
  top: 18px;
  width: 30vw;
  z-index: -1;
}
#thank_you .title_lv2 {
  display: none;
}
#thank_you .c-section_content {
  margin-bottom: 24px;
}
#thank_you .c-section_content:not(:first-child) {
  margin-top: 60px;
}
@media screen and (width <= 767px) {
  #thank_you .c-section_content:not(:first-child) {
    margin-top: 40px;
  }
}
#thank_you .c-section_content .c-discription > * {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}

.section_title,
.section_margin {
  box-sizing: border-box;
  margin: 0 auto 40px;
  max-width: var(--width-content_2column);
  padding: 0 var(--padding-side_default);
}
@media screen and (width <= 767px) {
  .section_title,
  .section_margin {
    padding: var(--padding-side_sp);
  }
}

.title_lv1,
.title_lv2 {
  font-size: clamp(2rem, 2.6vw, 3.2rem);
  margin-bottom: 55px;
  padding-bottom: 19px;
  position: relative;
}
.title_lv1::after,
.title_lv2::after {
  background: transparent linear-gradient(60deg, rgb(46, 105, 128) 0%, #eaa46f 100%, #f0a66e 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 80px;
}
@media screen and (width <= 767px) {
  .title_lv1,
  .title_lv2 {
    margin-bottom: 30px;
  }
}

form > .c-section_content {
  margin-bottom: 24px;
}
form > .c-section_content:not(:first-child) {
  margin-top: 60px;
}
@media screen and (width <= 767px) {
  form > .c-section_content:not(:first-child) {
    margin-top: 40px;
  }
}
form > .c-section_content.at-indicator {
  margin: 60px 0;
}
@media screen and (width <= 767px) {
  form > .c-section_content.at-indicator {
    margin: 30px 0;
  }
}
form > .c-section_content .c-discription > * {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}
form > .c-section_content.at-aligned_center > * {
  margin: inherit auto;
  text-align: center;
}
@media screen and (width <= 767px) {
  form > .c-section_content.at-aligned_center > * {
    margin: initial;
    text-align: initial;
  }
}

.form-item {
  border-bottom: 1px solid rgb(227, 234, 220);
  display: table;
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  table-layout: fixed;
  text-align: left;
  width: 100%;
}
@media screen and (width <= 767px) {
  .form-item {
    display: block;
  }
}
.form-item label {
  font-size: var(--font-size_basic);
}
.form-item input[type=text],
.form-item input[type=email],
.form-item input[type=tel],
.form-item input[type=number],
.form-item input[type=date],
.form-item select {
  background: var(--color-white);
  border: 1px solid rgb(109, 162, 181);
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px;
}
.form-item input[type=text] ::placeholder,
.form-item input[type=email] ::placeholder,
.form-item input[type=tel] ::placeholder,
.form-item input[type=number] ::placeholder,
.form-item input[type=date] ::placeholder,
.form-item select ::placeholder {
  color: rgb(207, 213, 211);
}
.form-item input[type=text],
.form-item input[type=email],
.form-item input[type=date] {
  max-width: 100%;
  width: 100%;
}
.form-item input[type=radio],
.form-item input[type=checkbox] {
  display: none;
}
.form-item input[type=radio] + label,
.form-item input[type=checkbox] + label {
  padding-left: 30px;
  position: relative;
}
.form-item input[type=radio] + label::before,
.form-item input[type=checkbox] + label::before {
  background: var(--color-white);
  border: 1px solid rgb(109, 162, 181);
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.form-item input[type=radio] + label::before {
  border-radius: 100%;
}
.form-item input[type=checkbox] + label::before {
  border-radius: 2px;
}
.form-item input[type=radio]:checked + label::after {
  background: rgb(109, 162, 181);
  border-radius: 100%;
  content: "";
  display: block;
  height: 14px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.form-item input[type=checkbox]:checked + label::before {
  background: rgb(46, 105, 128);
  border: 1px solid rgb(46, 105, 128);
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.form-item input[type=checkbox]:checked + label::after {
  background: transparent;
  border-bottom: 2px solid var(--color-white);
  border-left: 2px solid var(--color-white);
  content: "";
  display: block;
  height: 5px;
  left: 4px;
  position: absolute;
  top: 44%;
  transform: translateY(-50%) rotate(-45deg);
  width: 12px;
}
.form-item select {
  width: 100%;
}
.form-item textarea {
  background: var(--color-white);
  border: 1px solid rgb(109, 162, 181);
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px;
  width: 100%;
}
.form-item ::placeholder {
  color: rgb(207, 213, 211);
}
.form-item > .form-title,
.form-item > .form-content {
  box-sizing: border-box;
  display: table-cell;
  font-size: 14px;
  padding: 20px;
  vertical-align: middle;
}
.form-item > .form-title {
  background: rgb(240, 240, 231);
  width: 33.3333333333%;
}
.form-item > .form-title > .icon-required {
  background: rgb(214, 32, 32);
  border-radius: 2px;
  color: var(--color-white);
  float: right;
  margin: 0 0 0 auto;
  padding: 2px 5px;
}
@media screen and (width <= 767px) {
  .form-item > .form-title {
    display: block;
    padding: 10px 15px;
    width: 100%;
  }
  .form-item > .form-title > .icon-required {
    display: inline-block;
    float: none;
    font-size: 12px;
    margin-left: 0.5em;
  }
  .form-item > .form-content {
    display: block;
    padding: 15px 0;
    width: 100%;
  }
}
.form-item > .form-content > .form-item > .form-title {
  background: transparent;
  width: 7em;
}
.form-item .form-cap {
  color: rgb(143, 150, 148);
  display: block;
  font-size: clamp(1.1rem, 1.43vw, 1.4rem);
  margin-top: 5px;
}
.form-item ul.radio > li.radio-item {
  margin-bottom: 1rem;
}
@media screen and (width <= 767px) {
  .form-item ul.radio > li.radio-item > input[type=text] {
    flex-shrink: 0;
    margin: 10px 0 0 !important;
    width: 100% !important;
  }
}
.form-item ul.checkbox > li.checkbox-item {
  display: inline-block;
  margin-right: 20px;
}

.cols {
  display: flex;
  gap: 10px 20px;
}
.cols > * {
  flex-shrink: 0;
}
@media screen and (width <= 767px) {
  .cols input[type=text] {
    max-width: 100%;
    width: 100%;
  }
}
.cols.name-group > li {
  align-items: center;
  display: flex;
  gap: 10px 20px;
  max-width: 50%;
}
.cols.name-group > li > span {
  display: block;
  font-size: 14px;
}
.cols.name-group input[type=text] {
  max-width: 200px;
  min-width: 120px;
  width: 30vw;
}
@media screen and (width <= 767px) {
  .cols.name-group {
    flex-wrap: wrap;
  }
  .cols.name-group > li {
    max-width: inherit;
    width: 100%;
  }
  .cols.name-group > li > input[type=text] {
    max-width: 100%;
    width: 100%;
  }
}
.cols.phone-group, .cols.zipcode-group {
  gap: initial;
}
.cols.phone-group > li, .cols.zipcode-group > li {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
}
.cols.phone-group > li input, .cols.zipcode-group > li input {
  box-sizing: border-box;
  min-width: auto !important;
  width: 100%;
}
.cols.phone-group > li {
  width: 33.3333333333%;
}
.cols.phone-group > li:last-child {
  width: calc(33.3333333333% - 2em);
}
.cols.phone-group > li:not(:last-child) {
  padding-right: 1em;
}
.cols.zipcode-group > li {
  width: 20%;
}
.cols.zipcode-group > li:first-child {
  width: calc(20% + 1.5em);
}
.cols.zipcode-group > li:not(:last-child) {
  padding-right: 1em;
}
.cols.zipcode-group > li:last-child {
  min-width: 132px;
}
.cols.button-set {
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
@media screen and (width <= 767px) {
  .cols.button-set {
    margin-top: 0;
  }
}
.cols.button-set > li {
  display: block;
  width: fit-content;
}

@media screen and (width <= 767px) {
  #webapp_form0 .cols.button-set {
    margin-top: 40px;
  }
}

.btn_default {
  background: var(--color-white);
  border: 1px solid var(--color-main);
  border-radius: 4px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px clamp(10px, 1.3vw, 25px);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.btn_default:hover {
  background: var(--color-main);
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .btn_default {
    font-size: 12px;
  }
}

.btn_send,
.btn_back {
  border-radius: 50px;
  box-sizing: border-box;
  color: var(--color-font_default);
  display: block;
  font-size: var(--font-size_basic);
  line-height: 1;
  min-width: 240px;
  padding: 1.1875em;
  position: relative;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.btn_send::after,
.btn_back::after {
  content: "";
  display: block;
  height: 0.5em;
  position: absolute;
  top: 50%;
  transition: all 0.2s ease-in-out;
  width: 0.5em;
}
.btn_send > em,
.btn_back > em {
  font-style: normal;
}
.btn_send:hover,
.btn_back:hover {
  background: var(--color-primary);
  color: white;
}
.btn_send:hover::after,
.btn_back:hover::after {
  color: white;
}

.btn_back {
  background: var(--color-white);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.btn_back::after {
  border-left: 1px solid var(--color-primary);
  border-top: 1px solid var(--color-primary);
  left: clamp(15px, 1.95vw, 20px);
  transform: translateY(-50%) rotate(-45deg);
}
.btn_back:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.btn_back:hover::after {
  border-color: var(--color-white);
}

.btn_send {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white);
}
.btn_send:hover {
  background: var(--color-white);
  color: var(--color-primary);
}

#webapp_confirm .form-title > .icon-required {
  display: none;
}
#webapp_confirm .u-input_only {
  display: none;
}

.error.fail-alert {
  color: rgb(214, 32, 32);
  margin-bottom: 0.3em;
}

/* Page Company ---------- */
/* Company TOP ---------- */
.u-company-top_kv {
  margin: 60px auto;
  max-width: 660px;
  min-width: 320px;
  width: 90%;
}
@media screen and (width <= 767px) {
  .u-company-top_kv {
    margin-bottom: 40px auto;
  }
}

.u-philosophy_message_main-visual.c-image_wrap {
  margin: auto;
  margin-bottom: 50px;
  max-width: 538px;
  min-width: 300px;
  width: 90%;
}
.u-philosophy_message_content {
  display: flex;
  flex-wrap: wrap;
}
.u-philosophy_message_content .c-section_image {
  flex-shrink: 0;
  padding-right: 40px;
  width: 50%;
}
@media screen and (width <= 767px) {
  .u-philosophy_message_content .c-section_image {
    padding: 0 45px;
    width: 100%;
  }
}
.u-philosophy_message_content > .c-section_content {
  width: 50%;
}
@media screen and (width <= 767px) {
  .u-philosophy_message_content > .c-section_content {
    width: 100%;
  }
}
.u-philosophy_message_content .c-section_copy > p {
  color: var(--color-main) !important;
  font-size: clamp(1.6rem, 2.08vw, 2.4rem) !important;
  line-height: 1.75;
}
.u-philosophy_message_sign {
  margin-top: 5px;
  max-width: 159px;
  min-width: 120px;
  width: 20vw;
}

.u-company_safety .c-section_image.u-slogan {
  max-width: 715px;
  width: 90%;
}
.u-company_safety .c-section_image.u-safety_message {
  width: 22rem;
}
.u-company_safety .c-section_image.u-safety_graph {
  max-width: 700px;
  width: 80%;
}
@media screen and (width <= 767px) {
  .u-company_safety .c-section_image.u-slogan {
    width: 100%;
  }
  .u-company_safety .c-section_image.u-safety_message {
    margin: 0 auto;
  }
  .u-company_safety .c-section_image.u-safety_graph {
    width: 100%;
  }
}
.u-company_safety .c-image_wrap.u-aspect_long {
  aspect-ratio: 437/614;
}
.u-company_safety .c-image_wrap.u-aspect_long > .c-image_inner {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.u-company_safety .c-section_content.u-slogan {
  display: flex;
  justify-content: space-between;
}
.u-company_safety .c-section_content.u-slogan .u-slogan_images {
  display: flex;
  gap: 10px 20px;
}
.u-company_safety .c-section_content.u-slogan > .c-content_right {
  width: 80%;
}
.u-company_safety .c-section_content.u-slogan > .c-content_right img {
  width: calc(25% - 20px);
}
.u-company_safety .c-section_content.u-slogan > .c-content_left {
  width: 20%;
}
.u-company_safety .c-section_content.u-slogan > .c-content_left img {
  width: calc(100% - 20px);
}
@media screen and (width <= 767px) {
  .u-company_safety .c-section_content.u-slogan {
    flex-direction: column;
    gap: 30px;
  }
  .u-company_safety .c-section_content.u-slogan .u-slogan_images {
    flex-wrap: wrap;
    gap: 40px 30px;
  }
  .u-company_safety .c-section_content.u-slogan > .c-content_right,
  .u-company_safety .c-section_content.u-slogan > .c-content_left {
    width: 100%;
  }
  .u-company_safety .c-section_content.u-slogan > .c-content_right img,
  .u-company_safety .c-section_content.u-slogan > .c-content_left img {
    width: calc(50% - 20px);
  }
}

/* Page RN Square ---------- */
.p-main.u-rnsquare {
  overflow: hidden;
}

.u-rn.at-headline {
  position: relative;
  z-index: 0;
}
.u-rn.at-slider {
  position: relative;
  z-index: 1;
}
.u-rn > .l-container.u-rn_headline {
  background: var(--color-main) url("../images/rn-square/bg-grid.svg") no-repeat center center;
  background-size: cover;
  padding-bottom: clamp(210px, 30vw, 240px);
  position: relative;
}
.u-rn > .l-container.u-rn_headline .c-image {
  margin: auto;
  max-width: 590px;
  min-width: 246px;
  padding: 200px 0 60px;
  width: 80%;
}
@media screen and (width <= 1199px) {
  .u-rn > .l-container.u-rn_headline .c-image {
    padding: 105px 0 55px;
  }
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_headline .c-image {
    padding: 80px 0 50px;
  }
}
.u-rn > .l-container.u-rn_slider {
  background: var(--color-theme01) url("../images/rn-square/bg-drawing.png") no-repeat center center;
}
.u-rn > .l-container.u-rn_slider > .l-inner > .c-section_content > .swiper {
  margin-bottom: -250px;
  position: relative;
  transform: translateY(-250px);
  z-index: 2;
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_slider > .l-inner > .c-section_content > .swiper {
    margin-bottom: -230px;
    transform: translateY(-230px);
  }
}
.u-rn > .l-container .c-section_content.u-rn_copy {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy {
  color: var(--color-main);
  flex-shrink: 0;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1.75;
  width: 50%;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p {
  position: relative;
  width: fit-content;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p > span {
  padding: 0 0.3em;
  position: relative;
  z-index: 1;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p::after {
  background: rgb(248, 181, 168);
  bottom: 0;
  content: "";
  display: block;
  height: 0.8em;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-discription {
  color: var(--color-main);
  width: 50%;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-discription > * {
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
}
@media screen and (width <= 767px) {
  .u-rn > .l-container .c-section_content.u-rn_copy {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
  }
  .u-rn > .l-container .c-section_content.u-rn_copy > .c-copy {
    width: 100%;
  }
  .u-rn > .l-container .c-section_content.u-rn_copy > .c-discription {
    margin-top: 20px;
    width: 100%;
  }
  .u-rn > .l-container .c-section_content.u-rn_copy > .c-discription > * {
    font-size: 14px;
  }
}
.u-rn > .l-container .c-section_content.u-rn_sort {
  background: rgb(110, 162, 181);
  display: flex;
  padding: 40px 30px;
}
.u-rn > .l-container .c-section_content.u-rn_sort .left-content {
  padding-right: 40px;
  width: 60%;
}
.u-rn > .l-container .c-section_content.u-rn_sort .left-content > .p-list.at-tags {
  gap: 10px 15px;
}
.u-rn > .l-container .c-section_content.u-rn_sort .right-content {
  width: 40%;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > * {
  color: var(--color-white);
  font-family: var(--font-family_belanosima);
  font-size: 30px;
  padding: 0;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > *::after {
  display: none;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-button.at-category {
  border: none;
}
@media screen and (width <= 767px) {
  .u-rn > .l-container .c-section_content.u-rn_sort {
    flex-direction: column;
    gap: 15px;
    padding: 15px;
  }
  .u-rn > .l-container .c-section_content.u-rn_sort .left-content {
    padding: 0;
    width: 100%;
  }
  .u-rn > .l-container .c-section_content.u-rn_sort .left-content > .p-list.at-tags {
    gap: 10px;
  }
  .u-rn > .l-container .c-section_content.u-rn_sort .right-content {
    width: 100%;
  }
  .u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 {
    padding-bottom: 15px;
  }
  .u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > * {
    font-size: 20px;
  }
}
.u-rn > .l-container .c-section_content.u-rn_recommend_slider {
  margin-bottom: 70px !important;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > input {
  background: var(--color-white);
  border: 1px solid rgb(247, 247, 247);
  border-radius: 4px;
  font-size: var(--font-size_basic);
  height: 54px;
  padding: 1em;
  width: 100%;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > .c-button {
  align-items: center;
  background: var(--color-primary);
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > .c-button::after {
  content: url("../images/common/icon/icon-search_white_rn.svg");
}
.u-rn > .l-container.u-rn_topics {
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.u-rn > .l-container.u-rn_topics::before, .u-rn > .l-container.u-rn_topics::after {
  background: var(--color-primary);
  content: "";
  display: block;
  height: 350px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.u-rn > .l-container.u-rn_topics::before {
  left: 0;
  max-width: 60%;
  min-width: 560px;
}
.u-rn > .l-container.u-rn_topics::after {
  left: -100%;
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_topics {
    padding: 40px 0;
  }
  .u-rn > .l-container.u-rn_topics::before {
    min-width: initial;
  }
  .u-rn > .l-container.u-rn_topics::after {
    height: 285px;
    left: -100px;
  }
  .u-rn > .l-container.u-rn_topics > .c-section_content .at-aligned_right > * {
    margin: auto !important;
  }
}
.u-rn > .l-container.u-rn_recommend {
  background: repeating-linear-gradient(90deg, var(--color-theme01), var(--color-theme01) 200px, var(--color-theme02) 1px, var(--color-theme02) 201px);
  overflow-x: hidden;
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_recommend {
    background: repeating-linear-gradient(90deg, var(--color-theme01), var(--color-theme01) 100px, var(--color-theme02) 1px, var(--color-theme02) 101px);
  }
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_recommend .l-flex.at-between_bottom {
    justify-content: center;
    margin-top: 40px;
  }
}
.u-rn > .l-container.u-rn_bottom {
  background: var(--color-main) url("../images/rn-square/bg-grid.svg") no-repeat center center;
  background-size: cover;
  position: relative;
}
.u-rn > .l-container.u-rn_bottom .l-inner {
  align-items: center;
  display: flex;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-image {
  flex-shrink: 0;
  max-width: 420px;
  min-width: 180px;
  padding: 0 60px;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-section_content {
  width: 66.6666666667%;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-section_content > .c-discription {
  color: var(--color-white);
  font-size: 14px;
}
@media screen and (width <= 767px) {
  .u-rn > .l-container.u-rn_bottom {
    padding: 30px 0;
  }
  .u-rn > .l-container.u-rn_bottom .l-inner {
    align-items: center;
    flex-direction: column;
  }
  .u-rn > .l-container.u-rn_bottom .l-inner .c-image {
    margin-bottom: 24px;
    padding: 0;
    width: 50%;
  }
  .u-rn > .l-container.u-rn_bottom .l-inner .c-section_content {
    width: 100%;
  }
  .u-rn > .l-container.u-rn_bottom .l-inner .c-section_content > .c-discription {
    font-size: 12px;
  }
}
.u-rn .u-rn_keyword {
  background: var(--color-theme03) url("../images/common/logo/logo-pagetitle.svg") no-repeat;
  background-position: right -3% center;
  background-size: auto 105%;
  padding: 40px;
  position: relative;
}
@media screen and (width <= 767px) {
  .u-rn .u-rn_keyword {
    background-position: right bottom;
    background-size: auto 270px;
    padding: 30px 15px;
  }
}

.c-title.at-lv2.u-rn_topics > *, .c-title.at-lv2.u-rn_recommend > * {
  font-family: var(--font-family_belanosima);
  font-size: clamp(4rem, 5.2vw, 8rem);
}
.c-title.at-lv2.u-rn_topics > *::after, .c-title.at-lv2.u-rn_recommend > *::after {
  display: none;
}
.c-title.at-lv2.u-rn_topics > * {
  color: var(--color-white);
}
.c-title.at-lv2.u-rn_recommend > * {
  color: var(--color-primary);
}

.p-section.u-rn_headline {
  padding-bottom: 0;
}
.p-section.u-rn_headline.at-title-area > .l-container {
  padding: 120px 0 150px;
}
@media screen and (width <= 1199px) {
  .p-section.u-rn_headline.at-title-area > .l-container {
    padding: 50px 0 150px !important;
  }
}
@media screen and (width <= 767px) {
  .p-section.u-rn_headline.at-title-area > .l-container {
    padding: 50px 0 0 !important;
  }
}
.p-section.u-rn_headline.at-title-area > .l-container > .l-inner {
  background: var(--color-main) url("../images/rn-square/bg-grid.svg");
  max-width: none;
}
.p-section.u-rn_headline.at-title-area > .l-container > .l-inner > .c-section_content {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--width-content);
  padding-bottom: 22px;
  padding-top: 22px;
}
.p-section.u-rn_headline.at-title-area > .l-container > .l-inner > .c-section_content > .c-image {
  max-width: 222px;
}
@media screen and (width <= 767px) {
  .p-section.u-rn_headline.at-title-area > .l-container > .l-inner > .c-section_content > .c-image {
    max-width: 160px;
  }
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item > *,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item > *,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item > *,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item > * {
  color: rgba(255, 255, 255, 0.7);
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item > *:hover,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item > *:hover,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item > *:hover,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item > *:hover {
  color: var(--color-white);
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item:last-child > *,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item:last-child > *,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item:last-child > *,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item:last-child > * {
  color: var(--color-white);
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item:not(:last-child)::after {
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .p-section.u-rn_headline .breadcrumbs-list,
  .p-section.u-rn_headline .p-breadcrumb {
    display: none;
  }
}

.p-section.at-square_search > .l-container {
  padding-bottom: 40px;
}
@media screen and (width <= 767px) {
  .p-section.at-square_search > .l-container {
    padding-bottom: 30px;
  }
}
.p-section.at-square_search > .l-container > .l-inner .c-discription {
  display: flex;
  gap: 1.5em;
}

.p-section.u-rn_square > .l-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: auto;
  max-width: var(--width-content);
}
@media screen and (width <= 767px) {
  .p-section.u-rn_square > .l-container {
    flex-direction: column-reverse;
    justify-content: flex-start;
    margin: initial;
    width: 100%;
  }
}
.p-section.u-rn_square > .l-container > .p-sidebar {
  flex-shrink: 0;
  margin: initial !important;
  max-width: initial !important;
  width: calc(320px + var(--padding-side_default)) !important;
}
.p-section.u-rn_square > .l-container > .p-sidebar > .l-inner {
  max-width: initial !important;
  padding: 0 var(--padding-side_default) !important;
}
@media screen and (width <= 767px) {
  .p-section.u-rn_square > .l-container > .p-sidebar {
    display: block !important;
    height: auto !important;
    width: 100% !important;
  }
  .p-section.u-rn_square > .l-container > .p-sidebar > .l-inner > nav > .p-list > li {
    padding-left: 0;
  }
}
.p-section.u-rn_square > .l-container > .p-section {
  max-width: var(--width-content_detail);
}
.p-section.u-rn_square > .l-container > .p-section img {
  max-width: 100%;
  object-fit: contain;
}
@media screen and (width <= 767px) {
  .p-section.u-rn_square > .l-container > .p-section {
    max-width: 100%;
  }
  .p-section.u-rn_square > .l-container > .p-section img {
    aspect-ratio: none !important;
    height: auto !important;
    width: auto !important;
  }
}

.p-section.at-rn_detail_thumbnail > .l-container {
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 5;
}
.p-section.at-rn_detail_thumbnail > .l-container > .u-rn_background {
  filter: blur(3px);
  height: 105%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  z-index: -1;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner {
  padding: 0;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner .c-image_wrap {
  height: 100%;
  margin: 0 auto;
  max-height: 460px;
  max-width: 80%;
  width: 100%;
  z-index: 1;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner .c-image_wrap > * {
  background-position: center;
  height: 100%;
  max-height: 460px;
  object-fit: cover;
  width: 100%;
}

@media screen and (width <= 767px) {
  #rn_recommend-button {
    width: 100%;
  }
  #rn_recommend-button > a {
    margin: auto;
  }
}

/* Tech TOP ------------------- */
.p-section.u-tech_detail {
  margin: auto;
  max-width: var(--width-content_2column);
}
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-list.at-small .c-title,
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-basic.at-small .c-title {
  border: none;
  margin: 0 auto 5px;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-list.at-small p,
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-basic.at-small p {
  margin: 5px 0;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 {
  padding-bottom: 3em;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 h2 {
  margin: 0;
  padding-bottom: 0;
}
@media screen and (width <= 767px) {
  .p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 {
    padding-bottom: 2em;
  }
}
.p-section.u-tech_detail > .l-container > .l-inner h3 {
  margin: 0 0 0.5em;
  padding-bottom: 0.5em;
}
@media screen and (width <= 767px) {
  .p-section.u-tech_detail > .l-container > .l-inner table tbody tr > th,
  .p-section.u-tech_detail > .l-container > .l-inner table tbody tr > td {
    display: table-cell !important;
  }
}

@media screen and (width <= 767px) {
  .p-section.u-tech-detail_bottom > .l-container {
    padding: 0 15px;
  }
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner {
  background: var(--color-theme03);
  margin-bottom: 28px;
  max-width: calc(var(--width-content_2column) - var(--padding-side_default) * 2);
  padding: 30px 45px 40px;
}
@media screen and (width <= 767px) {
  .p-section.u-tech-detail_bottom > .l-container > .l-inner {
    padding: 20px 15px;
  }
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title {
  margin-bottom: 30px;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title > * {
  color: var(--color-main);
  font-size: clamp(1.4rem, 1.82vw, 1.8rem);
  font-weight: normal;
  justify-content: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title > *::before {
  display: none;
}
@media screen and (width <= 767px) {
  .p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title {
    margin-bottom: 20px;
  }
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left,
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 16px;
  transition: all 0.2s ease-in-out;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left:hover,
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right:hover {
  opacity: 0.7;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_label,
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right .u-tech-detail-button_label {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_info,
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right .u-tech-detail-button_info {
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  margin-bottom: 0;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_info::after,
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right .u-tech-detail-button_info::after {
  border-right: 1px solid white;
  border-top: 1px solid white;
  content: "";
  display: block;
  height: 0.5em;
  margin-top: 5px;
  transform: rotate(45deg);
  width: 0.5em;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left {
  background: white;
  border: 2px solid var(--color-primary);
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_label {
  color: var(--color-black);
  font-family: var(--font-family_libre);
  font-size: 25px;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_label::before {
  content: url("../images/tech/icon-tech_tel.svg");
  display: inline-block;
  margin-right: 5px;
  transform: translateY(0.15em);
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_info {
  color: #8f9694;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_left .u-tech-detail-button_info::after {
  border-color: #8f9694;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right {
  background: var(--color-primary);
  color: white;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .p-list.at-banners > .u-tech-detail_right .u-tech-detail-button_label {
  font-size: 18px;
}

/* Tech TOP ------------------- */
.p-note_style .at-table {
  max-width: calc(33.3333333333% - 20px);
}
@media screen and (width <= 1199px) {
  .p-note_style .at-table {
    max-width: calc(50% - 20px);
  }
}

.gsc-overflow-hidden {
  overflow: initial !important;
}

/* Tech detail ------------------- */
/* NOTE */
.u-news > .l-container > .l-inner {
  margin: 0 auto 80px;
  max-width: calc(var(--width-content_detail) + var(--padding-side_sp) * 2);
  padding: 0 var(--padding-side_sp);
}
.u-news > .l-container > .l-inner .category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 40px;
}
.u-news > .l-container > .l-inner .category > .p-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.u-news > .l-container > .l-inner .category > .p-list > li {
  display: inline-block;
  font-size: 12px;
  line-height: var(--line-height_default);
}
.u-news > .l-container > .l-inner .category > .p-list > li::before {
  color: var(--color-primary);
  content: "●";
  display: inline-block;
  font-size: 10px;
  margin-right: 0.5rem;
}
.u-news > .l-container > .l-inner .category > time {
  color: var(--color-main02);
  font-family: var(--font-family_libre);
  font-size: 12px;
  line-height: var(--line-height_default);
  margin-top: 1px;
}
.u-news > .l-container > .l-inner .tag {
  margin-top: 25px;
}
@media screen and (width <= 767px) {
  .u-news > .l-container > .l-inner .tag {
    margin-top: 15px;
  }
}
.u-news > .l-container > .l-inner h1 {
  font-size: clamp(1.8rem, 2.34vw, 3rem);
  line-height: var(--line-height_default);
  margin-bottom: 20px;
}
.u-news > .l-container > .l-inner h2 {
  display: flex;
  font-size: clamp(1.8rem, 2.34vw, 2.8rem);
  margin: 60px 0 40px;
}
.u-news > .l-container > .l-inner h2::before {
  align-self: stretch;
  background: transparent linear-gradient(180deg, rgb(46, 105, 128) 0%, rgb(234, 164, 111) 88%, rgb(240, 166, 110) 100%) 0% 0% no-repeat padding-box;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: 15px;
  width: 10px;
}
@media screen and (width <= 767px) {
  .u-news > .l-container > .l-inner h2 {
    margin-bottom: 30px;
  }
  .u-news > .l-container > .l-inner h2::before {
    margin-right: 10px;
  }
}
.u-news > .l-container > .l-inner h3 {
  border-bottom: 2px solid var(--color-main);
  font-size: clamp(1.8rem, 2.34vw, 3rem);
  margin: 60px 0 14px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.u-news > .l-container > .l-inner h4,
.u-news > .l-container > .l-inner .u-news-description {
  background: var(--color-theme03);
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  margin: 50px 0;
  padding: 24px;
}
@media screen and (width <= 767px) {
  .u-news > .l-container > .l-inner h4,
  .u-news > .l-container > .l-inner .u-news-description {
    margin: 40px 0;
    padding: 15px 10px;
  }
}
.u-news > .l-container > .l-inner p {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  margin-bottom: 1em;
}
.u-news > .l-container > .l-inner p:empty {
  display: none;
}
.u-news > .l-container > .l-inner p img {
  height: auto !important;
  object-fit: contain;
  width: 100% !important;
}
.u-news > .l-container > .l-inner a:not(.c-card, .c-button) {
  color: rgb(92, 138, 211);
  cursor: pointer;
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  position: relative;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.u-news > .l-container > .l-inner a:not(.c-card, .c-button):hover {
  opacity: 0.8;
  text-decoration: none;
}
.u-news > .l-container > .l-inner table {
  border-spacing: 0;
  width: 100%;
}
.u-news > .l-container > .l-inner table tr th,
.u-news > .l-container > .l-inner table tr td {
  border-bottom: 1px solid rgb(227, 234, 220);
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
  text-align: left;
  height: auto !important;
}
.u-news > .l-container > .l-inner table tr th p,
.u-news > .l-container > .l-inner table tr td p {
  margin: 0;
}
.u-news > .l-container > .l-inner table tr th {
  background: rgb(240, 240, 231);
  box-sizing: border-box;
  padding: 20px 15px;
  width: 180px;
}
.u-news > .l-container > .l-inner table tr td {
  padding: 20px;
}
.u-news > .l-container > .l-inner table tr td.l-flex {
  display: flex;
  flex-wrap: wrap;
}
.u-news > .l-container > .l-inner table tr td.l-flex > *:first-child {
  width: clamp(100px, 12vw, 145px);
}
@media screen and (width <= 767px) {
  .u-news > .l-container > .l-inner table tr > th,
  .u-news > .l-container > .l-inner table tr > td {
    box-sizing: border-box;
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
  .u-news > .l-container > .l-inner table tr > td.l-flex > * {
    width: 100%;
  }
}
@media screen and (width <= 767px) {
  .u-news > .l-container > .l-inner .c-card table tr > th,
  .u-news > .l-container > .l-inner .c-card table tr > td {
    display: table-cell;
    width: auto;
  }
}
.u-news > .l-container > .l-inner table[border="1"][align=left][cellpadding="4"][cellspacing="4"] {
  border: none !important;
  margin-bottom: 40px;
  width: 100% !important;
}
.u-news > .l-container > .l-inner table[border="1"][align=left][cellpadding="4"][cellspacing="4"] td {
  border: none;
  padding: none;
}
.u-news > .l-container > .l-inner table[border="1"][align=left][cellpadding="4"][cellspacing="4"] h4 {
  margin: 0;
}
.u-news.at-title_area > .l-container > .l-inner {
  margin: 0 auto;
}
.u-news.at-title_area .c-image_wrap {
  margin-bottom: 40px;
}
@media screen and (width <= 767px) {
  .u-news.at-title_area .c-image_wrap {
    margin-bottom: 20px;
  }
}
.u-news_slider > .l-container {
  padding-bottom: 40px;
}
@media screen and (width <= 767px) {
  .u-news_slider > .l-container {
    margin: auto;
    max-width: calc(100% - var(--padding-side_sp) * 2);
    padding: 0 0 20px;
  }
}
.u-news_slider > .l-container > .l-inner {
  margin: 0 auto;
  max-width: var(--width-content_detail);
}
.u-news_sns > .l-container > .l-inner {
  border-top: 1px solid var(--color-theme02);
  margin: 80px auto 0;
  max-width: var(--width-content_detail);
  padding: 30px 0 80px !important;
  padding-top: 30px;
}
@media screen and (width <= 767px) {
  .u-news_sns > .l-container > .l-inner {
    max-width: calc(100% - var(--padding-side_sp) * 2);
  }
}
.u-news_sns > .l-container > .l-inner p {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.u-news_sns > .l-container > .l-inner .p-list {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 40px;
}
.u-news_sns > .l-container > .l-inner .p-list li > a > img {
  height: 30px !important;
  width: 30px !important;
}
.u-news_sns > .l-container > .l-inner .c-button {
  margin: 0 auto;
}
.u-news .u-news_note.c-section_content {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.u-news .u-news_note.c-section_content > * {
  flex: 1 1 calc(50% - 10px);
  font-size: var(--font-size_basic);
  max-width: calc(50% - 10px);
}
.u-news .u-news_note.c-section_content > *:empty {
  display: none;
}
@media screen and (width <= 767px) {
  .u-news .u-news_note.c-section_content {
    gap: 30px;
  }
  .u-news .u-news_note.c-section_content > * {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.u-news .template_a20 > .picture > .medium_trim > li > a {
  font-size: 12px;
}
.u-news .template_a20 > .picture > .medium_trim > li > a.icon_zoom {
  aspect-ratio: 180/135;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
.u-news .template_a20 > .picture > .medium_trim > li > a img {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
}
.u-news .template_d30 > ul.small {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: center;
}
.u-news .template_d30 > ul.small > li {
  width: 100%;
}
.u-news .template_d30 > ul.small > li > a {
  aspect-ratio: 180/135;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
.u-news .template_d30 > ul.small > li > a img {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
}
.u-news table.figure40 > tbody > tr {
  border-bottom: 1px solid rgb(227, 234, 220) !important;
}
.u-news table.figure40 > tbody > tr > td {
  padding: 0 !important;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th,
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > td {
  border-bottom: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: var(--line-height_default) !important;
  padding: 10px 0 10px 10px !important;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w50 {
  width: 50%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w35 {
  width: 25%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w15 {
  width: 25%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w15 > br {
  display: none;
}

/*    Layout
------------------------------------- */
.l-flex {
  display: flex;
}
.l-flex.at-align-center {
  align-items: center;
}
.l-flex.at-justify-center {
  justify-content: center;
}
.l-flex.at-justify-end {
  justify-content: flex-end;
}
.l-flex.at-wrap {
  flex-wrap: wrap;
}
.l-flex.at-between_center {
  align-items: center;
  justify-content: space-between;
}
.l-flex.at-between_bottom {
  align-items: flex-end;
  justify-content: space-between;
}

.l-sp {
  display: none !important;
}
@media screen and (width <= 767px) {
  .l-sp {
    display: block !important;
  }
}

@media screen and (width <= 767px) {
  .l-pc {
    display: none !important;
  }
}

.l-tb_sp {
  display: none !important;
}
@media screen and (width <= 1199px) {
  .l-tb_sp {
    display: block !important;
  }
}

@media screen and (width <= 1199px) {
  .l-tb_pc {
    display: none !important;
  }
}

body {
  background: var(--color-theme01);
}

/* -------------------------------------
    Common
------------------------------------- */
* {
  box-sizing: border-box;
}

a,
button {
  cursor: pointer;
}

body#article .p-main {
  margin-top: var(--height-header);
  padding-top: 2.7rem;
}
@media screen and (width <= 767px) {
  body#article .p-main {
    margin-top: var(--height-header_sp);
    padding-top: 5rem;
  }
}
body#article.rn-square .p-main {
  margin-top: 0;
  padding-top: 0;
}

.at-bold {
  font-weight: bold;
}

.overflow-hidden {
  overflow: hidden;
}

/*    Section
------------------------------------- */
.p-section > .l-container {
  overflow-x: visible;
  padding-bottom: 100px;
  /*    Background --------------- */
}
@media screen and (width <= 767px) {
  .p-section > .l-container {
    padding-bottom: 60px;
  }
}
.p-section > .l-container.at-bg_theme {
  background: var(--color-theme01);
}
.p-section > .l-container.at-bg_theme02 {
  background: var(--color-theme02);
}
.p-section > .l-container.at-bg_theme03 {
  background: var(--color-theme03);
}
.p-section > .l-container.at-bg_white {
  background: var(--color-white);
}
.p-section > .l-container.at-bg_gradient01 {
  background: var(--bg_gradient01);
}
.p-section > .l-container > .l-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--width-content);
  padding: 0 var(--padding-side_default);
}
.p-section > .l-container.at-page-content > .l-inner {
  padding-left: calc(var(--width-side) + var(--padding-side_default));
}
@media screen and (width <= 767px) {
  .p-section > .l-container.at-page-content {
    overflow: hidden;
  }
  .p-section > .l-container.at-page-content > .l-inner {
    padding: 0 var(--padding-side_sp);
  }
}
.p-section > .l-container.at-bottom-content > .l-inner {
  display: flex;
  flex-wrap: wrap;
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-title {
  width: var(--width-side);
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-title > * {
  font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-section_content {
  margin-top: -20px;
  width: calc(100% - var(--width-side));
}
@media screen and (width <= 767px) {
  .p-section > .l-container.at-bottom-content {
    padding: 40px 0;
  }
  .p-section > .l-container.at-bottom-content > .l-inner > .c-title {
    width: 100%;
  }
  .p-section > .l-container.at-bottom-content > .l-inner > .c-section_content {
    margin-top: 0;
    width: 100%;
  }
}
.p-section > .l-container.at-padding-bottom_none {
  padding-bottom: 0;
}
.p-section > .l-container.at-detail_title {
  padding-bottom: 80px;
}
@media screen and (width <= 767px) {
  .p-section > .l-container.at-detail_title {
    padding-bottom: 40px;
  }
}
.p-section > .l-container .c-section_title {
  padding-bottom: 58px;
}
.p-section > .l-container .c-section_title.at-space-narrow {
  padding-bottom: 40px;
}
.p-section > .l-container .c-section_title > * {
  color: var(--color-font_default);
  font-size: clamp(2.4rem, 6.4vw, 4rem);
  font-weight: normal;
}
.p-section > .l-container .c-section_title > * > * {
  display: block;
}
.p-section > .l-container .c-section_title > * .c-section_title_en {
  color: rgb(46, 105, 128);
  font-family: var(--font-family_libre);
  font-size: clamp(1.6rem, 4.27vw, 1.8rem);
  font-weight: normal;
  margin-bottom: 20px;
}
@media screen and (width <= 767px) {
  .p-section > .l-container .c-section_title {
    padding-bottom: 40px;
  }
  .p-section > .l-container .c-section_title > * .c-section_title_en {
    margin-bottom: 14px;
  }
}
.p-section > .l-container .c-section_copy {
  padding-bottom: 30px;
}
.p-section > .l-container .c-section_copy p {
  color: var(--color-primary);
  font-size: clamp(2.4rem, 4.07vw, 4.4rem);
  font-weight: normal;
}
.p-section > .l-container .c-section_copy.at-small {
  padding-bottom: 20px;
}
.p-section > .l-container .c-section_copy.at-small p {
  font-size: var(--font-size_24);
  font-size: clamp(2rem, 2.6vw, 2.4rem);
}
.p-section > .l-container .c-section_content:not(:last-child) {
  margin-bottom: 40px;
}
.p-section > .l-container .c-section_content.at-flex, .p-section > .l-container .c-section_content.at-flex_between, .p-section > .l-container .c-section_content.at-flex_center {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.p-section > .l-container .c-section_content.at-flex.at-column_two > *, .p-section > .l-container .c-section_content.at-flex.at-sp_column_two > *, .p-section > .l-container .c-section_content.at-flex.at-sp_row_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-sp_column_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-sp_row_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-sp_column_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-sp_row_two > * {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.p-section > .l-container .c-section_content.at-flex.at-column_four > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_four > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_four > * {
  flex: 1 1 calc(25% - 5px);
  max-width: calc(25% - 5px);
}
.p-section > .l-container .c-section_content.at-flex.at-column_five > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_five > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_five > * {
  flex: 1 1 calc(20% - 4px);
  max-width: calc(20% - 4px);
}
@media screen and (width <= 767px) {
  .p-section > .l-container .c-section_content.at-flex.at-column_two, .p-section > .l-container .c-section_content.at-flex.at-column_four, .p-section > .l-container .c-section_content.at-flex.at-column_five, .p-section > .l-container .c-section_content.at-flex_between.at-column_two, .p-section > .l-container .c-section_content.at-flex_between.at-column_four, .p-section > .l-container .c-section_content.at-flex_between.at-column_five, .p-section > .l-container .c-section_content.at-flex_center.at-column_two, .p-section > .l-container .c-section_content.at-flex_center.at-column_four, .p-section > .l-container .c-section_content.at-flex_center.at-column_five {
    gap: 0;
  }
  .p-section > .l-container .c-section_content.at-flex.at-column_two > *, .p-section > .l-container .c-section_content.at-flex.at-column_four > *, .p-section > .l-container .c-section_content.at-flex.at-column_five > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_four > *, .p-section > .l-container .c-section_content.at-flex_between.at-column_five > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_four > *, .p-section > .l-container .c-section_content.at-flex_center.at-column_five > * {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .p-section > .l-container .c-section_content.at-flex.at-sp_column_two, .p-section > .l-container .c-section_content.at-flex_between.at-sp_column_two, .p-section > .l-container .c-section_content.at-flex_center.at-sp_column_two {
    gap: 20px;
  }
  .p-section > .l-container .c-section_content.at-flex.at-sp_column_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-sp_column_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-sp_column_two > * {
    flex: 1 1 100%;
    margin-top: 0;
    max-width: 100%;
  }
  .p-section > .l-container .c-section_content.at-flex.at-sp_row_two, .p-section > .l-container .c-section_content.at-flex_between.at-sp_row_two, .p-section > .l-container .c-section_content.at-flex_center.at-sp_row_two {
    gap: 20px;
  }
  .p-section > .l-container .c-section_content.at-flex.at-sp_row_two > *, .p-section > .l-container .c-section_content.at-flex_between.at-sp_row_two > *, .p-section > .l-container .c-section_content.at-flex_center.at-sp_row_two > * {
    margin-top: 0;
  }
}
.p-section > .l-container .c-section_content.at-flex_between {
  align-items: center;
  justify-content: space-between;
}
.p-section > .l-container .c-section_content.at-flex_center {
  align-items: center;
  justify-content: center;
}
.p-section > .l-container .c-section_content.at-aligned_right > * {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.p-section > .l-container .c-section_content.at-buttonarea {
  margin-top: 40px;
}
.p-section > .l-container .c-section_content.at-buttonarea.at-aligned_right > * {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
@media screen and (width <= 767px) {
  .p-section > .l-container .c-section_content.at-buttonarea.at-aligned_right > * {
    margin: 0 auto;
    text-align: center;
  }
}
.p-section > .l-container .c-section_content.at-aligned_center > * {
  margin: inherit auto;
  text-align: center;
}
.p-section > .l-container .c-section_content > .c-button_area {
  margin-top: 20px;
}
@media screen and (width <= 767px) {
  .p-section > .l-container .c-section_content > .c-button_area {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}
.p-section > .l-container .c-section_image:not(:last-child) {
  margin-bottom: 20px;
}
.p-section > .l-container .c-discription p {
  font-size: var(--font-size_basic);
  line-height: var(--line-height_default);
}
.p-section > .l-container .c-discription.at-aligned_right > * {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.p-section.at-scrollable-area > .l-container {
  padding: 0;
}
.p-section.at-scrollable-area.u-rn_square > .l-container {
  padding-top: 60px;
}
@media screen and (width <= 767px) {
  .p-section.at-scrollable-area.u-rn_square > .l-container {
    padding-top: 40px;
  }
}
.p-section.at-child:not(:first-child) {
  padding-top: 40px;
}
.p-section.at-space_top > .l-container {
  padding-top: 100px;
}
@media screen and (width <= 767px) {
  .p-section.at-space_top > .l-container {
    padding-top: 60px;
  }
}
.p-section.at-title-area > .l-container {
  margin: 0 auto -150px;
  padding: 150px 0;
  position: relative;
}
@media screen and (width <= 767px) {
  .p-section.at-title-area > .l-container {
    margin: 0;
    padding: 75px 0 35px;
  }
  .p-section.at-title-area > .l-container > .l-inner {
    padding: 0 var(--padding-side_sp);
  }
}
.p-section.at-breadcrumb > .l-container {
  padding: 0 0 80px;
}
@media screen and (width <= 767px) {
  .p-section.at-breadcrumb {
    display: none;
  }
}
.p-section.at-breadcrumb.at-news_detail {
  padding-top: 150px;
}
.p-section.at-terms > .l-container > .l-inner {
  margin: 0 auto;
  max-width: calc(894px + var(--padding-side_default) * 2);
}
.p-section.at-button-area > .l-container > .l-inner {
  display: flex;
}
.p-section.at-button-area > .l-container > .l-inner h2 {
  display: inline-block;
  flex-shrink: 0;
  font-size: 24px;
  padding-top: 12px;
  width: var(--width-side);
}
.p-section.at-button-area > .l-container > .l-inner .p-list {
  width: calc(100% - var(--width-side));
}
.p-section.at-button-area_banners > .l-container {
  padding: 60px 0;
}
@media screen and (width <= 767px) {
  .p-section.at-button-area_banners > .l-container {
    padding: 20px 0;
  }
}

/*    Modal
------------------------------------- */
.p-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 101;
}
.p-modal_image .l-container {
  max-width: 90%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-modal_image .l-container .c-btn_close {
  background: rgb(80, 80, 80);
  border-radius: 50%;
  cursor: pointer;
  height: 4rem;
  right: -2rem;
  position: absolute;
  top: -2rem;
  width: 4rem;
  z-index: 1;
}
.p-modal_image .l-container .c-btn_close::before, .p-modal_image .l-container .c-btn_close::after {
  background: rgb(255, 255, 255);
  content: "";
  display: inline-block;
  height: 0.3rem;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 3rem;
}
.p-modal_image .l-container .c-btn_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-modal_image .l-container .c-btn_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (width <= 767px) {
  .p-modal_image .l-container {
    max-width: calc(100% - 4.8rem);
  }
  .p-modal_image .l-container .c-btn_close {
    height: 3rem;
    right: -1.5rem;
    top: -1.5rem;
    width: 3rem;
  }
  .p-modal_image .l-container .c-btn_close::before, .p-modal_image .l-container .c-btn_close::after {
    height: 0.2rem;
    width: 2.4rem;
  }
}
.p-modal_image .l-container .c-image_wrap img {
  max-height: 95svh;
  object-fit: contain;
}

/* -------------------------------------
    Header
------------------------------------- */
.p-header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.p-header.show-bg > .l-container, .p-header.at-droped > .l-container, .p-header.rn-square > .l-container {
  background: var(--color-background_header);
}
.p-header .c-drop_filter {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.p-header > .l-container {
  transition: all 0.2s ease;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container {
    display: flex;
    justify-content: space-between;
  }
}
.p-header > .l-container .c-image_wrap .s-top,
.p-header > .l-container .c-icon .s-top {
  display: none;
}
.p-header > .l-container > .l-inner {
  justify-content: space-between;
  padding: 0 var(--padding-header);
  width: 100%;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container > .l-inner {
    align-items: center;
    min-height: 5rem;
    width: calc(100% - 5rem);
  }
}
@media screen and (width <= 767px) {
  .p-header > .l-container > .l-inner {
    padding: 1.5rem 2rem 1.5rem var(--padding-side_sp);
  }
}
@media screen and (width <= 1199px) {
  .p-header > .l-container > .l-inner.at-has-text {
    align-items: center;
    min-height: 5rem;
    width: calc(100% - 5rem);
  }
}
@media screen and (width <= 767px) {
  .p-header > .l-container > .l-inner.at-has-text {
    padding: 0.5rem 2rem 0.5rem var(--padding-side_sp);
  }
}
.p-header > .l-container .c-logo.at-header_logo {
  align-items: center;
  display: flex;
}
.p-header > .l-container .c-logo.at-header_logo .c-image_wrap {
  max-width: 20.4rem;
}
.p-header > .l-container .c-logo.at-header_logo .c-image_wrap.at-en {
  max-width: 30rem;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .c-logo.at-header_logo .c-image_wrap {
    height: 2rem;
    max-width: 13rem;
  }
  .p-header > .l-container .c-logo.at-header_logo .c-image_wrap.at-en {
    max-width: 20rem;
  }
}
.p-header > .l-container .c-logo.at-header_logo .text {
  display: none;
}
.p-header > .l-container .c-logo.at-header_logo.has-text {
  --header-logo-border-color: var(--color-white);
  --header-logo-text-color: var(--color-white);
  padding: 0.5em 0;
}
@media screen and (width <= 1200px) {
  .p-header > .l-container .c-logo.at-header_logo.has-text {
    padding: 0.3em 0;
  }
}
.p-header > .l-container .c-logo.at-header_logo.has-text .c-image_wrap {
  max-width: 20.4rem;
  padding-bottom: 0.7rem;
  margin-bottom: 0.2em;
  border-bottom: 1px solid var(--header-logo-border-color);
}
@media screen and (width <= 1200px) {
  .p-header > .l-container .c-logo.at-header_logo.has-text .c-image_wrap {
    padding-bottom: 0.5rem;
    margin-bottom: 0.4rem;
    max-width: initial;
    height: auto;
    width: fit-content;
  }
  .p-header > .l-container .c-logo.at-header_logo.has-text .c-image_wrap > img {
    height: 20px;
    width: fit-content;
  }
}
@media screen and (width <= 767px) {
  .p-header > .l-container .c-logo.at-header_logo.has-text .c-image_wrap > img {
    height: 20px;
  }
}
.p-header > .l-container .c-logo.at-header_logo.has-text .text {
  display: inline-block;
  font-size: var(--font-size_14);
  color: var(--header-logo-text-color);
  line-height: 2.2rem;
}
@media screen and (width <= 1200px) {
  .p-header > .l-container .c-logo.at-header_logo.has-text .text {
    font-size: 8px;
    line-height: normal;
  }
}
.p-header > .l-container .p-header_nav {
  padding: 2.7rem 0 0;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav {
    padding: 0;
  }
}
.p-header > .l-container .p-header_nav .l-bottom {
  padding: 1.7rem 0 0;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .l-bottom {
    background: var(--color-background_header);
    min-height: 100vh;
    padding: 2.5rem var(--padding-side_sp) 10rem;
    position: fixed;
    right: -100%;
    top: var(--height-header_sp);
    transition: 0.2s ease-in-out;
    width: 100vw;
  }
  .p-header > .l-container .p-header_nav .l-bottom.open {
    right: 0;
  }
}
.p-header > .l-container .p-header_nav .p-nav {
  display: flex;
  /*    MegaMenu
  ------------------------------------- */
  /* inner search */
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav {
    gap: 0;
  }
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu {
  background: none;
  border: none;
  display: flex;
  font-size: 1.4rem;
  gap: 0.5rem;
  padding: 0;
  text-align: start;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu {
    font-size: var(--font-size_12);
  }
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu .c-icon {
  width: 1.5rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-primary {
  font-size: var(--font-size_13);
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item {
  padding: 0.8rem 1.5rem 2.6rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item:last-of-type {
  padding-right: 0;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item.at-primary {
  padding: 0 0 0 1.5rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title {
  align-items: center;
  cursor: pointer;
  font-size: var(--font-size_16);
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu {
  align-items: center;
  display: flex;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg {
  margin: 3px 0 0 8px;
  transition: all 0.2s ease-in-out;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg > path {
  fill: black;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg {
    display: none;
  }
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu.active > svg {
  transform: rotate(180deg);
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu {
  background: var(--color-background_header);
  border-top: 1px solid rgba(165, 173, 188, 0.5);
  display: none;
  left: 0;
  padding: 4rem 0 6rem;
  position: absolute;
  top: var(--height-header);
  width: 100%;
  z-index: 11;
}
@media screen and (width >= 1200px) {
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu {
    background: var(--color-white);
  }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu > .l-flex {
  gap: clamp(2.4rem, 3.5vw, 6.6rem);
  margin: 0 auto;
  max-width: calc(1200px + var(--padding-side_default) * 2);
  padding: 0 var(--padding-side_default);
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu .l-left .c-title .c-text {
  font-size: var(--font-size_30);
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu .l-left .c-block_button {
  margin-top: 4rem;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2.4rem;
  width: fit-content;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item {
  flex: 1 1 calc(33.3333333333% - 1.8rem);
  max-width: 28rem;
  width: calc(33.3333333333% - 1.8rem);
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item {
    flex: 1 1 100%;
    max-width: initial;
    width: 100%;
  }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-image .c-image_wrap {
  height: 10rem;
  width: 28rem;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-image .c-border {
  background: var(--color-gradation_01);
  display: block;
  height: 3px;
  width: 28rem;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-image {
    display: none;
  }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-title {
  color: var(--color-main);
  font-size: var(--font-size_18);
  margin: 1rem 0 0;
  padding: 0 1rem;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-title {
    padding: 0 0 1rem;
  }
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-title::before {
    background: var(--color-gradation_01);
    content: "";
    display: block;
    height: 3px;
    margin-bottom: 1rem;
    width: 100%;
  }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu {
  margin: 1.1rem 0 0;
  padding: 0 1rem;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu .p-dropmenu_list {
  display: flex;
  flex-direction: column;
  gap: 1.7rem 0;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu .p-dropmenu_list .c-button.at-header_menu {
  font-size: var(--font-size_14);
  padding: 0 1.5rem 0 0;
  position: relative;
  width: fit-content;
}
@media screen and (width >= 1200px) {
  .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu .p-dropmenu_list .c-button.at-header_menu {
    line-height: 1.4;
  }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu .p-dropmenu_list .c-button.at-header_menu::after {
  content: url("../images/common/icon/icon-arrow_right_gray.svg");
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
}
.p-header > .l-container .p-header_nav .p-nav.at-search {
  gap: 3rem;
  justify-content: flex-end;
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search {
    gap: 0;
  }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search {
  background: var(--color-white);
  display: none;
  left: 50%;
  position: absolute;
  top: var(--height-header);
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search {
    top: var(--height-header_sp);
  }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner {
  align-items: center;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  margin: 0 auto;
  max-width: calc(1200px + var(--padding-side_default) * 2);
  padding: 3rem var(--padding-side_default);
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner {
    flex-direction: column;
    gap: 1rem;
    padding: 2.5rem var(--padding-side_sp);
  }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left {
  flex-grow: 1;
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-input .gsc-input-box table .gsib_a input {
  height: auto !important;
  padding: 1em !important;
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-search-button button {
  height: 6rem;
  width: 9rem;
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left .gsc-results-wrapper-overlay {
  height: auto;
  max-height: 80vh;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left .gsc-results-wrapper-overlay {
    width: 80%;
  }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left .gsc-modal-background-image {
  display: none;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left {
    order: 2;
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-input {
    padding-right: 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-input .gsc-input-box table .gsib_a {
    height: 5rem;
    padding: 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-input .gsc-input-box table .gsib_a input {
    background: none;
    height: 5rem;
    padding: 0.8em !important;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-left form table td.gsc-search-button button {
    height: 5rem;
    width: 7rem;
  }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-right .c-button {
  align-items: center;
  background: none;
  border: none;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-size: var(--font-size_basic);
  gap: 5px;
  line-height: 1;
  padding: 0;
  position: relative;
  text-align: left;
  transition: 0.2s;
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-right .c-button .c-icon {
  width: 2.4rem;
}
@media screen and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search .l-inner .l-right {
    display: flex;
    justify-content: flex-end;
    order: 1;
    padding: 0 2rem;
    width: 100%;
  }
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav.at-search li:nth-of-type(1) {
    margin: 0 0 0 2rem;
    order: 4;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-search li:nth-of-type(4) {
    order: 1;
  }
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav.at-global {
    display: block;
    height: calc(100vh - (var(--height-header_sp) + 5rem));
    overflow-y: scroll;
    padding: 0 0 5rem;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item {
    border-bottom: 1px solid var(--color-border_menu);
    padding: 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item:last-of-type {
    border: none;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title {
    display: block;
    font-size: var(--font-size_14);
    padding: 2rem;
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu::after {
    background: url("../images/common/icon/icon-arrow_under_black.svg") center center/100% no-repeat;
    content: "";
    display: block;
    height: 0.6rem;
    transition: 0.15s;
    width: 1.1rem;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu.open::after {
    background-image: url("../images/common/icon/icon-arrow_under_og.svg");
    transform: rotate(180deg);
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-primary {
    margin: 3rem auto 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu {
    background: none;
    padding: 0;
    position: inherit;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu .l-flex {
    display: block;
    margin: 2rem 0 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu .l-flex .l-left .c-title {
    display: none;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu .l-flex .c-block_button {
    margin: 0 0 2rem;
    padding: 0 2rem;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu .l-flex .c-block_button > * {
    width: 100%;
  }
}
@media screen and (width <= 1199px) and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu .l-flex .c-block_button {
    padding: 0;
  }
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav {
    gap: 2rem;
    margin: 0 0 2rem;
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item {
    max-width: none;
    padding: 0 2rem;
  }
}
@media screen and (width <= 1199px) and (width <= 767px) {
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item {
    padding: 0;
  }
}
@media screen and (width <= 1199px) {
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-image .c-image_wrap {
    height: auto;
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-image .c-border {
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-title {
    margin: 0;
    padding: 1rem 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-menu {
    margin: 0;
    padding: 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-menu .p-dropmenu_list {
    gap: 0.2rem 0;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-menu .p-dropmenu_list .c-button.at-header_menu {
    align-items: center;
    background: var(--color-white);
    display: flex;
    font-size: var(--font-size_13);
    justify-content: space-between;
    padding: 1rem;
    width: 100%;
  }
  .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item .p-dropmenu_nav_item .c-menu .p-dropmenu_list .c-button.at-header_menu::after {
    position: relative;
    transform: none;
    width: 0.5rem;
  }
}
.p-header.show-bg > .l-container, .p-header.at-droped > .l-container, .p-header.rn-square > .l-container {
  --header-logo-border-color: #333;
  --header-logo-text-color: #333;
}
.p-header.show-bg > .l-container .p-header_nav .p-nav .c-button.at-header_menu,
.p-header.show-bg > .l-container .p-header_nav .p-nav .c-list_item_title, .p-header.at-droped > .l-container .p-header_nav .p-nav .c-button.at-header_menu,
.p-header.at-droped > .l-container .p-header_nav .p-nav .c-list_item_title, .p-header.rn-square > .l-container .p-header_nav .p-nav .c-button.at-header_menu,
.p-header.rn-square > .l-container .p-header_nav .p-nav .c-list_item_title {
  color: #333;
}
.p-header.show-bg > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg > path, .p-header.at-droped > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg > path, .p-header.rn-square > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu > svg > path {
  fill: #333;
}
.p-header.show-bg > .l-container .p-header_nav .p-nav.at-search .c-button, .p-header.at-droped > .l-container .p-header_nav .p-nav.at-search .c-button, .p-header.rn-square > .l-container .p-header_nav .p-nav.at-search .c-button {
  color: #333;
}
.p-header.show-bg > .l-container .p-header_nav .at-lv, .p-header.at-droped > .l-container .p-header_nav .at-lv, .p-header.rn-square > .l-container .p-header_nav .at-lv {
  color: #333;
}
.p-header.show-bg > .l-container .c-logo.at-header_logo.has-text .c-image_wrap, .p-header.at-droped > .l-container .c-logo.at-header_logo.has-text .c-image_wrap, .p-header.rn-square > .l-container .c-logo.at-header_logo.has-text .c-image_wrap {
  border-bottom: 1px solid #333;
}
.p-header.show-bg > .l-container .c-logo.at-header_logo.has-text .text, .p-header.at-droped > .l-container .c-logo.at-header_logo.has-text .text, .p-header.rn-square > .l-container .c-logo.at-header_logo.has-text .text {
  color: #333;
}

.c-hamburger_button {
  background: var(--color-main);
  min-height: 5rem;
  position: relative;
  width: 5rem;
}
.c-hamburger_button span {
  background: var(--color-white);
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: 0.2s ease;
  width: 2rem;
}
.c-hamburger_button span:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 5px)) rotate(0);
}
.c-hamburger_button span:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(0);
}
.c-hamburger_button span:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 5px)) rotate(0);
}
.c-hamburger_button.open span:nth-of-type(1), .c-hamburger_button.open span:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-hamburger_button.open span:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* TOPページ */
.p-header.page-top > .l-container {
  --header-logo-border-color: var(--color-white);
  --header-logo-text-color: var(--color-white);
}
.p-header.page-top > .l-container .c-image_wrap .s-default,
.p-header.page-top > .l-container .c-icon .s-default {
  display: none;
}
.p-header.page-top > .l-container .c-image_wrap .s-top,
.p-header.page-top > .l-container .c-icon .s-top {
  display: block;
}
@media screen and (width >= 1200px) {
  .p-header.page-top > .l-container .p-header_nav .p-nav.at-search .c-button.at-header_menu {
    color: var(--color-white);
  }
  .p-header.page-top > .l-container .p-header_nav .p-nav.at-global .c-list_item_title {
    color: var(--color-white);
  }
  .p-header.page-top > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu > svg > path {
    fill: white;
  }
}
.p-header.page-top > .l-container .at-lv {
  color: var(--color-white);
}
.p-header.show-bg > .l-container, .p-header.at-droped > .l-container, .p-header.rn-square > .l-container {
  --header-logo-border-color: #333;
  --header-logo-text-color: #333;
}
.p-header.show-bg > .l-container .c-image_wrap .s-default,
.p-header.show-bg > .l-container .c-icon .s-default, .p-header.at-droped > .l-container .c-image_wrap .s-default,
.p-header.at-droped > .l-container .c-icon .s-default, .p-header.rn-square > .l-container .c-image_wrap .s-default,
.p-header.rn-square > .l-container .c-icon .s-default {
  display: block;
}
.p-header.show-bg > .l-container .c-image_wrap .s-top,
.p-header.show-bg > .l-container .c-icon .s-top, .p-header.at-droped > .l-container .c-image_wrap .s-top,
.p-header.at-droped > .l-container .c-icon .s-top, .p-header.rn-square > .l-container .c-image_wrap .s-top,
.p-header.rn-square > .l-container .c-icon .s-top {
  display: none;
}
@media screen and (width >= 1200px) {
  .p-header.show-bg > .l-container .p-header_nav .p-nav.at-search .c-button.at-header_menu, .p-header.at-droped > .l-container .p-header_nav .p-nav.at-search .c-button.at-header_menu, .p-header.rn-square > .l-container .p-header_nav .p-nav.at-search .c-button.at-header_menu {
    color: #333;
  }
  .p-header.show-bg > .l-container .p-header_nav .p-nav.at-global .c-list_item_title, .p-header.at-droped > .l-container .p-header_nav .p-nav.at-global .c-list_item_title, .p-header.rn-square > .l-container .p-header_nav .p-nav.at-global .c-list_item_title {
    color: #333;
  }
  .p-header.show-bg > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu > svg > path, .p-header.at-droped > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu > svg > path, .p-header.rn-square > .l-container .p-header_nav .p-nav.at-global .c-list_item_title.at-dropmenu > svg > path {
    fill: #333;
  }
}
.p-header.show-bg > .l-container .p-header_nav .at-lv, .p-header.at-droped > .l-container .p-header_nav .at-lv, .p-header.rn-square > .l-container .p-header_nav .at-lv {
  color: #333;
}
.p-header.show-bg > .l-container .p-header_nav .p-nav .c-button.at-header_menu, .p-header.at-droped > .l-container .p-header_nav .p-nav .c-button.at-header_menu, .p-header.rn-square > .l-container .p-header_nav .p-nav .c-button.at-header_menu {
  color: #333;
}

/* -------------------------------------
    Footer
------------------------------------- */
.p-footer {
  background: var(--color-gray);
  position: relative;
  z-index: 1;
}
.p-footer .l-container {
  margin: 0 auto;
  max-width: calc(1200px + var(--padding-side_default) * 2);
  padding: var(--padding-footer_pc);
}
@media screen and (width <= 767px) {
  .p-footer .l-container {
    padding: var(--padding-footer_sp);
  }
}
.p-footer .l-container .l-middle {
  gap: 0 clamp(4.5rem, 6.6%, 8rem);
  margin: 7rem 0 0;
}
.p-footer .l-container .l-middle .l-left {
  flex-grow: 1;
}
@media screen and (width <= 767px) {
  .p-footer .l-container .l-middle {
    display: block;
    margin: 3rem 0 0;
  }
  .p-footer .l-container .l-middle .l-right {
    margin: 2rem 0 0;
  }
}
.p-footer .l-container .l-bottom {
  justify-content: space-between;
  margin: 9rem 0 0;
}
.p-footer .l-container .l-bottom.at-en {
  justify-content: flex-end;
}
@media screen and (width <= 1199px) {
  .p-footer .l-container .l-bottom {
    flex-direction: column;
    gap: 4rem;
    margin: 4rem 0 0;
  }
}
.p-footer .p-footer_logo .c-image_wrap {
  display: block;
  width: 20.4rem;
}
.p-footer .p-footer_logo .c-image_wrap.at-en {
  width: 30rem;
}
@media screen and (width <= 767px) {
  .p-footer .p-footer_logo .c-image_wrap {
    width: 15.7rem;
  }
  .p-footer .p-footer_logo .c-image_wrap.at-en {
    padding-bottom: 1rem;
    width: 26rem;
  }
}
.p-footer .p-list.at-footernav {
  column-count: 3;
  column-gap: clamp(4.5rem, 9.1%, 8rem);
}
.p-footer .p-list.at-footernav .c-list_item {
  border-top: 1px solid var(--color-border_default);
  break-inside: avoid;
  color: var(--color-white);
  font-size: var(--font-size_16);
  max-width: 24rem;
  min-width: 15rem;
  padding: 1.5rem 0 3rem;
  width: 100%;
}
.p-footer .p-list.at-footernav .c-list_item a {
  transition: 0.2s;
}
.p-footer .p-list.at-footernav .c-list_item a:hover {
  opacity: 0.6;
}
.p-footer .p-list.at-footernav .c-list_item a .c-icon.at-external {
  margin: 0 0 0 0.5rem;
  width: 0.67em;
}
.p-footer .p-list.at-footernav .c-list_item a .c-icon.at-external img {
  vertical-align: top;
}
.p-footer .p-list.at-footernav.at-child {
  column-count: 1;
}
.p-footer .p-list.at-footernav.at-child .c-list_item {
  border: none;
  color: var(--color-border_default);
  font-size: var(--font-size_14);
  padding: 1.2rem 0 0;
}
.p-footer .p-list.at-footernav.at-child .c-list_item::before {
  content: "-";
  margin: 0 0.5rem 0 0;
}
@media screen and (width <= 1199px) {
  .p-footer .p-list.at-footernav {
    column-count: 2;
  }
  .p-footer .p-list.at-footernav .c-list_item {
    font-size: var(--font-size_13);
    max-width: none;
    padding: 1rem 0 2rem;
  }
  .p-footer .p-list.at-footernav.at-child .c-list_item {
    font-size: var(--font-size_12);
    padding: 0.9rem 0 0;
  }
}
.p-footer .p-list.at-footerbanner .c-list_item:not(:first-of-type) {
  margin: 2rem 0 0;
}
.p-footer .p-list.at-footerbanner .c-list_item .c-image_wrap {
  display: block;
  max-width: 24rem;
  width: 100%;
}
@media screen and (width <= 767px) {
  .p-footer .p-list.at-footerbanner {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    padding: 0 1rem;
  }
  .p-footer .p-list.at-footerbanner .c-list_item:not(:first-of-type) {
    margin: 0;
  }
}
.p-footer .p-nav.at-footer {
  gap: 0 4rem;
}
.p-footer .p-nav.at-footer .c-button {
  background: inherit;
  border: none;
  color: var(--color-border_default);
  font-size: var(--font-size_14);
  padding: 0;
}
.p-footer .p-nav.at-footer .c-button:hover {
  opacity: 0.6;
}
@media screen and (width <= 767px) {
  .p-footer .p-nav.at-footer {
    flex-direction: column;
    gap: 1.4rem;
  }
  .p-footer .p-nav.at-footer .c-button {
    font-size: var(--font-size_12);
  }
}
.p-footer .c-copyright small {
  color: var(--color-border_default);
  font-family: var(--font-family_libre);
  font-size: var(--font-size_12);
  line-height: 1.7;
}
@media screen and (width <= 767px) {
  .p-footer .c-copyright small {
    display: block;
    text-align: center;
  }
}

/* -------------------------------------
    English Page
------------------------------------- */
/* Our Declaration on Safety */
.p-section.at-safety .l-container > .l-inner {
  background: url("../images/company/safety/bg-green_cross.svg") center right/calc(100% - var(--width-side)) no-repeat;
}
@media screen and (width <= 767px) {
  .p-section.at-safety .l-container > .l-inner {
    background: url("../images/company/safety/bg-green_cross.svg") center center/100% no-repeat;
  }
}

.p-list.at-safety {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 2rem;
  padding: 0 2em;
}
.p-list.at-safety > * {
  font-size: var(--font-size_basic);
  font-weight: bold;
}
.p-list.at-safety .c-title {
  width: 21rem;
}
.p-list.at-safety .c-desc {
  flex-grow: 1;
  width: calc(100% - 23rem);
}
@media screen and (width <= 767px) {
  .p-list.at-safety {
    display: block;
  }
  .p-list.at-safety > * {
    width: 100% !important;
  }
  .p-list.at-safety .c-title:not(:first-of-type) {
    margin: 3em 0 0;
  }
  .p-list.at-safety .c-desc {
    padding: 0 0 0 3em;
  }
}

.c-section_content.at-signature {
  margin-top: 10rem;
}
.c-section_content.at-signature .c-text {
  text-align: right;
}

/* -------------------------------------
    Text Editer Style
------------------------------------- */
/*    横並び画像
------------------------------------- *//*# sourceMappingURL=style.css.map */