@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Questrial:400);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

/*ふわっと*/
a,
a img,
a:before,
a:after,
button,
form,
.btn a {
  transition-property: all;
  transition: 0.3s linear;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("https://example.com/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("https://example.com/MaterialIcons-Regular.woff2") format("woff2"),
    url("https://example.com/MaterialIcons-Regular.woff") format("woff"),
    url("https://example.com/MaterialIcons-Regular.ttf") format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.mt0 {
  margin-top: 0px !important;
}

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

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

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

.pt0 {
  padding-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mr30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mr35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mr40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mr45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mr50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mr55 {
  margin-left: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mr60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mr65 {
  margin-left: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mr70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mr75 {
  margin-left: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mr85 {
  margin-left: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mr90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mr95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

/* 2407追加 */
.flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.flex-item {
  width: 100%;
}
.footer__leftBox .flex-item {
  width: calc(75% - 8px);
}

.footer__leftBox .flex-item:last-of-type {
  width: calc(25% - 8px);
}
@media screen and (min-width: 480px) {
  .flex {
    gap: 24px;
  }
  .footer__leftBox .flex-item {
    /* width: calc(70% - 12px); */
    width: auto;
  }

  .footer__leftBox .flex-item:last-of-type {
    /* width: calc(30% - 12px); */
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  /* ------------------------------------- */
  /* contents */
  /* ------------------------------------- */
  .footer__leftBox .flex-item {
    width: calc(70% - 12px);
  }

  .footer__leftBox .flex-item:last-of-type {
    width: calc(30% - 12px);
  }
}

@media screen and (min-width: 1024px) {
  /* ------------------------------------- */
  /* contents */
  /* ------------------------------------- */
  .footer__leftBox .flex-item {
    width: auto;
  }

  .footer__leftBox .flex-item:last-of-type {
    width: auto;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 35px;
  height: 21px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 35px;
  height: 3px;
  background-color: #ff9f00;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -9px;
}

.hamburger-inner::after {
  bottom: -9px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 70px;
}

.hamburger--3dx .hamburger-inner {
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 70px;
}

.hamburger--3dx-r .hamburger-inner {
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 70px;
}

.hamburger--3dy .hamburger-inner {
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 70px;
}

.hamburger--3dy-r .hamburger-inner {
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-7px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-7px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(7px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(7px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition:
    top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition:
    bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-7px, -8.75px, 0) rotate(-45deg) scale(0.7, 1);
  transition:
    top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-7px, 8.75px, 0) rotate(45deg) scale(0.7, 1);
  transition:
    bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition:
    top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition:
    bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(7px, -8.75px, 0) rotate(45deg) scale(0.7, 1);
  transition:
    top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(7px, 8.75px, 0) rotate(-45deg) scale(0.7, 1);
  transition:
    bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -18px;
  transition:
    top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition:
    top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition:
    top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition:
    top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -18px;
  transition:
    top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition:
    top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition:
    top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition:
    top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 9px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 18px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 9px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 18px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition:
    transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear,
    left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 9px;
  right: 0;
  transition:
    transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear,
    right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -70px;
  top: -70px;
  transform: translate3d(70px, 70px, 0) rotate(45deg);
  transition:
    left 0.125s ease-out,
    top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -70px;
  top: -70px;
  transform: translate3d(-70px, 70px, 0) rotate(-45deg);
  transition:
    right 0.125s ease-out,
    top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition:
    transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear,
    left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 9px;
  right: 0;
  transition:
    transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear,
    right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -70px;
  top: 70px;
  transform: translate3d(70px, -70px, 0) rotate(-45deg);
  transition:
    left 0.125s ease-out,
    top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -70px;
  top: 70px;
  transform: translate3d(-70px, -70px, 0) rotate(45deg);
  transition:
    right 0.125s ease-out,
    top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}

.hamburger--slider .hamburger-inner::before {
  top: 9px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 18px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 9px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 18px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(90deg);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 9px;
  transition:
    top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 18px;
  transition:
    top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition:
    top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition:
    top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 9px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -18px;
  transition:
    top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition:
    top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition:
    top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition:
    top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition:
    transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition:
    top 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition:
    bottom 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition:
    transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition:
    top 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition:
    bottom 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition:
    transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition:
    top 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition:
    bottom 0.075s 0.075s ease-in,
    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition:
    transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition:
    top 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition:
    bottom 0.075s 0.1s ease-out,
    transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition:
    top 0.1s 0.25s ease-in,
    opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition:
    bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition:
    top 0.1s ease-out,
    opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition:
    bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition:
    top 0.1s 0.25s ease-in,
    opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition:
    bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition:
    top 0.1s ease-out,
    opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition:
    bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition:
    top 0.075s 0.12s ease,
    opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition:
    bottom 0.075s 0.12s ease,
    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition:
    top 0.075s ease,
    opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition:
    bottom 0.075s ease,
    transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

@media only screen and (max-width: 1023px) {
  a[href^="tel:"] {
    pointer-events: painted;
  }

  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  a[href^="tel:"] {
    pointer-events: none;
  }

  .sp {
    display: none !important;
  }
}

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

@media only screen and (min-width: 768px) {
  .sp {
    display: none !important; } }*/
html {
  font-size: 62.5%;
  font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  overflow-x: hidden;
}

/*@media only screen and (min-width: 768px) {
    html {
      min-width: 1228px; } }*/
* {
  /*font-size: 14px;*/
  /*font-size: 1.4rem;*/
  box-sizing: border-box;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: inherit;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
  }
}

.inner {
  max-width: 1228px;
  margin: auto;
  width: 95%;
}

.footer__nav {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #c0c0c0;
}

@media only screen and (max-width: 1023px) {
  .footer {
    padding: 0 0 50px;
  }

  .footer__nav {
    padding: 4px 0 20px;
    margin: 0 16px;
    width: auto;
    text-align: left;
  }
}

@media only screen and (max-width: 1023px) {
  .footer__nav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
  }
}

.footer__nav ul li {
  display: inline-block;
  margin: 0 12px;
}

@media only screen and (max-width: 1023px) {
  .footer__nav ul li {
    width: 33.33333%;
    margin: 16px 0 0;
  }
}

.footer__nav ul li a {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #666;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.footer__nav ul li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 1023px) {
  .footer__nav ul li a {
    /*font-size: 12px;
          font-size: 1.2rem;*/
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.footer__nav ul li a::before {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f138";
  color: #ff9f00;
  margin: -2px 4px 0 0;
}

.footer__box {
  background: #efeae3;
  padding: 32px 0 24px;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 0 0 58px;
  }

  .footer__box {
    /*padding: 24px 20px 20px;*/
    padding: 24px 5px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .footer__box .inner {
    margin: 0 auto !important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) {
  .footer__leftBox {
    width: 52.931596%;
  }
}

@media only screen and (min-width: 768px) {
  .footer__rightBox {
    width: 43.403909%;
  }
}

.footer__logo a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.footer__logo a:hover {
  opacity: 0.8;
}

.footer__logo a img {
  height: 70px;
}

@media only screen and (max-width: 767px) {
  .footer__logo a img {
    height: 40px;
  }
}

.footer__address {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  margin: 24px 0 0;
}

@media only screen and (max-width: 767px) {
  .footer__address {
    font-size: 10px;
    font-size: 1rem;
  }
}

.footer__subject {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6em;
  /* letter-spacing: -1em; */
  margin: 16px 0 0;
}
.footer__subject br {
  display: none;
}

@media only screen and (max-width: 767px) {
  .footer__subject {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.footer__subject span {
  padding-right: 10px;
}

.footer__subject span,
.footer__subject a {
  letter-spacing: 0.05em;
}

.footer__subject a {
  display: inline-block;
  text-decoration: underline;
  margin-right: 1em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.footer__subject a:hover {
  opacity: 0.7;
}

.footer__links {
  margin: 20px 0 0;
  letter-spacing: -1em;
}

@media only screen and (max-width: 767px) {
  .footer__links {
    margin: 10px 0 0;
  }
}

.footer__links li {
  letter-spacing: 0.05em;
  padding: 0 1.5em;
  border-right: 1px solid #333;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
  .footer__links li {
    font-size: 7px;
    font-size: 0.7rem;
  }
}

.footer__links li:first-child {
  border-left: 1px solid #333;
}

.footer__links li a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.footer__links li a:hover {
  opacity: 0.7;
}

.footer__table {
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .footer__table {
    margin: 22px 0 0;
  }
}

.footer__table tr {
  border-bottom: 1px solid #c0c0c0;
}

.footer__table tr:first-child {
  border-top: 1px solid #c0c0c0;
}

.footer__table tr th,
.footer__table tr td {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 8px 14px;
  line-height: 1.42857143em;
}

@media only screen and (max-width: 767px) {
  .footer__table tr th,
  .footer__table tr td {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 8px 12px;
  }
}

.footer__table tr th {
  color: #ff9f00;
  font-weight: bold;
  padding: 14px 22px 14px 16px;
  white-space: nowrap;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .footer__table tr th {
    padding: 8px 4px 8px 12px;
  }
}

.footer__copy {
  font-family: "Questrial";
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  font-size: 1rem;
  background: #ff9f00;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 767px) {
  .footer__copy {
    font-size: 6px;
    font-size: 0.6rem;
  }
}

.footer .badge {
  width: 80px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .footer .badge {
    width: 100px;
    margin: 0;
  }
}
.footer .badge a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.footer .badge a:hover {
  opacity: 0.8;
}

.footer .badge img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1024px) {
  .gnav {
    margin: 22px 0 0;
  }
}

@media only screen and (max-width: 1023px) {
  .gnav {
    background: #fff;
    position: fixed;
    height: 100vh;
    z-index: 999;
    top: 0;
    right: 0;
    border-left: 1px solid #ff9f00;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: scroll;
    padding: 12px;
    width: 40%;
  }

  .gnav.is-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.gnav .inner {
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .gnav .inner {
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .gnav__logo {
    /* position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12.37785%; */
    width: 12%;
    /* margin-left: 5%; */
  }
}

.gnav__logo a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 1023px) {
  .gnav__logo {
    /*margin: 0 0 10px;*/
    margin: 10px 0;
    text-align: center;
  }

  .gnav__logo img {
    /*height: 22px;*/
    width: 80%;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    /* flex-basis: 41%; */
  }
}

.gnav__nav li {
  text-align: center;
}

.gnav__nav.left li {
  width: 25%;
}
.gnav__nav.right {
  justify-content: center;
}
.gnav__nav.right li {
  /* width: calc(100% / 3); */
  width: 25%;
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li {
    /* width: 12.540717%; */
    border-right: 1px solid #c0c0c0;
    flex-basis: calc(100% / 7);
  }
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li {
    border-bottom: 1px solid #c0c0c0;
  }
}

.gnav__nav li a {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.gnav__nav li a:hover {
  /*opacity: .7;*/
  background: #fdf1dd;
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li a {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 4px 0 6px;
  }
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a {
    /*padding: 6px 4px;*/
    padding: 15px 4px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.gnav__nav li a img {
  margin: auto auto 0;
  height: 58px;
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a img {
    /*height: 20px;*/
    height: 30px;
    margin: 0 12px 0 0;
  }
}

.gnav__nav li a p {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li a p {
    margin: 10px auto 0;
  }
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a p {
    width: auto;
  }
}

.gnav__nav li a span {
  width: 100%;
  text-align: center;
  display: block;
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a span {
    text-align: left;
  }
}

.gnav__nav li a span:nth-of-type(1) {
  /* font-size: 16px; */
  font-size: 1.6rem;
  color: #333;
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li a span:nth-of-type(1) {
    margin: auto auto 10px;
    /* margin: auto auto 5px; */
  }
  .gnav__nav li:nth-of-type(3) a span:nth-of-type(1) {
    margin: auto auto 5px;
  }
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a span:nth-of-type(1) {
    /*font-size: 11px;
            font-size: 1.1rem;*/
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.gnav__nav li a span:nth-of-type(2) {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ff9f00;
  font-family: "Questrial";
  font-weight: 400;
  font-style: normal;
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li a span:nth-of-type(2) {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li:nth-of-type(1) {
    border-left: 1px solid #c0c0c0;
  }

  .gnav__nav li:nth-of-type(1) a img {
    width: 43px;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li:nth-of-type(2) a img {
    width: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li:nth-of-type(4) a img {
    width: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li:nth-of-type(5) {
    /* border-left: 1px solid #c0c0c0; */
    /* margin-left: auto; */
  }

  .gnav__nav li:nth-of-type(5) a img {
    width: 46px;
  }
}

@media only screen and (min-width: 1024px) {
  .gnav__nav li:nth-of-type(6) a img {
    width: 59px;
    height: 38px;
  }
}

@media only screen and (max-width: 1023px) {
  .gnav__nav li:nth-of-type(7) a img {
    /*height: 14px;*/
    height: 19px;
    margin: 0 7px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .gnav__nav li:nth-of-type(7) a img {
    /*width: 26px;*/
    width: 40px;
  }
}

.gnav__link li {
  /*margin: 16px 0 0;*/
  margin: 20px 0 0;
}

.gnav__link li a {
  /*font-size: 10px;
    font-size: 1rem;*/
  /* color: #ff9f00; */
  color: #1cafd0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}

.gnav__link li a::before {
  font-family: "FontAwesome";
  content: "\f054";
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 3px 0 0;
}

.gnav__button {
  padding: 5px 0 100px;
}

.gnav__button a {
  display: block;
  text-align: center;
  color: #fff;
  /*line-height: 26px;*/
  line-height: 35px;
  /*margin: 10px 0 0;*/
}

.gnav__tel {
  background: #ff8500;
  /*font-size: 12px;
  font-size: 1.2rem;*/
  font-size: 20px;
  font-size: 2rem;
  margin: 20px 0 0;
}

.gnav__tel::before {
  /*width: 10px;
	height: 10px;*/
  width: 20px;
  height: 20px;
  margin: -2px 2px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/common/icon-tel.svg) center/cover no-repeat;
}

.gnav__access {
  background: #e37700;
  /*font-size: 10px;
  font-size: 1rem;*/
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0 0;
}

.gnav__access::before {
  display: inline-block;
  font-family: "FontAwesome";
  content: "\f041";
  color: #fff;
  opacity: 0.5;
  margin: 0 3px 0 0;
}

.header {
  height: 48px;
  background: #ff9f00;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .header {
    background: #fff;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
    max-width: 100vw;
  }
}

.header__title {
  margin: 0 auto 0 24px;
}

@media only screen and (max-width: 1023px) {
  .header__title {
    margin: 0 0 0 12px;
    width: 120px;
  }
}

.header__title a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.header__title a:hover {
  opacity: 0.7;
}

.header__title span {
  display: inline-block;
}

.header__title span:nth-of-type(1) {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}

.header__title span:nth-of-type(2) {
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: 0.2em;
}

.header__title img {
  width: auto;
  /*height: 32px;*/
  height: 40px;
}

.header__nav {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .header__nav {
    display: none;
  }
}

.header__nav li {
  /* margin: 0 0 0 16px; */
  background: #fff;
  height: 100%;
}

.header__nav li a {
  background: #1cafd0;
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.header__nav li a::before {
  position: relative;
  font-family: "FontAwesome";
  font-size: 11px;
  font-size: 1.1rem;
  content: "\f054";
  display: inline-block;
  vertical-align: middle;
  margin: -1px 6px 0 0;
  color: #fff;
  opacity: 0.5;
}

.header__nav li a:hover {
  opacity: 0.7;
}

.header__tel {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  background: #ff8500;
  font-size: 30px;
  font-size: 3rem;
  font-family: "Questrial";
  font-weight: 400;
  font-style: normal;
  padding: 0 10px 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.header__tel:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 1023px) {
  .header__tel {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    padding: 0;
    margin-left: auto;
    /*font-size: 10px;
        font-size: 1rem;*/
    font-size: 14px;
    font-size: 1.4rem;
  }

  .header__tel span {
    width: 100%;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    margin: -4px 0 0 0;
  }
}

.header__tel::before {
  width: 19px;
  height: 19px;
  margin: -2px 8px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/common/icon-tel.svg) center/cover no-repeat;
}

@media only screen and (max-width: 1023px) {
  .header__tel::before {
    width: 26px;
    margin: 0;
    height: 26px;
  }
}

.header__access {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  background: #e37700;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 10px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media only screen and (max-width: 1023px) {
  .header__access {
    width: 50px;
    min-width: 50px;
    height: 50px;
    text-align: center;
    padding: 0;
    font-size: 10px;
    font-size: 1rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .header__access span {
    width: 100%;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    margin: -6px 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.header__access::before {
  font-family: "FontAwesome";
  content: "\f041";
  color: #fff;
  opacity: 0.5;
  margin: 0 8px 0 0;
}

@media only screen and (max-width: 1023px) {
  .header__access::before {
    display: inline-block;
    font-size: 28px;
    opacity: 1;
    margin: 0;
  }
}

.header__access:hover {
  opacity: 0.7;
}

/* 検索ボックス */
.search-box {
  padding: 0 20px;
  min-width: 20%;
  max-width: 300px;
}

.search-box .search-form {
  width: 100%;
  height: 32px;
  position: relative;
}

.search-box .search-txt {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  border-radius: 2px;
  background: #fff;
  border: solid 1px #999;
  outline: 0;
}

.search-box .s-btn-area {
  width: 42px;
  height: 32px;
  line-height: 32px;
  min-height: auto;
  padding: 0;
  background: #999;
  color: #fff;
  border: none;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 0;
  outline: 0;
}

.search-box .s-btn {
  width: 100%;
  height: 100%;
}

.header__menu {
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  padding: 0;
  border: 0;
  outline: 0;
}

@media only screen and (max-width: 1023px) {
  .search-box {
    padding: 20px;
    min-width: 100%;
    max-width: 100%;
    background: #fff7e6;
    margin: 2% auto 4%;
  }

  .search-box .search-txt {
    font-size: 16px;
  }

  .gnav__button .search-box {
    padding: 10px;
    margin: 10px auto 0;
  }
}

@media only screen and (max-width: 479px) {
  .search-box {
    padding: 15px;
    margin: 4% auto;
  }
}

.header__menu .hamburger {
  position: relative;
  top: -5px;
}

.header__menu .text {
  position: absolute;
  /*bottom: 1px;
      font-size: 10px;
      font-size: 1rem;*/
  bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
  width: 100%;
  color: #ff9f00;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  margin: -0px 0 0 -0px;
}

.buttonBox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 30px -5px;
}

@media only screen and (max-width: 767px) {
  .buttonBox {
    margin: 18px -5px;
  }
}

.rightBox .buttonBox {
  margin: 0;
}

.button01 {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 70px;
  margin: 0 5px;
  max-width: 275px;
  border: 1px solid #ff9f00;
  background: #fff;
  color: #ff9f00;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.button01:hover {
  /*opacity: .7;*/
  background: #ff9f00;
  color: #fff;
  border: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
  .button01 {
    line-height: 42px;
    max-width: 50%;
    /*font-size: 10px;
      font-size: 1rem;*/
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.button01 span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 20px;
}

.button01 span::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #ff9f00;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}

.button01 span::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -3px 0 0 5px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 3px;
  border-color: transparent transparent transparent #fff;
}

.heading {
  width: 100%;
  background: #fff3de;
  padding: 16px 0 0 0;
  height: 160px;
}

.heading__inner {
  width: 95%;
  max-width: 1228px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.heading__inner__left .breadcrumb li {
  display: inline-block;
}

.heading__inner__left .breadcrumb li a {
  display: block;
  width: 100%;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  padding-right: 14px;
  position: relative;
  color: #333333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.heading__inner__left .breadcrumb li span {
  font-size: 11px;
  font-size: 1.1rem;
}

.heading__inner__left .breadcrumb li a:before {
  content: ">";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  font-size: 11px;
  font-size: 1.1rem;
}

.heading__inner__left .breadcrumb li a:hover {
  opacity: 0.7;
}

.heading__inner__left .breadcrumb li:first-child a span {
  text-decoration: underline;
}

.heading__inner__left .breadcrumb li:last-child a {
  pointer-events: none;
}

.heading__inner__left .breadcrumb li:last-child a:before {
  content: none;
}

.heading__inner__left {
  z-index: 1;
}

.heading__inner__left h2 {
  font-size: 38px;
  font-size: 3.8rem;
  color: #4d4d4d;
  /*padding-top: 30px;*/
  padding-top: 50px;
  width: 100%;
}

.heading__inner__right {
  display: block;
  width: 130px;
  height: 146px;
  position: absolute;
  right: 0;
  z-index: 0;
}

.heading__inner__right img {
  width: 100%;
}

/* ------------------------------------- */
/* link-btn-list add:230912 */
/* ------------------------------------- */
.link-btn-list {
  width: 95%;
  max-width: 1024px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 48px auto 0;
  padding: 20px 40px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  position: relative;
}

.link-btn-item {
  width: calc(100% / 4);
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link-btn-item a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  background-color: #ff9f00;
  color: #fff;
  padding: 12px 1em;
  line-height: 1.4;
  /* font-size: 18px; */
  font-weight: bold;
  border: 1px solid #ff9f00;
  border-radius: 100vmax;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.link-btn-item a:hover {
  background-color: #fff7e6;
  color: #ff9f00;
}

.link-btn-list.btn_blue {
  background-color: rgb(228, 245, 250);
}

.btn_blue .link-btn-item a {
  background-color: rgba(50, 192, 223, 1);
  color: #fff;
  border-color: #1cafd0;
  border-width: 2px;
}

.btn_blue .link-btn-item a:hover {
  background-color: rgb(228, 245, 250);
  color: rgb(50, 192, 223);
}

.link-btn-list.btn_green {
  background-color: rgb(231, 248, 226);
}

.btn_green .link-btn-item a {
  background-color: rgb(105 214 72);
  color: #fff;
  border-color: rgb(62 192 22);
  border-width: 2px;
}

.btn_green .link-btn-item a:hover {
  background-color: rgb(231, 248, 226);
  color: rgb(105 214 72);
}

@media screen and (max-width: 1023px) {
  .link-btn-list {
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding: 0 8px;
    border-radius: 0;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.16);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
  }

  .link-btn-item {
    padding: 8px 0;
  }

  .link-btn-item a {
    padding: 8px 4px;
    font-size: 14px;
    color: #ff9f00;
    background-color: #fff;
    border: none;
    border-radius: 0;
  }

  .link-btn-item + .link-btn-item a {
    border-left: 1px solid #ff9f00;
  }

  .btn_blue .link-btn-item a {
    color: #32c0df;
    background-color: rgb(228, 245, 250);
  }

  .btn_blue .link-btn-item + .link-btn-item a {
    border-color: #1cafd0;
  }

  .btn_green .link-btn-item a {
    color: rgb(105 214 72);
    background-color: rgb(231, 248, 226);
  }

  .btn_green .link-btn-item + .link-btn-item a {
    border-color: rgb(105 214 72);
  }

  .link-btn-item a .sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .link-btn-item a {
    font-size: 12px;
    padding: 4px;
  }

  .link-btn-item a .sp {
    display: block;
  }
}

body.detail .wrap {
  /*padding: 60px 0 0 0;*/
  padding: 50px 0 0;
}

body.detail .wrap .inner {
  margin-top: 28px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

body.detail .wrap .inner .base {
  width: 100%;
}

body.detail .wrap .inner aside {
  width: 23.615635179%;
  float: left;
}

body.detail .wrap .inner aside .sidebar__nav {
  border-top: solid #ff9f00 10px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  margin-bottom: 30px;
}

body.detail .wrap .inner aside .sidebar__nav li {
  border-bottom: 1px solid #dadada;
}

body.detail .wrap .inner aside .sidebar__nav li:first-of-type {
  border-top: 1px solid #dadada;
}

body.detail .wrap .inner aside .sidebar__nav li a {
  width: 100%;
  display: block;
  /*padding: 17px 12px;*/
  padding: 12px 25px 12px 12px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff9f00;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body.detail .wrap .inner aside .sidebar__nav li a:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f105";
  color: #ff9f00;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

body.detail .wrap .inner aside .sidebar__nav li a:hover {
  background: #ff9f00;
  color: #fff;
}

body.detail .wrap .inner aside .sidebar__nav li a:hover:after {
  color: #fff;
}

body.detail .wrap .inner aside .sidebar__nav .current_page_item {
  background: #ff9f00;
}

body.detail .wrap .inner aside .sidebar__nav .current_page_item a {
  color: #fff;
}

body.detail .wrap .inner aside .sidebar__nav .current_page_item a:after {
  color: #ffc462;
}

body.detail .wrap .inner aside .sidebar__nav .current_page_item a:hover {
  background: #fff;
  color: #ff9f00;
}

body.detail .wrap .inner aside .sidebar__nav .current_page_item a:hover:after {
  color: #ff9f00;
}

/*body.detail .wrap .inner aside .sidebar .bannerBox {
        margin-top: 30px; }*/
body.detail .wrap .inner aside .sidebar .bannerBox__large li {
  margin-bottom: 10px;
}

body.detail .wrap .inner aside .sidebar .bannerBox__large li a {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body.detail .wrap .inner aside .sidebar .bannerBox__large li a img {
  width: 100%;
  display: block;
  border: 1px solid #cfcfcf;
}

body.detail .wrap .inner aside .sidebar .bannerBox__large li a:hover {
  opacity: 0.7;
}

body.detail .wrap .inner .content {
  width: 73.28990228%;
  float: right;
}

/*body.detail .wrap .inner .content h3 {
        font-size: 22px;
        font-size: 2.2rem;
        color: #fff;
        background: #ff9f00 url("../images/detail/heading_icon02.svg") center left 16px/28px 30px no-repeat;
        padding: 19px 0 19px 50px; }
      body.detail .wrap .inner .content h4 {
        font-size: 22px;
        font-size: 2.2rem;
        color: #ff9f00;
        border-bottom: 1px solid #ff9f00;
        font-weight: bold;
        padding-bottom: 6px;
        padding-top: 36px; }
      body.detail .wrap .inner .content h5 {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #4d4d4d;
        padding-top: 28px; }
      body.detail .wrap .inner .content p {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        padding: 16px 0 0 0; }
      body.detail .wrap .inner .content .list {
        margin-top: 40px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        body.detail .wrap .inner .content .list__item {
          width: 31.55555555%; }
          body.detail .wrap .inner .content .list__item figure img {
            width: 100%;
            display: block; }
          body.detail .wrap .inner .content .list__item figure p {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: bold;
            color: #ff9f00;
            padding-top: 8px; }
          body.detail .wrap .inner .content .list__item figure figcaption {
            color: #333333;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.5384615;
            padding-top: 4px; }
      body.detail .wrap .inner .content .tablebox {
        background: #f6f6f6;
        padding: 30px;
        margin-top: 50px; }
        body.detail .wrap .inner .content .tablebox__title {
          font-size: 20px;
          font-size: 2rem;
          letter-spacing: 0.05em;
          color: #333333;
          border-left: 5px solid #ff9f00;
          padding: 0 0 0 10px; }
        body.detail .wrap .inner .content .tablebox ul {
          margin-top: 16px; }
          body.detail .wrap .inner .content .tablebox ul li {
            border-bottom: 1px solid #c0c0c0;
            padding: 10px 20px;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
            body.detail .wrap .inner .content .tablebox ul li:first-child {
              border-top: 1px solid #c0c0c0; }
            body.detail .wrap .inner .content .tablebox ul li:nth-child(odd) {
              background: #fff; }
            body.detail .wrap .inner .content .tablebox ul li span {
              font-size: 15px;
              font-size: 1.5rem;
              letter-spacing: 0.05em;
              display: block; }
              body.detail .wrap .inner .content .tablebox ul li span:first-child {
                font-weight: bold;
                width: 17%;
				width: 30%;
                color: #4d4d4d; }
              body.detail .wrap .inner .content .tablebox ul li span:last-child {
                width: 83%;
                width: 70% }*/
body.detail .wrap .inner .bannerBox {
  margin: 0 auto;
}

body.detail .wrap .inner .bannerBox__small {
  max-width: 1074px;
  /*margin: 90px 0 40px 0;*/
  margin: 40px 0;
  display: -webkit-flex;
  display: flex;
  /*-webkit-justify-content: space-between;
        justify-content: space-between;*/
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  body.detail .wrap .inner .bannerBox__small {
    /*padding: 10px 0 25px;*/
    padding: 10px 0 70px;
    /* margin: 20px 16px 0;*/
    margin: 20px 0 0;
    width: auto;
    justify-content: space-between;
    border-top: 1px solid #c0c0c0;
  }
}

body.detail .wrap .inner .bannerBox__small li {
  width: 24.394786%;
  /*width: 30%;*/
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  body.detail .wrap .inner .bannerBox__small li {
    width: 48.45679%;
    margin: 10px 0 0;
    padding: 0;
  }
}

body.detail .wrap .inner .bannerBox__small li a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body.detail .wrap .inner .bannerBox__small li a:hover {
  opacity: 0.7;
}

body.index .visual {
  position: relative;
  margin: 95px 0 0;
  background: url(../images/index/visual-bg.svg) center bottom 10% / auto 176px no-repeat;
}

body.top_test .visual {
  margin: 56px 0 0;
}

@media only screen and (max-width: 1023px) {
  body.index .visual {
    margin: 50px 0 0;
  }
}

body.index .visual__inner {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1023px) {
  body.index .visual__inner {
    display: none;
  }
}

body.index .visual__image {
  position: relative;
  height: 432px;
  background: url(../images/index/visual-image2026.png) 0 0 / auto 432px repeat-x;
  -webkit-animation: loop 60s linear infinite;
  -moz-animation: loop 60s linear infinite;
  animation: loop 60s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes loop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1635px 0;
  }
}

@-moz-keyframes loop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1635px 0;
  }
}

@keyframes loop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1635px 0;
  }
}

body.index .visual__text {
  max-width: 1064px;
  margin: auto;
  font-size: 27px;
  font-size: 2.7rem;
  letter-spacing: 0.2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  line-height: 1.85185185em;
  width: 95%;
  font-weight: 600;
  text-shadow:
    #fff 1px 1px 10px,
    #fff -1px 1px 10px,
    #fff 1px -1px 10px,
    #fff -1px -1px 10px;
}

body.index .menu {
  margin: 40px 0 0;
  background: #ff9f00;
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  body.index .menu {
    margin: 0;
  }
}

body.index .menu ul {
  display: -webkit-flex;
  display: flex;
}

body.index .menu ul li {
  position: relative;
  width: 33.33333%;
  padding: 40px 25px;
  text-align: center;
}

body.index .menu ul li:hover {
  background: #fe8701;
  transition-property: all;
  transition: 0.3s linear;
}

/* @media only screen and (max-width: 767px) {
        body.index .menu ul li {
          padding: 18px 10px 14px; } }*/
body.index .menu ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25px;
  bottom: 25px;
  height: auto;
  width: 1px;
  background: #fff;
}

/*@media only screen and (max-width: 767px) {
          body.index .menu ul li::before {
            top: 0;
            bottom: 0; } }*/
body.index .menu ul li:first-child::before {
  content: none;
}

body.index .menu ul li figure {
  margin: 0 0 24px;
}

/*@media only screen and (max-width: 767px) {
          body.index .menu ul li figure {
            margin: 0 0 12px; } }*/
body.index .menu ul li figure img {
  width: auto;
  height: 110px;
}

@media only screen and (max-width: 1023px) {
  body.index .menu ul li figure img {
    height: 70px;
  }
}

/*@media only screen and (max-width: 767px) {
            body.index .menu ul li figure img {
              height: 44px; } }*/
body.index .menu ul li h2 {
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 1023px) {
  body.index .menu ul li h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

/*@media only screen and (max-width: 767px) {
          body.index .menu ul li h2 {
            font-size: 11px;
            font-size: 1.1rem; } }*/
body.index .menu ul li p {
  margin: 14px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.64285714em;
}

/*@media only screen and (max-width: 767px) {
          body.index .menu ul li p {
            font-size: 7px;
            font-size: 0.7rem;
            margin: 10px 0 0; } }
*/
body.index .topics,
body.index .medical {
  /*margin: 60px 0 0; }*/
  margin: 0 auto;
  padding: 60px 0 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  body.index .topics,
  body.index .medical {
    /*padding: 0 16px;
      margin: 25px 0;*/
    padding: 40px 0 0;
  }
}

body.index .topics__titleBox,
body.index .medical__titleBox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

@media only screen and (max-width: 1023px) {
  body.index .topics__titleBox,
  body.index .medical__titleBox {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

body.index .topics__title,
body.index .medical__title {
  display: inline-block;
  padding-top: 16px;
  font-size: 33px;
  font-size: 3.3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: lighter;
  color: #ff9f00;
  border-top: 3px solid #ff9f00;
  white-space: nowrap;
}

@media only screen and (max-width: 1023px) {
  body.index .topics__title,
  body.index .medical__title {
    padding-top: 10px;
    /*font-size: 20px;
        font-size: 2rem;*/
    font-size: 24px;
    font-size: 2.4rem;
    border-width: 2px;
  }
}

/*@media only screen and (max-width: 1023px) {
    body.index .topics__time,
    body.index .medical__time {
      margin: 0 0 0 20px; } }*/
body.index .topics__time dl,
body.index .medical__time dl {
  display: -webkit-flex;
  display: flex;
  margin: 6px 0 0;
}

@media only screen and (max-width: 1023px) {
  body.index .topics__time dl,
  body.index .medical__time dl {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

body.index .topics__time dl dt,
body.index .medical__time dl dt {
  min-width: 110px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #ff9f00;
  margin: 0 16px 0 0;
}

@media only screen and (max-width: 1023px) {
  body.index .topics__time dl dt,
  body.index .medical__time dl dt {
    margin: 0 10px 0 0;
    /*font-size: 12px;
          font-size: 1.2rem;*/
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 6em;
  }
}

body.index .topics__time dl dd,
body.index .medical__time dl dd {
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
}

@media only screen and (max-width: 1023px) {
  body.index .topics__time dl dd,
  body.index .medical__time dl dd {
    /*font-size: 12px;
          font-size: 1.2rem;*/
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1024px) {
  body.index .topics .inner,
  body.index .medical .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) {
  body.index .topics .leftBox,
  body.index .medical .leftBox {
    width: 45.602606%;
  }
}

body.index .topics .leftBox .tab,
body.index .medical .leftBox .tab {
  margin: 20px 0 0;
}

/*@media only screen and (max-width: 1023px) {
      body.index .topics .leftBox .tab,
      body.index .medical .leftBox .tab {
        margin: 12px 0 0; } }*/
body.index .topics .leftBox .tab__buttonBox {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 25px;
}

@media only screen and (max-width: 1023px) {
  body.index .topics .leftBox .tab__buttonBox {
    margin: 0 0 16px;
  }
}

body.index .topics .leftBox .tab__button,
body.index .medical .leftBox .tab__button {
  width: calc(100% / 3);
  font-size: 14px;
  font-size: 1.4rem;
  color: #ff9f00;
  font-weight: bold;
  background: #fff7e6;
  line-height: 30px;
  text-align: center;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #ff9f00;
  cursor: pointer;
}

/*@media only screen and (max-width: 1023px) {
        body.index .topics .leftBox .tab__button,
        body.index .medical .leftBox .tab__button {
          font-size: 10px;
          font-size: 1rem; } }*/
body.index .topics .leftBox .tab__button:last-child {
  border-right: 1px solid #d4d4d4;
}

body.index .topics .leftBox .tab__button.is-active,
body.index .topics .leftBox .tab__button:hover {
  background: #fff;
  border: 1px solid #ff9f00;
  border-bottom: 1px solid transparent;
}

@media only screen and (min-width: 1024px) {
  body.index .topics .leftBox .tab__button.is-active,
  body.index .topics .leftBox .tab__button:hover {
    line-height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

body.index .topics .leftBox .tab__button.is-active + .tab__button,
body.index .topics .leftBox .tab__button:hover + .tab__button {
  border-left: 0;
}

body.index .topics .leftBox .tab__content {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

body.index .topics .leftBox .tab__content.is-active,
body.index .topics .leftBox .tab__button:hover {
  opacity: 1;
}

body.index .topics .leftBox .tab__content .item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 0 0;
}

@media only screen and (max-width: 1023px) {
  body.index .topics .leftBox .tab__content .item {
    /*margin: 10px 0 0;*/
    margin: 15px 0;
  }
}

body.index .topics .leftBox .tab__content .item__category {
  display: inline-block;
  width: 100px;
  border-radius: 6px;
  line-height: 35px;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  body.index .topics .leftBox .tab__content .item__category {
    /*font-size: 10px;
              font-size: 1rem;
              width: 58px;
              line-height: 22px;*/
    /*font-size: 11px;
              font-size: 1.1rem;
              width: 56px;*/
    font-size: 13px;
    font-size: 1.3rem;
    width: 70px;
    line-height: 30px;
    border-radius: 3px;
  }
}

body.index .topics .leftBox .tab__content .item__titleBox {
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 767px) {
  body.index .topics .leftBox .tab__content .item__titleBox {
    margin: 0 0 0 10px;
  }
}

body.index .topics .leftBox .tab__content .item__titleBox span {
  display: block;
}

body.index .topics .leftBox .tab__content .item__date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/*@media only screen and (max-width: 767px) {
            body.index .topics .leftBox .tab__content .item__date {
              font-size: 6px;
              font-size: 0.6rem; } }*/
body.index .topics .leftBox .tab__content .item__title {
  margin: 4px 0 0;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media only screen and (max-width: 767px) {
  body.index .topics .leftBox .tab__content .item__title {
    /*font-size: 10px;
              font-size: 1rem;*/
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

body.index .topics .leftBox .tab__content .item.news .item__category {
  background: #ff9f00;
}

body.index .topics .leftBox .tab__content .item.closed .item__category {
  background: #a0a0a0;
}

body.index .topics .leftBox .tab__content .item.important .item__category {
  /*background: #ff0000;*/
  background: #ff4c00;
}

body.index .topics .leftBox .tab__content .item.important .item__title {
  color:
    /*#ff0000*/ #ff4c00;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body.index .topics .leftBox .tab__content .item a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body.index .topics .leftBox .tab__content .item a:hover span {
  color: #ff9f00;
}

body.index .topics .leftBox .tab__content .item a:hover .item__title {
  color: #ff9f00;
}

body.index .topics .rightBox .table {
  margin: 20px 0 0;
  width: 100%;
}

body.index .topics .rightBox .medical__time {
  padding: 20px 0;
}

body.index .topics .rightBox .medical__time p {
  font-size: 1.4rem;
  font-size: 14px;
  line-height: 1.5;
}

body.index .topics .rightBox .medical__time p a {
  text-decoration: underline;
}

body.index .topics .rightBox .medical__time p a:hover {
  color: #ff9f00;
}

body.index .topics .rightBox .table tr th,
body.index .topics .rightBox .table tr td {
  border: 1px solid #a7a7a7;
  /*padding: 20px*/
  padding: 15px;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  body.index .topics .rightBox .table tr th,
  body.index .topics .rightBox .table tr td {
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  body.index .topics .rightBox .table tr th,
  body.index .topics .rightBox .table tr td {
    /* font-size: 10px; */
    /* font-size: 1rem; */
    font-size: 1.4rem;
    font-size: 14px;
    padding: 8px 5px;
  }
}

body.index .topics .rightBox .table tr td.business {
  color: #ff9f00;
  font-size: 18px;
  font-size: 1.8rem;
}

body.index .topics .rightBox .table tr td.holiday {
  color: #c0c0c0;
  /*font-size: 20px;
      font-size: 2rem; */
}

body.index .topics .rightBox .table tr:nth-of-type(1) th {
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  body.index .topics .rightBox .table tr:nth-of-type(1) th {
    /*font-size: 10px;*/
    /* font-size: 1rem; */
    font-size: 14px;
    font-size: 1.4rem;
  }
}

body.index .topics .rightBox .table tr:not(:nth-of-type(1)) th {
  white-space: nowrap;
}

@media only screen and (max-width: 1023px) {
  body.index .topics .rightBox .table tr:not(:nth-of-type(1)) th {
    text-align: left;
  }
}

@media only screen and (max-width: 1023px) {
  body.index .topics .rightBox .table tr:nth-last-of-type(1) td {
    text-align: left;
    line-height: 1.44444444em;
  }
}

body.index .topics .rightBox .table tr:last-child td {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

body.index .topics .rightBox .table thead tr th {
  font-weight: bold;
}

body.index .topics .rightBox .table tbody tr th {
  font-weight: normal;
  text-align: left;
}

/* @media only screen and (min-width: 1024px) {
        body.index .topics .rightBox .table tbody tr th {
          width: 168px; } }*/
body.index .topics .rightBox .table tbody tr:nth-of-type(3) th,
body.index .topics .rightBox .table tbody tr:nth-of-type(3) td {
  padding: 14px 20px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  body.index .topics .rightBox .table tbody tr:nth-of-type(3) th,
  body.index .topics .rightBox .table tbody tr:nth-of-type(3) td {
    /* font-size: 10px; */
    /* font-size: 1rem; */
    padding: 7px 8px;
    /* line-height: 1; */
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media only screen and (min-width: 1024px) {
  body.index .topics .rightBox {
    width: 45.602606%;
  }
}

@media only screen and (max-width: 1023px) {
  body.index .topics .rightBox {
    width: 100%;
    padding: 20px 0 40px;
  }
}

@media only screen and (max-width: 479px) {
  body.index .topics .rightBox {
    padding: 20px 0;
  }
}

body.index .topics .rightBox .map-canvas {
  width: 100%;
  height: 428px;
}

@media only screen and (max-width: 767px) {
  body.index .topics .rightBox .map-canvas {
    height: 182px;
  }
}

body.index .staff {
  background: #ff9f00;
  color: #fff;
  text-align: center;
  margin: 60px 0 0;
  padding: 54px 0 44px;
}

@media only screen and (max-width: 1023px) {
  body.index .staff {
    /*padding: 22px 0 12px;*/
    /*margin: 30px 0 0;*/
    padding: 35px 0 20px;
    margin: 40px 0 0;
  }
}

body.index .staff__title {
  margin: 0 0 28px;
}

body.index .staff__title span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  display: inline-block;
}

body.index .staff__title span:nth-of-type(1) {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.2em;
  margin-right: 1em;
}

@media only screen and (max-width: 767px) {
  body.index .staff__title span:nth-of-type(1) {
    /*font-size: 10px;
            font-size: 1rem;*/
    margin: 0;
  }
}

body.index .staff__title span:nth-of-type(2) {
  font-size: 33px;
  font-size: 3.3rem;
  letter-spacing: 0.025em;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__title span:nth-of-type(2) {
    margin: 6px 0 0;
    /*font-size: 15px;
            font-size: 1.5rem;*/
    font-size: 22px;
    font-size: 2.2rem;
  }
}

body.index .staff__slider {
  padding: 0 100px;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider {
    padding: 0 45px;
  }
}

body.index .staff__slider .slick-slide {
  padding: 10px 10px 0;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider .slick-slide {
    padding: 0 6px;
  }
}

body.index .staff__slider .slick-slide:nth-of-type(even) {
  padding-top: 40px;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider .slick-slide:nth-of-type(even) {
    padding-top: 20px;
  }
}

body.index .staff__slider .slick-prev,
body.index .staff__slider .slick-next {
  background: none;
  width: 26px;
  height: 40px;
}

body.index .staff__slider .slick-prev::before,
body.index .staff__slider .slick-next::before {
  display: block;
  content: "";
  width: 26px;
  height: 40px;
  background-size: 26px 40px;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider .slick-prev::before,
  body.index .staff__slider .slick-next::before {
    width: 12px;
    height: 20px;
    background-size: 12px 20px;
  }
}

body.index .staff__slider .slick-prev {
  left: 50px;
  margin-top: -40px;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider .slick-prev {
    left: 14px;
  }
}

body.index .staff__slider .slick-prev::before {
  background-image: url(../images/index/staff-icon-arrow-left.png);
}

body.index .staff__slider .slick-next {
  right: 50px;
  margin-top: -36px;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slider .slick-next {
    right: 14px;
  }
}

body.index .staff__slider .slick-next::before {
  background-image: url(../images/index/staff-icon-arrow-right.png);
}

body.index .staff__slide figure {
  position: relative;
}

body.index .staff__slide figure img:hover {
  opacity: 0.7;
}

body.index .staff__slide figure figcaption {
  position: relative;
  margin: -10px 0 0;
  padding: 6px 10px;
  line-height: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #fff;
  display: inline-block;
  border-radius: 4px;
  color: #ff9f00;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slide figure figcaption {
    margin: 0;
    top: -7px;
    font-size: 7px;
    font-size: 0.7rem;
  }
}

body.index .staff__slide figure::before {
  position: absolute;
  top: -10px;
  left: -10px;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 999;
}

body.index .staff__slide figure .thum {
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slide figure::before {
    width: 38px;
    height: 38px;
    top: 0;
    left: -5px;
  }
}

body.index .staff__slide.nurse figure::before {
  background-image: url(../images/index/staff-icon01.png);
}

body.index .staff__slide.doctor figure::before {
  background-image: url(../images/index/staff-icon02.png);
}

body.index .staff__slide.pharmacist figure::before {
  background-image: url(../images/index/staff-icon03.png);
}

body.index .staff__slide h3 span {
  display: block;
}

body.index .staff__slide h3 span:nth-of-type(1) {
  margin: 10px 0 0;
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 0.025em;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slide h3 span:nth-of-type(1) {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

body.index .staff__slide h3 span:nth-of-type(2) {
  margin: 10px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.075em;
}

@media only screen and (max-width: 1023px) {
  body.index .staff__slide h3 span:nth-of-type(2) {
    margin: 5px 0 0;
    white-space: nowrap;
    font-size: 8px;
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 1023px) {
  body.index .staff .buttonBox {
    padding: 0 16px;
  }
}

@media only screen and (min-width: 768px) {
  body.index .bannerBox__large {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #c0c0c0;
    flex-wrap: wrap;
  }
  body.index .bannerBox__large li {
    width: calc(100% / 3) !important;
  }
}

/*@media only screen and (max-width: 767px) {
  body.index .bannerBox__large {
    padding: 16px 25px 0 25px ;
	} }

@media only screen and (max-width: 767px) {
  body.index .bannerBox__large li {
    margin-bottom: 10px; } }
*/
body.index .bannerBox__large li {
  width: 100%;
}

body.index .bannerBox__large li:first-child {
  margin-top: 0;
}

body.index .bannerBox__large li a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body.index .bannerBox__large li a:hover {
  opacity: 0.7;
}

body.index .bannerBox__large li a img {
  display: block;
  width: 100%;
}

body.index .bannerBox__small {
  max-width: 1074px;
  width: 90%;
  margin: 28px auto;
  display: -webkit-flex;
  display: flex;
  /*-webkit-justify-content: space-between;
  justify-content: space-between;*/
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  body.index .bannerBox__small {
    /*padding: 10px 0 25px;*/
    padding: 10px 0 70px;
    margin: 20px 16px 0;
    justify-content: space-between;
    width: auto;
    border-top: 1px solid #c0c0c0;
  }
}

body.index .bannerBox__small li {
  width: 24.394786%;
  /*width: 30%;*/
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  body.index .bannerBox__small li {
    width: 48.45679%;
    padding: 0;
    margin: 10px 0 0;
  }
}

body.index .bannerBox__small li a {
  display: block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

body.index .bannerBox__small li a:hover {
  opacity: 0.7;
}

/*以下　1809追記*/
@media only screen and (max-width: 1220px) {
  .header__tel span.pc {
    font-size: 20px;
    font-size: 2rem;
  }

  .header__nav li a {
    font-size: 14px;
    font-size: 1.4rem;
  }

  body.index .topics .leftBox .table tr th,
  body.index .topics .leftBox .table tr td,
  body.index .medical .leftBox .table tr th,
  body.index .medical .leftBox .table tr td {
    padding: 10px;
  }

  body.index .topics__time dl dt,
  body.index .medical__time dl dt {
    min-width: 80px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  body.index .topics__time dl dd,
  body.index .medical__time dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1023px) {
  /* 1023px以下用（タブレット用）の記述 */
  .footer__address {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4em;
  }

  .footer__subject {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 10px 0 0;
  }

  .footer__table tr th,
  .footer__table tr td {
    font-size: 13px;
    font-size: 1.3rem;
  }

  ul.breadcrumb {
    display: none;
  }

  .heading {
    height: 120px;
  }

  .heading__inner__right {
    width: 110px;
    height: 110px;
    right: 20px;
  }

  .heading__inner__left h2 {
    font-size: 32px;
    font-size: 3.2rem;
    padding-top: 30px;
  }

  body.detail .wrap .inner .content {
    width: 100%;
    float: none;
  }

  body.detail .wrap .inner aside {
    width: 100%;
    float: none;
    /*padding-top: 30px; */
  }

  /*body.detail .wrap .inner aside .sidebar__nav {
	width: 50%;
	float: left;
	margin-right: 2%;
}
body.detail .wrap .inner aside .sidebar .bannerBox {
	width: 48%;
	float: left;
	margin: 0;
}*/
  body.detail .wrap .inner aside .sidebar__nav {
    width: 100%;
    float: none;
  }

  body.detail .wrap .inner aside .sidebar .bannerBox {
    width: 100%;
    float: none;
    margin: 30px auto 0;
  }

  body.detail .wrap .inner aside .sidebar .bannerBox__large {
    display: flex;
  }

  body.detail .wrap .inner aside .sidebar .bannerBox__large li {
    margin-bottom: 0;
  }

  /*body.detail .wrap section.sidebar {
    padding-top: 30px;
}*/
}

@media only screen and (max-width: 767px) {
  /* 767px以下用（スマートフォン用）の記述 */
  .gnav {
    width: 50%;
  }

  .gnav__logo img {
    width: 90%;
  }

  body.index .menu {
    display: none;
  }

  body.index .bannerBox__large {
    padding: 10px 0 0;
    margin: 20px 16px 0;
    width: auto;
    display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  body.index .bannerBox__large li {
    width: 48.45679%;
    margin: 10px 0 0 !important;
  }

  footer .footer__nav,
  .footer__leftBox .footer__subject,
  .footer__leftBox .footer__links,
  .footer__rightBox {
    display: none;
  }

  .footer__leftBox h3.footer__logo {
    display: inline-block;
  }

  .footer__leftBox .footer__address {
    display: inline-block;
    float: right;
    margin: 0;
  }

  .footer__leftBox .flex-item h3.footer__logo {
    display: block;
  }
  .footer__leftBox .flex-item .footer__address {
    float: none;
    margin: 10px 0 0;
  }

  .footer__box .inner {
    margin: 0 auto !important;
  }

  body.detail .wrap .inner .content p {
    font-size: 14px;
    font-size: 1.4rem;
  }

  body.detail .wrap .inner .content .list__item {
    width: 49%;
    padding-bottom: 20px;
  }

  body.detail .wrap .inner .footer__leftBox {
    width: 100%;
  }

  body.detail .wrap .inner aside .sidebar__nav li a {
    padding: 12px;
    font-size: 15px;
    font-size: 1.5rem;
  }

  body.detail .wrap .inner .content .tablebox {
    padding: 20px;
    margin-top: 30px;
  }

  body.detail .wrap .inner .content .tablebox ul li {
    padding: 10px;
  }

  body.detail .wrap .inner .content .tablebox ul li span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
  }

  body.detail .wrap .inner aside .sidebar .bannerBox__large li {
    width: 48.45679%;
    margin: 10px 0 0 !important;
  }

  body.detail .bannerBox ul.bannerBox__large {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 479px) {
  /* 479px以下用（スマートフォン用）の記述 */
  .gnav {
    width: 70%;
  }

  body.index .topics__titleBox,
  body.index .medical__titleBox {
    display: block;
    text-align: center;
  }

  /*body.index .topics .leftBox .tab__button, body.index .medical .leftBox .tab__button {
	font-size: 12px;
   	font-size: 1.2rem;
}*/
  /*body.index .topics__time, body.index .medical__time {
    text-align: left;
    margin: 20px 0 0;
}*/
  body.index .topics .leftBox .table tr:nth-of-type(1) th,
  body.index .medical .leftBox .table tr:nth-of-type(1) th {
    font-size: 13px;
    font-size: 1.3rem;
  }

  body.index .topics .leftBox .table tr th,
  body.index .topics .leftBox .table tr td,
  body.index .medical .leftBox .table tr th,
  body.index .medical .leftBox .table tr td {
    font-size: 1.3rem;
    font-size: 13px;
  }

  body.index .topics .leftBox .table tbody tr:nth-of-type(3) th,
  body.index .topics .leftBox .table tbody tr:nth-of-type(3) td,
  body.index .medical .leftBox .table tbody tr:nth-of-type(3) th,
  body.index .medical .leftBox .table tbody tr:nth-of-type(3) td {
    font-size: 1.3rem;
    font-size: 13px;
  }

  body.index .staff__title span:nth-of-type(1) {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .footer__leftBox h3.footer__logo {
    display: block;
    text-align: center;
  }

  .footer__leftBox .footer__address {
    display: block;
    float: none;
    margin: 0;
    text-align: center;
    padding: 10px 0 0;
  }

  .footer__leftBox .flex-item .footer__logo {
    text-align: left;
  }
  .footer__leftBox .flex-item .footer__address {
    text-align: left;
  }

  .heading {
    height: 100px;
  }

  .heading__inner__right {
    width: 80px;
    height: 80px;
    right: 30px;
  }

  .heading__inner__left h2 {
    font-size: 26px;
    font-size: 2.6rem;
    padding-top: 22px;
  }

  /*body.detail .wrap .inner aside .sidebar__nav {
    width: 100%;
    float: none;
}
body.detail .wrap .inner aside .sidebar .bannerBox {
    width: 100%;
    float: none;
    margin: 30px auto 0;
}*/
  body.detail .wrap .inner .content .tablebox ul li span:first-child {
    width: 100%;
    line-height: 1.7;
  }

  body.detail .wrap .inner .content .tablebox ul li span:last-child {
    width: 100%;
  }

  /*body.detail .wrap .inner aside .sidebar .bannerBox__large li {
	width: 48.45679%;
       margin: 10px 0 0!important;
}

body.detail .bannerBox ul.bannerBox__large {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}*/
  body.detail .wrap .inner .content h3 {
    font-size: 20px;
    font-size: 2rem;
  }

  body.detail .wrap .inner .content h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 413px) {
  .header__title img {
    height: 35px;
  }

  .button01 {
    max-width: 80%;
    font-size: 13px;
    font-size: 1.3rem;
  }

  /*body.index .topics .leftBox .tab__button, body.index .medical .leftBox .tab__button {
	font-size: 10px;
   	font-size: 1rem;
}*/
  body.index .topics .leftBox .table tr th,
  body.index .topics .leftBox .table tr td,
  body.index .medical .leftBox .table tr th,
  body.index .medical .leftBox .table tr td {
    padding: 4px;
  }

  body.index .staff__title span:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.4rem;
  }

  section.staff .buttonBox {
    display: block;
  }

  section.staff .button01 {
    margin: 5px auto 0;
  }

  body.index .bannerBox__large {
    /*padding: 16px 25px 0 25px ;
	margin: 0;*/
    padding: 10px 0 0;
    margin: 20px 16px 0;
  }

  body.detail .wrap .inner .content .tablebox {
    padding: 20px 10px;
  }

  body.index .topics .rightBox .table tr td.business {
    color: #ff9f00;
    font-size: 14px;
    font-size: 1.4rem;
  }

  body.index .topics .rightBox .table tbody tr:nth-of-type(3) th,
  body.index .topics .rightBox .table tbody tr:nth-of-type(3) td {
    font-size: 1.2rem;
    font-size: 12px;
  }

  body.index .topics__time dl dd,
  body.index .medical__time dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* 追記　2026.9 */

a.header__cntct {
  align-items: center;
  display: flex;
  background: #cd4e1e;
  text-align: center;
  font-size: 15px;
  padding: 0 10px;
  justify-content: center;
  height: 100%;
}

.header__cntct::before {
  content: "";
  display: block;
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  opacity: 1;
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

a.header__cntct span {
  width: 100%;
  display: block;
  white-space: nowrap;
  font-weight: bold;
}
.header .search-box {
  padding: 0 10px;
}
.header__tel {
  text-wrap: nowrap;
}
.gnav__cntct {
  background: #cd4e1e;
  font-size: 16px;
  line-height: 35px;
  margin: 10px 0 0;
}
.gnav__cntct::before {
  content: "";
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
  opacity: 1;
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: sub;
}
@media only screen and (max-width: 1023px) {
  a.header__cntct {
    width: 50px;
    min-width: 50px;
    height: 50px;
    flex-wrap: wrap;
    padding: 0;
  }
  .header__cntct::before {
    font-size: 28px;
  }
  a.header__cntct span {
    transform: scale(0.75);
    margin: -6px 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
  }
}
@charset "UTF-8";
/* 固定ページ */
body.detail .wrap .inner .content ul.ichiran {
  width: 100%;
  padding: 0 3%;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 30px auto;
}
body.detail .wrap .inner .content ul.ichiran li {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 10px;
}
body.detail .wrap .inner .content ul.ichiran li a {
  font-weight: bold;
  padding: 15px 20px;
  display: block;
  width: 100%;
  height: 100%;
  color: #ff9f00;
  border: 1px solid #ff9f00;
  border-left: 6px solid #ff9f00;
  line-height: 1.2;
}
body.detail .wrap .inner .content ul.ichiran li a:hover {
  background: #ff9f00;
  color: #fff;
  border-left: 6px solid #ff9f00;
}
.page_item_has_children .children {
  display: none;
}
.heading {
  background: #fff3de url("../images/detail/icon-logo-w.svg") center right 20px / auto 70% no-repeat;
}
#about .heading {
  background: #fff3de url("../images/detail/icon-about-wh.svg") center right 20px / auto 85% no-repeat;
}
#outpatient .heading {
  background: #fff3de url("../images/detail/icon-outpatient-wh.svg") center right 20px / auto 85% no-repeat;
}
#department .heading {
  background: #fff3de url("../images/detail/icon-department-wh.svg") center right 20px / auto 85% no-repeat;
}
#checkup .heading {
  background: #fff3de url("../images/detail/icon-checkup-wh.svg") center right 20px / auto 85% no-repeat;
}
#care .heading {
  background: #fff3de url("../images/detail/icon-care-wh.svg") center right 20px / auto 60% no-repeat;
}
#recruit .heading {
  background: #fff3de url("../images/detail/icon-recruit-wh.svg") center right 20px / auto 85% no-repeat;
}
#consultation .heading {
  background: #fff3de url("../images/common/icon-hand-w.svg") center right 20px / auto 85% no-repeat;
}
body.detail .wrap .inner .content {
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-bottom: 50px;
}
body.detail .wrap .inner .content h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  padding: 19px 10px 19px 55px;
  margin-bottom: 30px;
  background: #ff9f00 url("../images/detail/icon-logo-w.svg") center left 16px/28px 30px no-repeat;
}
#about .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-about-wh.svg") center left 16px/28px 30px no-repeat;
}
#outpatient .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-outpatient-wh.svg") center left 16px/28px 30px no-repeat;
}
#department .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-department-wh.svg") center left 16px/28px 30px no-repeat;
}
#checkup .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-checkup-wh.svg") center left 16px/28px 30px no-repeat;
}
#care .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-care-wh.svg") center left 16px/28px 30px no-repeat;
}
#recruit .wrap .inner .content h3 {
  background: #ff9f00 url("../images/detail/icon-recruit-wh.svg") center left 16px/28px 30px no-repeat;
}
#consultation .wrap .inner .content h3 {
  background: #ff9f00 url("../images/common/icon-hand-w.svg") center left 16px/28px 30px no-repeat;
}
body.detail .wrap .inner .content .mainArea h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #ff9f00;
  border-bottom: 1px solid #ff9f00;
  font-weight: bold;
  margin-bottom: 15px;
}
body.detail .wrap .inner .content .mainArea h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #4d4d4d;
  margin-bottom: 5px;
}
body.detail .wrap .inner .content .mainArea h6 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff9f00;
  margin-bottom: 5px;
  padding-top: 5px;
  /*line-height: 2;*/
}
body.detail .wrap .inner .content .mainArea p {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-bottom: 15px;
}
body.detail .wrap .inner .content .mainArea .wp-caption p {
  font-size: 13px;
}
body.detail .wrap .inner .content .mainArea pre {
  border: 1px solid #ff9f00;
  padding: 15px 3%;
  width: 100%;
  color: #4d4d4d;
  margin: 20px 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.7;
  font-size: 15px;
  letter-spacing: 0.05em;
  background: #fff3de;
}
body.detail .wrap .inner .content .mainArea ul {
  padding-left: 5px;
  margin-top: 10px;
}
body.detail .wrap .inner .content .mainArea ul li {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
  list-style: none !important;
}
body.detail .wrap .inner .content .mainArea ul li:before {
  position: absolute;
  content: "■";
  left: 0;
  top: 0;
  color: #ff9f00;
}
body.detail .wrap .inner .content .mainArea ol {
  padding-left: 25px;
}
body.detail .wrap .inner .content .mainArea ol li {
  list-style-type: decimal;
  line-height: 1.6;
  font-size: 15px;
  margin-bottom: 8px;
}
body.detail .wrap .inner .content .mainArea .grayArea {
  background: #f6f6f6;
  padding: 3%;
  margin: 10px 0 30px;
}
body#about .wrap .inner .content .mainArea .grayArea {
  margin: 10px 0 15px;
}
body.detail .wrap .inner .content .mainArea .grayArea h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #333333;
  border-left: 5px solid #ff9f00;
  border-bottom: 0;
  padding: 0 0 0 10px;
  margin-bottom: 15px;
}
body.detail .wrap .inner .content .mainArea .list dl {
  display: table;
  width: 100%;
}
body.detail .wrap .inner .content .mainArea .list dl:first-child {
  border-top: 1px solid #c0c0c0;
}
body.detail .wrap .inner .content .mainArea .list dl:nth-child(odd) {
  background: #fff;
}
body.detail .wrap .inner .content .mainArea .list dt,
body.detail .wrap .inner .content .mainArea .list dd {
  display: table-cell;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 20px;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1.5rem;
}
body.detail .wrap .inner .content .mainArea .list dt {
  width: 30%;
  font-weight: bold;
  color: #4d4d4d;
}
body.detail .wrap .inner .content .mainArea table {
  width: 100%;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  margin: 10px 0 20px;
  color: #4d4d4d;
}
body.detail .wrap .inner .content .mainArea table tr {
  width: 100%;
}
body.detail .wrap .inner .content .mainArea table tr th,
body.detail .wrap .inner .content .mainArea table tr td {
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 2%;
  line-height: 1.5;
  font-size: 15px;
}
body.detail .wrap .inner .content .mainArea table tr th {
  /*width: 20%;*/
  text-align: center;
  font-weight: bold;
  background: #fff3de;
  /*white-space: nowrap;
    padding: 10px 20px;*/
}
#about .wrap .inner .content .mainArea table tr th,
#recruit .wrap .inner .content .mainArea table tr th {
  width: 20%;
}
body.detail .wrap .inner .content .mainArea table tr td {
  background: #fff;
}
body.detail .wrap .inner .content .mainArea table tr th.nowrap {
  white-space: inherit;
}
body.detail .wrap .inner .content .mainArea a {
  display: inline-block;
  color: #ff9f00;
  text-decoration: underline;
}
body.detail .wrap .inner .content .mainArea a:hover {
  text-decoration: none;
}
body.detail .wrap .inner .content .mainArea a.btn {
  text-decoration: none;
  padding: 10px 20px;
  background: #ff9f00;
  border: 1px solid #ff9f00;
  color: #fff;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-top: 15px;
  margin-right: 15px;
}
body.detail .wrap .inner .content .mainArea a.btn:hover {
  background: #fff;
  color: #ff9f00;
}
body.detail .wrap .inner .content .mainArea .col03 {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 10px 0 20px;
}
body.detail .wrap .inner .content .mainArea .col03 .item {
  width: calc(96% / 3);
  margin-right: 2%;
  margin-bottom: 10px;
}
body.detail .wrap .inner .content .mainArea .col03 .item:nth-of-type(3n) {
  margin-right: 0;
}
body.detail .wrap .inner .content .mainArea .col03 .item img {
  width: 100%;
  margin: 0;
}
body.detail .wrap .inner .content .mainArea .col03 a.btn {
  margin-top: 0;
  background: #fff;
  color: #ff9f00;
  border-left: 6px solid #ff9f00;
  font-weight: bold;
}
body.detail .wrap .inner .content .mainArea .col03 a.btn:hover {
  background: #ff9f00;
  color: #fff;
}
body.detail .wrap .inner .content .mainArea p.cap {
  font-size: 1.3rem;
}
body.detail .wrap .inner .content .mainArea img {
  max-width: 100%;
  overflow: hidden;
  height: auto;
}
body.detail .wrap .inner .content .mainArea img.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}
body.detail .wrap .inner .content .mainArea img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}
body.detail .wrap .inner .content .mainArea img.alignright.size-medium {
  max-width: calc(50% - 15px);
  max-width: -webkit-calc(50% - 15px);
}
body.detail .wrap .inner .content .mainArea img.aligncenter {
  display: block;
  margin: 20px auto;
}
body.detail .wrap .inner .content .mainArea img.alignnone {
  margin: 15px 0 15px 0;
}
body.detail .wrap .inner .content .mainArea table.big {
  table-layout: fixed;
}
body.detail .wrap .inner .content .mainArea table.big tr th,
body.detail .wrap .inner .content .mainArea table.big tr td {
  font-size: 14px;
  padding: 5px;
  text-align: center;
  line-height: 1.2;
  white-space: normal;
}
body#care .wrap .inner .content .mainArea table tr th,
body#care .wrap .inner .content .mainArea table tr td {
  white-space: normal;
  padding: 10px;
}

/* お知らせ・検索結果 */
#news p.btn,
#search p.btn {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  padding-top: 50px;
}
#news p.btn a,
#search p.btn a {
  width: 100%;
  text-align: center;
  display: inline-block;
  background: #fff;
  border: 1px solid #ff9f00;
  color: #ff9f00;
  padding: 10px;
}
#news p.btn a:hover,
#search p.btn a:hover {
  background: #ff9f00;
  color: #fff;
}
body#news .wrap .inner .content h3,
body#search .wrap .inner .content h3 {
  margin-bottom: 10px;
}
body#news .wrap .inner .content p.date,
body#search .wrap .inner .content p.date {
  text-align: right;
  font-size: 14px;
  margin-bottom: 30px;
}
#news .wrap .inner .content dl,
#search .wrap .inner .content dl,
#important .wrap .inner .content dl,
#closed .wrap .inner .content dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ff9f00;
  padding: 10px 0;
}
#news .wrap .inner .content dd,
#news .wrap .inner .content dt,
#search .wrap .inner .content dd,
#search .wrap .inner .content dt,
#important .wrap .inner .content dd,
#important .wrap .inner .content dt,
#closed .wrap .inner .content dd,
#closed .wrap .inner .content dt {
  display: table-cell;
}
#news .wrap .inner .content dt,
#search .wrap .inner .content dt,
#important .wrap .inner .content dt,
#closed .wrap .inner .content dt {
  font-size: 14px;
  padding-right: 10px;
}
#news .wrap .inner .content dt span.cat,
#search .wrap .inner .content dt span.cat,
#important .wrap .inner .content dt span.cat,
#closed .wrap .inner .content dt span.cat {
  display: inline-block;
  width: 85px;
  border-radius: 5px;
  background: #ff9f00;
  color: #fff;
  text-align: center;
  padding: 3px;
  margin-right: 10px;
}
#news .wrap .inner .content dt span.important,
#search .wrap .inner .content dt span.important,
#important .wrap .inner .content dt span.important,
#closed .wrap .inner .content dt span.important {
  background: #ff4c00;
}
#news .wrap .inner .content dt span.closed,
#search .wrap .inner .content dt span.closed,
#important .wrap .inner .content dt span.closed,
#closed .wrap .inner .content dt span.closed {
  background: #a0a0a0;
}
#news .wrap .inner .content dl a,
#search .wrap .inner .content dl a,
#important .wrap .inner .content dl a,
#closed .wrap .inner .content dl a {
  color: #333;
  text-decoration: none;
  display: block;
}
#news .wrap .inner .content dl a:hover,
#search .wrap .inner .content dl a:hover,
#important .wrap .inner .content dl a:hover,
#closed .wrap .inner .content dl a:hover {
  color: #ff9f00;
}
#news .pagenate,
#search .pagenate,
#important .pagenate,
#closed .pagenate {
  padding: 20px 0 30px;
  text-align: center;
  color: #ff9f00;
}
#news .pagenate a,
#search .pagenate a,
#important .pagenate a,
#closed .pagenate a {
  padding: 0 5px;
}

#news .pagenate span.current,
#search .pagenate span.current,
#important .pagenate span.current,
#closed .pagenate span.current {
  color: #333;
  padding: 0 5px;
}
/* サイトマップ */
#sitemap h4 {
  color: #fe9e01;
  font-size: 22px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 15px;
}
#sitemap h4 a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
#sitemap .category {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#sitemap .wrap .inner .content ul.ichiran li a {
  padding: 0;
  border: none;
  color: #333;
  font-weight: normal;
  position: relative;
  padding-left: 20px;
}
body.detail .wrap .inner .content ul.ichiran li a::before {
  content: "■";
  color: #ff9f00;
  position: absolute;
  top: 0;
  left: 0;
}
#sitemap .wrap .inner .content ul.ichiran li a:hover {
  background: none;
  border: none;
  opacity: 0.7;
  text-decoration: underline;
}
/* 健診フォーム追加202302 */
.form_faq .q,
.form_faq .a {
  padding-left: 1em;
}

body.detail .wrap .inner .content .mainArea .form_faq p.q {
  font-size: 16px;
  font-weight: bold;
}

.form_faq .q .orange,
.form_faq .a .orange {
  display: inline-block;
  color: #ff9f00;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0.5em 0 0;
}
@media screen and (max-width: 1023px) {
}
/*END max-width: 1023px------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  body.detail .wrap .inner .content h3 {
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    padding: 15px 10px 15px 55px;
  }
  body.detail .wrap .inner .content .mainArea h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  body.detail .wrap .inner .content .mainArea .grayArea h4 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  body.detail .wrap .inner .content .mainArea h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.detail .wrap .inner .content .mainArea .grayArea {
    padding: 5%;
  }
  body.detail .wrap .inner .content .mainArea .list dt,
  body.detail .wrap .inner .content .mainArea .list dd {
    padding: 10px;
  }
  /*body.detail .wrap .inner .content .mainArea .list dt {
    width: 50%;
}*/
  body.detail .wrap .inner .content ul.ichiran {
    padding: 0;
  }
  body.detail .wrap .inner .content ul.ichiran li {
    padding: 0 5px;
  }
  body.detail .wrap .inner .content ul.ichiran li a {
    padding: 10px;
    font-size: 15px;
  }
  body.detail .wrap .inner .content .mainArea table.big tr th,
  body.detail .wrap .inner .content .mainArea table.big tr td {
    font-size: 12px;
  }
  #news .wrap .inner .content dd,
  #news .wrap .inner .content dt,
  #search .wrap .inner .content dd,
  #search .wrap .inner .content dt,
  #important .wrap .inner .content dd,
  #important .wrap .inner .content dt {
    display: block;
  }
  #news .wrap .inner .content dt,
  #search .wrap .inner .content dt,
  #important .wrap .inner .content dt {
    margin-bottom: 5px;
  }
} /*END max-width: 767px------------------------------------------------------------ */
@media screen and (max-width: 479px) {
  body.detail .wrap .inner .content .mainArea .grayArea h4 span {
    display: block;
    font-size: 14px !important;
    padding-top: 5px;
  }
  body.detail .wrap .inner .content ul.ichiran li {
    width: 100%;
  }
  body.detail .wrap .inner .content .mainArea table tr th,
  body.detail .wrap .inner .content .mainArea table tr td {
    font-size: 14px;
  }
  body.detail .wrap .inner .content .mainArea .col03 .item {
    width: 100%;
    margin-right: 0;
  }
  body.detail .wrap .inner .content .mainArea img.alignright.size-medium,
  body.detail .wrap .inner .content .mainArea img.alignleft,
  body.detail .wrap .inner .content .mainArea img.alignnone,
  body.detail .wrap .inner .content .mainArea img.aligncenter {
    max-width: 100%;
    width: 100%;
  }
  #sitemap .wrap .inner .content ul.ichiran li {
    width: 50%;
  }
} /*END max-width: 479px------------------------------------------------------------ */

/* 2021.11.2　追記 ------------------------------------------------------------*/

/*form reset.css*/
.form_box input[type="text"],
.form_box input[type="search"],
.form_box input[type="tel"],
.form_box input[type="url"],
.form_box input[type="email"],
.form_box input[type="password"],
.form_box input[type="datetime"],
.form_box input[type="datetime-local"],
.form_box input[type="date"],
.form_box input[type="month"],
.form_box input[type="week"],
.form_box input[type="time"],
.form_box input[type="number"],
.form_box input[type="file"],
.form_box input[type="submit"],
.form_box input[type="reset"],
.form_box input[type="button"],
.form_box input[type="image"],
.form_box button,
.form_box textarea,
.form_box select {
  -webkit-appearance: none; /* 主にスマホのデフォルトスタイルを無効化 */
  appearance: none;
  font-size: 16px; /* 実寸16px以下の場合、iOSでフォーカス時にページズームが掛かってしまう */
  vertical-align: top;
  cursor: pointer;
}

/* type="text"系に対してwidth/heightを指定 */
.form_box input[type="text"],
.form_box input[type="search"],
.form_box input[type="tel"],
.form_box input[type="url"],
.form_box input[type="email"],
.form_box input[type="password"],
.form_box input[type="datetime"],
.form_box input[type="datetime-local"],
.form_box input[type="date"],
.form_box input[type="month"],
.form_box input[type="week"],
.form_box input[type="time"],
.form_box input[type="number"],
.form_box input[type="file"],
.form_box textarea,
.form_box select {
  width: 100%;
  min-height: 2.4em;
}

.form_box input[type="submit"],
.form_box input[type="reset"],
.form_box input[type="button"],
.form_box button {
  min-height: 2.4em;
}

/* textareaには右下をドラッグすることでユーザー側でリサイズできる機能があります。
リサイズの利便性を確保しつつレイアウトへ干渉しないように縦リサイズのみ許可する制御を入れました。
必要以上に縮めてしまう事も可能な為、min-heightで最小値を確保 */
.form_box textarea {
  height: auto;
  min-height: 3em;
  resize: vertical;
}

/* 主に見栄えに関する指定。内側がキツキツなのでpaddingを設けましたが、rightに掛かるとselectの右矢印が内側に寄ってしまうのでleftのみとしました。
cursor: pointer;はtype="image"のみカーソルがpointerに変わるので、他のボタンも挙動を揃える目的です。 */
.form_box input[type="text"],
.form_box input[type="search"],
.form_box input[type="tel"],
.form_box input[type="url"],
.form_box input[type="email"],
.form_box input[type="password"],
.form_box input[type="datetime"],
.form_box input[type="datetime-local"],
.form_box input[type="date"],
.form_box input[type="month"],
.form_box input[type="week"],
.form_box input[type="time"],
.form_box input[type="number"],
.form_box textarea,
.form_box select {
  padding-left: 0.4em;
  background: none;
  border: none;
  border-radius: 0;
}

.form_box input[type="submit"],
.form_box input[type="reset"],
.form_box input[type="button"],
.form_box button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
}
/* End form reset.css*/

/* form  */
.p-country-name {
  display: none;
}
.form_box {
  width: 100%;
  margin: 0 auto;
}
.form_box .hissu {
  display: inline-block;
  padding: 5px;
  margin: 0 5px;
  font-size: 0.8em;
  line-height: 1;
  color: #fff;
  background: #e71f1f;
}
.form_box dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1em 0;
}
.form_box dt {
  width: 100%;
  font-weight: bold;
  padding: 5px 0;
}
.form_box dd {
  width: 100%;
  /* display: flex;
	align-items: center;
	flex-wrap: wrap; */
}
/* R .form_box span {
  display: inline-block;
  margin: 0 5px;
} */
.form_box .note {
  padding: 5px;
  font-size: 0.8em;
  color: #ff9f00;
  letter-spacing: 0;
}

.form_box .choose_color .mwform-radio-field:nth-of-type(2) {
  color: #e71f1f;
}

.form_box .choose_color02 .mwform-radio-field:nth-of-type(2),
.form_box .choose_color02 .mwform-radio-field:nth-of-type(3),
.form_box .choose_color02 .mwform-radio-field:nth-of-type(4) {
  color: #e71f1f;
}

.form_box .choose_color03 .mwform-radio-field:nth-of-type(4) {
  color: #e71f1f;
}

.form_box span.wpcf7-list-item.first {
  margin-left: 0;
}

.form_box input[type="tel"],
.form_box input[type="email"],
.form_box input[type="text"],
.form_box input[type="date"],
.form_box select,
.form_box textarea {
  border: 1px solid #bfbfbf;
  vertical-align: middle;
}
.form_box input[type="text"].sizeS {
  width: 40%;
  max-width: 150px;
}
.form_box input[type="date"] {
  position: relative;
}
.form_box input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.form_box input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form_box input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
}

.form_box label.select {
  width: 100%;
  position: relative;
}
.form_box label.select::before {
  content: "▼";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  font-size: 0.7em;
  pointer-events: none;
}
.mw_wp_form_confirm .form_box label.select::before {
  content: none;
}
.form_box label.select select {
  padding-right: 2em;
}
.form_box label.check,
.form_box label.radio {
  display: inline-block;
  margin-right: 1em;
}

.mwform-checkbox-field label,
.mwform-radio-field label {
  display: inline-block;
}

.submit-item {
  text-align: center;
  padding: 2em 0;
}
.submit-item input[type="button"],
.submit-item input[type="reset"],
.submit-item input[type="back"],
.submit-item input[type="submit"] {
  font-weight: bold;
  display: inline-block;
  letter-spacing: 0.075em;
  min-width: 200px;
  color: #fff;
  background: #ff9f00;
  border: 2px solid #ff9f00;
  margin: 0 auto;
  padding: 12px 1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.submit-item input[type="button"]:hover,
.submit-item input[type="reset"]:hover,
.submit-item input[type="back"]:hover,
.submit-item input[type="submit"]:hover {
  background: #fff;
  color: #ff9f00;
}

.wpcf7-acceptance {
  display: block;
  text-align: center;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0 0 1em;
}
.submit-item .wpcf7-spinner {
  position: absolute;
}
/*
.form_box input[type="radio"],
.form_box input[type="checkbox"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-weight: bold;
  margin: 0 1em 0 0;
} */

.form_box input[type="radio"],
.form_box input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  top: 5px;
  border: 1px solid #222;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}

.form_box input[type="radio"] {
  border-radius: 14px;
}

.form_box input[type="checkbox"] {
  border-radius: 5px;
}

.form_box input[type="radio"]::after,
.form_box input[type="checkbox"]::after {
  content: "";
  display: block;
  line-height: 1;
  position: absolute;
}

.form_box input[type="radio"]::after {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  top: 3px;
  left: 3px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.form_box input[type="radio"]:checked::after {
  background: #ff9f00;
}

/* .form_box input[type="checkbox"]:checked::after {
  content: "\ea10";
  font-family: "icomoon";
  display: inline-block;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #ff9f00;
  top: 4px;
  left: 3px;
} */
.form_box input[type="checkbox"]:checked::after {
  transform: rotate(50deg);
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  border-color: #ff9f00;
  top: 0px;
  left: 5px;
  width: 8px;
  height: 14px;
}

@media screen and (min-width: 480px) {
  /* スマートフォン横 */
  /* .form_box dt {
    width: 25%;
    padding-right: 1em;
  }
  .form_box dd {
    width: 75%;
  } */
}

/* 20240311追加
--------------------------------------------------*/
.img_flex {
  display: flex;
  justify-content: space-between;
}

.img_flex figure {
  flex-basis: 295px;
  margin: 0 0 1rem 0;
}

@media screen and (max-width: 767px) {
  .img_flex {
    flex-wrap: wrap;
  }

  .img_flex figure {
    flex-basis: 100%;
    text-align: center;
    margin: 0 auto 1rem auto;
  }
}
.ig-link-banner {
  text-align: center;
}
.ig-link-banner a {
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  padding: 1em 1.5em;
  border: 2px solid #ff9f00;
  border-radius: 0.5em;
  background: #fff3de;
  font-weight: bold;
}
.ig-link-banner a:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#insta-icon-path {
  fill: url(#insta-gradient);
}
.icon-ig {
  display: inline-grid;
  place-items: center;
  width: 2em;
  height: 2em;
}