@charset "UTF-8";
/*
Theme Name: 株式会社ブルーム CMS ver1.01
Description: 株式会社ブルームのテーマ ver1.01
Theme URI: https://bloom-0601.com/
Author: Steki, Inc
Author URI: https://steki-inc.jp/
Version: 1.01
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/
:root {
  --primary-color: #1d697c;
  --secondary-color: #278c6e;
  --accent-color: #dfbd00;
  --font-color: #1c1919;
  --mute-color: #888888;
  --bg-color: #f3f0e7;
  --base-color: #faf9f4;
  --deep-color: #1d697c;
  --dark-color: #161d26;
  --border-color: #c2c2c2;
  --danger-color: #c14230;
  --warning-color: #f57900;
  --font-family-sans: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
        "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  --font-family-serif: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  --font-family-kaisei: "Kaisei Tokumin", serif;
  --line-height: 2;
  --border-radius: 1.5em;
  --border-radius-xs: 0.25em;
  --border-radius-sm: 0.5em;
  --border-radius-lg: 1em;
  --border-radius-xl: 2em;
  --border-radius-xxl: 2.5em;
}
@media (max-width: 767px) {
  :root {
    --border-radius: 1em;
    --border-radius-xs: 0.15em;
    --border-radius-sm: 0.35em;
    --border-radius-lg: 0.75em;
    --border-radius-xl: 1.25em;
    --border-radius-xxl: 1.5em;
  }
}

/* ==============================================
 Reset
=============================================== */
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

span {
  vertical-align: baseline;
}

/* ==============================================
 Common
=============================================== */
*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  margin: 0;
  width: 100%;
}

body {
  background: var(--bg-color);
  color: var(--font-color);
  font-family: var(--font-family-sans);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  body {
    font-size: clamp(0.969rem, 0.776rem + 0.97vw, 1.5rem);
  }
}
@media screen and (max-width: 374px) {
  body {
    font-size: clamp(0.875rem, -1.347rem + 11.11vw, 1.25rem);
  }
}
body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
body:not(.home):not(.page-template-page-recruit):not(.single-service) {
  background-image: url(assets/images/common/body_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
body:not(.home):not(.page-template-page-recruit):not(.single-service)::before, body:not(.home):not(.page-template-page-recruit):not(.single-service)::after {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transform: translateX(1em);
  transition: opacity 1200ms ease, transform 1200ms ease;
  z-index: -1;
}
body:not(.home):not(.page-template-page-recruit):not(.single-service)::before {
  background-image: url(assets/images/common/body_bg_bird_1.png);
  aspect-ratio: 113/105;
  top: 270px;
  left: 50%;
  margin-left: 350px;
  width: 113px;
}
@media (max-width: 1279px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::before {
    left: auto;
    margin-left: auto;
    right: 11.5em;
  }
}
@media (max-width: 1024px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::before {
    top: 14em;
    width: 4em;
    right: 8em;
  }
}
@media (max-width: 767px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::before {
    top: 10em;
    right: 4em;
    width: 2.5em;
  }
}
body:not(.home):not(.page-template-page-recruit):not(.single-service)::after {
  background-image: url(assets/images/common/body_bg_bird_2.png);
  aspect-ratio: 54/81;
  top: 324px;
  left: 50%;
  margin-left: 565px;
  width: 54px;
  transition-delay: 220ms;
}
@media (max-width: 1279px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::after {
    left: auto;
    margin-left: auto;
    right: 2.2em;
  }
}
@media (max-width: 1024px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::after {
    top: 16em;
    width: 1.8em;
    right: 3em;
  }
}
@media (max-width: 767px) {
  body:not(.home):not(.page-template-page-recruit):not(.single-service)::after {
    top: 11em;
    right: 1.2em;
    width: 1.2em;
  }
}
body.is-loaded:not(.home):not(.page-template-page-recruit)::before, body.is-loaded:not(.home):not(.page-template-page-recruit)::after {
  opacity: 1;
  transform: none;
}

a {
  cursor: pointer;
  color: var(--font-color);
  outline: medium none;
  text-decoration: none;
}

a:visited {
  outline: medium none;
}

a:focus {
  outline: medium none;
}

a:active, a:hover {
  outline: medium none;
}

a:hover {
  color: var(--font-color);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: bold;
  margin: 0;
}

address {
  font-style: italic;
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: none repeat scroll 0 0 #FFFF00;
  color: #000000;
}

p {
  line-height: var(--line-height);
  margin: 0 0 1.4em;
}

code, kbd, pre, samp {
  hyphens: none;
  font-family: monospace, serif;
  font-size: 14px;
}

pre {
  background: none repeat scroll 0 0 #F5F5F5;
  color: #666666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote, q {
  hyphens: none;
  quotes: none;
}

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

blockquote {
  background-color: rgba(0, 0, 0, 0.04);
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin: 2em 2em;
  padding: 1.5em;
  position: relative;
}
blockquote > * {
  position: relative;
  z-index: 1;
}
blockquote > *:last-child {
  margin-bottom: 0;
}
blockquote::before {
  content: "";
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23cccccc'%3E%3C/path%3E%3C/svg%3E");
  background-position: top 35% left 35%;
  background-size: 2em;
  background-repeat: no-repeat;
  width: 4em;
  height: 4em;
  display: inline-block;
  position: absolute;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite, blockquote small {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

blockquote em, blockquote i {
  font-style: normal;
  font-weight: 300;
}

blockquote strong, blockquote b {
  font-weight: 400;
}

small {
  font-size: 0.875em;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin: 0;
}

dt {
  line-height: var(--line-height);
  font-weight: bold;
  margin: 0;
}

dd {
  line-height: var(--line-height);
  margin: 0;
}

menu, ol, ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

li {
  line-height: var(--line-height);
}

th {
  font-weight: bold;
  line-height: var(--line-height);
  text-align: left;
}

td {
  line-height: var(--line-height);
  text-align: left;
}

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  backface-visibility: hidden;
}

a img {
  transition: opacity 0.2s;
}

input[type=text]:focus,
textarea:focus {
  outline: 0;
}

/* ==============================================
 Font
=============================================== */
/* color
----------------------------------------------- */
.fc-primary {
  color: var(--primary-color);
}

.fc-secondary {
  color: var(--secondary-color);
}

.fc-mute {
  color: var(--mute-color);
}

.fc-font {
  color: var(--font-color);
}

.fc-danger {
  color: var(--danger-color);
}

.fc-warning {
  color: var(--warning-color);
}

.fc-accent {
  color: var(--accent-color);
}

/* Font
----------------------------------------------- */
.ff-sans {
  font-family: var(--font-family-sans);
}

.ff-serif {
  font-family: var(--font-family-serif);
}

.ff-kaisei {
  font-family: var(--font-family-kaisei);
}

/* Font weight
----------------------------------------------- */
.fw-normal {
  font-weight: normal;
}

.fw-medium {
  font-weight: 500;
}

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

/* Font size
----------------------------------------------- */
.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

/* Text Align
----------------------------------------------- */
.text-center {
  text-align: center;
}

.text-start {
  text-align: left;
}

.text-end {
  text-align: right;
}

/* Text underline
----------------------------------------------- */
.text-underline {
  text-decoration: underline;
}

/* Text indent
----------------------------------------------- */
.indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

/* Intent
----------------------------------------------- */
.indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

/* ==============================================
 fade Animation
=============================================== */
.fade-animation {
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-name: fade-animation;
  visibility: visible !important;
}
@keyframes fade-animation {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==============================================
 blur
=============================================== */
.blur-item {
  overflow: hidden;
  position: relative;
}

.blur-filter {
  background-color: rgba(248, 248, 248, 0.01);
  backdrop-filter: blur(40px) brightness(1.2);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  perspective: 1000;
  backface-visibility: hidden;
  pointer-events: none;
}

.blur-active .blur-filter {
  animation: filterRemove 1s 1 ease forwards;
}

@keyframes filterRemove {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ==============================================
 Layout
=============================================== */
/* background
----------------------------------------------- */
.bg-white {
  background-color: #fff;
}

.bg-base {
  background-color: var(--base-color);
}

/* Float
----------------------------------------------- */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  text-align: center;
}

img.alignleft {
  margin-right: 2.5em;
}

img.alignright {
  margin-left: 2.5em;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Table
----------------------------------------------- */
.table {
  width: 100%;
  max-width: 100%;
}

.table-type1 {
  border-top: 1px solid #c2c2c2;
  margin-bottom: 40px;
  width: 100%;
}

.table-type1 th {
  background-color: #faf9f4;
  border-bottom: 1px solid #c2c2c2;
  text-align: left;
  font-weight: normal;
  padding: 18px 20px;
  width: 22%;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .table-type1 th {
    display: block;
    padding: 10px 15px;
    width: 100%;
  }
}

.table-type1 th.ta-center {
  text-align: center;
}

.table-type1 td {
  border-bottom: 1px solid #c2c2c2;
  padding: 18px 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .table-type1 td {
    display: block;
    padding: 10px 15px;
    width: 100%;
  }
}

.table-type1 td a {
  color: #1d697c;
  text-decoration: underline;
}

.table-type1 td a:hover {
  text-decoration: none;
}

/* Micro Clearfix
----------------------------------------------- */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* flex
----------------------------------------------- */
.flex-1 {
  flex: 1;
  min-width: 0;
}

/* width
----------------------------------------------- */
.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

@media (max-width: 1024px) {
  .w-md-25 {
    width: 25%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-100 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .w-sm-25 {
    width: 25%;
  }
  .w-sm-50 {
    width: 50%;
  }
  .w-sm-100 {
    width: 100%;
  }
}
/* padding
----------------------------------------------- */
.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-25 {
  padding-top: 25px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

/* margin
----------------------------------------------- */
.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-25 {
  margin-top: 25px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

/* width
----------------------------------------------- */
._minw40 {
  min-width: 40px;
}

._minw100 {
  min-width: 100px;
}

._minw140 {
  min-width: 140px;
}

._minw200 {
  min-width: 200px;
}

._maxw240 {
  max-width: 240px;
}

._maxw580 {
  max-width: 580px;
}

._maxw880 {
  max-width: 880px;
}

._maxw1040 {
  max-width: 1040px;
}

._maxw1180 {
  max-width: 1180px;
}

._maxw1200 {
  max-width: 1200px;
}

._w40 {
  width: 40px;
}

._w60 {
  width: 60px;
}

._w100 {
  width: 100px;
}

._w150 {
  width: 150px;
}

._w200 {
  width: 200px;
}

._w5p {
  width: 5%;
}

._w10p {
  width: 10%;
}

._w15p {
  width: 15%;
}

._w20p {
  width: 20%;
}

._w25p {
  width: 25%;
}

._w30p {
  width: 30%;
}

._w35p {
  width: 35%;
}

._w40p {
  width: 40%;
}

._w45p {
  width: 45%;
}

._w50p {
  width: 50%;
}

._w55p {
  width: 55%;
}

._w60p {
  width: 60%;
}

/* Layout
----------------------------------------------- */
.main {
  background-image: url(assets/images/common/footer_bg_pc.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  padding-bottom: 35vw;
  min-height: 70em;
  position: relative;
}
.main::after {
  content: "";
  background-color: var(--dark-color);
  height: 2px;
  bottom: -1px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .main {
    background-image: url(assets/images/common/footer_bg_sp.png);
    padding-bottom: 55vw;
    min-height: 0;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  max-width: 1200px;
}
@media (max-width: 1024px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .container {
    padding-left: 1.875em;
    padding-right: 1.875em;
  }
}
@media (max-width: 350px) {
  .container {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}

/* ==============================================
 parts
=============================================== */
/* card
----------------------------------------------- */
.card {
  background-color: #fff;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.card-header {
  padding: 2.25em 5.5em;
}
@media (max-width: 1024px) {
  .card-header {
    padding: 2.25em 3.5em;
  }
}
@media (max-width: 767px) {
  .card-header {
    padding: 1.25em;
  }
}

.card-body {
  flex: 1 1 auto;
  padding: 3.75em 5em;
}
@media (max-width: 1024px) {
  .card-body {
    padding: 2.5em 2.5em;
  }
}
@media (max-width: 767px) {
  .card-body {
    padding: 1.5625em 1.5625em;
  }
}

.card-header + .card-body {
  padding-top: 0;
}

.card-title {
  font-size: 1.625em;
}
@media (max-width: 767px) {
  .card-title {
    font-size: 1.25em;
  }
}

/* glightbox
----------------------------------------------- */
.glightbox {
  position: relative;
}

/* image caption
----------------------------------------------- */
.image-caption {
  font-size: 0.75em;
  text-align: right;
  margin-top: 1em;
}

/* button
----------------------------------------------- */
.btn {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
}
.btn:hover {
  text-decoration: none;
}
.btn-primary {
  background-color: var(--primary-color);
  border-radius: 5em;
  line-height: 1.3;
  font-size: 1.122em;
  font-weight: bold;
  color: #fff;
  padding: 1.4em;
  width: 18.915em;
}
@media (max-width: 767px) {
  .btn-primary {
    font-size: 1em;
  }
}
.btn-primary:hover {
  color: #fff;
}
.btn-primary .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-primary .btn-arrow {
  font-style: normal;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  height: 1.45em;
  margin-right: 0.6em;
  width: 1.45em;
  position: relative;
}
@media (max-width: 767px) {
  .btn-primary .btn-arrow {
    height: 1.35em;
    width: 1.35em;
  }
}
.btn-primary .btn-arrow::after {
  background: url(assets/images/common/arrow_primary.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  height: 0.55em;
  width: 0.4em;
  left: 0.6em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .btn-primary .btn-arrow::after {
    left: 0.525em;
  }
}
.btn-primary .btn-text {
  margin-bottom: 2px;
}
@media (min-width: 1025px) {
  .btn-primary {
    transition: background-color 200ms ease;
  }
  .btn-primary:hover {
    background-color: rgb(24.1666666667, 87.5, 103.3333333333);
  }
}

/* dropdown
----------------------------------------------- */
.custom-dropdown {
  position: relative;
}
.custom-dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color);
  width: 100%;
  padding: 0.9375em 2.5em 0.9375em 1.5625em;
  background: #fff;
  border: none;
  border-radius: 0.75em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
  position: relative;
}
@media (max-width: 767px) {
  .custom-dropdown-toggle {
    padding-left: 1em;
  }
}
.custom-dropdown-toggle .arrow {
  display: block;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d697c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 1.2em;
  top: 50%;
  height: 1.2em;
  margin-top: -0.6em;
  width: 1.2em;
  transition: transform 0.2s;
  z-index: 1;
}
.custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 0.75em;
  box-shadow: 0 4px 12px rgba(29, 105, 124, 0.2);
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
  opacity: 0;
  transform: translateY(-1em);
  pointer-events: none;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 100;
}
.custom-dropdown-menu li {
  margin: 0;
  padding: 0;
}
.custom-dropdown-menu a {
  color: var(--primary-color);
  display: block;
  font-weight: 500;
  padding: 0.625em 1.5625em;
  text-decoration: none;
  transition: background-color 0.2s;
}
@media (min-width: 1025px) {
  .custom-dropdown-menu a:hover {
    background-color: rgba(29, 105, 124, 0.06);
  }
}
.custom-dropdown-menu a.is-active {
  font-weight: bold;
  color: var(--primary-color);
  position: relative;
  padding-left: 3em;
}
.custom-dropdown-menu a.is-active::after {
  position: absolute;
  content: "";
  left: 1.75em;
  top: 1.4em;
  width: 0.6875em;
  height: 0.375em;
  border-left: 0.125em solid var(--primary-color);
  border-bottom: 0.125em solid var(--primary-color);
  transform: rotate(-45deg);
}
.custom-dropdown.is-open .custom-dropdown-toggle {
  outline: 2px solid rgba(29, 105, 124, 0.6);
}
.custom-dropdown.is-open .custom-dropdown-toggle .arrow {
  transform: rotate(180deg);
}
.custom-dropdown.is-open .custom-dropdown-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* pager
----------------------------------------------- */
.pager {
  display: flex;
  justify-content: center;
}
.pager .wp-pagenavi {
  margin: 3.75em auto;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  gap: 0.625em 0.625em;
  position: relative;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi {
    padding-top: 3.4375em;
    margin-top: calc(0.125em * 1em / 1px);
    width: 100%;
  }
}
.pager .wp-pagenavi span, .pager .wp-pagenavi a {
  border: none;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.125em;
  margin: 0;
  padding: 0 0 0.1em;
  vertical-align: top;
  white-space: inherit;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi span, .pager .wp-pagenavi a {
    height: 2.5em;
  }
}
.pager .wp-pagenavi .page, .pager .wp-pagenavi .current {
  border-radius: 1.5625em;
  min-width: 3.125em;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi .page, .pager .wp-pagenavi .current {
    border-radius: 1.25em;
    min-width: 2.5em;
  }
}
.pager .wp-pagenavi .page {
  background-color: #fff;
  color: var(--primary-color);
}
@media (min-width: 1025px) {
  .pager .wp-pagenavi .page {
    transition: background-color 300ms ease, color 300ms ease;
  }
  .pager .wp-pagenavi .page:hover {
    background-color: var(--primary-color);
    color: #fff;
  }
}
.pager .wp-pagenavi .current {
  background-color: var(--primary-color);
  color: #fff;
}
.pager .wp-pagenavi .nextpostslink {
  background: url(assets/images/common/arrow_next_primary.svg) no-repeat center right;
  background-size: 1.0625em 0.5625em;
  padding: 0 1.5em 0.1em 0.5em;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi .nextpostslink {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.pager .wp-pagenavi .previouspostslink {
  background: url(assets/images/common/arrow_prev_primary.svg) no-repeat center left;
  background-size: 1.0625em 0.5625em;
  padding: 0 0.5em 0.1em 1.5em;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi .previouspostslink {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/* loading
----------------------------------------------- */
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* 読み込み完了時に消すクラス */
.is-loaded .loading-screen {
  opacity: 0;
  visibility: hidden;
}

.loading-content {
  text-align: center;
}

/* ベルの揺れアニメーション */
.loading-bell {
  display: block;
  margin: 0 auto 1em;
  transform-origin: top center;
  animation: bellShaking 2s ease-in-out infinite;
}

@keyframes bellShaking {
  0%, 60%, 100% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-12deg);
  }
  10% {
    transform: rotate(10deg);
  }
  15% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(6deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(2deg);
  }
}
/* テキストの1文字アニメーション */
.loading-text {
  font-family: var(--font-family-kaisei);
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

.loading-text span {
  display: inline-block;
  opacity: 0;
  transform: translateY(8px);
  animation: textFadeIn 2s infinite;
}

/* 各文字の表示タイミングをずらす */
.loading-text span:nth-child(1) {
  animation-delay: 0s;
}

.loading-text span:nth-child(2) {
  animation-delay: 0.1s;
}

.loading-text span:nth-child(3) {
  animation-delay: 0.2s;
}

.loading-text span:nth-child(4) {
  animation-delay: 0.3s;
}

.loading-text span:nth-child(5) {
  animation-delay: 0.4s;
}

.loading-text span:nth-child(6) {
  animation-delay: 0.5s;
}

.loading-text span:nth-child(7) {
  animation-delay: 0.6s;
}

@keyframes textFadeIn {
  0%, 100% {
    opacity: 0;
    transform: translateY(8px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 視覚効果を減らす設定（アクセシビリティ対応） */
@media (prefers-reduced-motion: reduce) {
  .loading-bell,
  .loading-text span {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
/* アコーディオンボタン設定 */
.js-accordion-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
}

/* 開閉用アイコン（プラス・マイナス） */
.js-accordion-toggle-icon {
  display: block;
  flex-shrink: 0;
  margin-left: 12px;
}

.js-accordion-toggle-icon-inner {
  display: block;
  position: relative;
  width: 1em;
  height: 1em;
}

.js-accordion-toggle-icon-inner::before,
.js-accordion-toggle-icon-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.js-accordion-toggle-icon-inner::before {
  width: 46%;
  height: 2px;
}

.js-accordion-toggle-icon-inner::after {
  width: 2px;
  height: 46%;
}

.js-accordion-toggle[aria-expanded=true] .js-accordion-toggle-icon-inner::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* scroll in
----------------------------------------------- */
.scroll-fadein {
  opacity: 0;
  transition: opacity 1200ms ease, transform 1200ms ease;
  transition-delay: 100ms;
}
.scroll-fadein-bottom {
  transform: translateY(1em);
}
.scroll-fadein-top {
  transform: translateY(-1em);
}
.scroll-fadein-left {
  transform: translateX(-1em);
}
.scroll-fadein-right {
  transform: translateX(1em);
}
.scroll-fadein-blur {
  filter: blur(0.75em);
}
.scroll-fadein.is-active {
  opacity: 1;
  transform: none;
  filter: blur(0);
}

/* simplebar
----------------------------------------------- */
.simplebar-scrollbar {
  top: 0px;
  background: #707070;
  border-radius: 10px;
  padding: 1px 0;
  overflow: hidden;
}

.simplebar-scrollbar::before {
  background: #707070;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.simplebar-track {
  border-radius: 10px;
  background: #e9e9e9;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-track.simplebar-vertical {
  top: 5%;
  right: 0.65em;
  height: 90%;
  width: 4px;
}

/* ==============================================
 form
=============================================== */
.error-message {
  border: 1px solid var(--danger-color);
  background-color: #fff3f3;
  color: var(--danger-color);
  padding: 1em;
  border-radius: 0.325em;
}

.form-comment {
  font-weight: normal;
  font-size: 0.75em;
  margin-top: 0.25em;
  margin-bottom: 0;
}

.form-title {
  border-left: 0.25em solid var(--primary-color);
  font-size: 1.25em;
  padding-left: 1em;
  margin-bottom: 1.5em;
  margin-top: 2em;
}

/* layout
----------------------------------------------- */
.form-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.form-inline-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  align-items: baseline;
}

.form-unit {
  font-size: 0.875em;
  font-weight: normal;
}

.form-flex-column {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

@media (max-width: 767px) {
  .form-birth-year {
    width: 100%;
  }
  .form-birth-year select {
    flex: 1;
  }
}

@media (max-width: 767px) {
  .form-birth-month,
  .form-birth-day {
    flex: 2 0 0;
  }
  .form-birth-month select,
  .form-birth-day select {
    flex: 1;
  }
}

/* table */
.form-table {
  border-top: 1px solid var(--border-color);
  margin-bottom: 2.5em;
  width: 100%;
}
@media (max-width: 767px) {
  .form-table {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form-table tbody tr:first-child th {
    padding-top: 1.25em;
  }
}
.form-table th {
  border-bottom: 1px solid var(--border-color);
  font-weight: bold;
  padding: 2em 1em 1.25em 0;
  position: relative;
  text-align: right;
  width: 14em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .form-table th {
    border-bottom: none;
    display: block;
    text-align: left;
    padding: 0;
    width: 100%;
  }
}
.form-table th .label-group {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-table th .label-group label {
  display: block;
  flex: 1;
  margin: 0;
  min-width: 0;
}
@media (max-width: 767px) {
  .form-table th .label-group label {
    white-space: nowrap;
    flex: none;
  }
}
.form-table th .label-group .required-group {
  width: 3.35em;
}
@media (max-width: 767px) {
  .form-table th .label-group .required-group {
    margin-left: 0.6em;
    width: auto;
  }
}
.form-table th .required {
  background-color: #f9eae7;
  color: var(--danger-color);
  border-radius: 0.25em;
  display: inline-block;
  margin: 0;
  font-size: 0.725em;
  padding: 0 0.5em;
  vertical-align: baseline;
}
@media (max-width: 767px) {
  .form-table th .required {
    display: block;
  }
}
.form-table td {
  border-bottom: 1px solid var(--border-color);
  padding: 1.25em 0 1.25em 1em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .form-table td {
    border-bottom: none;
    display: block;
    padding: 0.375em 0 1em;
    width: 100%;
  }
}
.form-table td .error-text {
  color: var(--danger-color);
  font-size: 82%;
  display: block;
}

.form-container .check-privacy {
  font-size: 0.875em;
  margin-bottom: 2.875em;
}
@media (max-width: 767px) {
  .form-container .check-privacy {
    margin-bottom: 1.5em;
  }
}
.form-container .check-privacy a {
  text-decoration: underline;
}
.form-container .check-privacy a:hover {
  text-decoration: none;
}
.form-container .btn {
  transition: background-color 200ms ease;
}
.form-container .btn[name=btn_submit],
.form-container .btn[name=btn_to_confirm] {
  background-color: var(--primary-color);
  border-radius: 5em;
  color: #fff;
  font-weight: bold;
  font-size: 1.125em;
  padding: 1.25em;
  text-align: center;
  width: 18.8875em;
}
@media (min-width: 1025px) {
  .form-container .btn[name=btn_submit]:hover,
  .form-container .btn[name=btn_to_confirm]:hover {
    background-color: rgb(21.2666666667, 77, 90.9333333333);
  }
}
.form-container .btn[name=btn_back] {
  background: url(assets/images/common/arrow_prev_primary.svg) no-repeat left 50%;
  background-size: 1.125em 0.625em;
  color: var(--primary-color);
  font-size: 1em;
  font-weight: bold;
  padding: 0.5em 0 0.5em 1.75em;
  margin-right: auto;
}
.form-container .btn-group {
  padding-bottom: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5em;
}
@media (max-width: 767px) {
  .form-container .btn-group {
    padding-bottom: 0.5em;
  }
}

@media (max-width: 767px) {
  .form-table.form-table-preview {
    border-top: none;
    margin-bottom: 1.25em;
  }
}
.form-table.form-table-preview th {
  padding-top: 1.25em;
  width: 12em;
}
@media (max-width: 767px) {
  .form-table.form-table-preview th {
    background-color: #f1f1f1;
    padding: 0.5em 0.75em;
    width: 100%;
  }
}
.form-table.form-table-preview th .required-group {
  display: none;
}
.form-table.form-table-preview th.form-th--radio {
  padding-top: 1.25em;
}
@media (max-width: 767px) {
  .form-table.form-table-preview th.form-th--radio {
    padding-top: 0.5em;
  }
}
@media (max-width: 767px) {
  .form-table.form-table-preview td {
    padding: 1em 0.75em 1.75em;
  }
}
.form-table .check-privacy {
  display: none;
}

.form-thanks-card {
  text-align: center;
}
@media (max-width: 767px) {
  .form-thanks-card {
    text-align: left;
  }
}
.form-thanks-card a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .form-thanks-card a:hover {
    text-decoration: none;
  }
}
.form-thanks-card .mes {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .form-thanks-card .mes {
    font-size: 108%;
  }
}
.form-thanks-card .btn {
  margin-top: 3em;
}

/* form default */
input.form-control, input[type=number].form-control, input[type=email].form-control, button.form-control, textarea.form-control {
  font-size: 1em;
  font-family: var(--font-family-sans);
  border: none;
  background: rgba(243, 240, 231, 0.5);
  border: 1px solid var(--bg-color);
  line-height: 1.8;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 200ms ease;
}
input.form-control:focus, input[type=number].form-control:focus, input[type=email].form-control:focus, button.form-control:focus, textarea.form-control:focus {
  border-color: var(--primary-color);
}
@media (min-width: 1025px) {
  input.form-control:hover, input[type=number].form-control:hover, input[type=email].form-control:hover, button.form-control:hover, textarea.form-control:hover {
    border-color: var(--primary-color);
  }
}

input[type=submit],
input[type=button],
button {
  font-family: var(--font-family-sans);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: 0;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus,
button:focus {
  outline-offset: -2px;
  outline: 0;
}

input[type=text].form-control, input[type=number].form-control, input[type=password].form-control, input[type=email].form-control, input[type=tel].form-control, input[type=url].form-control, textarea.form-control {
  padding: 1em;
  border-radius: 0.35em;
  width: 100%;
}

input[type=text].form-zip {
  width: 140px;
}

/* select */
.form-select {
  background: rgba(243, 240, 231, 0.5);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231d697c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  border-radius: 0.35em;
  border: 1px solid var(--bg-color);
  color: var(--font-color);
  font-family: var(--font-family-sans);
  display: block;
  padding: 1em 2em 1em 1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 7em;
}
.form-select.no-value {
  color: var(--mute-color);
}
.form-select:active, .form-select:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: none;
}

/* radio */
.form-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.form-radio-group .form-radio {
  width: calc(50% - 0.5em);
}
@media (max-width: 767px) {
  .form-radio-group .form-radio {
    width: 100%;
  }
}

.form-radio-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.form-radio label {
  background: rgba(243, 240, 231, 0.5);
  border-radius: 0.35em;
  border: 1px solid var(--bg-color);
  cursor: pointer;
  display: block;
  padding: 0.75em 1em;
}
@media (min-width: 1025px) {
  .form-radio label {
    transition: border-color 200ms ease;
  }
  .form-radio label:hover {
    border-color: var(--primary-color);
  }
}
.form-radio .form-radio-text {
  display: block;
  padding: 0 0 0 1.65em;
  position: relative;
}
.form-radio .form-radio-text::before {
  background-color: #fff;
  content: "";
  border-radius: 50%;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 1em;
}
.form-radio .form-radio-text::after {
  background-color: #eee;
  content: "";
  border-radius: 50%;
  height: 0.5em;
  position: absolute;
  left: 0.25em;
  top: 0.75em;
  width: 0.5em;
  z-index: 1;
}
.form-radio input {
  display: none;
}
.form-radio input:checked + .form-radio-text {
  font-weight: bold;
}
.form-radio input:checked + .form-radio-text::after {
  background-color: var(--primary-color);
}

/* ie9対策 */
.select-wrapper select:not(:target) {
  width: 120% \9 ;
}

.mw_wp_form_preview .select-wrapper {
  background: none;
  border: none;
  padding: 0;
}

.mw_wp_form_preview .select-wrapper::after {
  content: none;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: var(--font-family-sans);
  color: #9c9c9c;
  opacity: 1;
}

input::placeholder, textarea::placeholder {
  font-family: var(--font-family-sans);
  color: #9c9c9c;
  opacity: 1;
}

/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-family: var(--font-family-sans);
  color: #9c9c9c;
  opacity: 1;
}

/* Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-family: var(--font-family-sans);
  color: #9c9c9c;
  opacity: 1;
}

/* Chrome, Safari */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox, IE */
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

/* Chrome autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  font-size: 16px !important;
  font-family: var(--font-family-sans) !important;
  box-shadow: 0 0 0px 1000px var(--bg-color) inset;
  -webkit-text-fill-color: var(--font-color, #333333) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ==============================================
 common
=============================================== */
/* header
----------------------------------------------- */
.site-header {
  position: fixed;
  top: 0;
  left: 30px;
  z-index: 200;
}
@media (max-width: 1024px) {
  .site-header {
    left: 12px;
  }
}
.site-header .header-logo {
  box-shadow: 0 2px 7px rgba(28, 25, 25, 0.1);
}
@media (max-width: 767px) {
  .site-header .header-logo {
    box-shadow: 0 2px 5px rgba(28, 25, 25, 0.1);
  }
}
.site-header .header-logo img {
  display: block;
  transition: width 0.3s ease;
  width: 220px;
}
@media (max-width: 1024px) {
  .site-header .header-logo img {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .site-header .header-logo img {
    width: 26vw;
  }
}

@media (min-width: 1025px) {
  body.is-scroll .site-header .header-logo img {
    width: 175px;
  }
}

/* navigation
----------------------------------------------- */
.site-navigation {
  display: flex;
  align-items: center;
  position: fixed;
  top: 50px;
  right: 30px;
  z-index: 200;
}
@media (max-width: 1024px) {
  .site-navigation {
    top: 18px;
    right: 72px;
  }
}
@media (max-width: 767px) {
  .site-navigation {
    top: 4.8vw;
    right: 19.2vw;
  }
}
.site-navigation-list {
  background-color: var(--base-color);
  position: relative;
  border-radius: 36px;
  display: flex;
  gap: 0.65em;
  padding: 0 1.85em;
  box-shadow: 0 2px 7px rgba(28, 25, 25, 0.08);
}
@media (max-width: 1024px) {
  .site-navigation-list {
    display: none;
  }
}
.site-navigation-list > li {
  padding: 0.95em 0;
}
.site-navigation-list > li > a {
  letter-spacing: 0.07em;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
  white-space: nowrap;
}
.site-navigation-list > li > a .link-text {
  display: inline-block;
  padding-bottom: 1px;
  position: relative;
}
.site-navigation-list > li > a .link-text::after {
  transition: opacity 200ms ease;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  height: 2px;
  width: 100%;
  background-image: linear-gradient(to right, var(--primary-color) 50%, transparent 50%);
  background-size: 8px 100%;
  background-repeat: repeat-x;
}
@media (min-width: 1025px) {
  .site-navigation-list > li > a:hover .link-text::after {
    opacity: 1;
  }
}
.site-navigation-list .dropdown-navigation-trigger {
  background: none;
  font-size: 100%;
  font-family: var(--font-family-sans);
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: bold;
  letter-spacing: 0.07em;
  line-height: 2;
  padding: 0.25em 0.5em;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.site-navigation-list .dropdown-navigation-trigger__text {
  display: block;
  padding-bottom: 1px;
  position: relative;
  padding-right: 3px;
}
.site-navigation-list .dropdown-navigation-trigger__text::after {
  transition: opacity 200ms ease;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  height: 2px;
  width: 100%;
  background-image: linear-gradient(to right, var(--primary-color) 50%, transparent 50%);
  background-size: 8px 100%;
  background-repeat: repeat-x;
}
.site-navigation-list .dropdown-navigation-trigger__icon {
  background-color: var(--accent-color);
  border-radius: 50%;
  height: 18px;
  position: relative;
  margin-left: 3px;
  width: 18px;
}
.site-navigation-list .dropdown-navigation-trigger__icon::before, .site-navigation-list .dropdown-navigation-trigger__icon::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 300ms ease;
}
.site-navigation-list .dropdown-navigation-trigger__icon::before {
  height: 2px;
  width: 8px;
}
.site-navigation-list .dropdown-navigation-trigger__icon::after {
  height: 8px;
  width: 2px;
}
.site-navigation-list .dropdown-navigation-content {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1em);
  transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease;
  position: absolute;
  top: 100%;
  left: 5%;
  right: 5%;
}
.site-navigation-list .dropdown-navigation-content__container {
  margin-top: 16px;
  position: relative;
  background-color: var(--base-color);
  border-radius: 12px;
}
.site-navigation-list .dropdown-navigation-content__container::before {
  content: "";
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid var(--base-color);
  border-top: 0;
  position: absolute;
  bottom: 100%;
  left: 6.45em;
}
.site-navigation-list .dropdown-navigation-content__main {
  overflow: auto;
  max-height: 72vh;
  padding: 1.25em 2.235em 2em;
}
.site-navigation-list .dropdown-navigation-content__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}
.site-navigation-list .dropdown-navigation-content__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 4%;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item {
  width: 30.666%;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item a {
  display: block;
  transition: color ease 200ms;
}
@media (min-width: 1025px) {
  .site-navigation-list .dropdown-navigation-content__list .header-service-item a:hover {
    color: var(--primary-color);
  }
  .site-navigation-list .dropdown-navigation-content__list .header-service-item a:hover img {
    opacity: 0.8;
  }
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item a span {
  display: block;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item a img {
  display: block;
  transition: opacity ease 200ms;
  width: 100%;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item__title {
  font-weight: bold;
  line-height: 1.6;
  margin-top: 0.65em;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item__title .title-content {
  font-size: 0.75em;
  font-weight: 500;
  flex: 1;
}
.site-navigation-list .dropdown-navigation-content__list .header-service-item__title .title-read {
  font-size: 0.75em;
  margin-left: 0.5em;
  vertical-align: 0.1em;
}
@media (min-width: 1025px) {
  .site-navigation-list .dropdown-navigation.is-active .dropdown-navigation-trigger .dropdown-navigation-trigger__text::after {
    opacity: 1;
  }
  .site-navigation-list .dropdown-navigation.is-active .dropdown-navigation-trigger .dropdown-navigation-trigger__icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .site-navigation-list .dropdown-navigation.is-active .dropdown-navigation-trigger .dropdown-navigation-trigger__icon::after {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
.site-navigation-list .dropdown-navigation.is-active .dropdown-navigation-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: all;
}
.site-navigation-instagram {
  margin-left: 1em;
}
@media (max-width: 767px) {
  .site-navigation-instagram {
    margin-left: auto;
  }
}
.site-navigation-instagram .btn {
  background-color: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125em;
  width: 3.125em;
}
@media (max-width: 1024px) {
  .site-navigation-instagram .btn {
    height: 2.425em;
    width: 2.425em;
  }
}
@media (max-width: 767px) {
  .site-navigation-instagram .btn {
    height: 9.655vw;
    width: 9.655vw;
  }
}
.site-navigation-instagram .btn-icon {
  width: 45%;
}
.site-navigation-instagram .btn-icon img {
  display: block;
  width: 100%;
}

.dropdown-navigation-bg {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}

.navigation-toggle-button {
  display: none;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  height: 48px;
  width: 48px;
  padding: 0;
  outline: 0;
  position: fixed;
  right: 12px;
  top: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 300;
}
@media (max-width: 1024px) {
  .navigation-toggle-button {
    display: block;
  }
}
.navigation-toggle-button .bar {
  background-color: var(--primary-color);
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 13px;
  height: 2px;
  width: 20px;
  transition: transform 300ms ease, top 300ms ease, opacity 300ms ease;
}
.navigation-toggle-button .bar:nth-child(1) {
  top: 15px;
}
.navigation-toggle-button .bar:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.navigation-toggle-button .bar:nth-child(3) {
  top: 29px;
}

@media (max-width: 767px) {
  .navigation-toggle-button {
    border-radius: 1.6vw;
    height: 12.8vw;
    width: 12.8vw;
    right: 3.2vw;
    top: 3.2vw;
  }
  .navigation-toggle-button .bar {
    border-radius: 0.2666666667vw;
    left: 3.4666666667vw;
    height: 0.5333333333vw;
    width: 5.3333333333vw;
  }
  .navigation-toggle-button .bar:nth-child(1) {
    top: 4vw;
  }
  .navigation-toggle-button .bar:nth-child(2) {
    margin-top: -0.2666666667vw;
  }
  .navigation-toggle-button .bar:nth-child(3) {
    top: 7.7333333333vw;
  }
}
.sp-navigation {
  pointer-events: none;
  opacity: 0;
  background-color: var(--base-color);
  transition: opacity 300ms ease, transform 300ms ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transform: translateY(1em);
}
.sp-navigation-container {
  padding: 25vw 1.65em 2.25em;
  overflow-y: auto;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.sp-navigation-main {
  margin: 0;
  width: 100%;
}
.sp-navigation-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sp-navigation-list > li {
  font-weight: 500;
  width: 47%;
}
.sp-navigation-list > li.full {
  width: 100%;
}
.sp-navigation-list > li > a {
  border-bottom: 1px solid var(--primary-color);
  display: block;
  padding: 0.75em 0 0.75em 1.25em;
  position: relative;
}
.sp-navigation-list > li > a::before {
  background: url(assets/images/common/arrow_primary.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  height: 0.8em;
  width: 0.45em;
  left: 0.25em;
  top: 50%;
  transform: translateY(-45%);
  position: absolute;
  z-index: 1;
}
.sp-navigation-service-list {
  border: 1px solid var(--primary-color);
  border-radius: 0.75em;
  background-color: #fff;
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1.25em 1.5em;
}
.sp-navigation-service-list .sub-title {
  font-weight: bold;
  margin-bottom: 0.35em;
}
.sp-navigation-service-list ul li a {
  display: inline-block;
  padding: 0.125em 0 0.125em 1.25em;
  position: relative;
}
.sp-navigation-service-list ul li a::before {
  background: url(assets/images/common/arrow_primary.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  height: 0.8em;
  width: 0.45em;
  left: 0.25em;
  top: 50%;
  transform: translateY(-45%);
  position: absolute;
  z-index: 1;
}
.sp-navigation-info-name {
  font-size: 0.85em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.sp-navigation-footer-link a {
  font-size: 0.85em;
  display: inline-block;
  padding: 0.5em 0;
  text-decoration: underline;
}
.sp-navigation-info-data {
  font-size: 0.85em;
}
.sp-navigation-info-data-group {
  line-height: 1.8;
  margin-bottom: 0.125em;
  font-style: normal;
}
.sp-navigation-info-data-group .zip {
  margin-right: 0.5em;
}
.sp-navigation-info-data-group .tel {
  margin-right: 1em;
}
.sp-navigation-info-data-group a {
  color: var(--font-color);
  text-decoration: none;
}

body.is-nav-open .sp-navigation {
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}
body.is-nav-open .navigation-toggle-button .bar:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
body.is-nav-open .navigation-toggle-button .bar:nth-child(2) {
  opacity: 0;
}
body.is-nav-open .navigation-toggle-button .bar:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
}

/* page title
----------------------------------------------- */
.hero-section {
  padding: 17em 0 5.5em;
}
@media (max-width: 1024px) {
  .hero-section {
    padding: 12em 0 4em;
  }
}
@media (max-width: 767px) {
  .hero-section {
    padding: 31.5vw 0 10vw;
  }
}
.hero-section .container {
  max-width: 1400px;
}
@media (max-width: 767px) {
  .hero-section .container {
    padding-left: 1.685em;
    padding-right: 1.685em;
  }
}

.page-title {
  font-weight: bold;
}
.page-title .ja {
  display: block;
  font-size: 3em;
  font-family: var(--font-family-kaisei);
  margin-bottom: 0.075em;
}
@media (max-width: 767px) {
  .page-title .ja {
    font-size: 2em;
    margin-bottom: 0.1em;
  }
}
.page-title .en {
  color: var(--primary-color);
  font-size: 1.125em;
  display: block;
  padding-left: 0.25em;
}
@media (max-width: 767px) {
  .page-title .en {
    font-size: 1em;
  }
}

/* breadcrumbs
----------------------------------------------- */
.breadcrumb {
  font-size: 0.8125em;
  font-weight: normal;
  margin-bottom: 1em;
  text-align: right;
}
@media (max-width: 767px) {
  .breadcrumb {
    font-size: 0.75em;
    text-align: left;
  }
}
.breadcrumb span, .breadcrumb a {
  color: #fff;
  line-height: 1.8;
  vertical-align: baseline;
}
.breadcrumb > span {
  margin: 0 1.05em 0 0;
}
.breadcrumb > span:last-child {
  margin-right: 0;
}
.breadcrumb > span:not(:last-child)::after {
  content: ">";
  margin-left: 1em;
  line-height: 1.8;
  position: relative;
  top: -0.125em;
  vertical-align: baseline;
}

/* block
----------------------------------------------- */
.block-type1 .img {
  padding-top: 5px;
  margin-bottom: 15px;
  width: 35.5%;
}
@media (max-width: 767px) {
  .block-type1 .img {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width: auto;
    padding-top: 0;
  }
}

.block-type1 .txt {
  margin-bottom: 20px;
  width: 60%;
}
@media (max-width: 767px) {
  .block-type1 .txt {
    margin-bottom: 20px;
    float: none;
    width: auto;
  }
}

@media (max-width: 767px) {
  .block-type2 .img {
    float: none;
    text-align: center;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .block-type2 .txt {
    float: none;
    width: auto;
  }
}

.block-type3 .img {
  padding-top: 5px;
  width: 23%;
}
@media (max-width: 767px) {
  .block-type3 .img {
    float: none;
    text-align: center;
    margin-bottom: 15px;
    width: auto;
  }
}

.block-type3 .txt {
  width: 73%;
}
@media (max-width: 767px) {
  .block-type3 .txt {
    float: none;
    width: auto;
  }
}

/* list type
----------------------------------------------- */
.list-type1 {
  margin-bottom: 15px;
}

.list-type1 li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.9;
}

.list-type2 dt {
  background: url("images/icon_circle01.svg") no-repeat 3px 7px/11px 11px;
  padding-left: 24px;
  margin-bottom: 3px;
}

.list-type2 dd {
  margin-bottom: 10px;
  padding-left: 24px;
}

/* indent
----------------------------------------------- */
.indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

/* heading
----------------------------------------------- */
/* top
----------------------------------------------- */
.top-heading {
  font-family: var(--font-family-kaisei);
  line-height: 1.2;
  text-align: center;
  margin-bottom: 2em;
}
@media (max-width: 767px) {
  .top-heading {
    margin-bottom: 1.65em;
  }
}
.top-heading .ja {
  display: block;
  font-size: 2.625em;
}
@media (max-width: 1024px) {
  .top-heading .ja {
    font-size: 2em;
  }
}
.top-heading .en {
  display: block;
  margin-top: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.top-mv img {
  display: block;
  width: 100%;
}

.top-message {
  background-color: #171921;
  color: #fff;
  position: relative;
  z-index: 1;
}
.top-message::before, .top-message::after {
  content: "";
  background: url(assets/images/top/message_bg.svg) repeat-x center center;
  background-size: 1492px 83px;
  height: 83px;
  left: 0;
  position: absolute;
  top: -14px;
  width: 100%;
}
@media (max-width: 767px) {
  .top-message::before, .top-message::after {
    background-size: 746px 41px;
    height: 41px;
  }
}
.top-message::after {
  top: auto;
  bottom: -14px;
}
.top-message .container {
  display: flex;
  align-items: center;
  max-width: 1720px;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1024px) {
  .top-message .container {
    display: block;
    padding: 1em 0;
  }
}
.top-message .illust {
  text-align: center;
  max-width: 62em;
  width: 52%;
}
@media (max-width: 1024px) {
  .top-message .illust {
    max-width: none;
    width: auto;
  }
  .top-message .illust img {
    max-width: 44em;
  }
}
@media (max-width: 767px) {
  .top-message .illust {
    width: auto;
  }
  .top-message .illust img {
    max-width: 100%;
  }
}
.top-message .txt {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .top-message .txt {
    display: block;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .top-message .txt {
    padding-left: 1.875em;
    padding-right: 1.875em;
  }
}
@media (max-width: 350px) {
  .top-message .txt {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.top-message .txt-container {
  padding: 7.65em 6em;
  margin: auto;
  max-width: 46em;
}
@media (max-width: 1024px) {
  .top-message .txt-container {
    padding: 2em 0;
    max-width: none;
  }
}
.top-message h2 {
  font-family: var(--font-family-kaisei);
  font-size: 2em;
  font-weight: normal;
  text-indent: -0.1em;
  margin-bottom: 0.8em;
}
@media (max-width: 767px) {
  .top-message h2 {
    text-align: center;
  }
}
.top-message p {
  line-height: 2.6;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-message p {
    line-height: 2.4;
    letter-spacing: 0.08em;
  }
}

.top-service {
  background-image: url(assets/images/top/service_bg.jpg);
  background-position: center;
  background-repeat: repeat;
  background-size: 250px 250px;
}
@media (max-width: 767px) {
  .top-service {
    background-size: 125px 125px;
  }
}
.top-service .container {
  max-width: 1400px;
}
.top-service .top-heading {
  margin-bottom: 3.5em;
}
@media (max-width: 767px) {
  .top-service .top-heading {
    margin-bottom: 2.2em;
  }
  .top-service .top-heading .en {
    margin-top: 0.765em;
  }
}
.top-service-wrapper {
  background-image: url(assets/images/top/service_bg_top_pc.jpg), url(assets/images/top/service_bg_bottom_pc.jpg);
  background-position: top center, bottom center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
  padding: 10em 0 22em;
}
@media (max-width: 767px) {
  .top-service-wrapper {
    background-image: url(assets/images/top/service_bg_top_sp.jpg), url(assets/images/top/service_bg_bottom_sp.jpg);
    padding: 5em 0 12em;
  }
}
.top-service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 4%;
}
@media (max-width: 1024px) {
  .top-service-list {
    gap: 60px 6%;
  }
}
@media (max-width: 767px) {
  .top-service-list {
    gap: 25px 0;
  }
}
.top-service-list-item {
  background-color: #fff;
  border: 1px solid var(--font-color);
  box-shadow: inset 0 0 0 4px #dad281, inset 0 0 0 6px var(--font-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30.666%;
  opacity: 0;
  transition: opacity 1200ms ease, transform 1200ms ease;
  transform: translateY(1em);
}
.top-service-list-item:nth-child(1) {
  transition-delay: 0.16s;
}
.top-service-list-item:nth-child(2) {
  transition-delay: 0.32s;
}
.top-service-list-item:nth-child(3) {
  transition-delay: 0.48s;
}
.top-service-list-item:nth-child(4) {
  transition-delay: 0.64s;
}
.top-service-list-item:nth-child(5) {
  transition-delay: 0.8s;
}
.top-service-list-item:nth-child(6) {
  transition-delay: 0.96s;
}
.top-service-list-item:nth-child(7) {
  transition-delay: 1.12s;
}
.top-service-list-item:nth-child(8) {
  transition-delay: 1.28s;
}
.top-service-list-item:nth-child(9) {
  transition-delay: 1.44s;
}
.top-service-list-item:nth-child(10) {
  transition-delay: 1.6s;
}
@media (max-width: 1024px) {
  .top-service-list-item {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .top-service-list-item {
    width: 100%;
  }
}
.top-service-list-item__image {
  padding: 6px 6px 0;
}
.top-service-list-item__image img {
  display: block;
  width: 100%;
}
.top-service-list-item__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 1.5em 1.875em 2.2em;
}
@media (max-width: 767px) {
  .top-service-list-item__content {
    padding: 1.3em 1.7em 2em;
  }
}
.top-service-list-item__title {
  font-size: 1.5em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .top-service-list-item__title {
    font-size: 1.25em;
    margin-bottom: 0.65em;
  }
}
.top-service-list-item__title .title-content {
  font-weight: 500;
  font-size: 0.625em;
  margin-bottom: 0.3em;
}
@media (max-width: 767px) {
  .top-service-list-item__title .title-content {
    font-size: 0.665em;
  }
}
.top-service-list-item__title small {
  display: inline-block;
  font-size: 0.625em;
  margin-left: 0.5em;
  vertical-align: 2px;
}
@media (max-width: 767px) {
  .top-service-list-item__title small {
    font-size: 0.665em;
    vertical-align: 1px;
  }
}
.top-service-list-item__summary {
  font-size: 0.95em;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .top-service-list-item__summary {
    margin-bottom: 1.35em;
  }
}
.top-service-list-item__link {
  text-align: center;
}
.top-service-list-item__link .btn {
  background-color: var(--primary-color);
  border-radius: 5em;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  position: relative;
  max-width: 100%;
  padding: 0.8em;
  width: 280px;
}
@media (min-width: 1025px) {
  .top-service-list-item__link .btn {
    transition: background-color 200ms ease;
  }
  .top-service-list-item__link .btn:hover {
    background-color: rgb(24.1666666667, 87.5, 103.3333333333);
  }
}
@media (max-width: 767px) {
  .top-service-list-item__link .btn {
    font-size: 0.85em;
    width: 220px;
  }
}
.top-service-list-item__link .btn::before {
  background-color: #fff;
  content: "";
  border-radius: 50%;
  height: 26px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}
@media (max-width: 767px) {
  .top-service-list-item__link .btn::before {
    height: 24px;
    right: 12px;
    width: 24px;
  }
}
.top-service-list-item__link .btn::after {
  background: url(assets/images/common/arrow_primary.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  height: 10px;
  width: 8px;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-service-list-item__link .btn::after {
    right: 20px;
    width: 7px;
  }
}
.top-service-list.is-active li {
  opacity: 1;
  transform: none;
}

.top-goods {
  background: #091919 url(assets/images/top/goods_bg_pc.jpg) no-repeat center bottom;
  background-size: 100%;
  color: #fff;
  text-align: center;
  padding: 7em 0 12em;
}
@media (max-width: 767px) {
  .top-goods {
    background-image: url(assets/images/top/goods_bg_sp.jpg);
    padding: 4em 0 14em;
  }
}
@media (max-width: 767px) {
  .top-goods .container {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.top-goods .top-heading {
  font-size: 2.625em;
  letter-spacing: 0.1em;
  margin-bottom: 0.6em;
}
@media (max-width: 1024px) {
  .top-goods .top-heading {
    font-size: 2em;
  }
}
.top-goods .top-heading + p {
  font-size: 1.0615em;
  font-weight: 500;
  margin-bottom: 2.75em;
}
@media (max-width: 767px) {
  .top-goods .top-heading + p {
    font-size: 0.85em;
    margin-bottom: 2em;
  }
}
.top-goods .top-heading + p br {
  display: none;
}
@media (max-width: 767px) {
  .top-goods .top-heading + p br {
    display: inline;
  }
}
.top-goods .goods-board {
  margin-bottom: 3em;
}
@media (max-width: 767px) {
  .top-goods .goods-board {
    margin: 0 0 2.5em;
  }
}
.top-goods .btn-primary {
  background-color: #21533e;
}
.top-goods .btn-primary .btn-arrow::after {
  background-image: url(assets/images/common/arrow_green.svg);
}
@media (min-width: 1025px) {
  .top-goods .btn-primary {
    transition: background-color 200ms ease;
  }
  .top-goods .btn-primary:hover {
    background-color: rgb(27.1965517241, 68.4034482759, 51.0965517241);
  }
}

.top-recruit {
  background: url(assets/images/top/recruit_bg.jpg) no-repeat center bottom;
  background-size: cover;
  color: #fff;
  padding: 7em 0;
}
@media (max-width: 767px) {
  .top-recruit {
    padding: 4em 0;
  }
}
.top-recruit .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .top-recruit .container {
    display: block;
  }
}
.top-recruit .txt {
  width: 48%;
}
@media (max-width: 767px) {
  .top-recruit .txt {
    margin-bottom: 2.5em;
    width: auto;
  }
}
.top-recruit .txt p {
  line-height: 2.2;
}
.top-recruit .top-heading {
  text-align: left;
}
@media (max-width: 767px) {
  .top-recruit .top-heading {
    text-align: center;
  }
}
.top-recruit .btn-wrapper {
  margin-top: 2.4em;
}
@media (max-width: 767px) {
  .top-recruit .btn-wrapper {
    text-align: center;
    margin-top: 1.8em;
  }
}
.top-recruit .btn-primary {
  background-color: transparent;
  border: 1px solid #fff;
}
.top-recruit .img {
  border: 1px solid var(--font-color);
  box-shadow: inset 0 0 0 4px #80a1a6, inset 0 0 0 6px var(--font-color);
  padding: 6px;
  width: 45%;
}
@media (max-width: 767px) {
  .top-recruit .img {
    width: auto;
  }
}
.top-recruit .img img {
  display: block;
  width: 100%;
}

/* news
----------------------------------------------- */
.news-latest-block {
  padding: 7em 0;
}
@media (max-width: 767px) {
  .news-latest-block {
    padding: 3em 0;
  }
}
.news-latest-block .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .news-latest-block .container {
    display: block;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.news-latest-block .news-latest-heading {
  width: 24%;
}
@media (max-width: 767px) {
  .news-latest-block .news-latest-heading {
    width: auto;
  }
}
.news-latest-block .news-latest-heading h2 {
  font-family: var(--font-family-kaisei);
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .news-latest-block .news-latest-heading h2 {
    text-align: center;
    margin-bottom: 1.5em;
  }
}
.news-latest-block .news-latest-heading h2 .txt-wrap {
  display: inline-block;
}
.news-latest-block .news-latest-heading h2 .en {
  display: block;
  line-height: 1;
  font-size: 3.385em;
  margin-bottom: 0.2em;
}
@media (max-width: 767px) {
  .news-latest-block .news-latest-heading h2 .en {
    font-size: 2.15em;
  }
}
.news-latest-block .news-latest-heading h2 .ja {
  display: block;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .news-latest-block .news-latest-heading h2 .ja {
    font-size: 0.875em;
  }
}
.news-latest-block .news-latest-content {
  width: 74%;
}
@media (max-width: 767px) {
  .news-latest-block .news-latest-content {
    width: auto;
  }
}
.news-latest-block .more-link {
  margin-top: 2em;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .news-latest-block .more-link {
    margin-top: 1.75em;
  }
}
.news-latest-block .more-link a {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.news-latest-block .more-link a .link-text {
  display: inline-block;
  margin-bottom: 2px;
  position: relative;
}
.news-latest-block .more-link a .link-text::after {
  content: "";
  background-color: var(--font-color);
  height: 1.5px;
  position: absolute;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: opacity 200ms ease;
  width: 100%;
}
.news-latest-block .more-link a .link-arrow {
  background-color: var(--primary-color);
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 1.6em;
  margin-right: 0.6em;
  width: 1.6em;
}
@media (max-width: 767px) {
  .news-latest-block .more-link a .link-arrow {
    height: 1.35em;
    width: 1.35em;
  }
}
.news-latest-block .more-link a .link-arrow svg {
  fill: #fff;
  display: block;
  height: 0.6em;
  margin-left: 0.1em;
  width: 0.42em;
}
@media (min-width: 1025px) {
  .news-latest-block .more-link a:hover .link-text::after {
    opacity: 1;
  }
}

.news-list > li {
  margin-bottom: 0.72em;
}
.news-list > li > a {
  border: 1px solid transparent;
  background-color: #fff;
  border-radius: 0.75em;
  display: block;
  padding: 1.2em 4em 1em 2em;
  position: relative;
  transition: border-color 200ms ease;
}
@media (max-width: 767px) {
  .news-list > li > a {
    border-radius: 0.5em;
    padding: 1em 3em 0.825em 1.35em;
  }
}
.news-list > li > a .link-arrow {
  border: 1px solid var(--primary-color);
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 1.6em;
  right: 1.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 200ms ease;
  width: 1.6em;
}
@media (max-width: 767px) {
  .news-list > li > a .link-arrow {
    height: 1.35em;
    right: 1em;
    width: 1.35em;
  }
}
.news-list > li > a .link-arrow svg {
  fill: var(--primary-color);
  display: block;
  height: 0.6em;
  margin-left: 0.1em;
  transition: fill 200ms ease;
  width: 0.42em;
}
.news-list > li > a span {
  display: inline-block;
  font-weight: 500;
}
.news-list > li > a .post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 0.8em;
  margin-bottom: 0.25em;
}
@media (max-width: 767px) {
  .news-list > li > a .post-meta {
    margin-bottom: 0;
  }
}
.news-list > li > a .post-category {
  background-color: var(--primary-color);
  border-radius: 5em 5em 5em 0;
  color: #fff;
  font-size: 0.748em;
  padding: 0.065em 1.125em;
}
.news-list > li > a .post-date {
  font-size: 0.94em;
}
@media (max-width: 767px) {
  .news-list > li > a .post-date {
    font-size: 0.825em;
  }
}
.news-list > li > a .post-date::after {
  content: "|";
  color: var(--mute-color);
  margin-left: 0.75em;
}
@media (max-width: 767px) {
  .news-list > li > a .post-date::after {
    content: none;
  }
}
.news-list > li > a .post-service-label {
  color: var(--primary-color);
  font-size: 0.94em;
}
.news-list > li > a .post-service-label::before {
  content: "#";
}
@media (max-width: 767px) {
  .news-list > li > a .post-service-label {
    font-size: 0.825em;
    width: 100%;
  }
}
.news-list > li > a .post-title {
  display: block;
  font-weight: bold;
}
@media (min-width: 1025px) {
  .news-list > li > a:hover {
    border-color: var(--primary-color);
  }
  .news-list > li > a:hover .link-arrow {
    background-color: var(--primary-color);
  }
  .news-list > li > a:hover .link-arrow svg {
    fill: #fff;
  }
}

.news-archive-title {
  color: var(--primary-color);
  font-size: 1.625em;
  margin-bottom: 1.4em;
}
@media (max-width: 767px) {
  .news-archive-title {
    font-size: 1.125em;
  }
}

/* instagram
----------------------------------------------- */
.instagram-follow-block .container {
  max-width: 920px;
}
@media (max-width: 767px) {
  .instagram-follow-block .container {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.instagram-follow-block .instagram-follow-main {
  position: relative;
  margin-bottom: 2.2em;
}
.instagram-follow-block .instagram-follow-main::before {
  background: url(assets/images/common/instragem_follow_back_bg.png) no-repeat 0 100%;
  background-size: 100%;
  content: "";
  aspect-ratio: 1400/60;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 92.1%;
}
.instagram-follow-block .instagram-follow-main::after {
  background-color: #673c20;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  width: 8px;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-main::after {
    width: 4px;
  }
}
.instagram-follow-block .instagram-follow-container {
  background: url(assets/images/common/instagram_follow_bg.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  border: 2px solid var(--font-color);
  box-shadow: inset 0 0 0 3px #d3cdc2, inset 0 0 0 4px var(--font-color);
  text-align: center;
  padding: 1.6em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-container {
    border: 1px solid var(--font-color);
    box-shadow: inset 0 0 0 2px #d3cdc2, inset 0 0 0 3px var(--font-color);
    padding: 1em;
  }
}
.instagram-follow-block .instagram-follow-container::before, .instagram-follow-block .instagram-follow-container::after {
  content: "";
  background-position: center 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 100%;
  top: 0;
  position: absolute;
  width: 46px;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-container::before, .instagram-follow-block .instagram-follow-container::after {
    width: 1.85em;
  }
}
.instagram-follow-block .instagram-follow-container::before {
  background-image: url(assets/images/common/instagram_follow_plant_1.png);
  left: 0px;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-container::before {
    left: -6px;
  }
}
.instagram-follow-block .instagram-follow-container::after {
  background-image: url(assets/images/common/instagram_follow_plant_2.png);
  right: 0px;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-container::after {
    right: -6px;
  }
}
.instagram-follow-block .instagram-follow-box {
  background-color: #f4e9da;
  box-shadow: 2px 2px 4px 2px rgba(71, 49, 35, 0.1);
  padding: 1.7em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box {
    padding: 1.25em;
  }
}
.instagram-follow-block .instagram-follow-box .img {
  position: absolute;
}
.instagram-follow-block .instagram-follow-box .img-1 {
  top: 3.8em;
  left: 10%;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .img-1 {
    top: 1.9em;
    width: 18.75%;
  }
}
.instagram-follow-block .instagram-follow-box .img-2 {
  top: 4.7em;
  right: 9%;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .img-2 {
    top: 2.5em;
    width: 17%;
  }
}
.instagram-follow-block .instagram-follow-box .follow-me {
  margin: 0.2em auto 0.8em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .follow-me {
    margin: 0.1em auto 0.5em;
  }
  .instagram-follow-block .instagram-follow-box .follow-me img {
    width: 50%;
  }
}
.instagram-follow-block .instagram-follow-box .logo-glyph {
  margin-bottom: 0.65em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .logo-glyph {
    margin-bottom: 0.45em;
  }
  .instagram-follow-block .instagram-follow-box .logo-glyph img {
    width: 15%;
  }
}
.instagram-follow-block .instagram-follow-box .logo-type {
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .logo-type {
    margin-bottom: 0.85em;
  }
  .instagram-follow-block .instagram-follow-box .logo-type img {
    width: 63%;
  }
}
.instagram-follow-block .instagram-follow-box .name {
  font-size: 1.275em;
  font-weight: bold;
  margin-bottom: 0.865em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .name {
    font-size: 1.05885em;
  }
}
.instagram-follow-block .instagram-follow-box .name-corp {
  display: inline-block;
  margin: 0 0.2em;
}
.instagram-follow-block .instagram-follow-box .name-official {
  display: inline-block;
  margin: 0 0.2em;
}
.instagram-follow-block .instagram-follow-box .search {
  display: flex;
  align-items: center;
  justify-content: center;
}
.instagram-follow-block .instagram-follow-box .search-qr {
  margin-right: 2em;
  width: 130px;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .search-qr {
    display: none;
  }
}
.instagram-follow-block .instagram-follow-box .search-main {
  font-weight: bold;
}
.instagram-follow-block .instagram-follow-box .search-comment {
  font-size: 1.275em;
  margin-bottom: 0.6em;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .search-comment {
    font-size: 0.875em;
    letter-spacing: 0.02em;
  }
}
.instagram-follow-block .instagram-follow-box .search-box {
  display: table;
  position: relative;
  width: 350px;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-box .search-box {
    display: none;
  }
}
.instagram-follow-block .instagram-follow-box .search-input {
  display: table-cell;
  font-size: 1.275em;
  background-color: #fff;
  border: 1px solid var(--font-color);
  border-radius: 0.2em 0 0 0.2em;
  padding: 0.3em;
  vertical-align: middle;
}
.instagram-follow-block .instagram-follow-box .search-btn {
  display: table-cell;
  background-color: var(--font-color);
  border-radius: 0 0.2em 0.2em 0;
  color: #fff;
  font-size: 1.06em;
  font-weight: 500;
  padding: 0.3em;
  width: 4em;
  vertical-align: middle;
}
.instagram-follow-block .instagram-follow-box .search-icon {
  position: absolute;
  right: -1.6em;
  bottom: -0.8em;
}
.instagram-follow-block .instagram-follow-link {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-link {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
}
.instagram-follow-block .instagram-follow-link .btn {
  background-color: #2e2c29;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 5em;
  padding: 1.2em 2.4em;
  transition: background-color 200ms ease;
}
@media (max-width: 767px) {
  .instagram-follow-block .instagram-follow-link .btn {
    font-size: 0.925em;
    padding: 1em 2.2em;
  }
}
@media (min-width: 1025px) {
  .instagram-follow-block .instagram-follow-link .btn:hover {
    background-color: rgb(29.8206896552, 28.524137931, 26.5793103448);
  }
}
.instagram-follow-block .instagram-follow-link .btn-icon {
  background: url(assets/images/common/instagram_glyph_white.png) no-repeat center center;
  background-size: 100%;
  height: 1.275em;
  margin-right: 0.7em;
  width: 1.275em;
}
.instagram-follow-block .instagram-follow-link .btn-text {
  margin-bottom: 1px;
}

/* footer
----------------------------------------------- */
.site-footer {
  background-color: var(--dark-color);
  color: #fff;
  padding-bottom: 2em;
}
@media (max-width: 767px) {
  .site-footer {
    padding-top: 1em;
  }
}
.site-footer-main {
  display: flex;
  justify-content: space-between;
  padding-top: 2em;
}
@media (max-width: 1024px) {
  .site-footer-main {
    display: block;
    padding-top: 1em;
  }
}
.site-footer a {
  color: #fff;
}
.site-footer .container {
  max-width: 1400px;
}
@media (max-width: 767px) {
  .site-footer .breadcrumb {
    margin-bottom: 1em;
  }
}
.site-footer .footer-info-name {
  font-size: 1.125em;
  font-weight: 500;
  margin-bottom: 0.8em;
}
@media (max-width: 767px) {
  .site-footer .footer-info-name {
    font-size: 1.075em;
  }
}
.site-footer .footer-info-name small {
  margin-right: 0.6em;
}
.site-footer .footer-info-data {
  font-size: 0.925em;
  margin-bottom: 1.8em;
}
@media (max-width: 767px) {
  .site-footer .footer-info-data {
    font-size: 0.895em;
    margin-bottom: 1.65em;
  }
}
.site-footer .footer-info-data-group {
  line-height: 1.8;
  margin-bottom: 0.8em;
}
@media (max-width: 767px) {
  .site-footer .footer-info-data-group {
    margin-bottom: 0.5em;
  }
}
.site-footer .footer-info-data-group address {
  font-style: normal;
  display: inline;
  margin: 0;
}
.site-footer .footer-info-data-group .zip {
  margin-right: 0.5em;
}
.site-footer .footer-info-data-group .tel {
  margin-right: 1em;
}
.site-footer .footer-info-data-group a {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .site-footer .footer-info-instagram {
    margin-bottom: 1.65em;
  }
}
.site-footer .footer-info-instagram a {
  display: flex;
  font-weight: 500;
  align-items: center;
  white-space: nowrap;
}
.site-footer .footer-info-instagram a .icon {
  display: block;
  margin-right: 1em;
  width: 1.825em;
}
.site-footer .footer-info-instagram a .txt {
  margin-bottom: 2px;
}
.site-footer .footer-navigation {
  font-size: 0.925em;
  display: flex;
  flex-wrap: wrap;
  gap: 4em;
}
@media (max-width: 1024px) {
  .site-footer .footer-navigation {
    justify-content: space-between;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .site-footer .footer-navigation {
    border-top: 1px solid #fff;
    display: block;
    padding-top: 2em;
    margin-top: 2.25em;
  }
}
@media (max-width: 1024px) {
  .site-footer .footer-navigation-list {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .site-footer .footer-navigation-list {
    width: auto;
  }
}
.site-footer .footer-navigation-list li {
  margin-bottom: 0.8em;
}
.site-footer .footer-navigation-list li a {
  display: inline-block;
}
@media (min-width: 1025px) {
  .site-footer .footer-navigation-list li a:hover {
    text-decoration: underline;
  }
}
.site-footer .footer-navigation-list ul {
  margin-bottom: 1.5em;
}
@media (max-width: 767px) {
  .site-footer .footer-navigation-list ul {
    padding-left: 1em;
  }
}
.site-footer .footer-navigation-list ul li a {
  padding-left: 1.125em;
  position: relative;
}
.site-footer .footer-navigation-list ul li a::before {
  content: "-";
  position: absolute;
  left: 0.175em;
  top: 0;
}
.site-footer .footer-navigation-list ul li .read {
  margin-left: 0.5em;
}
.site-footer .footer-navigation .sub-title {
  display: block;
  margin-bottom: 0.8em;
}
.site-footer .copyright {
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  margin-top: 3em;
}
@media (max-width: 767px) {
  .site-footer .copyright {
    font-size: 0.75em;
  }
}

/* ==============================================
 service
=============================================== */
.page-service-header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  padding-left: 30px;
  width: 100%;
  z-index: 200;
}
@media (max-width: 1024px) {
  .page-service-header {
    padding-right: 3.75em;
  }
}
@media (max-width: 767px) {
  .page-service-header {
    padding-left: 1em;
  }
}
.page-service-header .header-logo {
  display: flex;
  align-items: center;
  height: 90px;
  margin-right: 2em;
}
.page-service-header .header-logo img {
  display: block;
  height: 50px;
  width: auto;
}
@media (max-width: 1024px) {
  .page-service-header .header-logo {
    height: 3.75em;
    margin-right: auto;
  }
  .page-service-header .header-logo img {
    height: 2.1875em;
    width: auto;
  }
}

.page-service-navigation {
  display: flex;
  align-items: center;
}
.page-service-navigation-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1.75em;
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  .page-service-navigation-list {
    display: none;
  }
}
.page-service-navigation-list > li > a {
  font-weight: bold;
  padding: 0.5em 0;
}
.page-service-navigation-instagram {
  margin-left: 1.5em;
}
.page-service-navigation-instagram a {
  background: url(assets/images/common/instagram_glyph_dark.png) no-repeat center center;
  background-size: 24px 24px;
  display: block;
  height: 2.25em;
  width: 2.25em;
}
@media (max-width: 1024px) {
  .page-service-navigation-instagram a {
    background-color: var(--primary-color);
    background-image: url(assets/images/common/instagram_glyph_white.png);
    background-size: 1em 1em;
    border-radius: 50%;
  }
}
.page-service-navigation-tel {
  background-color: var(--primary-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: 300px;
  margin-left: 2em;
  text-align: center;
}
@media (max-width: 1024px) {
  .page-service-navigation-tel {
    display: none;
  }
}
.page-service-navigation-tel .tel-area {
  line-height: 1;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.5em;
  white-space: nowrap;
}
.page-service-navigation-tel .tel-label {
  background-color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color);
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}
.page-service-navigation-tel .tel-number {
  background: url(assets/images/icon/icon_phone_white.png) no-repeat 0 90%;
  background-size: 19px 19px;
  font-size: 27px;
  font-weight: 500;
  padding-left: 22px;
}
.page-service-navigation-tel .tel-time {
  font-size: 12px;
  font-weight: 500;
}
.page-service-navigation-tel .no-number {
  font-size: 1.125em;
  display: block;
  padding-bottom: 0.105em;
}

.page-service-header.header-kotorien .page-service-navigation-tel {
  background-color: #278c6e;
}
.page-service-header.header-kotorien .page-service-navigation-tel .tel-label {
  color: var(--secondary-color);
}
.page-service-header.header-agoonies .page-service-navigation-tel {
  background-color: #7c2a3a;
}
.page-service-header.header-agoonies .page-service-navigation-tel .tel-label {
  color: #7c2a3a;
}
.page-service-header.header-studio18 .page-service-navigation-tel {
  background-color: #497a37;
}
.page-service-header.header-studio18 .page-service-navigation-tel .tel-label {
  color: #497a37;
}
.page-service-header.header-kopi-luwak .page-service-navigation-tel {
  background-color: #43738d;
}
.page-service-header.header-kopi-luwak .page-service-navigation-tel .tel-label {
  color: #43738d;
}
@media (max-width: 1024px) {
  .page-service-header.header-kopi-luwak .header-logo img {
    height: 2em;
  }
}
.page-service-header.header-sakigake .page-service-navigation-tel {
  background-color: #b77323;
}
.page-service-header.header-sakigake .page-service-navigation-tel .tel-label {
  color: #b77323;
}
.page-service-header.header-sus .page-service-navigation-tel {
  background-color: #9f3625;
}
.page-service-header.header-sus .page-service-navigation-tel .tel-label {
  color: #9f3625;
}

.service-navigation-toggle-button {
  background: none;
  display: none;
  cursor: pointer;
  height: 48px;
  width: 48px;
  padding: 0;
  outline: 0;
  position: fixed;
  right: 6px;
  top: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 300;
}
@media (max-width: 1024px) {
  .service-navigation-toggle-button {
    display: block;
  }
}
.service-navigation-toggle-button .bar {
  background-color: var(--primary-color);
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 13px;
  height: 2px;
  width: 20px;
  transition: transform 300ms ease, top 300ms ease, opacity 300ms ease;
}
.service-navigation-toggle-button .bar:nth-child(1) {
  top: 15px;
}
.service-navigation-toggle-button .bar:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.service-navigation-toggle-button .bar:nth-child(3) {
  top: 31px;
}

@media (max-width: 767px) {
  .service-navigation-toggle-button {
    font-size: 1em;
    height: 3.125em;
    width: 3.125em;
    right: 0.3125em;
    top: 0.3125em;
  }
  .service-navigation-toggle-button .bar {
    border-radius: 0.0625em;
    left: 25%;
    height: 0.125em;
    width: 50%;
  }
  .service-navigation-toggle-button .bar:nth-child(1) {
    top: 0.9375em;
  }
  .service-navigation-toggle-button .bar:nth-child(2) {
    margin-top: -0.0625em;
    top: 50%;
  }
  .service-navigation-toggle-button .bar:nth-child(3) {
    top: 2.0625em;
  }
}
.page-service-navigation-sp {
  pointer-events: none;
  opacity: 0;
  background-color: var(--base-color);
  transition: opacity 300ms ease, transform 300ms ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transform: translateY(1em);
}
.page-service-navigation-sp-container {
  padding: 25vw 1.65em 2.25em;
  overflow-y: auto;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.page-service-navigation-sp-main {
  margin: 0;
  width: 100%;
}
.page-service-navigation-sp-list {
  display: flex;
  flex-direction: column;
}
.page-service-navigation-sp-list > li {
  font-weight: 500;
}
.page-service-navigation-sp-list > li > a {
  border-bottom: 1px solid var(--primary-color);
  display: block;
  padding: 0.75em 0 0.75em 1.25em;
  position: relative;
}
.page-service-navigation-sp-list > li > a::before {
  background: url(assets/images/common/arrow_primary.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  height: 0.8em;
  width: 0.45em;
  left: 0.25em;
  top: 50%;
  transform: translateY(-45%);
  position: absolute;
  z-index: 1;
}
.page-service-navigation-sp .navigation-tel {
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 0.625em;
  margin-bottom: 1.5em;
  padding: 1em;
  text-align: center;
}
.page-service-navigation-sp .navigation-tel .tel-area {
  color: var(--primary-color);
  font-weight: bold;
}
.page-service-navigation-sp .navigation-tel .tel-label {
  display: block;
}
.page-service-navigation-sp .navigation-tel .tel-number {
  display: block;
}
.page-service-navigation-sp .navigation-tel .tel-number a {
  color: var(--primary-color);
  display: block;
}
.page-service-navigation-sp .navigation-tel .tel-number a span {
  display: inline-block;
  background: url(assets/images/icon/icon_phone_primary.png) no-repeat 0 70%;
  background-size: 0.7em 0.7em;
  font-size: 2em;
  font-weight: 500;
  padding-left: 0.9em;
}
.page-service-navigation-sp .navigation-tel .tel-time {
  font-size: 0.825em;
  margin-top: 0.5em;
}

body.is-nav-open .page-service-navigation-sp {
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}
body.is-nav-open .service-navigation-toggle-button .bar:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
body.is-nav-open .service-navigation-toggle-button .bar:nth-child(2) {
  opacity: 0;
}
body.is-nav-open .service-navigation-toggle-button .bar:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
}

.page-service-main {
  padding-top: 90px;
}
@media (max-width: 1024px) {
  .page-service-main {
    padding-top: 3.75em;
  }
}

.page-service-title {
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 2.375em;
  font-family: var(--font-family-kaisei);
  text-align: center;
  padding-top: 1.25em;
  margin-bottom: 1.15em;
}
@media (max-width: 767px) {
  .page-service-title {
    font-size: 1.5em;
  }
}

.page-service-mv img {
  display: block;
  width: 100%;
}

.page-service-content {
  position: relative;
  z-index: 1;
}

.page-service-message {
  background-color: #f8f8f2;
  padding-bottom: 3em;
  padding-top: 80px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .page-service-message {
    padding-bottom: 1em;
    padding-top: 2.5em;
  }
}
.page-service-message::before {
  background: url(assets/images/service/message_bg_pc.png) no-repeat center top;
  background-size: 100%;
  content: "";
  display: block;
  aspect-ratio: 1920/640;
  top: -11vw;
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .page-service-message::before {
    background-image: url(assets/images/service/message_bg_sp.png);
    top: -19vw;
    aspect-ratio: 750/500;
  }
}
.page-service-message > * {
  position: relative;
  z-index: 1;
}
.page-service-message .message-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .page-service-message .message-block {
    display: block;
    margin-bottom: 2.5em;
  }
}
.page-service-message .message-block.even {
  flex-direction: row-reverse;
}
.page-service-message .message-block.even .image-caption {
  text-align: left;
}
@media (max-width: 767px) {
  .page-service-message .message-block.even .image-caption {
    text-align: right;
  }
}
.page-service-message .message-block h2 {
  font-size: 2.25em;
  font-family: var(--font-family-kaisei);
  margin-bottom: 0.8em;
  padding-left: 1.15em;
  position: relative;
}
@media (max-width: 1024px) {
  .page-service-message .message-block h2 {
    font-size: 1.75em;
  }
}
@media (max-width: 767px) {
  .page-service-message .message-block h2 {
    font-size: 1.375em;
    padding-left: 1.2em;
  }
}
.page-service-message .message-block h2 small {
  font-size: 56%;
}
@media (max-width: 767px) {
  .page-service-message .message-block h2 small {
    font-size: 72%;
  }
}
.page-service-message .message-block h2::before {
  border: 0.19em solid #e6d20c;
  border-radius: 50%;
  content: "";
  height: 0.75em;
  position: absolute;
  left: 0;
  top: 0.425em;
  width: 0.75em;
}
@media (max-width: 767px) {
  .page-service-message .message-block h2::before {
    border-width: 0.2em;
    height: 0.8em;
    top: 0.4em;
    width: 0.8em;
  }
}
.page-service-message .message-block .block-txt {
  width: 48%;
}
@media (max-width: 767px) {
  .page-service-message .message-block .block-txt {
    width: auto;
  }
}
.page-service-message .message-block .block-img {
  padding-top: 0.6em;
  width: 46%;
}
@media (max-width: 767px) {
  .page-service-message .message-block .block-img {
    width: auto;
    padding-top: 0;
  }
}
.page-service-message .message-block .block-img img {
  display: block;
  width: 100%;
}
.page-service-message .message-block p {
  line-height: 2.4;
}
@media (max-width: 767px) {
  .page-service-message .message-block p {
    line-height: var(--line-height);
  }
}
.page-service-message .message-list {
  margin-bottom: 1.75em;
}
.page-service-message .message-list > li {
  border-bottom: 2px solid #d6d6b6;
  font-weight: bold;
  line-height: 1.8;
  padding-bottom: 0.5em;
  padding-left: 2em;
  position: relative;
  margin-bottom: 0.5em;
}
.page-service-message .message-list > li:last-child {
  margin-bottom: 0;
}
.page-service-message .message-list > li::before {
  background-color: var(--warning-color);
  border-radius: 50%;
  content: "";
  height: 0.375em;
  position: absolute;
  left: 0.75em;
  top: 0.75em;
  width: 0.375em;
}
.page-service-message .message-number-list {
  list-style: none;
}
.page-service-message .message-number-list > li {
  position: relative;
  padding: 0.7em 0 0.9em 5em;
  margin-bottom: 0.75em;
}
@media (max-width: 767px) {
  .page-service-message .message-number-list > li {
    padding: 0.25em 0 0.5em 3em;
    line-height: 1.8;
  }
}
.page-service-message .message-number-list > li .num {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .page-service-message .message-number-list > li .num {
    width: 2.25em;
  }
}
.page-service-message .message-number-list > li .txt {
  flex: 1;
  min-width: 0;
  font-size: 1.25em;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .page-service-message .message-number-list > li .txt {
    font-size: 1.125em;
  }
}
@media (max-width: 767px) {
  .page-service-message .message-number-list > li .txt {
    font-size: 1em;
  }
}
.page-service-message .message-box-list {
  background-color: #fff;
  border: 0.1875em solid #deded9;
  border-radius: 0.5em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em 3em;
  margin-bottom: 80px;
  padding: 3.125em 3.125em 1.25em;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-message .message-box-list {
    flex-direction: column;
    gap: 0;
    padding: 2.8125em 1.25em 0.625em;
    margin-bottom: 2.5em;
    margin-top: 3.125em;
  }
}
.page-service-message .message-box-list dt {
  background-color: var(--secondary-color);
  border-radius: 5em;
  color: #fff;
  font-size: 1.125em;
  padding: 0.25em;
  letter-spacing: 0.1em;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -1.25em;
  transform: translateX(-50%);
  width: 10em;
}
.page-service-message .message-box-list dd {
  background: url(assets/images/icon/icon_check_secondary.svg) no-repeat 0 0.125em;
  background-size: 1.3125em 1.25em;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding: 0 0 1.15em 2em;
}
@media (max-width: 767px) {
  .page-service-message .message-box-list dd {
    padding-bottom: 1em;
  }
}
.page-service-message .illust {
  text-align: center;
}
@media (max-width: 767px) {
  .page-service-message .illust {
    position: relative;
    margin: 0 -24vw;
  }
}
.page-service-message .illust-wrapper {
  overflow: hidden;
}

.page-service-business {
  background: url(assets/images/service/business_bg.jpg) no-repeat center top;
  background-size: 100%;
  padding-top: calc(3.333vw + 80px);
  padding-bottom: 6.25em;
}
@media (max-width: 767px) {
  .page-service-business {
    padding-top: calc(3.333vw + 40px);
    padding-bottom: 3.125em;
  }
}
.page-service-business .page-service-title {
  background-image: url(assets/images/service/business_icon.png);
  background-size: 0.8em 1.09em;
}
.page-service-business .card {
  position: relative;
}
.page-service-business .card::before {
  background-color: var(--secondary-color);
  border-radius: 0.15625em;
  content: "";
  height: 0.3125em;
  position: absolute;
  right: 2em;
  left: 2em;
}
@media (max-width: 767px) {
  .page-service-business .card::before {
    border-radius: 0.125em;
    height: 0.1875em;
    right: 1.25em;
    left: 1.25em;
  }
}
.page-service-business .card-body {
  padding: 3.125em 3.75em 3.75em;
}
@media (max-width: 767px) {
  .page-service-business .card-body {
    padding: 1.5625em 1.25em;
  }
}
.page-service-business .service-business-table {
  width: 100%;
}
.page-service-business .service-business-table th {
  border-bottom: 1px solid var(--border-color);
  color: var(--secondary-color);
  text-align: left;
  padding: 2em 0 2em 2em;
  width: 13.5em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table th {
    border-bottom: none;
    display: block;
    padding: 0;
    margin-bottom: 0.35em;
    width: 100%;
  }
  .page-service-business .service-business-table th br {
    display: none;
  }
}
.page-service-business .service-business-table th .th-txt {
  font-size: 1.125em;
  line-height: 1.7;
  padding-left: 1.45em;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table th .th-txt {
    font-size: 1em;
  }
}
.page-service-business .service-business-table th .th-txt::before {
  content: "";
  border: 0.125em solid var(--secondary-color);
  border-radius: 50%;
  height: 0.825em;
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.825em;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table th .th-txt::before {
    top: 0.45em;
  }
}
.page-service-business .service-business-table td {
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  padding: 2em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table td {
    font-size: 0.9375em;
    display: block;
    padding: 0 0 1.35em;
    margin-bottom: 1.35em;
    line-height: 1.8;
    width: 100%;
  }
}
.page-service-business .service-business-table td p, .page-service-business .service-business-table td li, .page-service-business .service-business-table td dt, .page-service-business .service-business-table td dd, .page-service-business .service-business-table td th, .page-service-business .service-business-table td td {
  line-height: 1.8;
}
.page-service-business .service-business-table td *:last-child {
  margin-bottom: 0;
}
.page-service-business .service-business-table td .ggmap {
  position: relative;
  padding-bottom: 66.666%;
  height: 0;
  overflow: hidden;
  margin-top: 3em;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table td .ggmap {
    padding-bottom: 74%;
    margin-top: 2em;
  }
}
.page-service-business .service-business-table td .ggmap iframe,
.page-service-business .service-business-table td .ggmap object,
.page-service-business .service-business-table td .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-service-business .service-business-table td .map-link {
  text-align: right;
  margin: 0.5em;
}
.page-service-business .service-business-table td .map-link a {
  font-size: 0.875em;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .page-service-business .service-business-table td .map-link a:hover {
    text-decoration: none;
  }
}
.page-service-business .service-business-table tbody tr:first-child th, .page-service-business .service-business-table tbody tr:first-child td {
  padding-top: 0;
}
@media (max-width: 767px) {
  .page-service-business .service-business-table tbody tr:last-child td {
    margin-bottom: 0;
  }
}
.page-service-business .service-business-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4em;
  margin-top: 3.25em;
}
@media (max-width: 767px) {
  .page-service-business .service-business-images {
    margin-top: 1.5em;
    gap: 0.6em;
  }
}
.page-service-business .service-business-images .image-item {
  text-align: center;
  width: calc(50% - 1.2em);
}
@media (max-width: 767px) {
  .page-service-business .service-business-images .image-item {
    width: calc(50% - 0.3em);
  }
}
.page-service-business .service-business-files {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 3.25em;
}
@media (max-width: 767px) {
  .page-service-business .service-business-files {
    margin-top: 1.5em;
  }
}
.page-service-business .service-business-files .file-item a {
  background-color: #eef6f2;
  background-position: right 1.25em top 50%;
  background-repeat: no-repeat;
  background-size: 2.5em 2.5em;
  border-radius: 0.5em;
  color: var(--secondary-color);
  display: block;
  text-align: center;
  padding: 1.65em 5em;
  font-weight: 500;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-business .service-business-files .file-item a {
    background-position: right 1em top 50%;
    border-radius: 0.25em;
    background-size: 2em 2em;
    text-align: left;
    font-size: 0.875em;
    padding: 1.25em 4em 1.25em 1.25em;
  }
}
.page-service-business .service-business-files .file-item a.file-pdf {
  background-image: url(assets/images/icon/icon_file_pdf.svg);
}
.page-service-business .service-business-files .file-item a.file-xlsx {
  background-image: url(assets/images/icon/icon_file_xlsx.svg);
}
.page-service-business .service-business-files .file-item a.file-docx {
  background-image: url(assets/images/icon/icon_file_docx.svg);
}
.page-service-business .service-business-files .file-item a.file-pptx {
  background-image: url(assets/images/icon/icon_file_pptx.svg);
}
.page-service-business .service-business-files .file-item a.file-zip {
  background-image: url(assets/images/icon/icon_file_zip.svg);
}
.page-service-business .service-business-files .file-item a.file-txt {
  background-image: url(assets/images/icon/icon_file_txt.svg);
}
.page-service-business .service-business-files .file-item a .file-title {
  display: inline-block;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .page-service-business .service-business-files .file-item a .file-title:hover {
    text-decoration: none;
  }
}
.page-service-business + .page-service-news {
  padding-top: 0;
}

.page-service-information {
  padding-bottom: 5.625em;
}
@media (max-width: 1024px) {
  .page-service-information {
    padding-bottom: 3.125em;
  }
}
.page-service-information .page-service-title {
  background-image: url(assets/images/service/information_icon.png);
  background-size: 0.738em 1em;
}
.page-service-information .information-card {
  border-radius: var(--border-radius);
  background-color: #fff;
  padding: 2.5em 3.75em 3.125em;
  margin-bottom: 1.875em;
}
@media (max-width: 1024px) {
  .page-service-information .information-card {
    padding: 2.5em 2.5em 3.125em;
  }
}
@media (max-width: 767px) {
  .page-service-information .information-card {
    padding: 1.5625em 1.25em;
    margin-bottom: 1em;
  }
}
.page-service-information .information-card h3 {
  color: var(--secondary-color);
  font-size: 1.375em;
  padding: 0.125em 0 0.125em 1em;
  margin-bottom: 0.8em;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-information .information-card h3 {
    font-size: 1.125em;
  }
}
.page-service-information .information-card h3::before {
  background-color: currentColor;
  border-radius: 0 0.22em 0.22em 0;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  width: 0.22em;
}
@media (max-width: 767px) {
  .page-service-information .information-card p {
    font-size: 0.9375em;
    line-height: 1.8;
  }
}
.page-service-information .information-card p:last-child {
  margin-bottom: 0;
}

.page-service-activity {
  background-color: var(--deep-color);
  background-image: url(assets/images/service/deep_bg_top.jpg), url(assets/images/service/deep_bg_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%;
  padding-top: calc(6.666vw + 80px);
  padding-bottom: calc(3.466vw + 90px);
}
@media (max-width: 1024px) {
  .page-service-activity {
    padding-top: calc(6.666vw + 60px);
    padding-bottom: calc(3.466vw + 60px);
  }
}
@media (max-width: 767px) {
  .page-service-activity {
    padding-top: calc(6.666vw + 40px);
    padding-bottom: calc(3.466vw + 40px);
  }
}
.page-service-activity .page-service-title {
  background-image: url(assets/images/service/activity_icon.png);
  background-size: 0.9em 1em;
  color: #fff;
}
.page-service-activity .activity-card {
  border-radius: var(--border-radius);
  background-color: #fff;
  padding: 2.5em 3.75em 3.125em;
  margin-bottom: 1.875em;
}
@media (max-width: 1024px) {
  .page-service-activity .activity-card {
    padding: 2.5em 2.5em 3.125em;
  }
}
@media (max-width: 767px) {
  .page-service-activity .activity-card {
    padding: 1.5625em 1.25em;
    margin-bottom: 1em;
  }
}
.page-service-activity .activity-card h3 {
  color: #1d697c;
  font-size: 1.375em;
  padding: 0.125em 0 0.125em 1em;
  margin-bottom: 0.8em;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-activity .activity-card h3 {
    font-size: 1.125em;
  }
}
.page-service-activity .activity-card h3::before {
  background-color: currentColor;
  border-radius: 0 0.22em 0.22em 0;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  width: 0.22em;
}
@media (max-width: 767px) {
  .page-service-activity .activity-card p {
    font-size: 0.9375em;
    line-height: 1.8;
  }
}
.page-service-activity .activity-card p:last-child {
  margin-bottom: 0;
}
.page-service-activity .activity-card dl dt {
  padding-left: 1.35em;
  line-height: 1.8;
  position: relative;
}
.page-service-activity .activity-card dl dt::before {
  background-color: var(--warning-color);
  border-radius: 50%;
  content: "";
  height: 0.375em;
  position: absolute;
  left: 0.3em;
  top: 0.725em;
  width: 0.375em;
}
.page-service-activity .activity-card dl dd {
  padding-left: 1.35em;
  line-height: 1.8;
  margin-bottom: 0.5em;
}
.page-service-activity .activity-card .schedule-list li {
  display: flex;
}
.page-service-activity .activity-card .schedule-list .schedule-date {
  margin-right: 1em;
  text-align: right;
  width: 5em;
}
.page-service-activity .activity-card .schedule-list .schedule-content {
  flex: 1;
}
.page-service-activity .activity-card-flex {
  display: flex;
}
@media (max-width: 767px) {
  .page-service-activity .activity-card-flex {
    display: block;
  }
}
.page-service-activity .activity-card-flex .txt {
  flex: 1;
  min-width: 0;
}
.page-service-activity .activity-card-flex .img {
  margin-left: 5%;
  padding-top: 0.5em;
  text-align: center;
  width: 37%;
}
@media (max-width: 767px) {
  .page-service-activity .activity-card-flex .img {
    padding-top: 1em;
    margin-left: auto;
    width: auto;
  }
}
.page-service-activity .activity-card-flex .img img {
  display: block;
  width: 100%;
}

.page-service-flow {
  background-color: var(--deep-color);
  background-image: url(assets/images/service/deep_bg_top.jpg), url(assets/images/service/deep_bg_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%;
  padding-top: calc(6.666vw + 80px);
  padding-bottom: calc(3.466vw + 90px);
}
@media (max-width: 1024px) {
  .page-service-flow {
    padding-top: calc(6.666vw + 60px);
    padding-bottom: calc(3.466vw + 60px);
  }
}
@media (max-width: 767px) {
  .page-service-flow {
    padding-top: calc(6.666vw + 40px);
    padding-bottom: calc(3.466vw + 40px);
  }
}
.page-service-flow .page-service-title {
  background-image: url(assets/images/service/flow_icon.png);
  background-size: 1.34em 1.34em;
  color: #fff;
  padding-top: 1.65em;
}
.page-service-flow .flow-list {
  max-width: 740px;
  margin: 0 auto;
}
.page-service-flow .flow-list .flow-card {
  border-radius: 0.625em;
  background-color: #fff;
  padding: 0.625em 1.25em 0.625em 1.5625em;
  display: flex;
  margin-bottom: 1.25em;
  position: relative;
}
@media (max-width: 767px) {
  .page-service-flow .flow-list .flow-card {
    display: block;
    text-align: center;
    padding: 1.5625em 1.25em;
  }
}
.page-service-flow .flow-list .flow-card:not(:last-child)::after {
  background: url(assets/images/service/flow_arrow.png) no-repeat center center;
  background-size: 100%;
  content: "";
  height: 36px;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: -1.75em;
  width: 26px;
  z-index: 1;
}
.page-service-flow .flow-list .flow-clock {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 1em;
  width: 3.125em;
}
@media (max-width: 767px) {
  .page-service-flow .flow-list .flow-clock {
    display: block;
    margin-right: auto;
    margin-bottom: 0.5em;
    width: auto;
  }
}
.page-service-flow .flow-list .flow-txt {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .page-service-flow .flow-list .flow-txt {
    display: block;
    margin-bottom: 1em;
  }
}
.page-service-flow .flow-list .flow-txt-time {
  color: var(--primary-color);
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
.page-service-flow .flow-list .flow-txt p {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.7;
}
.page-service-flow .flow-list .flow-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  width: 29.4%;
}
@media (max-width: 767px) {
  .page-service-flow .flow-list .flow-img {
    display: block;
    min-height: auto;
    width: auto;
  }
}

.page-service-faq {
  padding-top: 90px;
}
@media (max-width: 1024px) {
  .page-service-faq {
    padding-top: 3.125em;
  }
}

.page-service-news {
  padding-top: 90px;
}
@media (max-width: 1024px) {
  .page-service-news {
    padding-top: 3.125em;
  }
}

.page-service-contact {
  background: url(assets/images/service/contact_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 100px 0 70px;
  margin-bottom: 7.5em;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .page-service-contact {
    padding: 18vw 0 2.5em;
    margin-bottom: 3.75em;
  }
}
.page-service-contact .card-body {
  position: relative;
  padding-top: 0;
}
.page-service-contact .card-body::before {
  background: url(assets/images/service/contact_birds.png) no-repeat center center;
  background-size: 100%;
  content: "";
  height: 3.9375em;
  position: absolute;
  left: 1.75em;
  top: -0.75em;
  width: 5.875em;
  z-index: 1;
}
@media (max-width: 767px) {
  .page-service-contact .card-body::before {
    height: 1.875em;
    left: 0.75em;
    top: 0.5em;
    width: 3.125em;
  }
}
.page-service-contact-logo {
  text-align: center;
  position: relative;
  margin-top: -1.25em;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 1.75em;
}
@media (max-width: 767px) {
  .page-service-contact-logo {
    margin-bottom: 1em;
  }
}
.page-service-contact-logo::before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 31.25em;
  position: absolute;
  left: 50%;
  top: -3.125em;
  margin-left: -15.625em;
  width: 31.25em;
}
@media (max-width: 767px) {
  .page-service-contact-logo::before {
    height: 80vw;
    margin-left: -40vw;
    top: -8vw;
    width: 80vw;
  }
}
.page-service-contact-logo img {
  display: inline-block;
  position: relative;
  max-width: 240px;
  z-index: 1;
}
.page-service-contact-logo.logo-agoonies img {
  width: 171px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-agoonies img {
    width: 30vw;
  }
}
.page-service-contact-logo.logo-kotorien img {
  width: 220px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-kotorien img {
    width: 32vw;
  }
}
.page-service-contact-logo.logo-studio18 img {
  width: 173px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-studio18 img {
    width: 30vw;
  }
}
.page-service-contact-logo.logo-kopi-luwak img {
  width: 233px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-kopi-luwak img {
    width: 36vw;
  }
}
.page-service-contact-logo.logo-sakigake img {
  width: 161px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-sakigake img {
    width: 28vw;
  }
}
.page-service-contact-logo.logo-sus img {
  width: 130px;
}
@media (max-width: 767px) {
  .page-service-contact-logo.logo-sus img {
    width: 25vw;
  }
}
.page-service-contact-header {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1.875em;
  z-index: 1;
}
@media (max-width: 767px) {
  .page-service-contact-header {
    display: block;
    text-align: center;
  }
}
.page-service-contact-header .txt {
  flex: 1;
  min-width: 0;
}
@media (max-width: 767px) {
  .page-service-contact-header .txt {
    margin-bottom: 1.6em;
  }
}
.page-service-contact-header .txt h2 {
  color: var(--secondary-color);
  font-size: 1.125em;
  margin-bottom: 1em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .page-service-contact-header .txt h2 {
    font-size: 1em;
    margin-bottom: 0.65em;
  }
}
.page-service-contact-header .txt p {
  font-size: 2.125em;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0;
  position: relative;
  margin-left: -0.1em;
}
@media (max-width: 1024px) {
  .page-service-contact-header .txt p {
    font-size: 1.75em;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .page-service-contact-header .txt p {
    font-size: 1em;
  }
}
.page-service-contact-header .img {
  margin-left: 3%;
  width: 36.5%;
}
@media (max-width: 767px) {
  .page-service-contact-header .img {
    margin-left: auto;
    width: auto;
  }
}
.page-service-contact-header .img img {
  display: block;
  width: 100%;
}
.page-service-contact-main {
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: center;
  z-index: 1;
}
@media (max-width: 1024px) {
  .page-service-contact-main {
    display: block;
  }
}
.page-service-contact-main::before {
  content: "";
  background-color: var(--border-color);
  height: 100%;
  top: 0;
  left: 50%;
  position: absolute;
  width: 1px;
}
@media (max-width: 1024px) {
  .page-service-contact-main::before {
    content: none;
  }
}
.page-service-contact-main h3 {
  color: var(--secondary-color);
  font-size: 1.375em;
  margin-bottom: 0.35em;
}
@media (max-width: 767px) {
  .page-service-contact-main h3 {
    font-size: 1em;
  }
}
.page-service-contact-main .tel-area {
  width: 48%;
}
@media (max-width: 1024px) {
  .page-service-contact-main .tel-area {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    width: auto;
  }
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}
.page-service-contact-main .tel-area .tel {
  margin-bottom: 0.15em;
}
.page-service-contact-main .tel-area .tel-number {
  display: flex;
  justify-content: center;
}
.page-service-contact-main .tel-area .tel a {
  display: flex;
  align-items: center;
  gap: 0.9375em;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area .tel a {
    gap: 0.625em;
  }
}
.page-service-contact-main .tel-area .tel a .icon {
  background: var(--secondary-color) url(assets/images/icon/icon_phone_white.png) no-repeat center center;
  background-size: 1.25em 1.25em;
  border-radius: 50%;
  display: block;
  height: 3.125em;
  width: 3.125em;
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area .tel a .icon {
    background-size: 0.875em 0.875em;
    height: 2em;
    width: 2em;
  }
}
.page-service-contact-main .tel-area .tel a .number {
  font-size: 3.125em;
  font-weight: bold;
  display: block;
  padding-bottom: 0.15em;
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area .tel a .number {
    font-size: 2em;
  }
}
.page-service-contact-main .tel-area .tel-time {
  line-height: 1.8;
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area .tel-time {
    font-size: 0.875em;
  }
}
.page-service-contact-main .tel-area .tel-time-label {
  font-size: 85%;
  display: inline-block;
  margin-right: 0.5em;
}
.page-service-contact-main .tel-area .no-number {
  font-size: 1.2em;
}
.page-service-contact-main .tel-area .business-day {
  line-height: 1.8;
}
@media (max-width: 767px) {
  .page-service-contact-main .tel-area .business-day {
    font-size: 0.875em;
  }
}
.page-service-contact-main .tel-area .business-day span {
  display: inline-block;
}
.page-service-contact-main .tel-area .business-day-label {
  font-size: 85%;
  display: inline-block;
  margin-right: 0.5em;
}
.page-service-contact-main .form-area {
  width: 46%;
}
@media (max-width: 1024px) {
  .page-service-contact-main .form-area {
    width: auto;
  }
}
@media (max-width: 767px) {
  .page-service-contact-main .form-area {
    padding-bottom: 0.5em;
  }
}
.page-service-contact-main .form-area .btn-area {
  padding-top: 1em;
}
@media (max-width: 767px) {
  .page-service-contact-main .form-area .btn-area {
    padding-top: 0.5em;
  }
}
.page-service-contact-main .form-area .btn {
  background-color: var(--secondary-color);
  background-image: url(assets/images/icon/icon_mail_white.png);
  background-position: left 1.7em center;
  background-repeat: no-repeat;
  background-size: 1.4em 1.05em;
  border-radius: 5em;
  color: #fff;
  font-size: 1.375em;
  font-weight: bold;
  padding: 1.1em 0.75em 1.1em 2.5em;
  max-width: 100%;
  width: 17em;
}
@media (min-width: 1025px) {
  .page-service-contact-main .form-area .btn {
    transition: background-color 300ms ease;
  }
  .page-service-contact-main .form-area .btn:hover {
    background-color: rgb(32.3329608939, 116.0670391061, 91.1955307263);
  }
}
@media (max-width: 767px) {
  .page-service-contact-main .form-area .btn {
    font-size: 16px;
  }
}

/* ==============================================
 news
=============================================== */
.page-news-archive-control {
  display: flex;
  gap: 2.5em;
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .page-news-archive-control {
    flex-direction: column;
    gap: 1em;
    margin-bottom: 2.8125em;
  }
}
.page-news-archive-control .control-group {
  flex: 1;
}

.post-article {
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .post-article {
    margin-bottom: 2.5em;
  }
}
.post-article__header span {
  display: inline-block;
  font-weight: 500;
}
.post-article__header .post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 0.8em;
  margin-bottom: 1.25em;
}
@media (max-width: 767px) {
  .post-article__header .post-meta {
    margin-bottom: 0.25em;
  }
}
.post-article__header .post-category {
  background-color: var(--primary-color);
  border-radius: 5em 5em 5em 0;
  color: #fff;
  font-size: 0.75em;
  padding: 0.35em 1.125em;
}
.post-article__header .post-date {
  font-size: 0.94em;
}
@media (max-width: 767px) {
  .post-article__header .post-date {
    font-size: 0.825em;
  }
}
.post-article__header .post-date::after {
  content: "|";
  color: var(--mute-color);
  margin-left: 0.5em;
}
@media (max-width: 767px) {
  .post-article__header .post-date::after {
    content: none;
  }
}
.post-article__header .post-service-label {
  color: var(--primary-color);
  font-size: 0.94em;
}
.post-article__header .post-service-label::before {
  content: "#";
}
@media (max-width: 767px) {
  .post-article__header .post-service-label {
    font-size: 0.825em;
    margin: 0.35em 0 0.75em;
    width: 100%;
  }
}
.post-article__title {
  border-bottom: 0.125em solid var(--primary-color);
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 1em;
  margin-bottom: 1.625em;
}
@media (max-width: 767px) {
  .post-article__title {
    font-size: 1.25em;
    margin-bottom: 1.25em;
  }
}
.post-article__content {
  line-height: var(--line-height);
}
.post-article__content img {
  margin: 1.875em auto;
}
.post-article__content a {
  word-break: break-all;
}
.post-article__content a:not(.btn):not(.r-btn) {
  text-decoration: underline;
}
.post-article__content a:not(.btn):not(.r-btn):hover {
  text-decoration: none;
}
.post-article__content table {
  border-left: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  margin: 30px auto;
  width: 100%;
}
@media (max-width: 767px) {
  .post-article__content table {
    margin: 20px auto;
  }
}
.post-article__content table th {
  background-color: #f7f7f7;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  font-size: 16px;
  line-height: 1.7;
  padding: 16px 20px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .post-article__content table th {
    font-size: 15px;
    padding: 12px 10px;
  }
}
.post-article__content table th.ta-center {
  text-align: center;
}
.post-article__content table th.ta-right {
  text-align: right;
}
.post-article__content table td {
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  font-size: 16px;
  line-height: 1.7;
  padding: 16px 20px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .post-article__content table td {
    font-size: 15px;
    padding: 12px 10px;
  }
}
.post-article__content table td.ta-center {
  text-align: center;
}
.post-article__content table td.ta-right {
  text-align: right;
}
.post-article__content ol {
  list-style: decimal;
  padding-left: 2em;
  margin-bottom: 2em;
}
.post-article__content ul {
  list-style: disc;
  padding-left: 2em;
  margin-bottom: 2em;
}
.post-article__content h1, .post-article__content h2, .post-article__content h3, .post-article__content h4, .post-article__content h5, .post-article__content h6 {
  clear: both;
  font-weight: bold;
  line-height: 1.6;
}
.post-article__content h1 {
  font-size: 1.375em;
  margin: 2.5em 0 1.5em;
}
.post-article__content h1:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .post-article__content h1 {
    font-size: 1.25em;
    margin: 2.25em 0 1.25em;
  }
}
.post-article__content h2 {
  background-color: rgba(29, 105, 124, 0.07);
  border-radius: 0.2em;
  color: var(--primary-color);
  font-size: 1.375em;
  margin: 2.5em 0 1.5em;
  padding: 1em 1.25em;
}
.post-article__content h2:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .post-article__content h2 {
    font-size: 1.25em;
    margin: 2.25em 0 1.25em;
  }
}
.post-article__content h3 {
  font-size: 1.375em;
  margin: 2.5em 0 1.5em;
  padding: 0 0 0.1em 1em;
  position: relative;
}
.post-article__content h3:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .post-article__content h3 {
    font-size: 1.25em;
    margin: 2.25em 0 1.25em;
  }
}
.post-article__content h3::before {
  background-color: var(--primary-color);
  display: inline-block;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.24em;
  border-radius: 0.12em;
}
.post-article__content h4 {
  border-bottom: 0.1em solid #e2e2e2;
  clear: both;
  font-size: 1.25em;
  margin: 2em 0 1em;
  padding: 0 0 0.4em;
}
.post-article__content h4:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .post-article__content h4 {
    font-size: 1.125em;
  }
}
.post-article__content h5 {
  font-size: 1.125em;
  margin: 2em 0 1em;
}
.post-article__content h5:first-child {
  margin-top: 0;
}
.post-article__content h6 {
  font-size: 1.125em;
  margin: 2em 0 1em;
}
.post-article__content h6:first-child {
  margin-top: 0;
}

.post-navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .post-navigation {
    flex-direction: column;
    gap: 1.6em;
    margin-bottom: 2.5em;
  }
}
.post-navigation .nav-label {
  font-size: 0.875em;
  display: block;
  margin-bottom: 0.35em;
}
@media (max-width: 767px) {
  .post-navigation .nav-label {
    font-size: 0.8125em;
  }
}
.post-navigation .nav-title {
  font-size: 1.0625em;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .post-navigation .nav-title {
    font-size: 0.9375em;
  }
}
.post-navigation a {
  display: inline-block;
  color: var(--primary-color);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.9375em;
}
@media (max-width: 767px) {
  .post-navigation a {
    gap: 0.75em;
  }
}
.post-navigation a:hover .nav-title {
  text-decoration: none;
}
.post-navigation .nav-arrow {
  font-style: normal;
  display: block;
  background-color: var(--primary-color);
  border-radius: 50%;
  height: 1.625em;
  width: 1.625em;
  position: relative;
}
@media (max-width: 767px) {
  .post-navigation .nav-arrow {
    height: 1.375em;
    width: 1.375em;
  }
}
.post-navigation .nav-arrow::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: "";
  height: 0.55em;
  width: 0.4em;
  left: 0.6em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .post-navigation .nav-arrow::after {
    left: 0.525em;
  }
}
.post-navigation .prev .nav-arrow {
  transform: rotate(180deg);
}
.post-navigation .prev .nav-arrow::after {
  background-image: url(assets/images/common/arrow_white.svg);
}
.post-navigation .next {
  text-align: right;
}
.post-navigation .next a {
  flex-direction: row-reverse;
}
.post-navigation .next .nav-arrow::after {
  background-image: url(assets/images/common/arrow_white.svg);
}

/* ==============================================
 recruit
=============================================== */
.page-recruit-hero {
  position: relative;
  margin-bottom: 7.5em;
}
@media (max-width: 767px) {
  .page-recruit-hero {
    margin-bottom: 13vw;
  }
}
.page-recruit-hero__text {
  position: absolute;
  left: 5.8%;
  top: 50%;
  margin-top: -3vw;
  z-index: 1;
}
@media (max-width: 1024px) {
  .page-recruit-hero__text {
    left: 4.2%;
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__text {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 2em;
    padding: 0 1.5625em;
  }
}
.page-recruit-hero__text h1 {
  border-radius: 5em;
  display: inline-block;
  color: #fff;
  background-color: var(--primary-color);
  margin-bottom: 1.5em;
  padding: 0.4em 2em;
}
@media (max-width: 767px) {
  .page-recruit-hero__text h1 {
    font-size: 3.25vw;
    margin-bottom: 1em;
    padding: 0.4em 1.5em;
  }
}
.page-recruit-hero__text p {
  font-size: 2.875em;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .page-recruit-hero__text p {
    font-size: 4vw;
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__text p {
    font-size: 6.4vw;
  }
}
.page-recruit-hero__img {
  margin-left: auto;
  width: 73.333%;
}
@media (max-width: 767px) {
  .page-recruit-hero__img {
    width: auto;
  }
}
.page-recruit-hero__img img {
  border-radius: 0 0 0 4em;
  display: block;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-recruit-hero__img img {
    border-radius: 0 0 0 calc(0.25vw * 1em / 1px);
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__img img {
    border-radius: 0;
  }
}
.page-recruit-hero__link {
  position: absolute;
  right: 3.125em;
  bottom: 0;
  display: flex;
  transform: translateY(50%);
  z-index: 1;
}
@media (max-width: 1024px) {
  .page-recruit-hero__link {
    right: 1.25em;
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__link {
    position: static;
    right: auto;
    transform: none;
    padding: 0 1.5625em;
    width: 100%;
  }
}
.page-recruit-hero__link .btn {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 1.6em 0 1.8em;
  width: 13.75em;
}
@media (max-width: 1024px) {
  .page-recruit-hero__link .btn {
    width: 12.5em;
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__link .btn {
    padding: 1.2em 0 1.4em;
    width: 50%;
  }
}
.page-recruit-hero__link .btn-text {
  font-size: 1.125em;
  display: inline-block;
  padding-bottom: 0.05em;
  position: relative;
}
@media (max-width: 1024px) {
  .page-recruit-hero__link .btn-text {
    font-size: 1em;
  }
}
@media (max-width: 767px) {
  .page-recruit-hero__link .btn-text {
    font-size: 0.875em;
  }
}
.page-recruit-hero__link .btn-text::after {
  background-color: currentColor;
  content: "";
  height: 1px;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  transition: height 200ms;
}
@media (min-width: 1025px) {
  .page-recruit-hero__link .btn:hover .btn-text::after {
    height: 2px;
  }
}
.page-recruit-hero__link .btn-entry {
  background-color: var(--primary-color);
  color: #fff;
}
.page-recruit-hero__link .btn-requirements {
  background-color: #fff;
  color: var(--primary-color);
}

.page-recruit-cv-btn {
  text-align: center;
}
.page-recruit-cv-btn .btn {
  border-radius: 5em;
  background-color: var(--danger-color);
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  max-width: 540px;
  padding: 1.25em 4em;
  position: relative;
  width: 100%;
  transition: background-color 200ms ease;
}
@media (min-width: 1025px) {
  .page-recruit-cv-btn .btn:hover {
    background-color: rgb(164.410373444, 56.2232365145, 40.889626556);
  }
}
@media (max-width: 767px) {
  .page-recruit-cv-btn .btn {
    font-size: 1em;
    line-height: 1.6;
  }
}
.page-recruit-cv-btn .btn::before {
  content: "";
  border-radius: 50%;
  background-color: #fff;
  height: 1.875em;
  position: absolute;
  right: 1.25em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875em;
}
.page-recruit-cv-btn .btn::after {
  background: url(assets/images/common/arrow_next_danger.svg) no-repeat center center;
  content: "";
  background-size: 0.8125em 0.4375em;
  height: 1.875em;
  position: absolute;
  right: 1.25em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875em;
  z-index: 1;
}
.page-recruit-cv-btn .txt-wrap {
  display: inline-block;
}

.page-recruit-heading {
  margin-bottom: 3em;
}
@media (max-width: 767px) {
  .page-recruit-heading {
    margin-bottom: 1.25em;
  }
}
.page-recruit-heading .en {
  color: var(--primary-color);
  display: block;
  font-size: 1.25em;
  position: relative;
  margin-bottom: 1em;
  padding-left: 2em;
}
@media (max-width: 767px) {
  .page-recruit-heading .en {
    font-size: 1em;
    margin-bottom: 0.75em;
  }
}
.page-recruit-heading .en::before {
  background-color: currentColor;
  content: "";
  left: 1.5em;
  top: 0.1em;
  position: absolute;
  height: 2em;
  width: 1px;
  transform-origin: center top;
  transform: rotate(45deg);
}
.page-recruit-heading .ja {
  display: block;
  font-size: 2.25em;
  line-height: 1.7;
}
@media (max-width: 1024px) {
  .page-recruit-heading .ja {
    font-size: 1.875em;
  }
}
@media (max-width: 767px) {
  .page-recruit-heading .ja {
    font-size: 1.375em;
  }
}

.page-recruit-message {
  position: relative;
  margin-bottom: 9.375em;
}
@media (max-width: 767px) {
  .page-recruit-message {
    margin-bottom: 3.125em;
  }
}
.page-recruit-message .page-recruit-heading {
  margin-bottom: 1.5em;
}
.page-recruit-message .txt {
  width: 49%;
}
@media (max-width: 767px) {
  .page-recruit-message .txt {
    margin-bottom: 2.75em;
    width: auto;
  }
}
.page-recruit-message .txt p {
  line-height: 2.4;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .page-recruit-message .txt p {
    line-height: 2;
  }
}
.page-recruit-message .txt .service-card {
  background-color: #faf9f4;
  border-radius: 0.75em;
  padding: 2em 3em;
  margin: 2.5em 0;
}
@media (max-width: 767px) {
  .page-recruit-message .txt .service-card {
    padding: 1.6em 2em;
    margin: 2em 0;
  }
}
.page-recruit-message .txt .service-card h3 {
  font-size: 1.125em;
  margin-bottom: 1.25em;
}
@media (max-width: 767px) {
  .page-recruit-message .txt .service-card h3 {
    font-size: 1em;
  }
}
.page-recruit-message .txt .service-card .service-list li {
  background: url(assets/images/icon/icon_check_primary.svg) no-repeat 0 0.1em;
  background-size: 1.3125em 1.25em;
  border-bottom: 1px solid var(--border-color);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding: 0 0 1.15em 2em;
  margin-bottom: 1em;
}
.page-recruit-message .txt .service-card .service-list li:last-child {
  margin-bottom: 0.5em;
}
.page-recruit-message .img-area {
  position: absolute;
  left: 56%;
  top: 3.75em;
  width: 39.375em;
}
@media screen and (max-width: 1420px) {
  .page-recruit-message .img-area {
    right: 1.25em;
    top: 5vw;
    left: auto;
    width: 43vw;
  }
}
@media (max-width: 767px) {
  .page-recruit-message .img-area {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    width: auto;
    padding: 0 1.5625em;
    margin-bottom: 2.6em;
  }
}
.page-recruit-message .img-area .img-wrap {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .page-recruit-message .img-area .img-wrap {
    display: flex;
    align-items: center;
    gap: 1em;
  }
}
.page-recruit-message .img-area .img {
  position: absolute;
  opacity: 0;
  transition: opacity 1200ms ease, transform 1200ms ease;
  transform: translateY(1em);
  transition-delay: 100ms;
}
@media (max-width: 767px) {
  .page-recruit-message .img-area .img {
    position: static;
  }
}
.page-recruit-message .img-area .img-1 {
  top: 15em;
  left: 0;
  width: 60%;
  z-index: 1;
  transition-delay: 260ms;
}
@media screen and (max-width: 1420px) {
  .page-recruit-message .img-area .img-1 {
    top: 17vw;
  }
}
@media (max-width: 767px) {
  .page-recruit-message .img-area .img-1 {
    top: auto;
  }
}
.page-recruit-message .img-area .img-2 {
  top: 0;
  right: 0;
  width: 54%;
}
.page-recruit-message .img-area .img img {
  border-radius: 0.75em;
  display: block;
}
@media (max-width: 767px) {
  .page-recruit-message .img-area .img img {
    border-radius: 0.375em;
  }
}
.page-recruit-message .img-area.is-active .img {
  opacity: 1;
  transform: none;
}
.page-recruit-message .illust {
  position: absolute;
  left: 50%;
  margin-left: 3vw;
  bottom: -20em;
  width: 670px;
}
@media screen and (max-width: 1420px) {
  .page-recruit-message .illust {
    width: 47vw;
    bottom: -22vw;
  }
}
@media (max-width: 767px) {
  .page-recruit-message .illust {
    position: static;
    left: auto;
    margin-left: auto;
    bottom: auto;
    width: auto;
  }
}
.page-recruit-message .illust img {
  display: block;
  width: 100%;
}

.page-recruit-point {
  margin-bottom: 7.5em;
}
@media (max-width: 767px) {
  .page-recruit-point {
    margin-bottom: 4em;
  }
}
.page-recruit-point__content {
  position: relative;
  margin: 70px auto;
  max-width: 1240px;
}
@media (max-width: 767px) {
  .page-recruit-point__content {
    margin: 1.875em auto;
  }
}
.page-recruit-point__content::before {
  background-color: var(--primary-color);
  content: "";
  bottom: 3.4375em;
  left: 0;
  right: 0;
  position: absolute;
  top: 3.4375em;
  border-radius: 0.75em;
}
@media screen and (max-width: 1240px) {
  .page-recruit-point__content::before {
    border-radius: 0;
  }
}
.page-recruit-point__content .container {
  position: relative;
  z-index: 1;
}
.page-recruit-point__content.is-active .point-group {
  opacity: 1;
  transform: none;
}
.page-recruit-point__main {
  display: flex;
  flex-direction: column;
  gap: 1.875em;
}
.page-recruit-point__main .point-group {
  background-color: #fff;
  border-radius: 1.5em;
  padding: 2.5em 0 2.5em 3.4375em;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 1200ms ease, transform 1200ms ease;
  transform: translateY(1em);
}
.page-recruit-point__main .point-group:nth-child(1) {
  transition-delay: 0.16s;
}
.page-recruit-point__main .point-group:nth-child(2) {
  transition-delay: 0.32s;
}
.page-recruit-point__main .point-group:nth-child(3) {
  transition-delay: 0.48s;
}
.page-recruit-point__main .point-group:nth-child(4) {
  transition-delay: 0.64s;
}
.page-recruit-point__main .point-group:nth-child(5) {
  transition-delay: 0.8s;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group {
    border-radius: 0.75em;
    display: block;
    padding: 1.5em 1.5625em;
  }
}
.page-recruit-point__main .point-group .txt {
  width: 61%;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group .txt {
    margin-bottom: 1.25em;
    width: auto;
  }
}
.page-recruit-point__main .point-group .txt .label {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  position: relative;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group .txt .label {
    font-size: 0.875em;
    margin-bottom: 1.25em;
  }
}
.page-recruit-point__main .point-group .txt .label::after {
  background-color: var(--primary-color);
  content: "";
  height: 2px;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
}
.page-recruit-point__main .point-group .txt h3 {
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0.6em;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group .txt h3 {
    font-size: 1.25em;
  }
}
.page-recruit-point__main .point-group .txt p {
  line-height: 2.2;
  margin-bottom: 0.2em;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group .txt p {
    font-size: 0.9375em;
    line-height: 2;
  }
}
.page-recruit-point__main .point-group .img {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 0 5%;
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group .img {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .page-recruit-point__main .point-group:nth-child(1) .img img {
    width: 45%;
  }
  .page-recruit-point__main .point-group:nth-child(2) .img img {
    width: 42%;
  }
  .page-recruit-point__main .point-group:nth-child(3) .img {
    padding-left: 5%;
  }
  .page-recruit-point__main .point-group:nth-child(3) .img img {
    width: 48%;
  }
  .page-recruit-point__main .point-group:nth-child(4) .img {
    padding-left: 3%;
  }
  .page-recruit-point__main .point-group:nth-child(4) .img img {
    width: 78%;
  }
}

.page-recruit-requirements .recruit-requirements-list {
  margin-bottom: 3.65em;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list {
    margin-bottom: 2em;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group {
  background-color: #fff;
  border-radius: 0.75em;
  padding: 0 2.5em 5em;
  margin-bottom: 1.5625em;
  position: relative;
  max-height: 490px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group {
    padding: 0 1.25em 5em;
    margin-bottom: 1.25em;
    max-height: 25em;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group::before {
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
  content: "";
  position: absolute;
  left: 0;
  height: 80%;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group::before {
    height: 60%;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25em 0;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group-header {
    padding: 1.25em 0;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group-header h3 {
  font-size: 1.375em;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group-header h3 {
    font-size: 1.0625em;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group-header .btn {
  background-color: var(--primary-color);
  border-radius: 0.35em;
  padding: 0.5em 1em;
  color: #fff;
  margin-left: 1em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group-header .btn {
    font-size: 0.875em;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em 0 0;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group-footer {
    padding: 2em 0 0;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group-footer .btn {
  background-color: var(--primary-color);
  border-radius: 5em;
  padding: 1em 3em;
  color: #fff;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group .requirements-table {
  border-top: 2px solid var(--primary-color);
  width: 100%;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group .requirements-table th {
  background-color: #f3f3f3;
  border-bottom: 1px solid var(--border-color);
  font-size: 0.9375em;
  padding: 1.25em 1.75em;
  text-align: left;
  width: 13.75em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group .requirements-table th {
    border-bottom: none;
    display: block;
    font-size: 0.875em;
    padding: 0.4em 1em 0.5em;
    width: auto;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group .requirements-table td {
  border-bottom: 1px solid var(--border-color);
  font-size: 0.9375em;
  padding: 1.25em 1.75em;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-recruit-requirements .recruit-requirements-list .requirements-group .requirements-table td {
    display: block;
    font-size: 0.875em;
    padding: 0.5em 1em 0.85em;
  }
}
.page-recruit-requirements .recruit-requirements-list .requirements-group .recruit-requirements-toggle {
  display: block;
  color: var(--primary-color);
  font-size: 0.9375em;
  font-weight: bold;
  padding-bottom: 1.35em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group .recruit-requirements-toggle .arrow {
  display: block;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d697c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 1.4em;
  margin-left: -0.7em;
  width: 1.4em;
  z-index: 1;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group.is-open {
  max-height: none;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group.is-open::before {
  content: none;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group.is-open .recruit-requirements-toggle {
  padding-top: 1.35em;
  padding-bottom: 0;
}
.page-recruit-requirements .recruit-requirements-list .requirements-group.is-open .recruit-requirements-toggle .arrow {
  transform: rotate(180deg);
  top: 0;
  bottom: auto;
}

/* ==============================================
 company
=============================================== */
.page-company h2 {
  color: var(--primary-color);
  font-size: 2.375em;
  font-family: var(--font-family-kaisei);
  margin-bottom: 1.4em;
}
@media (max-width: 767px) {
  .page-company h2 {
    font-size: 1.375em;
    margin-bottom: 1.2em;
  }
}
.page-company-top {
  margin-bottom: 5em;
}
@media (max-width: 767px) {
  .page-company-top {
    margin-bottom: 3.75em;
  }
}
.page-company-top-message {
  display: flex;
}
@media (max-width: 767px) {
  .page-company-top-message {
    display: block;
  }
}
.page-company-top-message .img {
  margin-right: 7.5%;
  width: 25%;
}
@media (max-width: 767px) {
  .page-company-top-message .img {
    margin-right: auto;
    margin-bottom: 1.5em;
    width: auto;
  }
}
.page-company-top-message .img img {
  display: block;
  margin: auto;
  width: 100%;
}
@media (max-width: 767px) {
  .page-company-top-message .img img {
    width: 46vw;
  }
}
.page-company-top-message .txt {
  font-weight: 500;
  flex: 1;
  min-width: 0;
  position: relative;
  margin-top: -0.55em;
}
@media (max-width: 767px) {
  .page-company-top-message .txt {
    margin-top: 0;
  }
}
.page-company-top-message .txt p {
  line-height: 2.4;
}
@media (max-width: 767px) {
  .page-company-top-message .txt p {
    line-height: 2;
  }
  .page-company-top-message .txt p.text-end {
    font-size: 87.25%;
  }
}
.page-company-overview {
  margin-bottom: 6.25em;
}
@media (max-width: 767px) {
  .page-company-overview {
    margin-bottom: 3.125em;
  }
}
.page-company-overview-table {
  width: 100%;
}
.page-company-overview-table th {
  color: var(--primary-color);
  font-weight: bold;
  line-height: 1.8;
  border-bottom: 1px solid var(--primary-color);
  padding: 1.5em 0;
  width: 10em;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-company-overview-table th {
    border-bottom: none;
    display: block;
    font-size: 87.25%;
    padding: 1em 0 0.25em;
    width: auto;
  }
}
.page-company-overview-table td {
  font-weight: 500;
  line-height: 1.8;
  border-bottom: 1px solid var(--border-color);
  padding: 1.5em 0;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-company-overview-table td {
    display: block;
    font-size: 87.25%;
    padding: 0 0 1em;
  }
}
.page-company-overview-table tbody tr:first-child th, .page-company-overview-table tbody tr:first-child td {
  padding-top: 0;
}
.page-company-history {
  margin-bottom: 6.25em;
}
@media (max-width: 767px) {
  .page-company-history {
    margin-bottom: 3.75em;
  }
}
.page-company-history-timeline {
  padding: 0 3.4375em;
}
@media (max-width: 1024px) {
  .page-company-history-timeline {
    padding: 0 0 0 0.375em;
  }
}
.page-company-history-timeline .timeline-item {
  display: flex;
  align-items: flex-start;
  padding-left: 2em;
  position: relative;
}
@media (max-width: 767px) {
  .page-company-history-timeline .timeline-item {
    display: block;
  }
}
.page-company-history-timeline .timeline-item::before {
  background-color: var(--primary-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 0.725em;
  height: 0.625em;
  width: 0.625em;
  z-index: 1;
}
@media (max-width: 767px) {
  .page-company-history-timeline .timeline-item::before {
    top: 0.7em;
  }
}
.page-company-history-timeline .timeline-item:not(:last-child) {
  padding-bottom: 1.75em;
}
.page-company-history-timeline .timeline-item:not(:last-child)::after {
  background-color: #cdcdcd;
  content: "";
  position: absolute;
  left: 0.25em;
  top: 0.85em;
  height: 100%;
  width: 0.125em;
}
.page-company-history-timeline .timeline-date {
  color: var(--primary-color);
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.425;
  width: 5em;
}
@media (max-width: 767px) {
  .page-company-history-timeline .timeline-date {
    font-size: 1.25em;
    padding-bottom: 0.25em;
  }
}
.page-company-history-timeline .timeline-content {
  flex: 1;
  min-width: 0;
  font-weight: 500;
}

/* ==============================================
 faq
=============================================== */
.page-faq-category-control {
  margin: 3em auto 4em;
}
@media (max-width: 767px) {
  .page-faq-category-control {
    margin: 2em auto 3em;
  }
}
.page-faq-category-control .custom-dropdown {
  display: none;
}
@media (max-width: 767px) {
  .page-faq-category-control .custom-dropdown {
    display: block;
  }
}

.page-faq-category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
@media (max-width: 767px) {
  .page-faq-category-list {
    display: none;
    gap: 0.75em;
  }
}
.page-faq-category-list li a {
  background-color: #fff;
  color: var(--primary-color);
  display: block;
  border-radius: 5em;
  font-weight: bold;
  padding: 1em 3.5em 1em 2em;
  position: relative;
}
@media (max-width: 767px) {
  .page-faq-category-list li a {
    font-size: 0.75em;
    padding: 0.85em 3em 0.85em 1.5em;
  }
}
.page-faq-category-list li a::after {
  background-color: #dfdfdf;
  border-radius: 50%;
  content: "";
  position: absolute;
  height: 0.625em;
  width: 0.625em;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
.page-faq-category-list li.is-active a {
  background-color: var(--primary-color);
  color: #fff;
}
.page-faq-category-list li.is-active a::after {
  background-color: #fff;
}

.faq-archive-title {
  color: var(--primary-color);
  font-size: 1.625em;
  margin-bottom: 1.4em;
}
@media (max-width: 767px) {
  .faq-archive-title {
    font-size: 1.125em;
  }
}

.faq-archive-list .list-item {
  background-color: #fff;
  border-radius: 0.75em;
  padding: 1.875em 3.125em 1.875em 2.5em;
  margin-bottom: 1.25em;
}
@media (max-width: 767px) {
  .faq-archive-list .list-item {
    padding: 1.375em 1.25em 1.25em 1.25em;
    margin-bottom: 0.9375em;
  }
}
.faq-archive-list .list-item .item-q {
  color: var(--secondary-color);
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.2em 0 0.2em 3.5em;
  position: relative;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .faq-archive-list .list-item .item-q {
    line-height: 1.7;
    font-size: 1em;
    padding-top: 0.4em;
    padding-left: 3.3em;
  }
}
.faq-archive-list .list-item .item-q::before {
  background-color: var(--secondary-color);
  content: "Q";
  color: #fff;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  line-height: 1;
  border-radius: 50%;
  height: 1.9235em;
  width: 1.9235em;
  padding-bottom: 0.125em;
  left: 0;
  position: absolute;
  top: 0;
}
.faq-archive-list .list-item .item-a {
  padding: 0.55em 0 0.5em 4.375em;
  position: relative;
}
@media (max-width: 767px) {
  .faq-archive-list .list-item .item-a {
    font-size: 0.9375em;
    line-height: 1.8;
    padding-left: 3.4375em;
  }
}
.faq-archive-list .list-item .item-a::before {
  content: "A";
  color: var(--danger-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.625em;
  line-height: 1;
  height: 1.9235em;
  width: 1.9235em;
  padding-bottom: 0.125em;
  left: 0;
  position: absolute;
  top: 0;
}

.faq-content-card {
  background: url(assets/images/common/faq_card_bg.jpg) no-repeat center center;
  background-size: cover;
  border-radius: var(--border-radius);
  padding: 0.625em;
}
@media (max-width: 767px) {
  .faq-content-card {
    padding: 0.375em;
  }
}
.faq-content-card-body {
  border-radius: 1.125em;
  background-color: #fff;
  padding: 3.75em 3.125em;
}
@media (max-width: 767px) {
  .faq-content-card-body {
    border-radius: 0.625em;
    padding: 1.5625em 1em;
  }
}
.faq-content-card-title {
  background: url(assets/images/common/faq_tit_bg.svg) no-repeat center center;
  background-size: 15.5em 1.95em;
  font-size: 2.25em;
  font-family: var(--font-family-kaisei);
  color: #fff;
  text-align: center;
  padding: 0.25em;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .faq-content-card-title {
    background-image: url(assets/images/common/faq_tit_bg_sp.svg);
    font-size: 1.5em;
    background-size: 100%;
    margin-bottom: 0.75em;
  }
}
.faq-content-card-title + p {
  text-align: center;
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .faq-content-card-title + p {
    font-size: 0.9375em;
    text-align: left;
    margin-bottom: 1.5em;
  }
}
.faq-content-card-title + p a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .faq-content-card-title + p a:hover {
    text-decoration: none;
  }
}
.faq-content-card .faq-list {
  border-top: 1px solid var(--border-color);
}
.faq-content-card .faq-list .list-item {
  border-bottom: 1px solid var(--border-color);
  padding: 1.5625em 1.875em;
}
@media (max-width: 767px) {
  .faq-content-card .faq-list .list-item {
    padding: 1.375em 0;
  }
}
.faq-content-card .faq-list .list-item .item-q {
  color: var(--secondary-color);
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.2em 0 0.2em 3.5em;
  position: relative;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .faq-content-card .faq-list .list-item .item-q {
    line-height: 1.7;
    font-size: 1em;
    padding-top: 0.4em;
    padding-left: 3.3em;
  }
}
.faq-content-card .faq-list .list-item .item-q::before {
  background-color: var(--secondary-color);
  content: "Q";
  color: #fff;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  line-height: 1;
  border-radius: 50%;
  height: 1.9235em;
  width: 1.9235em;
  padding-bottom: 0.125em;
  left: 0;
  position: absolute;
  top: 0;
}
.faq-content-card .faq-list .list-item .item-a {
  padding: 0.55em 0 0.5em 4.375em;
  position: relative;
}
@media (max-width: 767px) {
  .faq-content-card .faq-list .list-item .item-a {
    font-size: 0.9375em;
    line-height: 1.8;
    padding-left: 3.4375em;
  }
}
.faq-content-card .faq-list .list-item .item-a::before {
  content: "A";
  color: var(--danger-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.625em;
  line-height: 1;
  height: 1.9235em;
  width: 1.9235em;
  padding-bottom: 0.125em;
  left: 0;
  position: absolute;
  top: 0;
}

/* ==============================================
 contact
=============================================== */
.page-contact-top {
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .page-contact-top {
    margin-bottom: 1.875em;
  }
}
.page-contact-top p {
  font-size: 1.125em;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .page-contact-top p {
    font-size: 1em;
  }
}
.page-contact-top p a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .page-contact-top p a:hover {
    text-decoration: none;
  }
}

.page-contact-info {
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .page-contact-info {
    margin-bottom: 2.5em;
  }
}
.page-contact-info .card-header {
  padding: 2.25em 2em;
}
@media (max-width: 767px) {
  .page-contact-info .card-header {
    padding: 1.125em 1.25em;
  }
}
.page-contact-info .card-title .js-accordion-toggle {
  display: block;
  position: relative;
  padding: 0 5em;
  text-align: center;
}
@media (max-width: 767px) {
  .page-contact-info .card-title .js-accordion-toggle {
    padding: 0 2em;
  }
}
.page-contact-info .card-title .js-accordion-toggle-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: auto;
}
.page-contact-info .card-title .js-accordion-toggle-icon-inner {
  border-radius: 0.175em;
  border: 1px solid var(--primary-color);
  height: 1.425em;
  width: 1.425em;
  position: relative;
}
.page-contact-info .card-title .js-accordion-toggle-icon-inner::before, .page-contact-info .card-title .js-accordion-toggle-icon-inner::after {
  background-color: var(--primary-color);
}
.page-contact-info .card-body {
  padding: 0;
}
.page-contact-info .card-body-inner {
  padding: 0 5em 2.25em;
}
@media (max-width: 1024px) {
  .page-contact-info .card-body-inner {
    padding: 0 2.25em 2.25em;
  }
}
@media (max-width: 767px) {
  .page-contact-info .card-body-inner {
    padding: 0 1.5625em 1.25em;
  }
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item {
    padding: 1em;
  }
}
.page-contact-info .contact-service-list-item:nth-child(odd) {
  background-color: var(--base-color);
}
.page-contact-info .contact-service-list-item__content {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-contact-info .contact-service-list-item__content > div {
  line-height: 1.8;
}
.page-contact-info .contact-service-list-item__title {
  padding: 1.5em 2em;
  font-weight: bold;
  width: 18em;
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item__title {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 0.625em;
    margin-bottom: 0.625em;
    width: 100%;
  }
}
.page-contact-info .contact-service-list-item__info {
  font-size: 0.875em;
  padding: 1.5em 0;
}
.page-contact-info .contact-service-list-item__info .info-label {
  margin-right: 0.35em;
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item__info {
    font-size: 0.75em;
    padding: 0;
    width: 100%;
  }
}
.page-contact-info .contact-service-list-item__tel {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 0.25em;
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item__tel {
    font-size: 1.625em;
  }
}
.page-contact-info .contact-service-list-item__tel .tel-label {
  font-size: 0.5725em;
}
.page-contact-info .contact-service-list-item__link {
  font-size: 0.875em;
  margin-left: auto;
  padding: 1.5em 2em;
  text-align: right;
  width: 15em;
}
@media (max-width: 767px) {
  .page-contact-info .contact-service-list-item__link {
    font-size: 0.75em;
    padding: 0.35em 0 0;
    width: 100%;
  }
}
.page-contact-info .contact-service-list-item__link a {
  display: inline-block;
  color: var(--primary-color);
  font-weight: bold;
  position: relative;
  padding-right: 0.875em;
}
.page-contact-info .contact-service-list-item__link a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1d697c;
  border-right: 2px solid #1d697c;
  transform: rotate(45deg);
  right: 0.1em;
}

.page-contact-form .card-title {
  background: url(assets/images/icon/icon_bell.png) no-repeat center top;
  background-size: 1.8125rem 2rem;
  padding-top: 1.7em;
}
@media (max-width: 767px) {
  .page-contact-form .card-title {
    padding-top: 1.9em;
    background-size: 1.5rem 1.625rem;
  }
}

.page-entry-form .card-title {
  background: url(assets/images/icon/icon_bell.png) no-repeat center top;
  background-size: 1.8125rem 2rem;
  padding-top: 1.7em;
}
@media (max-width: 767px) {
  .page-entry-form .card-title {
    padding-top: 1.9em;
    background-size: 1.5rem 1.625rem;
  }
}

/* ==============================================
 privacy policy
=============================================== */
.page-privacy-policy h2 {
  font-size: 1.15em;
  margin: 2em 0 1em;
}

/* ==============================================
 Media Queries
=============================================== */
/* hidden
----------------------------------------------- */
@media screen and (min-width: 1025px) {
  .hidden-lg {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 350px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media screen and (max-width: 349px) {
  .hidden-xs {
    display: none !important;
  }
}
/* column
----------------------------------------------- */
.col-lg-1 {
  width: 12%;
}

.col-lg-2 {
  width: 16.6666%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.3333%;
}

.col-lg-5 {
  width: 41.6666%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 57.0833%;
}

.col-lg-8 {
  width: 66.6667%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-10 {
  width: 83.3334%;
}

.col-lg-11 {
  width: 91.6666%;
}

.col-lg-12 {
  width: 100%;
}

/* pc min
----------------------------------------------- */
@media screen and (max-width: 1024px) {
  /* column
  ----------------------------------------------- */
  .col-md-1 {
    width: 12%;
  }
  .col-md-2 {
    width: 16.6666%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333%;
  }
  .col-md-5 {
    width: 41.6666%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 57.0833%;
  }
  .col-md-8 {
    width: 66.6667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3334%;
  }
  .col-md-11 {
    width: 91.6666%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* tablet
----------------------------------------------- */
@media screen and (max-width: 767px) {
  /* ==============================================
   Layout
  =============================================== */
  /* column
  ----------------------------------------------- */
  .col-sm-1 {
    width: 12%;
  }
  .col-sm-2 {
    width: 16.6666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333%;
  }
  .col-sm-5 {
    width: 41.6666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 57.0833%;
  }
  .col-sm-8 {
    width: 66.6667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3334%;
  }
  .col-sm-11 {
    width: 91.6666%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
/* column
----------------------------------------------- */
@media screen and (max-width: 349px) {
  /* column
  ----------------------------------------------- */
  .col-xs-1 {
    width: 12%;
  }
  .col-xs-2 {
    width: 16.6666%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.3333%;
  }
  .col-xs-5 {
    width: 41.6666%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 57.0833%;
  }
  .col-xs-8 {
    width: 66.6667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.3334%;
  }
  .col-xs-11 {
    width: 91.6666%;
  }
  .col-xs-12 {
    width: 100%;
  }
}
/************************************************
 印刷用
************************************************ */
@media print {
  body {
    zoom: 75%;
  }
}/*# sourceMappingURL=style.css.map */