@charset "UTF-8";
/* ========================================================
	reset.css
	Format,Font Reset
======================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
figure {
  margin: 0;
  padding: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  border: 0;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  font: inherit;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}
@property --zoom-factor {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
.zoom-wrapper {
  --_min-viewport-width: 480px; /* viewportの最小値を下回ったら縮小をやめる */
  --_max-viewport-width: 1280px; /* viewportの最大値を上回ったら拡大をやめる */
  --_zoom-value: clamp(
    tan(atan2(var(--_min-viewport-width), var(--_max-viewport-width))),
    tan(atan2(var(--zoom-factor), var(--_max-viewport-width))),
    1
  );
  --zoom-factor: clamp(
    var(--_min-viewport-width),
    100dvi,
    var(--_max-viewport-width)
  );
  zoom: var(--_zoom-value);
  -webkit-text-size-adjust: initial; /* iOS Safariのバグを修正 */
  /* 768px以下では100%のズーム値を適用 */
}
@media (max-width: 480px) {
  .zoom-wrapper {
    zoom: 1;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/*==========================================================
	common
==========================================================*/
html {
  font-family: "Zen Old Mincho", "Zen Kaku Gothic New", sans-serif;
  font-optical-sizing: auto;
  font-size: 62.5%;
  font-weight: 500;
  color: #1C1C1C;
  -webkit-overflow-scrolling: touch;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  position: relative;
  background: url(../img/common/bg.jpg) repeat center center/contain;
}
body:after {
  content: "";
  width: 100vw;
  height: 100svh;
  background-color: rgba(0, 0, 0, 0.2);
  mix-blend-mode: multiply;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
body.fixed {
  position: fixed;
  width: 100%;
}
body.fixed:after {
  z-index: 20;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

a, a:link, a:visited {
  color: #1C1C1C;
  text-decoration: none;
  transition: 0.5s;
}

@media (min-width: 1025px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

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

.container {
  margin: 0 auto;
  max-width: 1250px;
  width: 90%;
  height: auto;
}

h2.common_ttl {
  font-size: clamp(24px, 8.334vw, 60px);
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #0B346E;
  text-align: center;
  margin-bottom: min(70px,9.722vw);
}
@media (max-width: 1200px) {
  h2.common_ttl {
    font-size: clamp(18px, 6.25vw, 45px);
  }
}
@media (max-width: 1024px) {
  h2.common_ttl {
    font-size: clamp(14px, 4.444vw, 32px);
  }
}
@media (max-width: 480px) {
  h2.common_ttl {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}

.moreBtn {
  width: 385px;
  height: 60px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .moreBtn {
    height: 30px;
  }
}
.moreBtn a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 60px;
  background: rgba(124, 155, 201, 0.9);
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 480px) {
  .moreBtn a {
    line-height: 30px;
  }
}
.moreBtn a span {
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 480px) {
  .moreBtn a span {
    font-size: 1.4rem;
    letter-spacing: 0em;
  }
}
.moreBtn a::before {
  content: "";
  width: 20px;
  height: 23px;
  background: url(../img/common/icon_arrow.svg) no-repeat center center/contain;
  position: absolute;
  right: min(36px,5vw);
  top: 50%;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 480px) {
  .moreBtn a::before {
    width: 15px;
    height: 15px;
    right: 10px;
  }
}
.moreBtn a:hover {
  background: none;
  border: 1px solid rgba(124, 155, 201, 0.9);
}
.moreBtn a:hover span {
  color: rgba(124, 155, 201, 0.9);
}
.moreBtn a:hover::before {
  right: min(30px,4.166vw);
  filter: invert(59%) sepia(67%) saturate(236%) hue-rotate(176deg) brightness(92%) contrast(83%);
}
.moreBtn.white a {
  background: none;
  border: 1px solid rgba(12, 52, 110, 0.9);
}
.moreBtn.white a span {
  color: #0B346E;
}
.moreBtn.white a::before {
  filter: invert(19%) sepia(51%) saturate(1789%) hue-rotate(186deg) brightness(87%) contrast(97%);
}
.moreBtn.white a:hover {
  background: rgba(12, 52, 110, 0.9);
}
.moreBtn.white a:hover span {
  color: #fff;
}
.moreBtn.white a:hover::before {
  filter: brightness(0) invert(1);
}
.moreBtn.white.down a::before {
  background: url(../img/common/icon_arrow_down.svg) no-repeat center center/contain;
}
.moreBtn.white.down a:hover::before {
  right: min(36px,5vw);
  transform: translateY(calc(-50% + 5px));
}
.moreBtn.black a {
  background: none;
  border: 1px solid #000;
}
.moreBtn.black a span {
  color: #000;
}
.moreBtn.black a::before {
  filter: brightness(0) invert(0);
}
.moreBtn.black a:hover {
  background: #000;
}
.moreBtn.black a:hover span {
  color: #fff;
}
.moreBtn.black a:hover::before {
  filter: brightness(0) invert(1);
}
.moreBtn.brown a {
  background: none;
  border: 1px solid #9F7006;
}
.moreBtn.brown a span {
  color: #9F7006;
}
.moreBtn.brown a::before {
  filter: invert(40%) sepia(18%) saturate(4297%) hue-rotate(22deg) brightness(98%) contrast(95%);
}
.moreBtn.brown a:hover {
  background: #9F7006;
}
.moreBtn.brown a:hover span {
  color: #fff;
}
.moreBtn.brown a:hover::before {
  filter: brightness(0) invert(1);
}
.moreBtn.brown.down a::before {
  background: url(../img/common/icon_arrow_down.svg) no-repeat center center/contain;
}
.moreBtn.brown.down a:hover::before {
  right: min(36px,5vw);
  transform: translateY(calc(-50% + 5px));
}

.commonContactArea {
  margin-top: 120px;
}
@media (max-width: 820px) {
  .commonContactArea {
    margin-top: 120px;
  }
}
@media (max-width: 480px) {
  .commonContactArea {
    margin-top: 80px;
  }
}
.commonContactArea .contactBox {
  border: 1px solid #9F7006;
  border-radius: 25px;
  background: #fff;
}
@media (max-width: 820px) {
  .commonContactArea .contactBox {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
}
.commonContactArea .contactBox .contactInner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.commonContactArea .contactBox .contactInner .ttlBox {
  background: linear-gradient(to bottom, #9F7006, #946909, #8A630C, #7F5D0F, #745612, #6A5015);
  padding: 15px 10px;
  margin-top: -27px;
  width: fit-content;
}
@media (max-width: 820px) {
  .commonContactArea .contactBox .contactInner .ttlBox {
    padding: 10px;
    margin: -27px auto 0;
  }
}
.commonContactArea .contactBox .contactInner .ttlBox h2 {
  border: 1px solid #fff;
  padding: 14px 20px;
  font-size: clamp(14.4px, 5vw, 36px);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
  text-align: center;
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .ttlBox h2 {
    font-size: clamp(14px, 4.166vw, 30px);
  }
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .ttlBox h2 {
    font-size: clamp(14px, 3.334vw, 24px);
    padding: 10px 20px;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .ttlBox h2 {
    font-size: 1.8rem;
  }
}
.commonContactArea .contactBox .contactInner .descBox {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .descBox {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) {
  .commonContactArea .contactBox .contactInner .descBox {
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox {
    margin-top: 18px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .pic {
  position: absolute;
  left: 36.8%;
  bottom: 16px;
  max-width: 194px;
  width: 15.52%;
}
.commonContactArea .contactBox .contactInner .descBox .pic figure {
  width: 100%;
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .descBox .pic {
    left: 30.52%;
  }
}
@media (max-width: 1024px) {
  .commonContactArea .contactBox .contactInner .descBox .pic {
    left: auto;
    right: 0;
    position: relative;
    margin-left: auto;
    margin-top: -40px;
  }
}
@media (max-width: 820px) {
  .commonContactArea .contactBox .contactInner .descBox .pic {
    margin-top: -5px;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox .pic {
    width: 80px;
    margin-top: -5px;
    bottom: 0;
  }
}
.commonContactArea .contactBox .contactInner .descBox p.txt {
  max-width: 450px;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .commonContactArea .contactBox .contactInner .descBox p.txt {
    max-width: 80%;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    line-height: 1.7142857143;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox p.txt {
    font-size: 1.4rem;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox {
  margin-left: min(195px,27.084vw);
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox {
    margin-left: 17.64%;
  }
}
@media (max-width: 1024px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox {
    width: 100%;
    margin-top: 20px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn {
  width: 490px;
  height: 90px;
  border: 1px solid #9F7006;
  border-radius: 46px;
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn {
    height: 60px;
    width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn {
    width: 100%;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 90px;
  padding: 17px 28px;
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a {
    line-height: 60px;
    padding: 14px 14px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.icon {
  background: #9F7006;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.icon img {
  width: 32px;
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
  }
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.icon img {
    width: 24px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.arrow {
  width: 32px;
  height: 30px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  line-height: normal;
  margin-left: auto;
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a figure.arrow {
    width: 20px;
    height: 20px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a span {
  font-size: clamp(14px, 4.166vw, 30px);
  font-weight: 700;
  letter-spacing: 0;
  color: #9F7006;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a span {
    font-size: clamp(14px, 3.612vw, 26px);
  }
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a span {
    font-size: clamp(14px, 3.056vw, 22px);
  }
}
@media (max-width: 480px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn a span {
    font-size: 1.6rem;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn a:hover figure.arrow {
  transform: translateX(10px);
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn + .btn {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn + .btn {
    margin-top: 20px;
  }
}
.commonContactArea .contactBox .contactInner .descBox .btnBox .btn.tel a span {
  font-size: clamp(16px, 5.556vw, 40px);
}
@media (max-width: 1200px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn.tel a span {
    font-size: clamp(14px, 4.444vw, 32px);
  }
}
@media (max-width: 768px) {
  .commonContactArea .contactBox .contactInner .descBox .btnBox .btn.tel a span {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
  }
}

.js_blur {
  opacity: 0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
/*==========================================================
	header
==========================================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
header .headerInner {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  height: 160px;
}
@media (max-width: 1200px) {
  header .headerInner {
    height: 130px;
  }
}
@media (max-width: 900px) {
  header .headerInner {
    height: 90px;
  }
}
@media (max-width: 480px) {
  header .headerInner {
    height: 80px;
  }
}
header .headerInner #hlogoBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 225px;
  height: 52px;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 35px;
}
@media (max-width: 480px) {
  header .headerInner #hlogoBox {
    width: 180px;
    left: 5%;
    top: 10px;
  }
}
header .headerInner #hlogoBox a {
  display: block;
  position: relative;
  z-index: 100;
}
header .headerInner #hlogoBox span {
  font-size: 1.4rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 3px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  header .headerInner #hlogoBox span {
    white-space: normal;
  }
}
@media (max-width: 480px) {
  header .headerInner #hlogoBox span {
    font-size: 1.2rem;
  }
}
header .headerInner .menuBox {
  transform: translateX(0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .headerInner .headerTop {
  display: flex;
  align-items: center;
}
header .headerInner .headerTop .htellBox {
  display: flex;
  gap: 1px;
  margin-left: auto;
}
@media (max-width: 900px) {
  header .headerInner .headerTop .htellBox {
    display: none;
  }
}
@media (max-width: 768px) {
  header .headerInner .headerTop .htellBox {
    flex-wrap: wrap;
    gap: 0;
  }
}
header .headerInner .headerTop .htellBox .htellUnit {
  display: flex;
  gap: 1px;
}
header .headerInner .headerTop .htellBox .recruit {
  width: 168px;
  background: linear-gradient(to top, #243E82, #2F438B, #3B4895, #484E9F);
  height: 70px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 2px solid transparent;
}
header .headerInner .headerTop .htellBox .recruit a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: clamp(14px, 3.056vw, 22px);
  font-weight: 500;
  line-height: 70px;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1200px) {
  header .headerInner .headerTop .htellBox .recruit {
    width: fit-content;
    height: 60px;
  }
  header .headerInner .headerTop .htellBox .recruit a {
    font-size: 1.6rem;
    line-height: 60px;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  header .headerInner .headerTop .htellBox .recruit {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  header .headerInner .headerTop .htellBox .recruit:hover {
    background: #fff;
    position: relative;
    border: 2px solid #0B346E;
  }
  header .headerInner .headerTop .htellBox .recruit:hover a {
    color: #0B346E;
  }
}
header .headerInner .headerTop .htellBox .osonae {
  width: 168px;
  background: linear-gradient(to top, #265598, #2C589E, #325AA3, #385DA9, #3E60AF, #4864B9, #4B65BC);
  height: 70px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 2px solid transparent;
}
header .headerInner .headerTop .htellBox .osonae a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -0.02em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1200px) {
  header .headerInner .headerTop .htellBox .osonae {
    width: fit-content;
    height: 60px;
  }
  header .headerInner .headerTop .htellBox .osonae a {
    font-size: 1.6rem;
    line-height: 60px;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  header .headerInner .headerTop .htellBox .osonae {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  header .headerInner .headerTop .htellBox .osonae:hover {
    background: #fff;
    position: relative;
    border: 2px solid #385DA9;
  }
  header .headerInner .headerTop .htellBox .osonae:hover a {
    color: #385DA9;
  }
}
header .headerInner .headerTop .htellBox .mail {
  width: 168px;
  height: 70px;
  background: linear-gradient(to top, #487BC3, #4E81C2, #5487C1, #598CC0, #5F92C0, #6396BF, #6699BF);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 2px solid transparent;
}
header .headerInner .headerTop .htellBox .mail a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
header .headerInner .headerTop .htellBox .mail a figure {
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .headerInner .headerTop .htellBox .mail a .txt {
  width: fit-content;
}
header .headerInner .headerTop .htellBox .mail a .txt span.sub {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .headerInner .headerTop .htellBox .mail a .txt span.main {
  font-size: clamp(14px, 3.056vw, 22px);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .headerInner .headerTop .htellBox .mail a figure.arrow {
  display: none;
}
@media (max-width: 1200px) {
  header .headerInner .headerTop .htellBox .mail {
    width: fit-content;
    height: 60px;
  }
  header .headerInner .headerTop .htellBox .mail a {
    padding: 0 10px;
    gap: 10px;
  }
  header .headerInner .headerTop .htellBox .mail a figure {
    width: 30px;
    margin-left: 0;
  }
  header .headerInner .headerTop .htellBox .mail a .txt span {
    display: block;
  }
  header .headerInner .headerTop .htellBox .mail a .txt span.sub {
    font-size: 1.4rem;
  }
  header .headerInner .headerTop .htellBox .mail a .txt span.main {
    font-size: 1.6rem;
    margin-top: 3px;
  }
}
@media (max-width: 768px) {
  header .headerInner .headerTop .htellBox .mail {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  header .headerInner .headerTop .htellBox .mail:hover {
    background: #fff;
    position: relative;
    border: 2px solid #487BC3;
  }
  header .headerInner .headerTop .htellBox .mail:hover a figure img {
    filter: invert(46%) sepia(10%) saturate(2905%) hue-rotate(176deg) brightness(97%) contrast(87%);
  }
  header .headerInner .headerTop .htellBox .mail:hover a .txt span.sub {
    color: #487BC3;
  }
  header .headerInner .headerTop .htellBox .mail:hover a .txt span.main {
    color: #487BC3;
  }
}
header .headerInner .headerTop .htellBox .tel {
  width: 414px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #D4B03D, #CDA139, #C79435, #C18731);
}
header .headerInner .headerTop .htellBox .tel a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 70px;
  text-align: center;
}
@media (max-width: 480px) {
  header .headerInner .headerTop .htellBox .tel a {
    flex-direction: column;
  }
}
header .headerInner .headerTop .htellBox .tel a p, header .headerInner .headerTop .htellBox .tel a div {
  color: #fff;
}
@media (max-width: 480px) {
  header .headerInner .headerTop .htellBox .tel a p, header .headerInner .headerTop .htellBox .tel a div {
    line-height: 1.3;
  }
}
header .headerInner .headerTop .htellBox .tel a p.txt, header .headerInner .headerTop .htellBox .tel a div.txt {
  font-size: clamp(14px, 2.5vw, 18px);
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
header .headerInner .headerTop .htellBox .tel a p.txt em, header .headerInner .headerTop .htellBox .tel a div.txt em {
  font-size: clamp(14px, 3.334vw, 24px);
  font-weight: 700;
  letter-spacing: 0.03em;
}
header .headerInner .headerTop .htellBox .tel a p.num, header .headerInner .headerTop .htellBox .tel a div.num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  font-size: clamp(14px, 3.334vw, 24px);
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
header .headerInner .headerTop .htellBox .tel a p.num figure img, header .headerInner .headerTop .htellBox .tel a div.num figure img {
  vertical-align: middle;
}
header .headerInner .headerTop .htellBox .tel a figure.arrow {
  display: none;
}
@media (max-width: 1200px) {
  header .headerInner .headerTop .htellBox .tel {
    width: fit-content;
    height: 60px;
  }
  header .headerInner .headerTop .htellBox .tel a {
    line-height: 60px;
    padding: 0 10px;
  }
  header .headerInner .headerTop .htellBox .tel a p.txt {
    font-size: 1.4rem;
  }
  header .headerInner .headerTop .htellBox .tel a p.txt em {
    font-size: clamp(14px, 2.778vw, 20px);
  }
  header .headerInner .headerTop .htellBox .tel a p.num {
    font-size: 1.6rem;
    margin-left: 0.5em;
  }
}
@media (max-width: 768px) {
  header .headerInner .headerTop .htellBox .tel {
    width: 50%;
  }
}
@media (max-width: 900px) {
  header .headerInner .headerBottom {
    display: none;
  }
}
header .headerInner .headerBottom ul.headerNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .headerInner .headerBottom ul.headerNav > li {
  position: relative;
  padding: 0 3.5%;
}
@media (max-width: 1200px) {
  header .headerInner .headerBottom ul.headerNav > li {
    padding: 0 2%;
  }
}
header .headerInner .headerBottom ul.headerNav > li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 24px 0;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1200px) {
  header .headerInner .headerBottom ul.headerNav > li a {
    font-size: clamp(14px, 2.222vw, 16px);
  }
}
header .headerInner .headerBottom ul.headerNav > li:first-child {
  padding-left: 0;
}
header .headerInner .headerBottom ul.headerNav > li:last-child {
  padding-right: 0;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: max-content;
  background: linear-gradient(to top, #A0BEED, #ACBEE0, #B6BED5, #C0BECB, #CABEC0, #D3BFB6, #DDBFAC, #E4C0A4, #EBC09C);
  padding: 10px 0 30px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav li a {
  display: block;
  color: #fff;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding: 8px 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav li a:hover {
  color: #1C1C1C;
  font-weight: 700;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav li > ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: max-content;
  background: linear-gradient(to top, #A0BEED, #ACBEE0, #B6BED5, #C0BECB, #CABEC0, #D3BFB6, #DDBFAC, #E4C0A4, #EBC09C);
  padding: 10px 0 30px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav li > ul li a {
  display: block;
  color: #fff;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding: 8px 20px;
}
header .headerInner .headerBottom ul.headerNav > li ul.subNav li:hover > ul {
  display: block;
}
header .headerInner .headerBottom ul.headerNav > li:last-child ul.subNav {
  right: 0;
  left: auto;
}
header .headerInner .headerBottom ul.headerNav > li:hover a {
  color: #D3A93B;
  font-weight: 700;
}
header .headerInner .headerBottom ul.headerNav > li:hover ul.subNav {
  display: block;
}
header .menuBtn {
  display: none;
}
@media (max-width: 900px) {
  header .menuBtn {
    display: block;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 300;
    top: 45px;
    right: 30px;
    -webkit-transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
  }
  header .menuBtn > span.line, header .menuBtn::before, header .menuBtn::after {
    display: inline-block;
    transition: 0.5s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0B346E;
    border-radius: 100vmax;
  }
  header .menuBtn > span.line {
    top: 12px;
  }
  header .menuBtn::before, header .menuBtn::after {
    content: "";
  }
  header .menuBtn::before {
    top: 7px;
  }
  header .menuBtn::after {
    top: 17px;
  }
}
@media (max-width: 480px) {
  header .menuBtn {
    top: 40px;
    right: 5%;
  }
}

body.open header {
  position: fixed;
}
body.open .menuBox {
  transform: translateX(0%);
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 200;
  height: 100%;
  background: #244D86;
  overflow: scroll;
  width: 88.8%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
body.open .menuBox .headerTop {
  margin-top: 40px;
}
@media (max-width: 390px) {
  body.open .menuBox .headerTop {
    margin-top: 20px;
  }
}
body.open .menuBox .headerTop .htellBox {
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  align-items: center;
}
body.open .menuBox .headerTop .htellBox .recruit {
  background: #fff;
  border-radius: 8px;
  margin-right: 10px;
  width: 128px;
  height: 45px;
}
body.open .menuBox .headerTop .htellBox .recruit a {
  color: #9F7006;
  font-size: 1.4rem;
  line-height: 45px;
}
body.open .menuBox .headerTop .htellBox .osonae {
  background: #fff;
  border-radius: 8px;
  width: 128px;
  height: 45px;
}
body.open .menuBox .headerTop .htellBox .osonae a {
  color: #234D86;
  font-size: 1.4rem;
  line-height: 45px;
}
body.open .menuBox .headerTop .htellBox .tel {
  width: 90%;
  background: none;
  max-width: 300px;
  height: 48px;
  margin-top: 15px;
}
@media (max-width: 390px) {
  body.open .menuBox .headerTop .htellBox .tel {
    height: 48px;
    margin-top: 15px;
  }
}
body.open .menuBox .headerTop .htellBox .tel a {
  background: #fff;
  border-radius: 46px;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
}
body.open .menuBox .headerTop .htellBox .tel a figure.icon {
  background: #0B346E;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.open .menuBox .headerTop .htellBox .tel a figure.icon img {
  width: 18px;
}
body.open .menuBox .headerTop .htellBox .tel a p.txt {
  display: none;
}
body.open .menuBox .headerTop .htellBox .tel a div.num {
  gap: 10px;
  display: flex;
  color: #0B346E;
  flex-direction: row-reverse;
  margin: 0;
}
body.open .menuBox .headerTop .htellBox .tel a div.num span {
  display: block;
  color: #0B346E;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}
body.open .menuBox .headerTop .htellBox .tel a figure.arrow {
  display: block;
  margin: 0 5px 0 auto;
  width: 30px;
}
body.open .menuBox .headerTop .htellBox .tel a figure.arrow img {
  vertical-align: middle;
}
body.open .menuBox .headerTop .htellBox .mail {
  width: 90%;
  background: none;
  max-width: 300px;
  height: 48px;
  margin-top: 15px;
}
@media (max-width: 390px) {
  body.open .menuBox .headerTop .htellBox .mail {
    height: 48px;
  }
}
body.open .menuBox .headerTop .htellBox .mail a {
  background: #fff;
  border-radius: 46px;
  justify-content: flex-start;
}
body.open .menuBox .headerTop .htellBox .mail a figure.icon {
  background: #7C9BC9;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.open .menuBox .headerTop .htellBox .mail a figure.icon img {
  width: 18px;
}
body.open .menuBox .headerTop .htellBox .mail a .txt {
  display: flex;
  align-items: center;
  gap: 5px;
}
body.open .menuBox .headerTop .htellBox .mail a .txt span {
  display: block;
  color: #7C9BC9;
}
body.open .menuBox .headerTop .htellBox .mail a .txt span.sub, body.open .menuBox .headerTop .htellBox .mail a .txt span.main {
  font-size: 1.6rem;
  margin: 0;
}
body.open .menuBox .headerTop .htellBox .mail a figure.arrow {
  display: block;
  margin: 0 0 0 auto;
}
body.open .menuBox .headerBottom {
  margin-top: 30px;
}
@media (max-width: 390px) {
  body.open .menuBox .headerBottom {
    margin-top: 30px;
  }
}
body.open .menuBox .headerBottom ul.headerNav {
  min-width: 228px;
  margin: 0 auto;
  width: 70%;
}
body.open .menuBox .headerBottom ul.headerNav > li {
  padding: 0;
}
body.open .menuBox .headerBottom ul.headerNav > li a {
  padding: 15px 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1.4rem;
}
@media (max-width: 390px) {
  body.open .menuBox .headerBottom ul.headerNav > li a {
    padding: 10px 0;
  }
}
body.open .menuBox .headerBottom ul.headerNav > li:hover ul.subNav {
  display: none;
}
body.open .btnMenu::before {
  /*top: 14px;*/
  transform: translateY(5px) rotate(-20deg);
  width: 100%;
}
body.open .btnMenu::after {
  /*top: 26px;*/
  transform: translateY(-5px) rotate(20deg);
  width: 100%;
}
body.open .btnMenu > span.line {
  opacity: 0;
}

body.open header .headerInner .headerTop .htellBox {
  display: flex;
}
body.open header .headerInner .headerBottom {
  display: block;
}
body.open header .headerInner .headerBottom ul {
  display: block;
}
body.open header .menuBtn::before {
  transform: translateY(5px) rotate(-20deg);
}
body.open header .menuBtn::after {
  transform: translateY(-5px) rotate(20deg);
}
body.home header {
  position: fixed;
}

/*==========================================================
	footer
==========================================================*/
footer {
  margin-top: 90px;
  padding: 65px 0 30px;
  background: url(../img/common/footer_bg.jpg) no-repeat center center/cover;
  position: relative;
  overflow-y: hidden;
}
footer .footerInner {
  display: flex;
  gap: 3.5%;
}
@media (max-width: 768px) {
  footer .footerInner {
    flex-direction: column;
  }
}
footer .footerInner .footerLeft {
  width: 26.72%;
  padding-lef: 15px;
}
@media (max-width: 768px) {
  footer .footerInner .footerLeft {
    width: 100%;
  }
}
footer .footerInner .footerLeft .logoBox figure img {
  filter: brightness(0) invert(1);
}
footer .footerInner .footerLeft .subTtl {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.06em;
  margin-top: 12px;
}
@media (max-width: 1024px) {
  footer .footerInner .footerLeft .subTtl {
    font-size: 1.4rem;
  }
}
footer .footerInner .footerLeft .infoBox p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.06em;
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 1024px) {
  footer .footerInner .footerLeft .infoBox p {
    font-size: 1.4rem;
  }
}
footer .footerInner .footerLeft .infoBox p + p {
  margin-top: 1.5em;
}
footer .footerInner .footerRight {
  width: 69.6%;
}
@media (max-width: 768px) {
  footer .footerInner .footerRight {
    width: 100%;
    margin-top: 40px;
  }
}
footer .footerInner .footerRight .footerNav {
  display: flex;
  gap: 6.54%;
}
@media (max-width: 480px) {
  footer .footerInner .footerRight .footerNav {
    display: block;
  }
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > a {
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 700;
  color: #fff;
  line-height: 1.7857142857;
  display: block;
  width: 100%;
  letter-spacing: 0.06em;
  padding-left: 5px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  max-width: 181px;
}
@media (max-width: 1024px) {
  footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > a {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > a {
    max-width: 100%;
  }
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList {
  margin-top: 15px;
  padding-left: 5px;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem a {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 1024px) {
  footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem a {
    font-size: 1.4rem;
  }
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem a span {
  font-size: 1.4rem;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem + li.footerNavSubItem {
  margin-top: 0.5em;
}
@media (max-width: 480px) {
  footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem + li.footerNavSubItem {
    margin-top: 10px;
  }
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem + li.footerNavSubItem.contactLink {
  margin-top: 20px;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem > ul {
  padding-left: 1em;
  margin-top: 0.75em;
  padding-bottom: 0.5em;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem > ul > li.footerNavSubThirdItem a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.06em;
  padding-left: 1em;
  position: relative;
  display: block;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem > ul > li.footerNavSubThirdItem a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 0.75em;
  height: 1px;
  background: #fff;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem > ul.footerNavSubList li.footerNavSubItem > ul > li.footerNavSubThirdItem + li.footerNavSubThirdItem {
  margin-top: 0.5em;
}
footer .footerInner .footerRight .footerNav ul.footerNavList > li.footerNavItem + li.footerNavItem {
  margin-top: 30px;
}
footer .footerInner .footerRight .footerNav ul.footerNavList .lpLink {
  margin-top: min(35px,4.862vw);
  margin-left: auto;
}
footer .footerInner .footerRight .footerNav ul.footerNavList .lpLink a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-decoration: underline;
  text-align: right;
  display: block;
  width: 100%;
}
@media (max-width: 480px) {
  footer .footerInner .footerRight .footerNav ul.footerNavList + ul.footerNavList {
    margin-top: 30px;
  }
}
footer .footerInner .footerRight p.copyright {
  margin-top: min(50px,6.944vw);
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding-left: 5px;
}
@media (max-width: 1024px) {
  footer .footerInner .footerRight p.copyright {
    font-size: 1.4rem;
  }
}
footer .container .ttlBox {
  display: flex;
  align-items: center;
  gap: 22px;
}
@media (max-width: 480px) {
  footer .container .ttlBox {
    align-items: flex-start;
    gap: 10px;
  }
}
footer .container .ttlBox p.ttl span {
  display: block;
}
footer .container .ttlBox p.ttl span.main {
  font-size: 1.65rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5757575758;
}
@media (max-width: 480px) {
  footer .container .ttlBox p.ttl span.main {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}
footer .container .ttlBox p.ttl span.sub {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.8571428571;
}
@media (max-width: 480px) {
  footer .container .ttlBox p.ttl span.sub {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}
footer .container .ttlBox figure {
  width: 322px;
}
footer .container .ttlBox figure img {
  width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  footer .container .ttlBox figure {
    width: 105px;
  }
}
footer .container .infoBox {
  margin-top: 22px;
}
footer .container .infoBox p {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7857142857;
  letter-spacing: 0.06em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 480px) {
  footer .container .infoBox p {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
}

/*==========================================================
	regulation
==========================================================*/
/*============================================================================
	調整用
=============================================================================*/
.fl {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.fl-tab {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
@media (max-width: 1024px) {
  .fl-tab {
    display: block;
  }
}

.fl-smp {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
@media (max-width: 480px) {
  .fl-smp {
    display: block;
  }
}

.fl-jst {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fl-cen {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fl-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fl-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fl-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fl-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mt0 {
  margin-top: min(0vw,0px) !important;
}

.mb0 {
  margin-bottom: min(0vw,0px) !important;
}

.pt0 {
  padding-top: min(0vw,0px) !important;
}

.pb0 {
  padding-bottom: min(0vw,0px) !important;
}

.mt10 {
  margin-top: min(3vw,10px) !important;
}

.mb10 {
  margin-bottom: min(3vw,10px) !important;
}

.pt10 {
  padding-top: min(3vw,10px) !important;
}

.pb10 {
  padding-bottom: min(3vw,10px) !important;
}

.mt20 {
  margin-top: min(6vw,20px) !important;
}

.mb20 {
  margin-bottom: min(6vw,20px) !important;
}

.pt20 {
  padding-top: min(6vw,20px) !important;
}

.pb20 {
  padding-bottom: min(6vw,20px) !important;
}

.mt30 {
  margin-top: min(9vw,30px) !important;
}

.mb30 {
  margin-bottom: min(9vw,30px) !important;
}

.pt30 {
  padding-top: min(9vw,30px) !important;
}

.pb30 {
  padding-bottom: min(9vw,30px) !important;
}

.mt40 {
  margin-top: min(12vw,40px) !important;
}

.mb40 {
  margin-bottom: min(12vw,40px) !important;
}

.pt40 {
  padding-top: min(12vw,40px) !important;
}

.pb40 {
  padding-bottom: min(12vw,40px) !important;
}

.mt50 {
  margin-top: min(15vw,50px) !important;
}

.mb50 {
  margin-bottom: min(15vw,50px) !important;
}

.pt50 {
  padding-top: min(15vw,50px) !important;
}

.pb50 {
  padding-bottom: min(15vw,50px) !important;
}

.mt60 {
  margin-top: min(18vw,60px) !important;
}

.mb60 {
  margin-bottom: min(18vw,60px) !important;
}

.pt60 {
  padding-top: min(18vw,60px) !important;
}

.pb60 {
  padding-bottom: min(18vw,60px) !important;
}

.mt70 {
  margin-top: min(21vw,70px) !important;
}

.mb70 {
  margin-bottom: min(21vw,70px) !important;
}

.pt70 {
  padding-top: min(21vw,70px) !important;
}

.pb70 {
  padding-bottom: min(21vw,70px) !important;
}

.mt80 {
  margin-top: min(24vw,80px) !important;
}

.mb80 {
  margin-bottom: min(24vw,80px) !important;
}

.pt80 {
  padding-top: min(24vw,80px) !important;
}

.pb80 {
  padding-bottom: min(24vw,80px) !important;
}

.mt90 {
  margin-top: min(27vw,90px) !important;
}

.mb90 {
  margin-bottom: min(27vw,90px) !important;
}

.pt90 {
  padding-top: min(27vw,90px) !important;
}

.pb90 {
  padding-bottom: min(27vw,90px) !important;
}

.mt100 {
  margin-top: min(30vw,100px) !important;
}

.mb100 {
  margin-bottom: min(30vw,100px) !important;
}

.pt100 {
  padding-top: min(30vw,100px) !important;
}

.pb100 {
  padding-bottom: min(30vw,100px) !important;
}

br {
  display: inline;
}
@media (min-width: 1201px) {
  br.showPC {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  br.showTab {
    display: none !important;
  }
}
@media (min-width: 821px) {
  br.showTabM {
    display: none !important;
  }
}
@media (min-width: 769px) {
  br.show768 {
    display: none !important;
  }
}
@media (min-width: 481px) {
  br.showSP {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  br.hdnPC {
    display: none;
  }
  br.showPC {
    display: inherit;
  }
}
@media (max-width: 1024px) {
  br.hdnTab {
    display: none;
  }
  br.showTab {
    display: inherit;
  }
}
@media (max-width: 820px) {
  br.hdnTabM {
    display: none;
  }
  br.showTabM {
    display: inherit;
  }
}
@media (max-width: 768px) {
  br.hdn768 {
    display: none;
  }
  br.show768 {
    display: inherit;
  }
}
@media (max-width: 480px) {
  br.hdnSP {
    display: none;
  }
  br.showSP {
    display: inherit;
  }
}

span {
  display: inline-block;
}
@media (min-width: 1201px) {
  span.showPC {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  span.showTab {
    display: none !important;
  }
}
@media (min-width: 769px) {
  span.show768 {
    display: none !important;
  }
}
@media (min-width: 481px) {
  span.showSP {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  span.hdnPC {
    display: none !important;
  }
  span.showPC {
    display: inherit;
  }
}
@media (max-width: 1024px) {
  span.hdnTab {
    display: none !important;
  }
  span.showTab {
    display: inherit;
  }
}
@media (max-width: 768px) {
  span.hdn768 {
    display: none !important;
  }
  span.show768 {
    display: inherit;
  }
}
@media (max-width: 480px) {
  span.hdnSP {
    display: none !important;
  }
  span.showSP {
    display: inherit;
  }
}

p, div, figure, ul {
  display: block;
}
@media (min-width: 1201px) {
  p.showPC, div.showPC, figure.showPC, ul.showPC {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  p.showTab, div.showTab, figure.showTab, ul.showTab {
    display: none !important;
  }
}
@media (min-width: 821px) {
  p.showTabM, div.showTabM, figure.showTabM, ul.showTabM {
    display: none !important;
  }
}
@media (min-width: 769px) {
  p.show768, div.show768, figure.show768, ul.show768 {
    display: none !important;
  }
}
@media (min-width: 481px) {
  p.showSP, div.showSP, figure.showSP, ul.showSP {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  p.hdnPC, div.hdnPC, figure.hdnPC, ul.hdnPC {
    display: none !important;
  }
  p.showPC, div.showPC, figure.showPC, ul.showPC {
    display: inherit;
  }
}
@media (max-width: 1024px) {
  p.hdnTab, div.hdnTab, figure.hdnTab, ul.hdnTab {
    display: none !important;
  }
  p.showTab, div.showTab, figure.showTab, ul.showTab {
    display: inherit;
  }
}
@media (max-width: 820px) {
  p.hdnTabM, div.hdnTabM, figure.hdnTabM, ul.hdnTabM {
    display: none !important;
  }
  p.showTabM, div.showTabM, figure.showTabM, ul.showTabM {
    display: inherit;
  }
}
@media (max-width: 768px) {
  p.hdn768, div.hdn768, figure.hdn768, ul.hdn768 {
    display: none !important;
  }
  p.show768, div.show768, figure.show768, ul.show768 {
    display: inherit;
  }
}
@media (max-width: 480px) {
  p.hdnSP, div.hdnSP, figure.hdnSP, ul.hdnSP {
    display: none !important;
  }
  p.showSP, div.showSP, figure.showSP, ul.showSP {
    display: inherit;
  }
}

li {
  display: list-item;
}
@media (min-width: 1201px) {
  li.showPC {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  li.showTab {
    display: none !important;
  }
}
@media (min-width: 769px) {
  li.show768 {
    display: none !important;
  }
}
@media (min-width: 481px) {
  li.showSP {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  li.hdnPC {
    display: none !important;
  }
  li.showPC {
    display: inherit;
  }
}
@media (max-width: 1024px) {
  li.hdnTab {
    display: none !important;
  }
  li.showTab {
    display: inherit;
  }
}
@media (max-width: 768px) {
  li.hdn768 {
    display: none !important;
  }
  li.show768 {
    display: inherit;
  }
}
@media (max-width: 480px) {
  li.hdnSP {
    display: none !important;
  }
  li.showSP {
    display: inherit;
  }
}

.ta_cnt {
  text-align: center;
}

.ta_right {
  text-align: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#notfoundWrap {
  padding: 280px 0 100px;
  text-align: center;
}
@media (max-width: 480px) {
  #notfoundWrap {
    padding: 160px 0 60px;
  }
}
#notfoundWrap .error_url {
  font-size: clamp(14px, 2.778vw, 20px);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #0B346E;
  margin: 40px 0 20px;
}
#notfoundWrap .error_url span {
  word-break: break-all;
}
#notfoundWrap .moreBtn {
  width: 385px;
  height: 60px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #notfoundWrap .moreBtn {
    width: 90%;
    height: 50px;
  }
}