@charset "UTF-8";
/* ===================================================================
CSS information

file name  : first_load.css
author     : Abilive
style info : 先に同期読み込みCSS
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
/* ===================================================================
CSS information

file name  : default.css
author     : Abilive
style info : 汎用リセット記述
=================================================================== */
html,
article,
aside,
audio,
blockquote,
body,
dd,
dialog,
div,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
li,
mark,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
time,
ul,
video,
main {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

caption,
th {
  text-align: left;
}

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

embed,
object {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

abbr,
acronym,
fieldset,
img {
  border: 0;
}

li {
  list-style-type: none;
}

sup {
  vertical-align: super;
  font-size: 0.5em;
}

img {
  vertical-align: top;
}

i {
  font-style: normal;
}

svg {
  vertical-align: middle;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
main {
  display: block;
}

nav,
ul {
  list-style: none;
}

:root {
  --color-text-main: #505B4F;
  --color-text-sub: #1F261F;
  --color-text-extra: #fff;
  --color-main: #95AE4F;
  --color-cv: #667C29;
  --color-main-sub: #8E8E8E;
  --color-accent: #B74545;
  --color-sub-1: #99AF8F;
  --color-sub-2: #D2E3A5;
  --color-sub-3: #E3E3E3;
  --color-bg-1: #FBFBF5;
  --color-line: #E3E3E3;
  --color-line-1: #9E9E9E;
  --color-line-2: #E0E0E0;
  --table-border: #E0E0E0;
  --table-bg: #F5F5F5;
  --table-border-2: #9E9E9E;
  --table-bg-2: #616161;
  --nav-h-pt: 7.14rem;
  --nav-h-sp: 7.5em;
  --lang-w-pt: 7.14rem;
  --lang-w-sp: 6.42rem;
  --nav-fix-h-pc: 4.28rem;
  --nav-fix-h-sp: 3.92rem;
  --icon-size: 1.78rem;
  --arrow-width: 2.5rem;
  --arrow-width-l: 3.21rem;
  --arrow-width-s: 1.42rem;
}

html {
  line-height: 2;
  letter-spacing: -.03em;
}
@media only screen and (min-width: 1441px) {
  html {
    font-size: calc(16 / 16 * 100%);
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  html {
    font-size: calc((16 - 1) / 16 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  html {
    font-size: calc(14 / 16 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  html {
    font-size: calc((14 - 1) / 16 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: calc((14 - 1) / 16 * 100%);
  }
}
html:lang(en) {
  letter-spacing: 0;
}

body {
  color: var(--color-text-main);
  position: relative;
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}
body::before {
  content: "";
  z-index: -1;
  height: 100vh;
  position: fixed;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: var(--color-bg-1);
  background-image: url(../images/common/bg-noise-1.webp);
  background-repeat: repeat;
  background-position: top;
  background-size: auto;
}
body a {
  color: inherit;
  text-decoration: underline;
}
body a:hover {
  text-decoration: none;
}
body img {
  max-width: 100%;
  -webkit-touch-callout: none;
  line-height: 1;
}

*:focus-visible {
  outline: 3px solid blue;
  outline-offset: 1px;
}

body,
pre,
input,
textarea,
select {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  font-style: normal;
  color: var(--color-text-main);
}

input,
select,
textarea {
  font-size: 100%;
}
@media only screen and (max-width: 767px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  input::placeholder,
  select::placeholder,
  textarea::placeholder {
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
}

summary {
  display: block;
  list-style: none;
  counter-increment: none;
  cursor: pointer;
}
summary::marker {
  content: none;
}
summary::-webkit-details-marker {
  display: none;
}

* {
  box-sizing: border-box;
}

#svg_defs {
  display: none;
}

#abi_page {
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #abi_page {
    font-size: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .lower #abi_page {
    overflow: hidden;
  }
}

.lower #main_and_aside {
  margin-top: 5.71rem;
}
@media only screen and (max-width: 767px) {
  .lower #main_and_aside {
    margin-top: 5rem;
  }
}

@media only screen and (min-width: 1025px) {
  body .view_tab-sp,
  body .view_tab {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  body .view_sp {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  body .view_pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .view_pc-tab,
  body .view_tab {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  body .view_pcl {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  body .view_pcl {
    display: none !important;
  }
}
@media only screen and (min-width: 1441px) {
  body .view_pcs {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  body .view_pcs {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  body .u-view--ts, body .u-view--t {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  body .u-view--s {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  body .u-view--p {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .u-view--pt, body .u-view--t {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body .u-view--ps {
    display: none !important;
  }
}

svg {
  width: 1rem;
  height: 1rem;
  fill: inherit;
}

.o-icon--up-down {
  width: 0.85rem;
  height: 0.5rem;
}
.o-icon--up {
  transform: scaleY(-1);
}
.o-icon--lt {
  transform: scaleX(-1);
}
.o-icon--pdf {
  width: 0.85rem;
  height: 1rem;
}
.o-icon--insta {
  fill: none;
  stroke: var(--color-text-main);
}
.o-icon--glass {
  width: 1.14rem;
  height: 1.14rem;
}

.o-arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: var(--arrow-width);
  height: auto;
}
.o-arrow > span {
  position: relative;
  display: inline-block;
  width: calc(var(--arrow-width) - 0.71rem);
  height: 1px;
  border-radius: 9999px;
  transform-origin: left;
  transition: transform .3s ease, width .3s ease, background-color .3s ease;
  background-color: var(--color-text-sub);
}
.o-arrow > span::before, .o-arrow > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 0.35rem;
  height: 1px;
  border-radius: 9999px;
  transition: background-color .3s ease;
  background-color: var(--color-text-sub);
  transform-origin: calc(100% - 0.5px) 50%;
}
.o-arrow > span:before {
  transform: rotate(45deg);
}
.o-arrow > span::after {
  transform: rotate(-45deg);
}
.o-arrow--l {
  width: var(--arrow-width-l);
}
.o-arrow--l > span {
  width: calc(var(--arrow-width-l) - 0.71rem);
}
.o-arrow--l > span::before, .o-arrow--l > span::after {
  width: 0.42rem;
}
.o-arrow--s {
  width: var(--arrow-width-s);
}
.o-arrow--s > span {
  width: calc(var(--arrow-width-s) - 0.71rem);
}
.o-arrow--s > span::before, .o-arrow--s > span::after {
  width: 0.28rem;
}
.o-arrow--white > span {
  background-color: #fff;
}
.o-arrow--white > span::before, .o-arrow--white > span::after {
  background-color: #fff;
}
.o-arrow--cv > span {
  background-color: var(--color-cv);
}
.o-arrow--cv > span::before, .o-arrow--cv > span::after {
  background-color: var(--color-cv);
}

.mouse a.c-arrow-link:hover .o-arrow > span, .touch a.c-arrow-link.touchstart .o-arrow > span {
  transform: scaleX(1.25);
}
.mouse a.c-arrow-link:hover .o-arrow > span::before, .touch a.c-arrow-link.touchstart .o-arrow > span::before {
  transform: scaleX(0.75) rotate(45deg);
}
.mouse a.c-arrow-link:hover .o-arrow > span::after, .touch a.c-arrow-link.touchstart .o-arrow > span::after {
  transform: scaleX(0.75) rotate(-45deg);
}
.touch a.c-arrow-link {
  -webkit-tap-highlight-color: transparent;
}
.touch a.c-arrow-link.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

img {
  width: 100%;
}
img.lazyload, img.lazyloading {
  opacity: 0;
  visibility: hidden;
}
img.lazyloaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-out;
  height: auto;
}
img[loading=lazy] {
  width: 100%;
  height: auto;
}

.u-visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .u-visually-hidden-s {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}

.c-jump_menu {
  display: none;
}

button {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  cursor: pointer;
  color: initial;
}
button::-ms-expand {
  display: none;
}

.js-swiper-wrp [class*=" js-swiper-"]:not(.js-swiper-column):not(.swiper-initialized) .swiper-wrapper .swiper-slide:not(:first-child), .js-swiper-wrp [class^="js-swiper-"]:not(.js-swiper-column):not(.swiper-initialized) .swiper-wrapper .swiper-slide:not(:first-child) {
  display: none;
}

.u-align-c {
  text-align: center;
  justify-content: center;
}
.u-align-c > * {
  text-align: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .u-align--pt {
    text-align: center;
    justify-content: center;
  }
  .u-align--pt > * {
    text-align: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .u-align--s {
    text-align: center;
    justify-content: center;
  }
  .u-align--s > * {
    text-align: center;
    justify-content: center;
  }
}

.u-flex-txt > .wide {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .u-flex-txt--pt {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .u-flex-txt--s {
    display: flex;
    flex-wrap: wrap;
  }
}
.u-flex-txt--all {
  display: flex;
  flex-wrap: wrap;
}

.u-break-br {
  word-break: keep-all;
}

.c-fade-up {
  transition: 1s cubic-bezier(0.3, 0.57, 0.64, 0.84) opacity 0.75s, 1s cubic-bezier(0.3, 0.57, 0.64, 0.84) transform 0.75s;
}
.c-fade-up.lazyload {
  transform: translateY(35px);
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .c-fade-up.lazyload {
    transform: translateY(1em);
  }
}
.c-fade-up.lazyloaded {
  transform: translateY(0);
  opacity: 1;
}

.c-text-blur {
  transition: filter 0.75s cubic-bezier(0.3, 0.57, 0.64, 0.84) 0.75s, opacity 0.75s cubic-bezier(0.3, 0.57, 0.64, 0.84) 0.75s;
}
.c-text-blur.lazyload {
  opacity: 0;
  filter: blur(1em);
}
.c-text-blur.lazyloaded {
  opacity: 1;
  filter: blur(0);
}

.c-fade-in {
  transition: opacity 0.75s cubic-bezier(0.3, 0.57, 0.64, 0.84) 0.75s;
}
.c-fade-in.lazyload {
  opacity: 0;
}
.c-fade-in.lazyloaded {
  opacity: 1;
}
.c-fade-in.delay25 {
  transition-delay: 2.5s;
}

.l-modal {
  display: none;
}

.l-modal.is-open {
  display: block;
}

.c-title {
  --title-color: var(--color-text-sub);
}
.c-title .c-title__jp {
  line-height: 1.5;
  font-weight: 500;
}
.c-title .c-title__jp:not([class*=u-color--]) {
  color: var(--title-color);
}
.c-title .c-title__en {
  font-family: "Aboreto", system-ui;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: .06em;
}
.c-title .c-title__en:not([class*=u-color--]) {
  color: var(--title-color);
}
.c-title--set {
  display: flex;
  flex-direction: column;
}
.c-title--set .c-title__jp {
  margin-top: 1.42rem;
}
.c-title--set .c-title__jp--wide {
  margin-top: 4.28rem;
}
@media only screen and (max-width: 1024px) {
  .c-title--set .c-title__jp--wide {
    margin-top: 2.14rem;
  }
}
html:lang(en) .c-title--set .c-title__jp--wide {
  margin-top: 2.85rem;
}
@media only screen and (max-width: 1024px) {
  html:lang(en) .c-title--set .c-title__jp--wide {
    margin-top: 1.42rem;
  }
}
.c-title--set .c-title__en {
  order: -1;
  line-height: 1.6;
}
.c-title--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
@media only screen and (max-width: 767px) {
  .c-title--flex {
    flex-direction: column;
  }
}
.c-title--s32 .c-title__en {
  font-size: 1.14rem;
}
.c-title--s32 .c-title__jp {
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .c-title--s32 .c-title__jp {
    font-size: 2.29rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--s32 .c-title__jp {
    font-size: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title--s32 .c-title__jp {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .c-title--s32 .c-title__jp {
    font-size: 2.14rem;
  }
}
html:lang(en) .c-title--s32 .c-title__jp {
  letter-spacing: -.02em;
}
.c-title--s28 .c-title__en {
  font-size: 1.14rem;
}
.c-title--s28 .c-title__jp {
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .c-title--s28 .c-title__jp {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--s28 .c-title__jp {
    font-size: 1.93rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title--s28 .c-title__jp {
    font-size: 1.86rem;
  }
}
html:lang(en) .c-title--s28 .c-title__jp {
  letter-spacing: -.02em;
}
.c-title--s25 .c-title__en {
  font-size: 1.14rem;
}
.c-title--s25 .c-title__jp {
  letter-spacing: -.06em;
}
@media only screen and (min-width: 1025px) {
  .c-title--s25 .c-title__jp {
    font-size: 1.79rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--s25 .c-title__jp {
    font-size: 1.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title--s25 .c-title__jp {
    font-size: 1.64rem;
  }
}
html:lang(en) .c-title--s25 .c-title__jp {
  letter-spacing: -.03em;
}
.c-title--s20 .c-title__en {
  font-size: 1rem;
}
.c-title--s20 .c-title__jp {
  font-size: 1.43rem;
  letter-spacing: 0;
}
.c-title--s16 .c-title__en {
  font-size: 0.86rem;
}
.c-title--s16 .c-title__jp {
  font-size: 1.14rem;
  letter-spacing: -.06em;
}
html:lang(en) .c-title--s16 .c-title__jp {
  letter-spacing: -.03em;
}

.u-color--white {
  color: #fff;
}
.u-color--cv {
  color: var(--color-cv);
}

html:not([lang=ja]) .disp_ja {
  display: none !important;
}

html:lang(ja) .hide_ja {
  display: none !important;
}

html:not([lang=en]) .disp_en {
  display: none !important;
}

html:lang(en) .hide_en {
  display: none !important;
}

.c-modal-btn {
  cursor: pointer;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-modal-btn__txt {
  line-height: 1;
  color: var(--color-text-sub);
  font-family: "Aboreto", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86rem;
}
@media only screen and (min-width: 768px) {
  .c-modal-btn__txt {
    margin-right: 0.75em;
  }
}
@media only screen and (max-width: 767px) {
  .c-modal-btn__txt {
    margin-right: 1em;
  }
}
.c-modal-btn__ic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  transition: height .3s ease-in-out;
  position: relative;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .c-modal-btn__ic {
    height: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-modal-btn__ic {
    height: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .c-modal-btn__ic {
    width: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-modal-btn__ic {
    width: 3em;
  }
}
.c-modal-btn__ic > span {
  width: 100%;
  transition: background-color .3s ease-in-out;
  background-color: var(--color-text-main);
  height: 1px;
}
.c-modal-btn__ic > span::before, .c-modal-btn__ic > span::after {
  content: "";
  transition: transform .2s ease, top .2s ease 0.2s, background-color .3s ease-in-out;
  background-color: var(--color-text-main);
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}
.c-modal-btn__ic > span::before {
  top: 0%;
  transform: translateY(-100%);
}
.c-modal-btn__ic > span::after {
  width: 100%;
  top: 100%;
}

#abi_page:has(> #modal-menu.is-open) .c-modal-btn__ic > span {
  background-color: transparent !important;
}
#abi_page:has(> #modal-menu.is-open) .c-modal-btn__ic > span::before, #abi_page:has(> #modal-menu.is-open) .c-modal-btn__ic > span::after {
  transition: transform .2s ease 0.2s, top .2s ease;
}
#abi_page:has(> #modal-menu.is-open) .c-modal-btn__ic > span::before {
  transform-origin: center center;
  transform: rotate(40deg);
  top: 50%;
}
#abi_page:has(> #modal-menu.is-open) .c-modal-btn__ic > span::after {
  transform-origin: center center;
  transform: rotate(-40deg);
  top: 50%;
  width: 100%;
  max-width: 100%;
}

#header {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .lower #header {
    padding-top: var(--nav-h-pt);
  }
}
@media only screen and (max-width: 767px) {
  .lower #header {
    padding-top: var(--nav-h-sp);
  }
}

.c-sns a {
  padding: .75em;
  box-sizing: border-box;
}
.mouse .c-sns a {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .c-sns a:hover, .touch .c-sns a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .c-sns a {
  -webkit-tap-highlight-color: transparent;
}
.touch .c-sns a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.c-sns a svg {
  width: 2.14rem;
  height: 2.14rem;
  transform-origin: center;
  transform: scale(0.65);
  stroke: var(--color-text-sub);
}
.homepage .c-sns a svg {
  stroke: #fff;
}

.l-header {
  transition: transform .4s ease-in-out, opacity .4s ease-in-out;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .l-header {
    height: var(--nav-h-pt);
  }
}
@media only screen and (max-width: 767px) {
  .l-header {
    height: var(--nav-h-sp);
  }
}
.l-header__inner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .l-header__inner {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .l-header__inner {
    width: calc(370 / 428 * 100%);
  }
}
.l-header__logo {
  display: none;
}
.l-header__sns {
  margin-right: 0;
  margin-left: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .l-header__sns a {
    padding: .5rem;
  }
}
.homepage .l-header__menu .c-modal-btn__txt {
  color: #fff;
}
.homepage .l-header__menu .c-modal-btn__ic span {
  background-color: #fff;
}
.homepage .l-header__menu .c-modal-btn__ic span::after, .homepage .l-header__menu .c-modal-btn__ic span::before {
  background-color: #fff;
}
.l-header__lang {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-header__lang {
    padding-left: calc(var(--lang-w-pt) + 1.5em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .l-header__lang {
    padding-left: calc(var(--lang-w-pt) + 1em);
    margin-right: -.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__lang {
    width: var(--lang-w-sp);
  }
}
.l-header__lang__inner {
  position: absolute;
  height: 100%;
  left: 0;
  flex-direction: column;
  top: 2.5em;
}
@media only screen and (min-width: 768px) {
  .l-header__lang__inner {
    width: var(--lang-w-pt);
  }
}
@media only screen and (max-width: 767px) {
  .l-header__lang__inner {
    width: var(--lang-w-sp);
  }
}
.homepage .l-header__lang__inner .btn {
  border-bottom-color: #fff;
  color: #fff;
}
.homepage .l-header__lang__inner .btn .o-icon--down {
  fill: #fff;
}
.l-header__lang__inner details {
  width: 100%;
}
.l-header__lang__inner details .btn {
  font-family: "Aboreto", system-ui;
  font-weight: 400;
  font-style: normal;
  padding: .75em 0 .5em;
  width: 100%;
  line-height: 1.2;
  z-index: 2;
  position: relative;
  transition: border-color .3s ease;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-text-sub);
}
@media only screen and (min-width: 768px) {
  .l-header__lang__inner details .btn {
    font-size: 0.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__lang__inner details .btn {
    font-size: 0.86rem;
  }
}
.l-header__lang__inner details .o-icon--down {
  margin-left: auto;
  fill: var(--color-text-sub);
  transform: scale(0.85);
}
@media only screen and (min-width: 768px) {
  .l-header__lang__inner details .o-icon--down {
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__lang__inner details .o-icon--down {
    margin-right: 0;
  }
}
.homepage .l-header__lang__inner details .o-icon--down {
  fill: #fff;
}
.l-header__lang__inner details .c-accordion__target {
  width: 100%;
  background-color: #fff;
  z-index: 1;
}
.l-header__lang__inner details .c-accordion__target ul {
  width: 100%;
}
.l-header__lang__inner details .c-accordion__target ul li:not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.l-header__lang__inner details .c-accordion__target ul .a {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.86rem;
  text-align: center;
  display: block;
  padding: .25em 0;
  width: 100%;
  text-decoration: none;
}
.mouse .l-header__lang__inner details .c-accordion__target ul .a {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .l-header__lang__inner details .c-accordion__target ul .a:hover, .touch .l-header__lang__inner details .c-accordion__target ul .a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .l-header__lang__inner details .c-accordion__target ul .a {
  -webkit-tap-highlight-color: transparent;
}
.touch .l-header__lang__inner details .c-accordion__target ul .a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.l-header__lang__inner details .c-accordion__target ul .a svg {
  display: none;
}
.l-header__lang .c-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .l-header__lang .c-btn {
    width: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__lang .c-btn {
    width: 10em;
  }
}
.l-header__lang .c-btn .c-btn__link {
  height: 2.14rem;
}
@media only screen and (min-width: 768px) {
  html:lang(en) .l-header__lang .c-btn {
    width: 14rem;
  }
}
@media only screen and (max-width: 767px) {
  html:lang(en) .l-header__lang .c-btn {
    width: 14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .l-header__lang .c-btn {
    width: 12rem;
    --arrow-width-l: 2rem;
  }
  html:lang(en) .l-header__lang .c-btn .c-btn__link {
    padding-right: .5rem;
  }
  html:lang(en) .l-header__lang .c-btn .c-btn__link__text {
    padding-right: 0;
  }
}

body.parts_fixed .l-header {
  background-color: rgba(149, 174, 79, 0.95);
  position: fixed;
  z-index: 99;
  top: 0;
  animation-name: FadeIn;
  animation-duration: .75s;
  flex-direction: row;
}
@media only screen and (min-width: 768px) {
  body.parts_fixed .l-header {
    height: var(--nav-fix-h-pc);
  }
}
@media only screen and (max-width: 767px) {
  body.parts_fixed .l-header {
    height: var(--nav-fix-h-sp);
  }
}
body.parts_fixed .l-header__menu .c-modal-btn__txt {
  color: #fff;
}
body.parts_fixed .l-header__menu .c-modal-btn__ic span {
  background-color: #fff;
}
body.parts_fixed .l-header__menu .c-modal-btn__ic span::after, body.parts_fixed .l-header__menu .c-modal-btn__ic span::before {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  body.parts_fixed .l-header__sns {
    display: none;
  }
}
body.parts_fixed .l-header__sns svg {
  stroke: #fff;
}
@media only screen and (max-width: 767px) {
  body.parts_fixed .l-header__lang {
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  body.parts_fixed .l-header__lang__inner {
    top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  body.parts_fixed .l-header__lang__inner {
    top: 0.5em;
  }
}
body.parts_fixed .l-header__lang__inner .btn {
  border-bottom-color: #fff;
  color: #fff;
}
body.parts_fixed .l-header__lang__inner .o-icon--down {
  fill: #fff;
}
body.parts_fixed .l-header__logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  body.parts_fixed .l-header__logo {
    width: 9.64rem;
  }
}
@media only screen and (max-width: 767px) {
  body.parts_fixed .l-header__logo {
    width: 7.14rem;
  }
}
body.parts_fixed .l-header__logo a {
  display: block;
}
.mouse body.parts_fixed .l-header__logo a {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse body.parts_fixed .l-header__logo a:hover, .touch body.parts_fixed .l-header__logo a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch body.parts_fixed .l-header__logo a {
  -webkit-tap-highlight-color: transparent;
}
.touch body.parts_fixed .l-header__logo a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
body.parts_fixed .l-header__logo a img {
  height: auto;
}

.l-topicpath {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .l-topicpath {
    width: calc(1200 / 1440 * 100%);
    max-width: calc(1200px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .l-topicpath {
    max-width: calc(1200px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .l-topicpath {
    max-width: calc(1200px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-topicpath {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .l-topicpath {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-topicpath {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-topicpath {
    margin-top: 2.14rem;
  }
}
.l-topicpath__wrp {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-end;
}
.l-topicpath__ul__li {
  font-size: 0.79rem;
  line-height: 1.4;
  color: var(--color-text-main);
  display: inline;
  position: relative;
}
.l-topicpath__ul__li .o-arrow {
  display: inline-block;
  transform: translateY(-0.2em);
}
.l-topicpath__ul__li .o-arrow > span {
  background-color: var(--color-text-main);
}
.l-topicpath__ul__li .o-arrow > span::before, .l-topicpath__ul__li .o-arrow > span::after {
  background-color: var(--color-text-main);
}
.l-topicpath__ul__li > span {
  padding-left: .25rem;
}
.l-topicpath__ul__li__a {
  color: var(--color-text-main);
  text-decoration: none;
  padding: 0 .5em;
}
.mouse .l-topicpath__ul__li__a {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .l-topicpath__ul__li__a:hover, .touch .l-topicpath__ul__li__a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .l-topicpath__ul__li__a {
  -webkit-tap-highlight-color: transparent;
}
.touch .l-topicpath__ul__li__a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.l-topicpath__ul__li__a span {
  position: relative;
}
.l-topicpath__ul__li__a span::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-text-main);
}

.p-home-fv {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .p-home-fv {
    padding-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-fv {
    padding-bottom: 8rem;
  }
}
html:not([lang=ja]) .p-home-fv {
  padding-bottom: calc(150 / 1440 * 100%);
}
.p-home-fv__catch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 95%;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .p-home-fv__catch .c-title-sub {
    font-size: 2.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-fv__catch .c-title-sub {
    font-size: 2.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-fv__catch .c-title-sub {
    font-size: 2.14rem;
  }
}
.p-home-fv__catch .c-title-sub > span {
  width: .75rem;
  display: inline-block;
}
.p-home-fv__catch .logo {
  margin-top: 1.42rem;
  width: 14.71rem;
}
.p-home-fv__catch .logo img {
  width: 100%;
  height: auto;
}
.p-home-fv__news {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  max-width: 57.85rem;
  width: 90%;
  bottom: 5.71rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-fv__news {
    bottom: 6.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-fv__news {
    bottom: 1.42rem;
    width: calc(355 / 428 * 100%);
  }
}
.p-home-fv__news__link {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.71rem 0;
}
.mouse .p-home-fv__news__link {
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.mouse .p-home-fv__news__link:hover, .touch .p-home-fv__news__link.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .p-home-fv__news__link {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-home-fv__news__link.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-home-fv__news__link__title {
  width: 6.42rem;
}
.p-home-fv__news__link__title .c-title__en {
  font-size: 1.14rem;
}
.p-home-fv__news__link time {
  width: 5.71rem;
  letter-spacing: 0;
}
.p-home-fv__news__link .t {
  max-width: calc(100% - (5.71rem + 6.42rem));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
}
.firefox .p-home-fv__news__link .t, .ie .p-home-fv__news__link .t {
  max-height: 1.5em;
}
@media only screen and (max-width: 767px) {
  .p-home-fv__news__link .t {
    width: 100%;
    max-width: 100%;
    margin-top: .75rem;
  }
}
.p-home-fv__fix {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  z-index: 2;
  width: 100%;
  height: 100vh;
}
.p-home-fv__fix:has(> .p-home-fv__news) .c-swiper_ctrls {
  bottom: 6.42rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-home-fv__fix:has(> .p-home-fv__news) .c-swiper_ctrls {
    bottom: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-fv__fix:has(> .p-home-fv__news) .c-swiper_ctrls {
    bottom: 7.85rem;
  }
}
.p-home-fv .c-swiper_ctrls {
  position: absolute;
  z-index: 10;
  bottom: 2.85rem;
  right: calc(50 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-home-fv .c-swiper_ctrls {
    right: calc(35 / 428 * 100%);
    bottom: 2rem;
  }
}
.p-home-fv__slider {
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.p-home-fv__slider .c-swiper {
  height: 100%;
}
.p-home-fv__slider .c-swiper__wrp {
  height: 100%;
}
.p-home-fv__slider .c-swiper__inner {
  height: 100%;
}
.p-home-fv__slider .c-swiper__slide {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
}
.p-home-fv__slider .c-swiper__slide .inner {
  height: 100%;
  position: relative;
}
.p-home-fv__slider .c-swiper__slide::before {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(251, 251, 245, 0.04) 10.96%, rgba(251, 251, 245, 0.24) 24.78%, rgba(251, 251, 245, 0.64) 34.76%, rgba(251, 251, 245, 0.8) 68.21%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.p-home-fv__slider .c-swiper__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  transition: filter 1s ease-in-out;
}
.p-home-fv__slider .c-swiper__slide.swiper-slide-active, .p-home-fv__slider .c-swiper__slide.swiper-slide-duplicate-active {
  opacity: 1 !important;
}
.p-home-fv__slider .c-swiper__slide.swiper-slide-active img.lazyload, .p-home-fv__slider .c-swiper__slide.swiper-slide-active img.lazyloading, .p-home-fv__slider .c-swiper__slide.swiper-slide-duplicate-active img.lazyload, .p-home-fv__slider .c-swiper__slide.swiper-slide-duplicate-active img.lazyloading {
  opacity: 1;
  visibility: visible;
}
.p-home-fv__slider.is-active .c-swiper__slide::before {
  opacity: 1;
}
.p-home-fv__slider.is-active .c-swiper__slide img {
  filter: blur(10px);
}
.p-home-fv__cover {
  position: relative;
  z-index: 3;
}

.l-header-lower .l-header-lower__title {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .l-header-lower .l-header-lower__title {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .l-header-lower .l-header-lower__title {
    max-width: calc(1360px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .l-header-lower .l-header-lower__title {
    max-width: calc(1360px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-header-lower .l-header-lower__title {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower .l-header-lower__title {
    width: calc(388 / 428 * 100%);
  }
}
.l-header-lower .l-header-lower__title .c-title__en {
  font-size: 1.14rem;
  order: -1;
  line-height: 1.6;
}
.l-header-lower .l-header-lower__title .c-title__jp {
  font-size: 2.29rem;
  margin-top: 0.71rem;
}
.l-header-lower--image .l-header-lower__img {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .l-header-lower--image .l-header-lower__img {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower--image .l-header-lower__img {
    margin-top: 1.42rem;
  }
}
.l-header-lower--image .l-header-lower__img__wrp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-header-lower--image .l-header-lower__img__wrp {
    width: calc(1400 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower--image .l-header-lower__img__wrp {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .l-header-lower--image .l-header-lower__img__wrp img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .l-header-lower--image .l-header-lower__img__wrp::after {
    content: "";
    width: 100%;
    display: block;
    height: 32.71rem;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .l-header-lower--image .l-header-lower__img__wrp::after {
    height: 458px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-header-lower--image .l-header-lower__img__wrp {
    position: relative;
  }
  .l-header-lower--image .l-header-lower__img__wrp img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .l-header-lower--image .l-header-lower__img__wrp::after {
    content: "";
    width: 100%;
    display: block;
  }
  .l-header-lower--image .l-header-lower__img__wrp::after {
    padding-bottom: calc(458 / 1400 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower--image .l-header-lower__img__wrp {
    position: relative;
  }
  .l-header-lower--image .l-header-lower__img__wrp img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .l-header-lower--image .l-header-lower__img__wrp::after {
    content: "";
    width: 100%;
    display: block;
  }
  .l-header-lower--image .l-header-lower__img__wrp::after {
    padding-bottom: calc(400 / 428 * 100%);
  }
}
.l-header-lower__btns {
  max-width: 95%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.l-header-lower__btns--center {
  text-align: center;
}
.l-header-lower__btns__list {
  display: inline-flex;
  flex-wrap: nowrap;
}
.l-header-lower__btns__li {
  background-color: var(--color-text-main);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .l-header-lower__btns__li {
    min-width: 15.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-header-lower__btns__li {
    min-width: 12.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower__btns__li {
    min-width: 9rem;
  }
}
@media only screen and (min-width: 768px) {
  .l-header-lower__btns__li {
    min-height: 3.21rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header-lower__btns__li {
    min-height: 3.5em;
  }
}
.l-header-lower__btns__li::before {
  content: "";
  background-color: var(--color-bg-1);
  background-image: url(../images/common/bg-noise-1.webp);
  background-repeat: repeat;
  background-position: top;
  background-size: auto;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease;
}
.l-header-lower__btns__li:not(:last-child) {
  margin-right: 0.71rem;
}
.l-header-lower__btns__li.is-active::before {
  opacity: 1;
}
.l-header-lower__btns__li.is-active .l-header-lower__btns__link {
  color: var(--color-text-sub);
}
.l-header-lower__btns__li[aria-selected="true"]::before {
  opacity: 1;
}
.l-header-lower__btns__li[aria-selected="true"] .l-header-lower__btns__link {
  color: var(--color-text-sub);
}
.mouse .l-header-lower__btns__li:hover::before, .touch .l-header-lower__btns__li.touchstart::before {
  opacity: 1;
}
.mouse .l-header-lower__btns__li:hover .l-header-lower__btns__link, .touch .l-header-lower__btns__li.touchstart .l-header-lower__btns__link {
  color: var(--color-text-sub);
}
.touch .l-header-lower__btns__li {
  -webkit-tap-highlight-color: transparent;
}
.touch .l-header-lower__btns__li.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.l-header-lower__btns__link {
  width: 100%;
  height: 100%;
  line-height: 1.4;
  text-decoration: none;
  letter-spacing: 0.06em;
  padding: .5em 1em .25em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: background-color .3s ease, color .3s ease;
  position: relative;
  z-index: 2;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-header-lower__btns__link {
    font-size: 0.93rem;
  }
}

@media only screen and (min-width: 768px) {
  .lower #main {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .lower #main {
    margin-top: 4.28rem;
  }
}