@charset "UTF-8";
/*!
Theme Name: ef-energy.jp
Theme URI: -
Author: ef-energy.jp
Author URI: ef-energy.jp
Description: ef-energy.jp
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: ef-energy.jp
Tags:
*/
/**
 # Vendor CSS
 */
/**
 # Foundation
 */
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

main {
  display: block;
}

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

nav ul {
  list-style: none;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*
	SASS Vars
---------------------------------------------------------------------------- */
/*
	CSS Vars
---------------------------------------------------------------------------- */
:root {
  --color-key: #FF8C00;
  --color-primary: #FF8C00;
  --color-secondary: #FEF8E7;
  --color-third: #00913A;
  --color-forth: #7F0073;
  --font-roboto: "Roboto", sans-serif;
  --font-ls-base: 0.06em;
  --container-width: 1248px;
  --grad-main: linear-gradient(45deg, #C94D97 0%, #7F0073 100%);
}

@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Maru Gothic", "Noto Sans JP", 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, 'Lato', sans-serif;
  color: #4A4A4A;
  text-align: left;
  background-color: #FFF;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.0em;
  overflow-wrap: break-word;
  position: relative;
}

.transition {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

.hover:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.pc {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.smp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .smp {
    display: block !important;
  }
}

a:focus {
  outline: 0;
}

/**
 # Layout
 */
/*--------------------------------------------------------------
    # content.scss
--------------------------------------------------------------*/
/*--------------------------------------------------------------
    # footer.scss
--------------------------------------------------------------*/
/*
    Footer
--------------------------------------------------------------*/
.l--footer {
  background-color: var(--color-secondary);
  border-top: 1px solid color-mix(in srgb, var(--color-key) 35%, transparent);
  padding: 64px 0 0;
}

.l--footer--primary {
  padding: 0 24px;
}

.l--footer--primary__inner {
  max-width: 1184px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 64px;
}

.l--footer--meta__logo {
  width: 200px;
  display: block;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  margin: 0 0 24px;
}

.l--footer--meta__logo img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.l--footer--meta__logo:hover {
  opacity: 0.45;
}

.l--footer--meta__address {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 500;
  font-style: normal;
}

.l--footer--nav {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(390 / 1184 * 100%);
}

.l--footer--nav__dlist {
  width: calc(184 / 390 * 100%);
  margin: 0 calc(22 / 390 * 100%) 32px 0;
}

.l--footer--nav__dlist:nth-child(2n) {
  margin: 0 0 32px;
}

.l--footer--nav__dlist dt a {
  margin: 0 0 8px;
  display: block;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--color-key);
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  font-weight: 700;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  background-image: url(assets/images/common/icon__arrow01.svg);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: top 0.35em right 8px;
}

.l--footer--nav__dlist dt a:link {
  text-decoration: none;
  color: var(--color-key);
}

.l--footer--nav__dlist dt a:visited {
  text-decoration: none;
  color: var(--color-key);
}

.l--footer--nav__dlist dt a:hover {
  text-decoration: none;
  color: var(--color-key);
  opacity: 0.45;
}

.l--footer--nav__dlist dd {
  margin: 0 0 8px;
}

.l--footer--nav__dlist dd:last-child {
  margin: 0;
}

.l--footer--nav__dlist dd a {
  display: block;
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 0 0 0 16px;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--footer--nav__dlist dd a:link {
  text-decoration: none;
  color: #4a4a4a;
}

.l--footer--nav__dlist dd a:visited {
  text-decoration: none;
  color: #4a4a4a;
}

.l--footer--nav__dlist dd a:hover {
  text-decoration: none;
  color: #4a4a4a;
  opacity: 0.45;
}

.l--footer--nav__dlist dd a:before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #4a4a4a;
  position: absolute;
  left: 0;
  top: 0.75em;
}

.l--footer--group dt {
  margin: 0 0 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.l--footer--group dd {
  margin: 0 0 8px;
}

.l--footer--group dd:last-child {
  margin: 0;
}

.l--footer--group dd a {
  display: block;
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 0 0 0 16px;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--footer--group dd a:link {
  text-decoration: none;
  color: #4a4a4a;
}

.l--footer--group dd a:visited {
  text-decoration: none;
  color: #4a4a4a;
}

.l--footer--group dd a:hover {
  text-decoration: none;
  color: #4a4a4a;
  opacity: 0.45;
}

.l--footer--group dd a:before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #4a4a4a;
  position: absolute;
  left: 0;
  top: 0.75em;
}

.l--footer--copyright {
  border-top: 1px solid color-mix(in srgb, var(--color-key) 35%, transparent);
  padding: 32px 24px;
}

.l--footer--copyright__text {
  display: block;
  text-align: center;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .l--footer {
    padding: calc(48 / 390 * 100vw) 0 0;
  }
  .l--footer--primary {
    padding: 0 calc(24 / 390 * 100vw) calc(32 / 390 * 100vw);
  }
  .l--footer--primary__inner {
    max-width: initial;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: inherit;
  }
  .l--footer--meta {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .l--footer--meta__logo {
    width: calc(180 / 390 * 100vw);
    margin: 0 auto calc(24 / 390 * 100vw);
  }
  .l--footer--meta__address {
    font-size: calc(14 / 390 * 100vw);
    text-align: center;
  }
  .l--footer--nav {
    display: flex;
    flex-wrap: wrap;
    max-width: initial;
    width: 100%;
  }
  .l--footer--nav__dlist {
    width: calc(160 / 390 * 100vw);
    margin: 0 calc(16 / 390 * 100vw) calc(32 / 390 * 100vw) 0;
  }
  .l--footer--nav__dlist:nth-child(2n) {
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .l--footer--nav__dlist dt a {
    margin: 0 0 calc(8 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
    background-size: calc(6 / 390 * 100vw) calc(10 / 390 * 100vw);
    background-position: top 0.35em right calc(8 / 390 * 100vw);
  }
  .l--footer--nav__dlist dd {
    margin: 0 0 calc(8 / 390 * 100vw);
  }
  .l--footer--nav__dlist dd a {
    font-size: calc(12 / 390 * 100vw);
    padding: 0 0 0 calc(16 / 390 * 100vw);
  }
  .l--footer--nav__dlist dd a:before {
    width: calc(8 / 390 * 100vw);
    height: calc(1 / 390 * 100vw);
  }
  .l--footer--group dt {
    margin: 0 0 calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .l--footer--group dd {
    margin: 0 0 calc(8 / 390 * 100vw);
  }
  .l--footer--group dd a {
    font-size: calc(12 / 390 * 100vw);
    padding: 0 0 0 calc(16 / 390 * 100vw);
  }
  .l--footer--group dd a:before {
    width: calc(8 / 390 * 100vw);
    height: calc(1 / 390 * 100vw);
  }
  .l--footer--copyright {
    padding: calc(32 / 390 * 100vw) calc(16 / 390 * 100vw);
  }
  .l--footer--copyright__text {
    font-size: calc(10 / 390 * 100vw);
  }
}

/*--------------------------------------------------------------
    # header.scss
--------------------------------------------------------------*/
/*  Header
--------------------------------------------------------------*/
.l--header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1300;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  padding: 0;
}

.l--header__inner {
  position: relative;
  height: 80px;
}

.l--header--logo {
  position: absolute;
  width: 200px;
  height: 49px;
  left: 32px;
  top: 16px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--header--logo:hover {
  opacity: 0.75;
}

.l--header--logo img {
  width: 100%;
  height: auto;
}

.l--header.js--scrolled-effect {
  background-color: #FFF;
  border-bottom: 1px solid color-mix(in srgb, var(--color-key) 35%, transparent);
}

@media screen and (max-width: 768px) {
  .l--header__inner {
    position: relative;
    height: calc(64 / 390 * 100vw);
  }
  .l--header--logo {
    width: calc(130 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
    left: calc(24 / 390 * 100vw);
    top: calc(16 / 390 * 100vw);
  }
}

/*  Gmenu
--------------------------------------------------------------*/
.l--gmenu--list {
  display: flex;
  align-items: center;
  position: absolute;
  right: 32px;
  top: 0;
}

.l--gmenu--list > li {
  margin: 0 48px 0 0;
  position: relative;
}

.l--gmenu--list > li:last-child {
  margin: 0;
}

.l--gmenu--list > li > a {
  padding: 32px 0;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--gmenu--list > li > a:link {
  text-decoration: none;
  color: var(--color-primary);
}

.l--gmenu--list > li > a:visited {
  text-decoration: none;
  color: var(--color-primary);
}

.l--gmenu--list > li > a:hover {
  text-decoration: none;
  color: var(--color-primary);
}

.l--gmenu--list > li > a span {
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}

.l--gmenu--list > li > a i {
  display: block;
  background-image: url(assets/images/common/icon__arrow02.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 13.33px;
  height: 7.62px;
  margin-left: 8px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--gmenu--list > li > a:after {
  content: "";
  background-color: var(--color-primary);
  width: 0;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--gmenu--list > li > a:hover:after {
  width: 100%;
}

.l--gmenu--list > li > a:hover i {
  transform: rotate(180deg);
}

.l--gmenu--submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 196px;
  background: var(--color-primary);
  border-radius: 16px;
  box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  padding: 16px;
  z-index: 10;
}

.l--gmenu--submenu > li {
  list-style: none;
  margin: 0 0 16px;
}

.l--gmenu--submenu > li:last-child {
  margin: 0;
}

.l--gmenu--submenu > li > a {
  display: block;
  padding: 0 0 8px 0;
  font-size: 1.4rem;
  line-height: 1.0;
  color: #FFF;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 500;
  background-repeat: no-repeat;
  background-size: 6px 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.l--gmenu--submenu > li > a:link {
  text-decoration: none;
}

.l--gmenu--submenu > li > a:hover {
  text-decoration: none;
  color: var(--color-secondary);
  opacity: 0.65;
}

.l--gmenu--submenu.show {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.burger--wrap {
  display: none;
}

.navigation {
  display: none;
}

@media screen and (max-width: 958px) {
  body.scroll-lock {
    overflow: hidden;
    height: 100%;
  }
  .burger--wrap {
    display: block;
  }
  .s--header--secondry {
    display: none;
  }
  .l--gmenu--list {
    display: none;
  }
  .burger--wrap {
    width: 48px;
    height: 48px;
    top: 32px;
    right: 40px;
    position: absolute;
    z-index: 1250;
    display: flex;
    justify-content: center;
    cursor: pointer;
  }
  .burger {
    width: 48px;
    height: 26px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .burger__text {
    position: absolute;
    bottom: 5px;
    color: var(--color-primary);
    font-weight: 500;
    font-size: 1.2rem;
  }
  .burger .line {
    width: 48px;
    height: 4px;
    background: var(--color-primary);
    transition: 0.3s;
    right: 0;
    position: absolute;
    border-radius: 4px;
  }
  .burger::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 4px;
    top: 0;
    right: 0;
    background: var(--color-primary);
    transition: 0.6s;
    border-radius: 4px;
  }
  .burger::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 4px;
    bottom: 0;
    right: 0;
    background: var(--color-primary);
    transition: 0.8s;
    border-radius: 4px;
  }
  .navigation.nav-active {
    display: block;
    animation: show 0.25s linear 0s;
  }
  @keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .navigation {
    display: none;
    opacity: 0.0;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all  0.25s ease;
  }
  .navigation .navigation--content {
    background: #FFF;
    margin: 0 auto;
    top: 0;
    height: auto;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 100;
  }
  .navigation .navigation--content__inner {
    padding: 72px 32px 32px;
    height: 600px;
    overflow-x: scroll;
  }
  .navigation--list > li > a {
    padding: 24px 0;
    display: block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all  0.25s ease;
    font-size: 1.8rem;
    font-weight: 500;
  }
  .navigation--list > li > a:link {
    text-decoration: none;
    color: #333;
  }
  .navigation--list > li > a:visited {
    text-decoration: none;
    color: #333;
  }
  .navigation--list > li > a:hover {
    text-decoration: none;
    color: #333;
    opacity: 0.45;
  }
  .navigation--list > li > a.has__submenu {
    background-image: url(assets/images/common/icon__arrow02.svg);
    background-repeat: no-repeat;
    background-size: 18px 10px;
    background-position: right 32px;
  }
  .navigation--list > li .navigation--submenu {
    margin: 12px 0 0;
    display: none;
  }
  .navigation--list > li .navigation--submenu > li > a {
    padding: 16px 0;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    background-image: url(assets/images/common/icon__arrow01.svg);
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: right 16px;
  }
  .navigation--list > li .navigation--submenu > li > a:link {
    text-decoration: none;
    color: #333;
  }
  .navigation--list > li .navigation--submenu > li > a:visited {
    text-decoration: none;
    color: #333;
  }
  .navigation--list > li .navigation--submenu > li > a:hover {
    text-decoration: none;
    color: #333;
    opacity: 0.45;
  }
  .burger-active::before {
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-primary);
    height: 4.0px;
    border-radius: 4px;
  }
  .burger-active::after {
    transform: rotate(-135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-primary);
    width: 100%;
    height: 4.0px;
    border-radius: 4px;
  }
  .burger-active > .line {
    transform: scale(0);
  }
  .nav-active {
    top: 0;
    right: 0;
    opacity: 1.0;
  }
  .burger-active .line {
    background-color: var(--color-primary);
  }
}

@media screen and (max-width: 768px) {
  .burger--wrap {
    width: calc(32 / 390 * 100vw);
    height: calc(22 / 390 * 100vw);
    top: calc(20.5 / 390 * 100vw);
    right: calc(24 / 390 * 100vw);
  }
  .burger {
    width: calc(32 / 390 * 100vw);
    height: calc(22 / 390 * 100vw);
  }
  .burger .line {
    width: calc(32 / 390 * 100vw);
    height: 2px;
    border-radius: calc(2 / 390 * 100vw);
  }
  .burger::before {
    width: calc(32 / 390 * 100vw);
    height: 2px;
    border-radius: calc(2 / 390 * 100vw);
  }
  .burger::after {
    content: "";
    width: calc(32 / 390 * 100vw);
    height: 2px;
    border-radius: calc(2 / 390 * 100vw);
  }
  .navigation .navigation--content {
    background: #FFF;
    z-index: 100;
  }
  .navigation .navigation--content__inner {
    padding: calc(64 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    height: calc(560 / 390 * 100vw);
  }
  .navigation--list > li > a {
    padding: calc(16 / 390 * 100vw) 0;
    font-size: calc(16 / 390 * 100vw);
    background-size: calc(24 / 390 * 100vw) calc(16 / 390 * 100vw);
    background-position: right calc(16 / 390 * 100vw);
  }
  .navigation--list > li > a.has__submenu {
    background-image: url(assets/images/common/icon__arrow02.svg);
    background-repeat: no-repeat;
    background-size: calc(18 / 390 * 100vw) calc(10 / 390 * 100vw);
    background-position: right calc(24 / 390 * 100vw);
  }
  .navigation--list > li .navigation--submenu {
    margin: calc(16 / 390 * 100vw) 0 0;
    display: none;
  }
  .navigation--list > li .navigation--submenu > li > a {
    padding: calc(12 / 390 * 100vw) 0;
    font-size: calc(14 / 390 * 100vw);
    background-size: calc(8 / 390 * 100vw) calc(12 / 390 * 100vw);
    background-position: right calc(8 / 390 * 100vw);
  }
  .burger-active::before {
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-primary);
    height: 2px;
    border-radius: calc(2 / 390 * 100vw);
  }
  .burger-active::after {
    transform: rotate(-135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-primary);
    width: 100%;
    height: 2px;
    border-radius: calc(2 / 390 * 100vw);
  }
  .burger-active > .line {
    transform: scale(0);
  }
  .nav-active {
    top: 0;
    right: 0;
    opacity: 1.0;
  }
  .burger-active .line {
    background-color: var(--color-primary);
  }
}

/**
 # Objects -  Compornent -
 */
/*
	blockquote.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper blockquote {
  margin: 30px 0px 30px 5px;
  padding: 30px 15px 30px 20px;
  margin-top: 20px;
  font-style: normal;
  border-left: 5px solid #cccccc;
  background-color: #f6f6f6;
  position: relative;
}

.edit-post-layout .editor-styles-wrapper blockquote p {
  color: #FFF;
  position: relative;
  z-index: 3;
}

.edit-post-layout .editor-styles-wrapper blockquote p:last-child {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper blockquote:before {
  content: "”";
  font-size: 300%;
  font-weight: bold;
  line-height: 0.8em;
  font-family: 'Times New Roman', "ＭＳ Ｐゴシック", sans-serif;
  color: #cccccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper blockquote {
    margin: calc(30 / 390 * 100vw) 0px calc(30 / 390 * 100vw) 5px;
    padding: calc(30 / 390 * 100vw) calc(15 / 390 * 100vw) calc(30 / 390 * 100vw) calc(20 / 390 * 100vw);
    margin-top: calc(20 / 390 * 100vw);
    border-left: calc(5 / 390 * 100vw) solid #cccccc;
  }
}

/*
    display.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .wp-block-column img {
  width: 100%;
  vertical-align: bottom;
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .wp-block-columns {
    gap: 0;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-column .wp-block-image {
    margin: 0 auto calc(20 / 390 * 100vw);
  }
}

/*
    headline.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper h1 {
  font-size: 3.6rem;
  font-weight: 700;
  margin: 0 0 32px;
  line-height: 1.4;
  color: var(--color-primary);
}

.edit-post-layout .editor-styles-wrapper h2 {
  font-size: 3.2rem;
  margin: 48px 0 24px;
  line-height: 1.4;
  position: relative;
  color: var(--color-primary);
  padding: 0 0 24px;
  border-bottom: 4px solid var(--color-secondary);
  font-weight: 700;
}

.edit-post-layout .editor-styles-wrapper h2:after {
  content: "";
  width: 286px;
  height: 4px;
  background-color: #FFDDB3;
  position: absolute;
  left: 0;
  bottom: -4px;
}

.edit-post-layout .editor-styles-wrapper h2:first-child {
  margin: 0 0 24px;
}

.edit-post-layout .editor-styles-wrapper h3 {
  font-size: 2.4rem;
  color: var(--color-primary);
  line-height: 1.4;
  font-weight: 600;
  margin: 48px 0 24px;
  padding: 0 0 0 16px;
  border-left: 5px solid var(--color-primary);
}

.edit-post-layout .editor-styles-wrapper h3:first-child {
  margin: 0 0 24px;
}

.edit-post-layout .editor-styles-wrapper h3.is-style-headline--type02 {
  color: #4A4A4A;
  padding: 0;
  font-size: 3.0rem;
  line-height: 1.6;
  margin: 0 0 32px;
  border: none;
}

.edit-post-layout .editor-styles-wrapper h4 {
  font-size: 2.0rem;
  color: var(--color-primary);
  line-height: 1.4;
  font-weight: 600;
  padding: 16px;
  background-color: var(--color-secondary);
  margin: 24px 0;
}

.edit-post-layout .editor-styles-wrapper h4:first-child {
  margin: 0 0 24px;
}

.edit-post-layout .editor-styles-wrapper h5 {
  font-size: 1.8rem;
  color: var(--color-third);
  line-height: 1.4;
  font-weight: 600;
  margin: 24px 0;
}

.edit-post-layout .editor-styles-wrapper h5:first-child {
  margin: 0 0 24px;
}

.edit-post-layout .editor-styles-wrapper h6 {
  font-size: 1.8rem;
  color: #000;
  line-height: 1.4;
  font-weight: 600;
  margin: 24px 0;
}

.edit-post-layout .editor-styles-wrapper h6:first-child {
  margin: 0 0 24px;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper h1 {
    font-size: calc(32 / 390 * 100vw);
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h2 {
    font-size: calc(24 / 390 * 100vw);
    margin: calc(32 / 390 * 100vw) 0 calc(24 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h2:after {
    content: "";
    width: calc(64 / 390 * 100vw);
    height: calc(4 / 390 * 100vw);
    bottom: calc(-4 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h2:first-child {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h3 {
    font-size: calc(20 / 390 * 100vw);
    margin: calc(32 / 390 * 100vw) 0 calc(24 / 390 * 100vw);
    padding: 0 0 0 calc(16 / 390 * 100vw);
    border-left: calc(5 / 390 * 100vw) solid var(--color-primary);
  }
  .edit-post-layout .editor-styles-wrapper h3:first-child {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h3.is-style-headline--type02 {
    font-size: calc(24 / 390 * 100vw);
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h4 {
    font-size: calc(18 / 390 * 100vw);
    padding: calc(8 / 390 * 100vw);
    margin: calc(24 / 390 * 100vw) 0;
  }
  .edit-post-layout .editor-styles-wrapper h4:first-child {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h5 {
    font-size: calc(16 / 390 * 100vw);
    margin: calc(24 / 390 * 100vw) 0;
  }
  .edit-post-layout .editor-styles-wrapper h5:first-child {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper h6 {
    font-size: calc(16 / 390 * 100vw);
    margin: calc(24 / 390 * 100vw) 0;
  }
  .edit-post-layout .editor-styles-wrapper h6:first-child {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
}

/*
	hr.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  max-width: initial;
}

.wp-block-separator {
  border-bottom: 1px solid #FFF;
}

/*
	images.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .wp-block-image {
  clear: both;
  margin: 0 auto 30px;
}

.edit-post-layout .editor-styles-wrapper .wp-element-caption {
  line-height: 1.35;
}

.edit-post-layout .editor-styles-wrapper .wp-block-image .aligncenter {
  margin: 0 auto;
}

.edit-post-layout .editor-styles-wrapper .wp-block-image .aligncenter img {
  max-width: 100%;
  width: auto;
}

.wp-block-media-text__media img {
  height: auto;
}

.wp-block-image img {
  height: auto;
}

.wp-block {
  margin-top: 0;
}

.edit-post-layout .editor-styles-wrapper img.size-full {
  width: auto;
  margin: 0 auto;
  height: auto;
  display: block;
}

.edit-post-layout .editor-styles-wrapper .wp-block-image .size-full {
  width: auto;
  margin: 0 auto;
  height: auto;
}

/*
    list.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .block-library-list ol, .edit-post-layout .editor-styles-wrapper .block-library-list ul {
  padding-left: 0;
}

.edit-post-layout .editor-styles-wrapper ul {
  margin: 0 0 32px;
  padding: 0;
  counter-reset: number;
}

.edit-post-layout .editor-styles-wrapper ul li {
  font-size: 1.6rem;
  color: #000;
  position: relative;
  line-height: 1.4;
  padding: 0 0 0 16px;
  margin: 0 0 1.0em;
  padding: 0 0 16px 16px;
  border-bottom: 1px solid #ededed;
  list-style: none;
  list-style-position: outside;
}

.edit-post-layout .editor-styles-wrapper ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.50em;
}

.edit-post-layout .editor-styles-wrapper ul li:last-child {
  margin: 0;
  padding: 0 0 16px 16px;
}

.edit-post-layout .editor-styles-wrapper ol {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  counter-reset: number;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper ol li {
  font-size: 1.6rem;
  color: #000;
  padding: 0 0 16px 48px;
  border-bottom: 1px solid #ededed;
  margin: 0 0 1.0em;
  line-height: 1.4;
  position: relative;
  list-style: none;
  list-style-position: outside;
}

.edit-post-layout .editor-styles-wrapper ol li:before {
  counter-increment: number;
  content: counter(number);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #FFF;
  font-family: var(--font-roboto);
  position: absolute;
  font-size: 1.6rem;
  border-radius: 50%;
  text-align: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary);
  left: 0;
  top: -0.35em;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .block-library-list ol, .edit-post-layout .editor-styles-wrapper .block-library-list ul {
    padding-left: 0;
  }
  .edit-post-layout .editor-styles-wrapper ul {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ul li {
    font-size: calc(14 / 390 * 100vw);
    padding: 0 0 0 calc(16 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ul li:before {
    width: calc(6 / 390 * 100vw);
    height: calc(6 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ul li:last-child {
    padding: 0 0 calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ol {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ol li {
    font-size: calc(14 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw) calc(32 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper ol li:before {
    font-size: calc(14 / 390 * 100vw);
    width: calc(24 / 390 * 100vw);
    height: calc(24 / 390 * 100vw);
    top: -0.15em;
  }
}

/*
    table.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table {
  margin: 0 0 32px;
  width: 100%;
}

.edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table p {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table th {
  border: 1px solid color-mix(in srgb, var(--color-key) 25%, transparent);
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  background-color: var(--color-secondary);
}

.edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table td {
  color: #000;
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  border: 1px solid color-mix(in srgb, var(--color-key) 25%, transparent);
}

.edit-post-layout .editor-styles-wrapper .wp-block-table a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .wp-block-table a:link {
  text-decoration: underline;
  color: var(--color-key);
}

.edit-post-layout .editor-styles-wrapper .wp-block-table a:visited {
  text-decoration: underline;
  color: var(--color-key);
}

.edit-post-layout .editor-styles-wrapper .wp-block-table a:hover {
  text-decoration: underline;
  color: var(--color-key);
  opacity: 0.45;
}

.edit-post-layout .editor-styles-wrapper .wp-block-table table {
  margin: 0 0 32px;
  width: 100%;
}

.edit-post-layout .editor-styles-wrapper .wp-block-table table p {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .wp-block-table table thead {
  border: none;
}

.edit-post-layout .editor-styles-wrapper .wp-block-table table th {
  border: 1px solid color-mix(in srgb, var(--color-key) 25%, transparent);
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  background-color: var(--color-secondary);
}

.edit-post-layout .editor-styles-wrapper .wp-block-table table td {
  color: #000;
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  border: 1px solid color-mix(in srgb, var(--color-key) 25%, transparent);
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table th {
    padding: calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-flexible-table-block-table table td {
    color: #000;
    padding: calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-table table {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-table table th {
    padding: calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-table table td {
    color: #000;
    padding: calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
}

/*
    _text.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  word-break: break-all;
  margin: 0 0 2.0em;
  letter-spacing: 0.06em;
}

.edit-post-layout .editor-styles-wrapper p em {
  font-style: italic;
}

.edit-post-layout .editor-styles-wrapper p strong {
  font-weight: 700;
}

.edit-post-layout .editor-styles-wrapper p mark {
  font-weight: normal;
  font-style: normal;
}

.edit-post-layout .editor-styles-wrapper p a {
  color: var(--color-key);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper p a:link {
  color: var(--color-key);
  text-decoration: underline;
}

.edit-post-layout .editor-styles-wrapper p a:visited {
  color: var(--color-key);
  text-decoration: underline;
}

.edit-post-layout .editor-styles-wrapper p a:hover {
  color: var(--color-key);
  text-decoration: none;
  opacity: 0.50;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper p {
    font-size: calc(14 / 390 * 100vw);
    margin: 0 0 calc(32 / 390 * 100vw);
  }
}

/*
    _module.scss
---------------------------------------------------------------------------- */
/**
 # Objects -  Module -
 */
/*--------------------------------------------------------------
    # _pager.scss
--------------------------------------------------------------*/
/*
    Pager [Archives]
--------------------------------------------------------------*/
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 48px auto 0;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi .first {
  display: none;
}

.wp-pagenavi .last {
  display: none;
}

.wp-pagenavi a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 8px;
  box-sizing: border-box;
  padding: 0;
  border: none;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: var(--font-roboto);
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  border-radius: 50%;
  border: 1px solid var(--color-third);
}

.wp-pagenavi a:link {
  color: var(--color-third);
  text-decoration: none;
}

.wp-pagenavi a:visited {
  color: var(--color-third);
  text-decoration: none;
}

.wp-pagenavi a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: var(--color-third);
}

.wp-pagenavi span.current {
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-family: var(--font-roboto);
  margin: 0 8px;
  color: #FFF;
  font-weight: 400;
  padding: 0;
  border: none;
  position: relative;
  background-color: var(--color-third);
  width: 32px;
  height: 32px;
}

.wp-pagenavi span.extend {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-family: var(--font-roboto);
  margin: 0 16px;
  color: var(--main-color);
  font-weight: 400;
  padding: 0;
  border: none;
  position: relative;
  background-color: var(--color-third);
  border: none;
  width: 32px;
  height: 32px;
}

.wp-pagenavi .previouspostslink {
  vertical-align: bottom;
  display: inline-block;
  margin: 0 20px 0 0;
  border-radius: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border: none;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  text-indent: -9999px;
  background-image: url(assets/images/common/arrow02__wh__left.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 60% center;
  display: none;
}

.wp-pagenavi .previouspostslink:hover {
  border: 1px solid var(--main-color);
  background-color: #FFF;
  background-image: url(assets/images/common/arrow02__bl__left.svg);
}

.wp-pagenavi .nextpostslink {
  vertical-align: bottom;
  display: inline-block;
  margin: 0 0 0 20px;
  border-radius: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border: none;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  text-indent: -9999px;
  background-image: url(assets/images/common/arrow02__wh__right.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 40% center;
  display: none;
}

.wp-pagenavi .nextpostslink:hover {
  border: 1px solid var(--main-color);
  background-color: #FFF;
  background-image: url(assets/images/common/arrow02__bl__right.svg);
}

@media screen and (max-width: 768px) {
  .wp-pagenavi {
    margin: calc(48 / 390 * 100vw) auto 0;
  }
  .wp-pagenavi a {
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
    margin: 0 calc(8 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
  }
  .wp-pagenavi span.current {
    font-size: calc(16 / 390 * 100vw);
    margin: 0 calc(8 / 390 * 100vw);
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
  }
  .wp-pagenavi span.extend {
    font-size: calc(16 / 390 * 100vw);
    margin: 0 calc(16 / 390 * 100vw);
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
  }
  .wp-pagenavi .previouspostslink {
    margin: 0 calc(20 / 390 * 100vw) 0 0;
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
    background-size: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
    display: none;
  }
  .wp-pagenavi .nextpostslink {
    margin: 0 calc(20 / 390 * 100vw) 0 0;
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
    background-size: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
    display: none;
  }
}

/*
   pager.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .p--news-single-nav {
  margin: 64px 0 0;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav > li {
  margin: 0;
  padding: 0;
  line-height: 1.0;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav > li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav > li:last-child {
  padding: 0;
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-index a {
  text-align: center;
  line-height: 1.0;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px;
  border-bottom: 1px solid var(--color-third);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-index a:link {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-index a:visited {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-index a:hover {
  color: #FFF;
  background-color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-prev a {
  text-align: center;
  line-height: 1.0;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px;
  border-bottom: 1px solid var(--color-third);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-prev a:link {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-prev a:visited {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-prev a:hover {
  color: #FFF;
  background-color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-next a {
  text-align: center;
  line-height: 1.0;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px;
  border-bottom: 1px solid var(--color-third);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-next a:link {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-next a:visited {
  text-decoration: none;
  color: var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .p--single__nav-next a:hover {
  color: #FFF;
  background-color: var(--color-third);
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .p--news-single-nav {
    margin: calc(32 / 390 * 100vw) 0 0;
  }
  .edit-post-layout .editor-styles-wrapper .p--single__nav-index a {
    font-size: calc(12 / 390 * 100vw);
    padding: calc(8 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--single__nav-prev a {
    text-align: center;
    line-height: 1.0;
    display: block;
    font-size: calc(12 / 390 * 100vw);
    padding: calc(8 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--single__nav-next a {
    text-align: center;
    line-height: 1.0;
    display: block;
    font-size: calc(12 / 390 * 100vw);
    padding: calc(8 / 390 * 100vw);
  }
}

/*--------------------------------------------------------------
    # _topic_path.scss
--------------------------------------------------------------*/
.l--topicpath {
  padding: 16px 32px;
  position: relative;
  z-index: 5;
  background-color: #F9F9F9;
}

.l--topicpath__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  align-items: center;
}

.l--topicpath span {
  font-size: 1.6rem;
  display: block;
  padding: 0;
}

.l--topicpath span a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  display: block;
}

.l--topicpath span a:link {
  text-decoration: none;
  color: var(--color-primary);
}

.l--topicpath span a:visited {
  text-decoration: none;
  color: var(--color-primary);
}

.l--topicpath span a:hover {
  text-decoration: none;
  color: var(--color-primary);
  opacity: 0.45;
}

.l--topicpath i {
  margin: 0 8px;
  display: block;
  width: 6px;
  height: 8.73px;
  position: relative;
  background-image: url(assets/images/common/icon__arrow01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .l--topicpath {
    padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
  }
  .l--topicpath span {
    font-size: calc(14 / 390 * 100vw);
  }
  .l--topicpath i {
    margin: 0 calc(8 / 390 * 100vw);
    width: calc(6 / 390 * 100vw);
    height: calc(8.73 / 390 * 100vw);
  }
}

/*
	btn.scss
---------------------------------------------------------------------------- */
.edit-post-layout .editor-styles-wrapper .cmn--button__wrap {
  text-align: center;
  display: flex;
  justify-content: center;
}

.edit-post-layout .editor-styles-wrapper .cmn--button__wrap a {
  margin: 0 auto;
}

.edit-post-layout .editor-styles-wrapper .cmn--button__wrap li {
  margin: 0;
  padding: 0;
  border: none;
  margin: 0 15px;
}

.edit-post-layout .editor-styles-wrapper .cmn--button__wrap li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .cmn--button__wrap li:last-child {
  margin: 0;
}

.cmn--button__wrap {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 0;
}

.cmn--button__wrap a {
  margin: 0 auto;
}

.cmn--button__wrap li {
  margin: 0 15px;
  border: none;
  margin: 0;
  padding: 0;
}

.cmn--button__wrap li:before {
  display: none;
}

.cmn--button__wrap li:last-child {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .cmn--button__wrap {
    display: block;
  }
  .edit-post-layout .editor-styles-wrapper .cmn--button__wrap li {
    margin: 0 0 5.12821vw;
  }
  .cmn--button__wrap {
    display: block;
  }
  .cmn--button__wrap li {
    margin: 0 0 5.12821vw;
  }
}

.cmn--button__wrap {
  text-align: center;
  display: flex;
  justify-content: center;
}

.cmn--button__wrap a {
  margin: 0 auto;
}

.cmn--button__wrap li {
  margin: 0;
  padding: 0;
  border: none;
  margin: 0 15px;
}

.cmn--button__wrap li:before {
  display: none;
}

.cmn--button__wrap li:last-child {
  margin: 0;
}

.cmn--button01 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  width: 256px;
  height: 56px;
  position: relative;
  box-sizing: border-box;
  border-radius: 64px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.cmn--button01 i {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}

.cmn--button01 i:before, .cmn--button01 i:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(assets/images/common/icon__arrow03__wh.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cmn--button01 i:before {
  transform: translateX(0);
}

.cmn--button01 i:after {
  transform: translateX(-120%);
}

.cmn--button01 span {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  position: relative;
  color: #FFF;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.cmn--button01:link, .cmn--button01:visited {
  text-decoration: none;
}

.cmn--button01:hover {
  text-decoration: none;
  opacity: 0.65;
}

.cmn--button01:hover i:before {
  transform: translateX(120%);
}

.cmn--button01:hover i:after {
  transform: translateX(0);
}

@media screen and (max-width: 768px) {
  .cmn--button01 {
    width: calc(232 / 390 * 100vw);
    height: calc(48 / 390 * 100vw);
    border-radius: calc(64 / 390 * 100vw);
  }
  .cmn--button01 i {
    right: calc(16 / 390 * 100vw);
    width: calc(16 / 390 * 100vw);
    height: calc(16 / 390 * 100vw);
  }
  .cmn--button01 span {
    font-size: calc(16 / 390 * 100vw);
  }
}

/**
 # Objects -  project -
 */
/*--------------------------------------------------------------
    # _home.scss
--------------------------------------------------------------*/
/*
    Common & Config
--------------------------------------------------------------*/
.h--main {
  z-index: 1;
  position: relative;
  background-color: #FFF;
}

.h--headline {
  text-align: center;
  margin: 0 0 32px;
}

.h--headline span {
  display: block;
}

.h--headline .title__en {
  color: var(--color-third);
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  margin: 0 0 16px;
}

.h--headline .title__jp {
  color: var(--color-key);
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: 0.06em;
}

.h--headline.text__left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .h--headline {
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .h--headline .title__en {
    font-size: calc(14 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .h--headline .title__jp {
    font-size: calc(24 / 390 * 100vw);
  }
}

/*
    Hero [.h--hero]
--------------------------------------------------------------*/
.h--hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.h--hero__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

.h--hero__movie {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.h--hero__inner {
  position: relative;
  z-index: 1;
}

/*
    About [.h--about]
--------------------------------------------------------------*/
.h--about {
  padding: 64px 32px;
}

.h--about__inner {
  position: relative;
  max-width: 1184px;
  margin: 0 auto;
}

.h--about__inner figure {
  position: absolute;
}

.h--about__copy {
  color: #4A4A4A;
  line-height: 1.6;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 24px;
  letter-spacing: 0.06em;
}

.h--about__lead {
  line-height: 1.8;
  font-size: 1.6rem;
  text-align: center;
  margin: 0 0 32px;
  letter-spacing: 0.06em;
}

.h--about__figure01 {
  top: 92px;
  left: 16px;
  width: 246px;
}

.h--about__figure01 img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.h--about__figure02 {
  top: 170px;
  right: 4px;
  width: 260px;
}

.h--about__figure02 img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

@media screen and (max-width: 768px) {
  .h--about {
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);
  }
  .h--about__inner {
    max-width: initial;
  }
  .h--about__copy {
    font-size: calc(18 / 390 * 100vw);
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .h--about__lead {
    font-size: calc(14 / 390 * 100vw);
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .h--about__figure01 {
    top: calc(104 / 390 * 100vw);
    left: calc(-30 / 390 * 100vw);
    width: calc(124 / 390 * 100vw);
  }
  .h--about__figure02 {
    top: calc(116 / 390 * 100vw);
    right: calc(-14 / 390 * 100vw);
    width: calc(104 / 390 * 100vw);
  }
  .h--about__figure02 img {
    width: 100%;
    vertical-align: bottom;
    height: auto;
  }
}

/*
    Service [.h--service]
--------------------------------------------------------------*/
.h--service.p--service--indexlist {
  padding: 64px 32px;
  background-color: var(--color-secondary);
}

.h--service .h--headline {
  margin: 0 0 64px;
}

@media screen and (max-width: 768px) {
  .h--service.p--service--indexlist {
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);
    background-color: var(--color-secondary);
  }
  .h--service .h--headline {
    margin: 0 0 calc(32 / 390 * 100vw);
  }
}

/*
    News [.h--news]
--------------------------------------------------------------*/
.h--news {
  padding: 64px 32px;
}

.h--news__inner {
  max-width: 1184px;
  margin: 0 auto;
}

.h--news--content {
  display: none;
  margin: 0 0 48px;
}

.h--news--content.is-active {
  display: block;
}

.h--news__tab {
  display: flex;
  justify-content: center;
  margin: 0 0 64px;
  gap: 24px;
}

.h--news__tab > li {
  border: 2px solid var(--color-third);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  width: 192px;
  height: 48px;
  color: var(--color-third);
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 1.8rem;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.h--news__tab > li:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: var(--color-third);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  display: none;
}

.h--news__tab > li.is-active {
  background-color: var(--color-third);
  color: #FFF;
}

.h--news__tab > li.is-active:before {
  display: block;
}

@media screen and (max-width: 768px) {
  .h--news {
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);
  }
  .h--news__inner {
    max-width: initial;
  }
  .h--news--content {
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .h--news__tab {
    display: flex;
    justify-content: center;
    margin: 0 0 calc(32 / 390 * 100vw);
    gap: calc(8 / 390 * 100vw);
  }
  .h--news__tab > li {
    border: calc(2 / 390 * 100vw) solid var(--color-third);
    border-radius: calc(8 / 390 * 100vw);
    width: calc(128 / 390 * 100vw);
    height: calc(36 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
  }
  .h--news__tab > li:before {
    bottom: calc(-15 / 390 * 100vw);
    transform: translateX(-50%);
    width: calc(15 / 390 * 100vw);
    height: calc(15 / 390 * 100vw);
  }
}

/*
    Recruit [.h--recruit]
--------------------------------------------------------------*/
.h--recruit {
  padding: 64px 0;
}

.h--recruit__inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}

.h--recruit__figure {
  width: calc(690 / 1400 * 100%);
}

.h--recruit__figure img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.h--recruit--content {
  width: calc(568 / 1400 * 100%);
}

.h--recruit--content__inner {
  padding: 0 0 0 calc(108 / 568 * 100%);
}

.h--recruit__lead {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.8;
  margin: 0 0 32px;
}

@media screen and (max-width: 768px) {
  .h--recruit {
    padding: calc(32 / 390 * 100vw) 0;
  }
  .h--recruit__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: inherit;
  }
  .h--recruit__figure {
    width: auto;
  }
  .h--recruit__figure img {
    width: 100%;
    vertical-align: bottom;
    height: auto;
  }
  .h--recruit .text__left {
    text-align: center;
  }
  .h--recruit .cmn--button01 {
    margin: 0 auto;
  }
  .h--recruit--content {
    width: auto;
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .h--recruit--content__inner {
    padding: 0 calc(24 / 390 * 100vw);
  }
  .h--recruit__lead {
    font-size: calc(14 / 390 * 100vw);
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .h--recruit__lead br {
    display: none;
  }
}

/*--------------------------------------------------------------
    # _pages01.scss
--------------------------------------------------------------*/
/*
    Config & Common
--------------------------------------------------------------*/
.l--headline {
  padding: 0;
}

.l--headline__images {
  width: 100%;
}

.l--headline__images img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.l--headline__inner {
  display: flex;
  align-items: center;
  padding: 48px 32px;
  margin: 0 auto;
  max-width: 1120px;
}

.l--headline__title span {
  display: block;
}

.l--headline__title .en__title {
  color: var(--color-third);
  letter-spacing: 0.06em;
  font-size: 2.4rem;
  margin: 0 0 16px;
  text-transform: capitalize;
}

.l--headline__title .jp__title {
  color: var(--color-key);
  letter-spacing: 0.06em;
  font-size: 4.0rem;
}

.l--wrapper {
  width: auto;
  position: relative;
  padding: 0;
}

.l--container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 64px 32px 128px;
}

@media screen and (max-width: 768px) {
  .l--headline__inner {
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);
    max-width: initial;
  }
  .l--headline__title .en__title {
    font-size: calc(16 / 390 * 100vw);
    margin: 0 0 calc(8 / 390 * 100vw);
  }
  .l--headline__title .jp__title {
    font-size: calc(32 / 390 * 100vw);
  }
  .l--container {
    max-width: initial;
    padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw) calc(64 / 390 * 100vw);
  }
}

/*
    About
--------------------------------------------------------------*/
.edit-post-layout .editor-styles-wrapper .p--about--nav {
  margin: 0 0 128px;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li {
  margin: 0;
  padding: 0;
  border: none;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li:last-child {
  margin: 0;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a {
  border-radius: 8px;
  width: 192px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-third);
  font-weight: 700;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:link {
  text-decoration: none;
  color: #FFF;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:visited {
  text-decoration: none;
  color: #FFF;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:hover {
  opacity: 0.65;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a i {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a i:before, .edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a i:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(assets/images/common/icon__arrow04__wh.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a i:before {
  transform: translateY(0);
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a i:after {
  transform: translateY(-120%);
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:hover {
  text-decoration: none;
  opacity: 0.65;
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:hover i:before {
  transform: translateY(120%);
}

.edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a:hover i:after {
  transform: translateY(0);
}

.edit-post-layout .editor-styles-wrapper .p--about--section {
  margin: 0 0 128px;
}

.edit-post-layout .editor-styles-wrapper .p--about--title {
  border: none;
  text-align: center;
  font-size: 3.2rem;
  margin: 0 0 48px;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .p--about--title:after {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .p--about--title span {
  display: block;
  position: relative;
}

.edit-post-layout .editor-styles-wrapper .p--about--title .en__title {
  font-size: 2.8rem;
  margin: 0 0 8px;
  position: relative;
  z-index: 5;
}

.edit-post-layout .editor-styles-wrapper .p--about--title .en__title:after {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  margin: 0 auto;
  width: 100vw;
  height: 20px;
  background-color: var(--color-secondary);
}

.edit-post-layout .editor-styles-wrapper .p--about--title .jp__title {
  font-size: 2.4rem;
}

.edit-post-layout .editor-styles-wrapper .p--about--title:first-child {
  margin: 0 0 48px;
}

.edit-post-layout .editor-styles-wrapper .about--message--box {
  background-color: var(--color-secondary);
  position: relative;
  border-radius: 32px;
}

.edit-post-layout .editor-styles-wrapper .about--message--box figure {
  position: absolute;
  z-index: 10;
}

.edit-post-layout .editor-styles-wrapper .about--message--box figure img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.edit-post-layout .editor-styles-wrapper .about--message--box__inner {
  padding: 48px;
}

.edit-post-layout .editor-styles-wrapper .about--message__figure01 {
  top: -136px;
  left: 36px;
  width: 246px;
}

.edit-post-layout .editor-styles-wrapper .about--message__figure02 {
  top: -186px;
  right: 86px;
  width: 260px;
}

.edit-post-layout .editor-styles-wrapper .about--message__copy {
  font-size: 3.2rem;
  line-height: 1.6;
  color: #4A4A4A;
  letter-spacing: 0.06em;
  margin: 0 0 32px;
  text-align: center;
  font-weight: 700;
}

.edit-post-layout .editor-styles-wrapper .about--message__text {
  text-align: center;
  font-weight: 500;
}

.edit-post-layout .editor-styles-wrapper .about--access__map iframe {
  width: 100%;
  height: 428px;
}

.edit-post-layout .editor-styles-wrapper .about--logo--box {
  border: 6px solid var(--color-secondary);
  border-radius: 32px;
}

.edit-post-layout .editor-styles-wrapper .about--logo--box__inner {
  padding: 48px;
}

.edit-post-layout .editor-styles-wrapper .about--logo--box__images {
  width: 250px;
  margin: 0 auto 32px;
}

.edit-post-layout .editor-styles-wrapper .about--logo--box__images img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.edit-post-layout .editor-styles-wrapper .about--group--box {
  border: 6px solid var(--color-secondary);
  border-radius: 32px;
}

.edit-post-layout .editor-styles-wrapper .about--group--box__inner {
  padding: 48px;
}

.edit-post-layout .editor-styles-wrapper .about--group--define {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.edit-post-layout .editor-styles-wrapper .about--group--define dt {
  width: 25%;
  margin: 0 0 16px;
  font-weight: 700;
  color: var(--color-third);
  line-height: 1.6;
}

.edit-post-layout .editor-styles-wrapper .about--group--define dd {
  width: 75%;
  margin: 0 0 16px;
  line-height: 1.6;
}

.edit-post-layout .editor-styles-wrapper .about--group__links {
  max-width: 600px;
  margin: 0 auto;
}

.edit-post-layout .editor-styles-wrapper .about--group__main {
  margin: 0 0 32px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--color-third);
}

.edit-post-layout .editor-styles-wrapper .about--group__main img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.edit-post-layout .editor-styles-wrapper .about--group__main a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .about--group__main a:hover {
  opacity: 0.65;
}

.edit-post-layout .editor-styles-wrapper .about--group__list {
  display: flex;
  flex-wrap: wrap;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li {
  width: 47.5%;
  margin: 0 2.5% 2.5% 0;
  padding: 0;
  border: none;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li:last-child {
  margin: 0 2.5% 2.5% 0;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li > a {
  border: 3px solid #e3e3e3;
  display: block;
  border-radius: 8px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .about--group__list > li > a:hover {
  opacity: 0.65;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .p--about--nav {
    margin: 0 0 calc(64 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--about--nav__list {
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .edit-post-layout .editor-styles-wrapper .p--about--nav__list > li {
    width: 48.0%;
    margin: 0 2% calc(8 / 390 * 100vw) 0;
    padding: 0;
    border: none;
  }
  .edit-post-layout .editor-styles-wrapper .p--about--nav__list > li:before {
    display: none;
  }
  .edit-post-layout .editor-styles-wrapper .p--about--nav__list > li:last-child {
    margin: 0 0 calc(8 / 390 * 100vw);
    padding: 0;
  }
  .edit-post-layout .editor-styles-wrapper .p--about--nav__list > li > a {
    border-radius: calc(8 / 390 * 100vw);
    width: 100%;
    height: calc(48 / 390 * 100vw);
    background-size: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
    background-position: center right calc(8 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--about--section {
    margin: 0 0 calc(64 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--about--title {
    font-size: calc(32 / 390 * 100vw);
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--about--title:first-child {
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--about--title:after {
    width: calc(32 / 390 * 100vw);
    height: calc(4 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message--box {
    border-radius: calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message--box__inner {
    padding: calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message__figure01 {
    top: calc(-100 / 390 * 100vw);
    left: calc(0 / 390 * 100vw);
    width: calc(120 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message__figure02 {
    top: calc(-100 / 390 * 100vw);
    right: calc(0 / 390 * 100vw);
    width: calc(120 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message__copy {
    font-size: calc(24 / 390 * 100vw);
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--message__text {
    text-align: left;
  }
  .edit-post-layout .editor-styles-wrapper .about--message__text br {
    display: none;
  }
  .edit-post-layout .editor-styles-wrapper .about--access__map iframe {
    height: calc(360 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--logo--box {
    border: calc(6 / 390 * 100vw) solid var(--color-secondary);
    border-radius: calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--logo--box__inner {
    padding: calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--logo--box__images {
    width: calc(200 / 390 * 100vw);
    margin: 0 auto calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group--box {
    border: calc(6 / 390 * 100vw) solid var(--color-secondary);
    border-radius: calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group--box__inner {
    padding: calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group--define {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .edit-post-layout .editor-styles-wrapper .about--group--define dt {
    width: auto;
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group--define dd {
    width: auto;
    margin: 0 0 calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group__links {
    max-width: initial;
  }
  .edit-post-layout .editor-styles-wrapper .about--group__main {
    margin: 0 0 calc(32 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .about--group__list > li > a {
    border: calc(3 / 390 * 100vw) solid #e3e3e3;
    display: block;
    border-radius: calc(8 / 390 * 100vw);
  }
}

/*
    Service
--------------------------------------------------------------*/
body.page-template-page-service .post-type-page {
  background-color: var(--color-secondary);
}

body.page-template-page-service .p--pages {
  margin: 0 -64px;
}

.p--service--indexlist {
  padding: 0 32px;
}

.p--service--indexlist__inner {
  margin: 0 auto;
  max-width: 1184px;
  display: flex;
  flex-wrap: wrap;
}

.p--service--indexbox {
  width: calc(580 / 1184 * 100%);
  margin: 0 calc(24 / 1184 * 100%) 24px 0;
  border-radius: 16px;
  background-color: #FFF;
}

.p--service--indexbox:nth-child(2n) {
  margin: 0 0 24px;
}

.p--service--indexbox__inner {
  padding: 32px;
}

.p--service--indexbox__images {
  margin: 0 0 24px;
}

.p--service--indexbox__images img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
  border-radius: 16px;
}

.p--service--indexbox__title {
  font-size: 2.0rem;
  color: var(--color-key);
  letter-spacing: 0.06em;
  text-align: center;
  margin: 0 0 16px;
}

.p--service--indexbox__text {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  text-align: center;
  margin: 0 0 16px;
  line-height: 1.8;
}

.p--service--indexbox .cmn--button01 {
  margin: 0 auto;
}

.radius--images img {
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  body.page-template-page-service .p--pages {
    margin: 0 calc(-24 / 390 * 100vw);
  }
  .p--service--indexlist {
    padding: 0 calc(24 / 390 * 100vw);
  }
  .p--service--indexlist__inner {
    max-width: initial;
    display: flex;
    flex-direction: column;
  }
  .p--service--indexbox {
    width: auto;
    margin: 0 0 calc(16 / 390 * 100vw);
    border-radius: calc(16 / 390 * 100vw);
  }
  .p--service--indexbox:nth-child(2n) {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--service--indexbox__inner {
    padding: calc(16 / 390 * 100vw);
  }
  .p--service--indexbox__images {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--service--indexbox__images img {
    border-radius: calc(16 / 390 * 100vw);
  }
  .p--service--indexbox__title {
    font-size: calc(18 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--service--indexbox__text {
    font-size: calc(14 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
    text-align: left;
  }
  .p--service--indexbox__text br {
    display: none;
  }
  .p--service--indexbox .cmn--button01 {
    margin: 0 auto;
  }
  .radius--images img {
    border-radius: 16px;
  }
}

/*
    Contact
--------------------------------------------------------------*/
.p--contact .required__flag {
  background-color: #D85F2D;
  margin: 0 8px;
  border-radius: 8px;
  padding: 8px;
  color: #FFF;
  font-size: 1.2rem;
}

.p--contact--box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 32px;
  border-top: 1px solid #e3e3e3;
}

.p--contact--box textarea,
.p--contact--box input[type=email],
.p--contact--box input[type=tel],
.p--contact--box input[type=text] {
  width: 80%;
  border: 6px solid #F5F5F5;
  border-radius: 16px;
  padding: 16px;
  font-size: 1.6rem;
  background-color: #F5F5F5;
}

.p--contact--box textarea::placeholder,
.p--contact--box input[type=email]::placeholder,
.p--contact--box input[type=tel]::placeholder,
.p--contact--box input[type=text]::placeholder {
  color: #BBB;
}

.p--contact--box dt {
  width: 25%;
  font-weight: 700;
  font-size: 1.6rem;
}

.p--contact--box dt em {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
}

.p--contact--box dd {
  width: 70%;
}

.edit-post-layout .editor-styles-wrapper .p--contact__button {
  display: flex;
  justify-content: center;
}

.edit-post-layout .editor-styles-wrapper .p--contact__button .wpcf7-spinner {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .p--contact__button > li {
  border: none;
  padding: 0;
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .p--contact__button > li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .p--contact__button > li:last-child {
  padding: 0;
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .btn--primary {
  width: 256px;
  height: 56px;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-key);
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .btn--primary:hover {
  opacity: 0.65;
}

@media screen and (max-width: 768px) {
  .p--contact .required__flag {
    margin: 0 calc(8 / 390 * 100vw);
    border-radius: calc(8 / 390 * 100vw);
    padding: calc(8 / 390 * 100vw);
    font-size: calc(10 / 390 * 100vw);
    line-height: 1.0;
  }
  .p--contact--box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    padding: calc(16 / 390 * 100vw) 0;
    border-top: 1px solid #e3e3e3;
  }
  .p--contact--box textarea,
  .p--contact--box input[type=email],
  .p--contact--box input[type=tel],
  .p--contact--box input[type=text] {
    width: 88%;
    border: calc(6 / 390 * 100vw) solid #F5F5F5;
    border-radius: calc(16 / 390 * 100vw);
    padding: calc(16 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  .p--contact--box dt {
    width: 100%;
    font-size: calc(16 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--contact--box dt em {
    font-size: calc(12 / 390 * 100vw);
  }
  .p--contact--box dd {
    width: 100%;
  }
  .edit-post-layout .editor-styles-wrapper .p--contact__button {
    display: flex;
    justify-content: center;
  }
  .edit-post-layout .editor-styles-wrapper .p--contact__button .wpcf7-spinner {
    display: none;
  }
  .edit-post-layout .editor-styles-wrapper .p--contact__button > li {
    border: none;
    padding: 0;
    margin: 0;
  }
  .edit-post-layout .editor-styles-wrapper .p--contact__button > li:before {
    display: none;
  }
  .edit-post-layout .editor-styles-wrapper .p--contact__button > li:last-child {
    padding: 0;
    margin: 0;
  }
  .edit-post-layout .editor-styles-wrapper .btn--primary {
    width: calc(232 / 390 * 100vw);
    height: calc(48 / 390 * 100vw);
    border-radius: calc(64 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
  }
}

/*--------------------------------------------------------------
    # _post.scss
--------------------------------------------------------------*/
/*
    Product [News]
--------------------------------------------------------------*/
.p--news {
  display: flex;
  justify-content: space-between;
  gap: 64px;
}

.p--news__main--title {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  padding: 0 0 48px;
  text-align: center;
  border-bottom: 1px solid #EDEDED;
}

.p--news__list li {
  padding: 24px 16px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  align-items: baseline;
}

.p--news__list--meta {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 24px;
}

.p--news__list__date {
  font-weight: 700;
  color: var(--color-key);
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  margin-right: 16px;
}

.p--news__list__cate {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px solid var(--color-third);
  border-radius: 8px;
  min-width: 132px;
  height: 32px;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  color: var(--color-third);
  font-weight: 700;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.p--news__list__cate:link {
  text-decoration: none;
}

.p--news__list__cate:visited {
  text-decoration: none;
}

.p--news__list__cate:hover {
  text-decoration: none;
  color: #FFF;
  background-color: var(--color-third);
}

.p--news__list__text {
  padding: 0.25em 0 0;
  line-height: 1.4;
  font-size: 1.6rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.p--news__list__text:link {
  text-decoration: none;
  color: #333333;
}

.p--news__list__text:visited {
  text-decoration: none;
  color: #333333;
}

.p--news__list__text:hover {
  text-decoration: none;
  color: #333333;
  opacity: 0.45;
}

.p--news__list__text .pdf__icon {
  vertical-align: bottom;
  display: inline-block;
}

.p--news__list__text .pdf__icon img {
  vertical-align: bottom;
}

.p--news__side {
  order: 1;
  flex-shrink: 0;
  width: calc(196 / 1120 * 100%);
}

.p--news__nav {
  margin: 0 0 64px;
}

.p--news__nav:last-child {
  margin: 0;
}

.p--news__sidelist--title {
  color: var(--color-third);
  font-size: 1.6rem;
  padding: 0 0 16px;
  border-bottom: 2px solid var(--color-third);
  margin: 0 0 24px;
}

.p--news__sidelist > li {
  margin: 0 0 16px;
}

.p--news__sidelist > li:last-child {
  margin: 0;
}

.p--news__sidelist > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: var(--color-third);
  border: 2px solid var(--color-third);
  height: 32px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.p--news__sidelist > li > a span {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.p--news__sidelist > li > a.focus {
  background-color: var(--color-third);
}

.p--news__sidelist > li > a.focus span {
  color: #FFF;
}

.p--news__sidelist > li > a:link {
  text-decoration: none;
  color: #FFF;
}

.p--news__sidelist > li > a:visited {
  text-decoration: none;
  color: #FFF;
}

.p--news__sidelist > li > a:hover {
  text-decoration: none;
  color: var(--color-third);
  background-color: #FFF;
}

.p--news__contents {
  order: 2;
  width: calc(860 / 1120 * 100%);
}

.edit-post-layout .editor-styles-wrapper .p--news--smeta {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 24px 16px;
  margin: 0 0 24px;
}

.edit-post-layout .editor-styles-wrapper .p--news--smeta__title {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  letter-spacing: 0.06em;
  color: #4A4A4A;
  font-size: 2.4rem;
}

.edit-post-layout .editor-styles-wrapper .p--news--smeta__date {
  font-size: 1.6rem;
  color: var(--color-key);
  font-weight: 700;
  letter-spacing: 0.06em;
  display: block;
  margin: 0 0 16px;
}

@media screen and (max-width: 768px) {
  .p--news {
    display: flex;
    flex-direction: column;
    gap: inherit;
  }
  .p--news__main--title {
    font-size: calc(20 / 390 * 100vw);
    padding: 0 0 calc(24 / 390 * 100vw);
    text-align: left;
  }
  .p--news__list li {
    padding: calc(16 / 390 * 100vw) 0;
    display: flex;
    flex-direction: column;
  }
  .p--news__list--meta {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: calc(16 / 390 * 100vw);
  }
  .p--news__list__date {
    font-size: calc(14 / 390 * 100vw);
    margin-right: calc(16 / 390 * 100vw);
  }
  .p--news__list__cate {
    border: calc(2 / 390 * 100vw) solid var(--color-third);
    border-radius: calc(6 / 390 * 100vw);
    min-width: calc(124 / 390 * 100vw);
    height: calc(24 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
  }
  .p--news__list__text {
    padding: calc(8 / 390 * 100vw) 0 0;
    font-size: calc(14 / 390 * 100vw);
  }
  .p--news__side {
    order: 2;
    flex-shrink: 0;
    width: auto;
  }
  .p--news__nav {
    margin: 0 0 calc(32 / 390 * 100vw);
  }
  .p--news__sidelist--title {
    font-size: calc(16 / 390 * 100vw);
    padding: 0 0 calc(16 / 390 * 100vw);
    border-bottom: calc(2 / 390 * 100vw) solid var(--color-third);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--news__sidelist > li {
    margin: 0 0 calc(16 / 390 * 100vw);
  }
  .p--news__sidelist > li > a {
    border-radius: calc(8 / 390 * 100vw);
    border: calc(2 / 390 * 100vw) solid var(--color-third);
    height: calc(40 / 390 * 100vw);
  }
  .p--news__sidelist > li > a span {
    font-size: calc(14 / 390 * 100vw);
  }
  .p--news__contents {
    order: 1;
    width: auto;
    margin: 0 0 calc(48 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--news--smeta {
    padding: calc(24 / 390 * 100vw) 0;
    margin: 0 0 calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--news--smeta__title {
    font-size: calc(24 / 390 * 100vw);
  }
  .edit-post-layout .editor-styles-wrapper .p--news--smeta__date {
    font-size: calc(16 / 390 * 100vw);
    margin: 0 0 calc(16 / 390 * 100vw);
  }
}

/*--------------------------------------------------------------
    # _gutenberg.scss
--------------------------------------------------------------*/
/*
     Config [gutenberg Adjust]
--------------------------------------------------------------*/
body.acf_content {
  padding: 1.56vw;
}

body.acf_content p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 25px;
}

.wp-block {
  max-width: 100%;
}

.wp-admin .edit-post-layout .editor-styles-wrapper {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 calc(100 / 1400 * 100vw) 0;
  background-color: #FFF;
}

.editor-styles-wrapper .editor-post-title__block a:link {
  color: #000;
  text-decoration: underline;
}

.editor-styles-wrapper .editor-post-title__block a:visited {
  color: #000;
  text-decoration: none;
}

.editor-styles-wrapper .editor-post-title__block a:hover {
  color: #000;
  text-decoration: none;
}

.editor-block-list__block-edit .block-editor-block-list__block-edit figure.is-resized {
  margin: -28px 0 0;
}

/* Admin checkBox */
.acf-input input[type=checkbox], .acf-input input[type=radio] {
  height: 1.0rem;
  width: 1.0rem;
}

.acf-input input[type=checkbox]:checked::before {
  height: 2.3125rem;
  width: 2.3125rem;
}

.wp-admin .edit-post-layout .editor-styles-wrapper .acf-taxonomy-field .acf-checkbox-list li {
  border: none;
  font-size: 13px;
  padding: 5px;
  margin: 0 0 5px;
}

.wp-admin .edit-post-layout .editor-styles-wrapper .categorychecklist-holder {
  background-color: #F5F5F5;
}

#wpcontent #wpbody .block-editor-link-control.aioseo-link-format .block-editor-link-control__settings {
  color: #000;
}

/*
     Config [ACF Adjust]
--------------------------------------------------------------*/
.edit-post-layout .editor-styles-wrapper .acf-table {
  border: #DFDFDF solid 1px;
}

.edit-post-layout .editor-styles-wrapper .acf-table td {
  border: 1px solid #CCC;
  padding: 10px;
}

.edit-post-layout .editor-styles-wrapper .acf-input .acf-actions a:link {
  color: #FFF;
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .acf-input .acf-actions a:visited {
  color: #FFF;
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .acf-input .acf-actions a:hover {
  color: #FFF;
  text-decoration: none;
}

/*
     Editor Contents
--------------------------------------------------------------*/
.edit-post-layout .editor-styles-wrapper {
  font-family: "Zen Maru Gothic", "Noto Sans JP", 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, 'Lato', sans-serif;
}

.edit-post-layout .editor-styles-wrapper .block-editor-block-variation-picker__variations li {
  margin: 8px 20px 0 0;
  border: none;
}

.edit-post-layout .editor-styles-wrapper .block-editor-block-variation-picker__variations li:before {
  display: none;
}

/*
     Gutenberg Block
--------------------------------------------------------------*/
.edit-post-layout .editor-styles-wrapper .wp-block-group {
  background-color: #F5F5F5;
  margin: 40px 0 60px;
  padding: 10px;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group__inner-container {
  padding: 40px;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group__inner-container p:last-child {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-reference-block {
  margin: 40px 0 60px;
  background-color: #F5F7FD;
  line-height: 1.875;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-reference-block .wp-block-group__inner-container {
  background-color: unset;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-normal-line-block {
  margin: 40px 0 60px;
  border: 1px solid #B9B9B9;
  background-color: unset;
  line-height: 1.875;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-normal-line-block .wp-block-group__inner-container {
  background-color: unset;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-relation-block {
  margin: 40px 0 60px;
  padding: 0;
  background-color: unset;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-relation-block p {
  color: #E56A00;
}

.edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-relation-block .wp-block-group__inner-container {
  background-color: unset;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .g--gmap {
  border: 1px solid #e8e8e8;
  padding: 20px;
}

.edit-post-layout .editor-styles-wrapper .g--gmap__inner {
  border: 1px solid #e8e8e8;
}

.edit-post-layout .editor-styles-wrapper .g--gmap iframe {
  vertical-align: bottom;
  width: 100%;
  height: 410px;
}

.edit-post-layout .editor-styles-wrapper .g--linklist {
  background-color: #F8F8F8;
  padding: 15px;
  margin: 0 0 50px;
}

.edit-post-layout .editor-styles-wrapper .g--linklist__inner {
  padding: 20px;
  background-color: #FFF;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list {
  margin: 0;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li {
  margin: 0 0 20px;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li:last-child {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li a {
  padding: 15px;
  border: 1px solid #e8e8e8;
  width: auto;
  display: block;
  font-weight: bold;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  background-image: url(assets/images/common/parts/arrow01__right.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 96.5% center;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li a:link {
  color: #333;
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li a:visited {
  color: #333;
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list li a:hover {
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
  background-color: #FFF;
  background-image: url(assets/images/common/parts/arrow01__right.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 96.5% center;
}

.edit-post-layout .editor-styles-wrapper .g--linklist-list-excheck {
  display: inline-block;
  padding: 0 20px 0 0;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist {
  background-color: #EDEDED;
  padding: 10px;
  margin: 0 0 70px;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist__inner {
  background-color: #FFF;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list-titleSub {
  font-weight: 300;
  margin: 0 0 0 15px;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li {
  margin: 0;
  padding: 0;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li:last-child {
  margin: 0;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li a {
  display: block;
  color: var(--main-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 25px 35px;
  position: relative;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li a:link {
  color: var(--main-color);
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li a:visited {
  color: var(--main-color);
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li a:hover {
  color: var(--main-color);
  text-decoration: none;
  background-color: #F5F5F5;
}

.edit-post-layout .editor-styles-wrapper .g--pdflist-list li a:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 22px;
  position: relative;
  background-image: url(assets/images/common/parts/icon__pdf.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 0 20px;
  vertical-align: middle;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox {
  margin: 50px 0 80px;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list {
  display: flex;
  flex-wrap: wrap;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li {
  border: none;
  padding: 0;
  margin: 0 3.125% 30px 0;
  width: 31.25%;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li:before {
  display: none;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li img {
  width: 100%;
  vertical-align: bottom;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li:nth-child(3n) {
  margin: 0 0 30px 0;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-images img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
  border: 5px solid #FFF;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:link {
  color: var(--main-color);
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:visited {
  color: var(--main-color);
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:hover {
  color: var(--main-color);
  text-decoration: none;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:hover .g--gallerybox-images img {
  border: 5px solid var(--main-color);
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-cap {
  margin: 15px 0 0;
  padding: 0 20px 0;
  display: block;
  background-image: url(assets/images/common/parts/arrow01__right.png);
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-position: right center;
  text-align: center;
  color: #000;
  font-size: 2.0rem;
  font-weight: 700;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-cap em {
  font-style: normal;
  display: block;
  margin: 0;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.0;
}

.edit-post-layout .editor-styles-wrapper .g--gallerybox-cap.no-icon {
  background-image: none;
  font-weight: 400;
  font-size: 1.3rem;
}

.edit-post-layout .editor-styles-wrapper .wp-block-embed__wrapper div {
  text-align: center;
  margin: 0 auto 30px;
}

.edit-post-layout .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content {
  padding: 0 0 0 20px;
  height: 100%;
}

.edit-post-layout .editor-styles-wrapper .has-media-on-the-right .wp-block-media-text__content {
  padding: 0 20px 0 0;
  height: 100%;
}

.edit-post-layout .editor-styles-wrapper .wp-block-media-text__media {
  height: 100%;
}

.edit-post-layout .editor-styles-wrapper .wp-block-media-text {
  margin: 0 0 50px;
}

@media screen and (max-width: 768px) {
  .edit-post-layout .editor-styles-wrapper .wp-block-group {
    background-color: #F5F5F5;
    margin: 7.69231vw 0 15.38462vw;
    padding: 2.5641vw;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-group__inner-container {
    padding: 5.12821vw;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-reference-block {
    margin: 7.69231vw 0 15.38462vw;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-normal-line-block {
    margin: 7.69231vw 0 15.38462vw;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-group.is-style-relation-block {
    margin: 7.69231vw 0 15.38462vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--gmap {
    padding: 2.5641vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--gmap__inner {
    border: 1px solid #e8e8e8;
  }
  .edit-post-layout .editor-styles-wrapper .g--gmap iframe {
    vertical-align: bottom;
    width: 100%;
    height: 51.28205vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--linklist {
    padding: 2.5641vw;
    margin: 0 0 5.12821vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--linklist__inner {
    padding: 3.84615vw;
    background-color: #FFF;
  }
  .edit-post-layout .editor-styles-wrapper .g--linklist-list li {
    margin: 0 0 2.5641vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--linklist-list li a {
    padding: 2.5641vw;
    background-image: url(assets/images/common/parts/arrow01__right.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 96.5% center;
  }
  .edit-post-layout .editor-styles-wrapper .g--linklist-list-excheck {
    display: inline-block;
  }
  .edit-post-layout .editor-styles-wrapper .g--pdflist {
    background-color: #EDEDED;
    padding: 2.5641vw;
    margin: 0 0 vw(20);
  }
  .edit-post-layout .editor-styles-wrapper .g--pdflist-list {
    margin: 0;
  }
  .edit-post-layout .editor-styles-wrapper .g--pdflist-list-titleSub {
    font-weight: 300;
    margin: 0 0 0 vw(10);
  }
  .edit-post-layout .editor-styles-wrapper .g--pdflist-list li a {
    font-size: 3.07692vw;
    padding: 3.84615vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--pdflist-list li a:after {
    content: "";
    display: inline-block;
    width: 3.84615vw;
    height: 4.35897vw;
    margin: 0 0 0 2.5641vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox {
    margin: 0 0 7.69231vw;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list {
    display: flex;
    flex-wrap: wrap;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li {
    border: none;
    padding: 0;
    margin: 0 3.125% 2.5641vw 0;
    width: 47.25%;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li:before {
    display: none;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li img {
    width: 100%;
    vertical-align: bottom;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li:nth-child(3n) {
    margin: 0 3.125% 2.5641vw 0;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li:nth-child(even) {
    margin: 0 0 2.5641vw 0;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-images img {
    width: 100%;
    vertical-align: bottom;
    height: auto;
    border: 5px solid #FFF;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all  0.25s ease;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all  0.25s ease;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:link {
    color: var(--main-color);
    text-decoration: none;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:visited {
    color: var(--main-color);
    text-decoration: none;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:hover {
    color: var(--main-color);
    text-decoration: none;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-list li a:hover .g--gallerybox-images img {
    border: 5px solid var(--main-color);
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-cap {
    margin: 2.5641vw 0 0;
    padding: 0 2.5641vw 0;
    display: block;
    background-image: url(assets/images/common/parts/arrow01__right.png);
    background-repeat: no-repeat;
    background-size: 2.5641vw 2.5641vw;
    background-position: right center;
    text-align: center;
    color: #000;
    font-size: 3.84615vw;
    font-weight: 700;
  }
  .edit-post-layout .editor-styles-wrapper .g--gallerybox-cap em {
    font-style: normal;
    display: block;
    margin: 0 0 5px;
    font-size: 2.5641vw;
    font-weight: 300;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-embed__wrapper div {
    text-align: center;
    margin: 0 auto 30px;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content {
    padding: 5.12821vw 0 0;
    height: 100%;
  }
  .edit-post-layout .editor-styles-wrapper .has-media-on-the-right .wp-block-media-text__content {
    padding: 5.12821vw 0 0;
    height: 100%;
  }
  .edit-post-layout .editor-styles-wrapper .has-media-on-the-right .wp-block-media-text__content p:last-child {
    margin: 0;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-media-text__media {
    height: 100%;
  }
  .edit-post-layout .editor-styles-wrapper .wp-block-media-text {
    margin: 0 0 5.12821vw;
  }
}

/**
 # Objects -  utility -
 */
/*--------------------------------------------------------------
    # _utility.scss
--------------------------------------------------------------*/
.u-radius5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.u-radiusC {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*--------------------------------------------------------------
    # _animation.scss
--------------------------------------------------------------*/
/*
    Opening
--------------------------------------------------------------*/
body.preload .overlay--content {
  opacity: 0;
}

body.loaded .overlay--content {
  opacity: 1.0;
  transition: 1.05s cubic-bezier(0.86, 0, 0.07, 1);
}

/*
    home [keyvisual]
--------------------------------------------------------------*/
body.preload .rh--kev-title {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.5s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1s;
  filter: blur(10px);
  will-change: opacity, transform;
}

body.loaded .rh--kev-title {
  opacity: 1.0;
  transform: translateY(0);
  filter: blur(0);
  will-change: opacity, transform;
}

/*
    Common
--------------------------------------------------------------*/
.parallax--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.parallax--bg.para--photo01 {
  background-image: url(assets/images/pages/home/kv__bg01.jpg);
}

.parallax--bg.para--photo02 {
  background-image: url(assets/images/pages/home/feature__py__bg01.jpg);
}

.parallax--bg.para--photo03 {
  background-image: url(assets/images/pages/product/step__bg01.jpg);
}

.parallax--trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.to-up-ani {
  opacity: 0;
  transform: translateY(40px);
  transition: 1s cubic-bezier(0.3, 0.2, 0.3, 1) 0s;
}

.to-up-ani.lazyloaded {
  opacity: 1.0;
  transform: translateY(0);
}

.lazyloaded .to-left-ani {
  transform: translateX(0%);
}

.lazyloaded .to-right-ani {
  transform: translateX(0%);
}

.to-left-ani {
  transform: translateX(-101%);
  transition: transform .6s;
  transition-delay: .3s;
  overflow: hidden;
  display: block;
}

.to-right-ani {
  transform: translateX(101%);
  transition: transform .6s;
  transition-delay: .3s;
  overflow: hidden;
  display: block;
}

@media screen and (max-width: 768px) {
  .parallax--bg.para--photo01 {
    background-image: url(assets/images/pages/home/kv__bg01__smp.jpg);
  }
  .parallax--bg.para--photo02 {
    background-image: url(assets/images/pages/home/feature__py__bg01__smp.jpg);
  }
  .parallax--bg.para--photo03 {
    background-image: url(assets/images/pages/product/step__bg01.jpg);
  }
}
/*# sourceMappingURL=style.css.map */