html {
  scroll-behavior: smooth;
  height: 100%;
}
html body div,
html body applet,
html body object,
html body iframe,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body blockquote,
html body pre,
html body a,
html body abbr,
html body acronym,
html body address,
html body big,
html body cite,
html body code,
html body del,
html body dfn,
html body em,
html body img,
html body ins,
html body kbd,
html body q,
html body s,
html body samp,
html body small,
html body strike,
html body tt,
html body var,
html body b,
html body u,
html body i,
html body center,
html body dl,
html body dt,
html body dd,
html body ol,
html body ul,
html body li,
html body fieldset,
html body form,
html body legend,
html body table,
html body caption,
html body tbody,
html body tfoot,
html body thead,
html body tr,
html body th,
html body td,
html body article,
html body aside,
html body canvas,
html body details,
html body embed,
html body figure,
html body figcaption,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body output,
html body ruby,
html body section,
html body summary,
html body time,
html body mark,
html body audio,
html body video,
html body input,
html body textarea,
html body select,
html body sub,
html body sup,
html body strong,
html body label,
html body span {
  color: #333;
  box-sizing: border-box;
  font-size: 1rem;
  flex-wrap: wrap;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 480px) {
  html body div,
  html body applet,
  html body object,
  html body iframe,
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6,
  html body p,
  html body blockquote,
  html body pre,
  html body a,
  html body abbr,
  html body acronym,
  html body address,
  html body big,
  html body cite,
  html body code,
  html body del,
  html body dfn,
  html body em,
  html body img,
  html body ins,
  html body kbd,
  html body q,
  html body s,
  html body samp,
  html body small,
  html body strike,
  html body tt,
  html body var,
  html body b,
  html body u,
  html body i,
  html body center,
  html body dl,
  html body dt,
  html body dd,
  html body ol,
  html body ul,
  html body li,
  html body fieldset,
  html body form,
  html body legend,
  html body table,
  html body caption,
  html body tbody,
  html body tfoot,
  html body thead,
  html body tr,
  html body th,
  html body td,
  html body article,
  html body aside,
  html body canvas,
  html body details,
  html body embed,
  html body figure,
  html body figcaption,
  html body footer,
  html body header,
  html body hgroup,
  html body menu,
  html body nav,
  html body output,
  html body ruby,
  html body section,
  html body summary,
  html body time,
  html body mark,
  html body audio,
  html body video,
  html body input,
  html body textarea,
  html body select,
  html body sub,
  html body sup,
  html body strong,
  html body label,
  html body span {
    font-size: 0.875rem;
  }
}
html body div ul,
html body applet ul,
html body object ul,
html body iframe ul,
html body h1 ul,
html body h2 ul,
html body h3 ul,
html body h4 ul,
html body h5 ul,
html body h6 ul,
html body p ul,
html body blockquote ul,
html body pre ul,
html body a ul,
html body abbr ul,
html body acronym ul,
html body address ul,
html body big ul,
html body cite ul,
html body code ul,
html body del ul,
html body dfn ul,
html body em ul,
html body img ul,
html body ins ul,
html body kbd ul,
html body q ul,
html body s ul,
html body samp ul,
html body small ul,
html body strike ul,
html body tt ul,
html body var ul,
html body b ul,
html body u ul,
html body i ul,
html body center ul,
html body dl ul,
html body dt ul,
html body dd ul,
html body ol ul,
html body ul ul,
html body li ul,
html body fieldset ul,
html body form ul,
html body legend ul,
html body table ul,
html body caption ul,
html body tbody ul,
html body tfoot ul,
html body thead ul,
html body tr ul,
html body th ul,
html body td ul,
html body article ul,
html body aside ul,
html body canvas ul,
html body details ul,
html body embed ul,
html body figure ul,
html body figcaption ul,
html body footer ul,
html body header ul,
html body hgroup ul,
html body menu ul,
html body nav ul,
html body output ul,
html body ruby ul,
html body section ul,
html body summary ul,
html body time ul,
html body mark ul,
html body audio ul,
html body video ul,
html body input ul,
html body textarea ul,
html body select ul,
html body sub ul,
html body sup ul,
html body strong ul,
html body label ul,
html body span ul {
  padding-inline-start: 0;
}
html body div img,
html body applet img,
html body object img,
html body iframe img,
html body h1 img,
html body h2 img,
html body h3 img,
html body h4 img,
html body h5 img,
html body h6 img,
html body p img,
html body blockquote img,
html body pre img,
html body a img,
html body abbr img,
html body acronym img,
html body address img,
html body big img,
html body cite img,
html body code img,
html body del img,
html body dfn img,
html body em img,
html body img img,
html body ins img,
html body kbd img,
html body q img,
html body s img,
html body samp img,
html body small img,
html body strike img,
html body tt img,
html body var img,
html body b img,
html body u img,
html body i img,
html body center img,
html body dl img,
html body dt img,
html body dd img,
html body ol img,
html body ul img,
html body li img,
html body fieldset img,
html body form img,
html body legend img,
html body table img,
html body caption img,
html body tbody img,
html body tfoot img,
html body thead img,
html body tr img,
html body th img,
html body td img,
html body article img,
html body aside img,
html body canvas img,
html body details img,
html body embed img,
html body figure img,
html body figcaption img,
html body footer img,
html body header img,
html body hgroup img,
html body menu img,
html body nav img,
html body output img,
html body ruby img,
html body section img,
html body summary img,
html body time img,
html body mark img,
html body audio img,
html body video img,
html body input img,
html body textarea img,
html body select img,
html body sub img,
html body sup img,
html body strong img,
html body label img,
html body span img {
  vertical-align: top;
}
html img {
  max-width: 100%;
  max-height: 100%;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).innerbox_768 {
  max-width: 960px;
  margin: auto;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).innerbox_960 {
  max-width: 960px;
  margin: auto;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).innerbox_1100 {
  max-width: 1100px;
  margin: auto;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: inherit;
}

body .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
  flex-basis: unset;
  flex-grow: unset;
}

body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: unset !important;
}

body .wp-block-columns.is-not-stacked-on-mobile {
  flex-wrap: wrap !important;
}

.uk-container {
  width: unset;
  max-width: unset;
  padding: 0;
}

.section_inner {
  margin: 2rem 0;
}

.innerbox_1200 {
  max-width: 1200px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_1200 [class^=innerbox_] {
  padding: 0;
}

.innerbox_1100 {
  max-width: 1100px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_1100 [class^=innerbox_] {
  padding: 0;
}

.innerbox_1024 {
  max-width: 1024px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_1024 [class^=innerbox_] {
  padding: 0;
}

.innerbox_960 {
  max-width: 960px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_960 [class^=innerbox_] {
  padding: 0;
}

.innerbox_768 {
  max-width: 768px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_768 [class^=innerbox_] {
  padding: 0;
}

.innerbox_640 {
  max-width: 640px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_640 [class^=innerbox_] {
  padding: 0;
}

.innerbox_520 {
  max-width: 520px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_520 [class^=innerbox_] {
  padding: 0;
}

.innerbox_480 {
  max-width: 480px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_480 [class^=innerbox_] {
  padding: 0;
}

.innerbox_375 {
  max-width: 375px;
  margin: auto;
  padding: 0 1rem;
}
.innerbox_375 [class^=innerbox_] {
  padding: 0;
}

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

.tb_sm,
.tb_sm__b {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .tb_sm,
  .tb_sm__b {
    display: block !important;
  }
}
@media screen and (max-width: 480px) {
  .tb_sm,
  .tb_sm__b {
    display: none !important;
  }
}

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

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

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

.tb,
.tb__b {
  display: none !important;
}
@media screen and (max-width: 959px) {
  .tb,
  .tb__b {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .tb,
  .tb__b {
    display: none !important;
  }
}

.tb__i {
  display: none !important;
}
@media screen and (max-width: 959px) {
  .tb__i {
    display: inline !important;
  }
}

.tb__ib {
  display: none !important;
}
@media screen and (max-width: 959px) {
  .tb__ib {
    display: inline-block !important;
  }
}

.tb__f {
  display: none !important;
}
@media screen and (max-width: 959px) {
  .tb__f {
    display: flex !important;
  }
}

.sp,
.sp__b {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .sp,
  .sp__b {
    display: block !important;
  }
}

.sp__i {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .sp__i {
    display: inline !important;
  }
}

.sp__ib {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .sp__ib {
    display: inline-block !important;
  }
}

.sp__f {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .sp__f {
    display: flex !important;
  }
}

.mb_1rem {
  margin-bottom: 1rem;
}

.mb_2rem {
  margin-bottom: 2rem;
}

.mb_3rem {
  margin-bottom: 3rem;
}

.mb_4rem {
  margin-bottom: 4rem;
}

.mb_5rem {
  margin-bottom: 5rem;
}

.mt_1rem {
  margin-top: 1rem;
}

.mt_2rem {
  margin-top: 2rem;
}

.mt_3rem {
  margin-top: 3rem;
}

.mt_4rem {
  margin-top: 4rem;
}

.mt_5rem {
  margin-top: 5rem;
}

html.PC a,
html.PC button {
  cursor: pointer;
  transition: all 0.3s ease;
}
html.PC a:hover,
html.PC button:hover {
  opacity: 0.6;
  text-decoration: none;
}

.style01 {
  border-left: solid 0.5rem #7db4e6;
  padding: 0.5rem 1rem;
}

.style02 {
  padding: 0.5rem 1rem;
  background: #fffaf4;
  border-left: solid 0.5rem #ffaf58;
}

.style03 {
  background: linear-gradient(304deg, rgb(60, 189, 199) 30%, rgb(119, 215, 227) 80%);
  color: #fff;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  border-radius: 50px;
}

.smallest {
  font-size: 0.625rem;
}

.smaller {
  font-size: 0.75rem;
}

.small {
  font-size: 0.875rem;
}

.base {
  font-size: 1rem;
}

.big {
  font-size: 1.125rem;
}

.bigger {
  font-size: 1.25rem;
}

.biggest {
  font-size: 1.5rem;
}

.super_big {
  font-size: 2rem;
}

.thin {
  font-weight: 300;
}

.nomal {
  font-weight: 400;
}

.bold {
  font-weight: 500;
}

.black {
  color: #333;
}

.gray {
  color: #ccc;
}

.white {
  color: #fff;
}

.blue {
  color: #3FABEE;
}

.req,
.red {
  color: rgb(170, 0, 0);
}

.green {
  color: #7DB7AC;
}

.orange {
  color: #ee7800;
}

.skyblue {
  color: #09c4ff;
}

.bluegray {
  color: #7d8690;
}

.darkblue {
  color: #00008b;
}

.pc_left {
  text-align: left;
}

.pc_center {
  text-align: center;
}

.pc_right {
  text-align: right;
}

@media screen and (max-width: 480px) {
  .sp_left {
    text-align: left;
  }
}

@media screen and (max-width: 480px) {
  .sp_center {
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .sp_right {
    text-align: right;
  }
}

.flex_center {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
}

.uk-button {
  text-transform: unset;
}

.button {
  text-align: center;
  padding: 0.5rem;
  display: block;
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
  transition: all 0.5s ease;
}
.PC .button:hover {
  text-align: center;
  padding: 0.5rem;
  display: block;
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.custom_button {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  padding: 0.5rem 0;
  width: 100%;
  max-width: 360px;
  justify-content: center;
  font-weight: bold;
  position: relative;
}
.custom_button .dashicons {
  transform: scale(1.25);
  display: inline-flex;
  align-items: center;
  /* margin: 0 0 0 0.5rem; */
  color: inherit;
  position: absolute;
  right: 0.5rem;
}

.show_only {
  pointer-events: none;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
.disabled,
.disabled:hover,
.button:disabled:hover,
.button:disabled {
  background-color: #aaa;
  border: 1px solid #aaa;
  color: lightgray;
  pointer-events: none;
}

.button_do,
.button_blue_white {
  background-color: #3FABEE;
  border: 1px solid #3FABEE;
  color: #fff;
}
.PC .button_do:hover,
.PC .button_blue_white:hover {
  background-color: #fff;
  border: 1px solid #3FABEE;
  color: #3FABEE;
}

.button_white_blue {
  background-color: #fff;
  border: 1px solid #3FABEE;
  color: #3FABEE;
}
.PC .button_white_blue:hover {
  background-color: #3FABEE;
  border: 1px solid #3FABEE;
  color: #fff;
}

.button_danger,
.button_delete,
.button_stop,
.button_red_white {
  background-color: rgb(170, 0, 0);
  border: 1px solid #fff;
  color: #fff;
}
.PC .button_danger:hover,
.PC .button_delete:hover,
.PC .button_stop:hover,
.PC .button_red_white:hover {
  background-color: #fff;
  border: 1px solid rgb(170, 0, 0);
  color: rgb(170, 0, 0);
}

.button_white_red {
  background-color: #fff;
  border: 1px solid rgb(170, 0, 0);
  color: rgb(170, 0, 0);
}
.PC .button_white_red:hover {
  background-color: rgb(170, 0, 0);
  border: 1px solid rgb(170, 0, 0);
  color: #fff;
}

.button_safe,
.button_green_white {
  background-color: #7DB7AC;
  border: 1px solid #7DB7AC;
  color: #fff;
}
.PC .button_safe:hover,
.PC .button_green_white:hover {
  background-color: #fff;
  border: 1px solid #7DB7AC;
  color: #7DB7AC;
}

.button_white_green {
  background-color: #fff;
  border: 1px solid #7DB7AC;
  color: #7DB7AC;
}
.PC .button_white_green:hover {
  background-color: #7DB7AC;
  border: 1px solid #7DB7AC;
  color: #fff;
}

.button_warning,
.button_orange_white {
  background-color: #ee7800;
  border: 1px solid #ee7800;
}
.PC .button_warning:hover,
.PC .button_orange_white:hover {
  background-color: #fff;
  border: 1px solid #ee7800;
  color: #ee7800;
}

.button_white_orange {
  background-color: #fff !important;
  border: 1px solid #ee7800 !important;
  color: #ee7800 !important;
}
.PC .button_white_orange:hover {
  background-color: #ee7800 !important;
  border: 1px solid #ee7800 !important;
  color: #fff !important;
}

.button_skyblue_white {
  background-color: #09c4ff !important;
  border: 1px solid #09c4ff !important;
  color: #fff !important;
}
.PC .button_skyblue_white:hover {
  background-color: #fff !important;
  border: 1px solid #09c4ff !important;
  color: #09c4ff !important;
}

.button_white_skyblue {
  background-color: #fff !important;
  border: 1px solid #09c4ff !important;
  color: #09c4ff !important;
}
.PC .button_white_skyblue:hover {
  background-color: #09c4ff !important;
  border: 1px solid #09c4ff !important;
  color: #fff !important;
}

.button_bluegray_white {
  background-color: #7d8690 !important;
  border: 1px solid #7d8690 !important;
  color: #fff !important;
}
.PC .button_bluegray_white:hover {
  background-color: #fff !important;
  border: 1px solid #7d8690 !important;
  color: #7d8690 !important;
}

.button_white_bluegray {
  background-color: #fff !important;
  border: 1px solid #7d8690 !important;
  color: #7d8690 !important;
}
.PC .button_white_bluegray:hover {
  background-color: #7d8690 !important;
  border: 1px solid #7d8690 !important;
  color: #fff !important;
}

.button_darkblue_white {
  background-color: #00008b;
  border: 1px solid #00008b;
  color: #fff;
}
.PC .button_darkblue_white:hover {
  background-color: #fff;
  border: 1px solid #00008b;
  color: #00008b;
}

.button_white_darkblue {
  background-color: #fff !important;
  border: 1px solid #00008b !important;
  color: #00008b !important;
}
.PC .button_white_darkblue:hover {
  background-color: #00008b !important;
  border: 1px solid #00008b !important;
  color: #fff !important;
}

.height_1rem {
  height: 1rem;
}

.height_2rem {
  height: 2rem;
}

.height_3rem {
  height: 3rem;
}

.height_4rem {
  height: 4rem;
}

.height_5rem {
  height: 5rem;
}

.flex {
  display: flex;
  width: 100%;
}

.layout__1__1 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__1__1.wp-block-columns {
  gap: unset;
}
.layout__1__1 > .co {
  width: 50%;
  padding: 1rem;
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__1 > .co figure {
  display: block;
}
@media screen and (max-width: 480px) {
  .layout__1__1 > .co {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__1__2 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__1__2.wp-block-columns {
  gap: unset;
}
.layout__1__2 > .co {
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__2 > .co figure {
  display: block;
}
.layout__1__2 > .co1 {
  width: 33.3333333333%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__1__2 > .co1 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.layout__1__2 > .co2 {
  width: 66.6666666667%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__1__2 > .co2 {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__2__1 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__2__1.wp-block-columns {
  gap: unset;
}
.layout__2__1 > .co {
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__2__1 > .co figure {
  display: block;
}
.layout__2__1 > .co1 {
  width: 66.6666666667%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__2__1 > .co1 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.layout__2__1 > .co2 {
  width: 33.3333333333%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__2__1 > .co2 {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__1__3 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__1__3.wp-block-columns {
  gap: unset;
}
.layout__1__3 > .co {
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__3 > .co figure {
  display: block;
}
.layout__1__3 > .co1 {
  width: 25%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__1__3 > .co1 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.layout__1__3 > .co2 {
  width: 75%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__1__3 > .co2 {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__3__1 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__3__1.wp-block-columns {
  gap: unset;
}
.layout__3__1 > .co {
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__3__1 > .co figure {
  display: block;
}
.layout__3__1 > .co1 {
  width: 75%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__3__1 > .co1 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.layout__3__1 > .co2 {
  width: 25%;
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .layout__3__1 > .co2 {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__1__1__1 {
  display: flex;
  flex-wrap: wrap !important;
}
.layout__1__1__1.wp-block-columns {
  gap: unset;
}
.layout__1__1__1 > .co {
  width: 33.3333333333%;
  padding: 1rem;
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__1__1 > .co figure {
  display: block;
}
@media screen and (max-width: 480px) {
  .layout__1__1__1 > .co {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__1__1__1__1 {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: space-between;
}
.layout__1__1__1__1.wp-block-columns {
  gap: unset;
}
.layout__1__1__1__1 > .co {
  width: calc(25% - 0.5rem);
  padding: 1rem 0;
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__1__1__1 > .co figure {
  display: block;
}
@media screen and (max-width: 480px) {
  .layout__1__1__1__1 > .co {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.layout__1__1__1__1__1 {
  display: flex;
  flex-wrap: wrap !important;
  gap: unset;
}
.layout__1__1__1__1__1 > .co {
  width: 20%;
  padding: 1rem;
  flex-grow: unset !important;
  flex-basis: unset !important;
}
.layout__1__1__1__1__1 > .co figure {
  display: block;
}
@media screen and (max-width: 768px) {
  .layout__1__1__1__1__1 > .co {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_1 {
    order: 1;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_2 {
    order: 2;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_3 {
    order: 3;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_4 {
    order: 4;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_5 {
    order: 5;
  }
}

@media screen and (max-width: 480px) {
  .sp__order_6 {
    order: 6;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_1 {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_2 {
    order: 2;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_3 {
    order: 3;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_4 {
    order: 4;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_5 {
    order: 5;
  }
}

@media screen and (max-width: 768px) {
  .tb_sm__order_6 {
    order: 6;
  }
}

@media screen and (max-width: 480px) {
  #global_header {
    margin-top: 0.5rem;
    padding: 0 0.5rem;
  }
}

.header_inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.header_inner #upper_menu {
  background-color: transparent;
}
.header_inner #upper_menu #tel {
  background-color: #3FABEE;
  pointer-events: none;
}
.header_inner #upper_menu #tel span {
  color: #fff;
}
.header_inner #lower_menu {
  background-color: transparent;
}
.header_inner #lower_menu .uk-navbar-nav > li > a {
  min-height: unset;
  padding: 0.5rem 0;
  color: #333;
}
.header_inner #mobile_menu .uk-offcanvas-bar-animation {
  transition: left 0.6s ease-out;
}
.uk-offcanvas-flip .header_inner #mobile_menu .uk-offcanvas-bar-animation {
  transition-property: right;
}
.header_inner .custom-logo-link {
  height: 80px;
  display: block;
}
.header_inner .custom-logo-link img {
  width: auto;
}

.uk-offcanvas-bar {
  left: -100%;
  width: 100%;
}

.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -100%;
}

#mobile_menu_close {
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 1px solid #333;
  color: #333;
  right: 1rem;
  position: fixed;
  top: 1rem;
  background-color: #fff;
}
#mobile_menu_close svg {
  width: 50%;
}

#mobile_menu_open {
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 1px solid #000;
  color: #000;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}

#mobile_menu_content {
  padding: 0.5rem;
}
#mobile_menu_content * {
  color: #000;
}

@media screen and (max-width: 480px) {
  #pc_menu_logo {
    width: 160px;
    margin-bottom: 1rem;
    display: block;
  }
}

#mobile_menu_logo {
  width: 160px;
  margin-bottom: 1rem;
  display: block;
}

#mobile_icons {
  display: flex;
}
#mobile_icons a {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  margin: 0 0.25rem;
}
#mobile_icons a .text {
  font-size: 10px;
  color: #fff;
  letter-spacing: -1px;
}
#mobile_icons a#tel_mobile {
  background-color: rgb(65, 194, 0);
  color: #fff;
}
#mobile_icons a#contact_mobile {
  margin-right: 1.25rem;
  background-color: #ee7800;
  color: #fff;
}

.splide__list {
  flex-wrap: unset;
}

.splide__slide img {
  height: auto;
  width: 100%;
}

.animation_wrapper {
  position: relative;
}
.animation_wrapper #animation_fade {
  width: 10rem;
  height: 10rem;
  background-color: #000;
  opacity: 0;
}
.animation_wrapper .fadein {
  animation: fadeIn 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 3;
  }
}
.triangle_up {
  background: #333;
  height: 51.9615242271px;
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.triangle_down {
  background: #333;
  height: 51.9615242271px;
  width: 60px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.triangle_right {
  background: #333;
  height: 51.9615242271px;
  width: 60px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.triangle_left {
  background: #333;
  height: 51.9615242271px;
  width: 60px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.wp-block-group:has(.is-type-video) iframe {
  display: block;
  margin: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 768px;
}/*# sourceMappingURL=base.css.map */