@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■RESET
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-print-color-adjust: exact;
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

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

li {
  list-style: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

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

img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

a[href],
label[for],
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"],
input[type="radio"],
input[type="checkbox"],
select {
  cursor: pointer;
}

a[href^="tel:"] {
  cursor: default;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

/*
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
*/
.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■COMMON
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-------------------------
  ROLL OVER
-------------------------*/
.ro {
  transition: all 0.25s ease;
}

.ro:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

.ro:hover img {
  opacity: 1;
}

.ro a:hover, .ro a:hover img {
  transition: none;
  opacity: 1;
}

@media print, screen and (max-width: 767px) {
  .ro:hover,
  .ro a:hover,
  .ro a:hover img {
    opacity: 1;
  }
}

/*-------------------------
  pcCont/spCont
-------------------------*/
@media print, screen and (min-width: 768px) {
  .sp, .spCont {
    display: none;
  }
}

@media print, screen and (max-width: 767px) {
  .pc, .pcCont {
    display: none;
  }
}

/*-------------------------
  COMMONS
-------------------------*/
.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.clear {
  clear: both;
}

button {
  cursor: pointer;
  outline: none;
}

.fBox {
  display: flex;
}

svg {
  fill: currentColor;
}

.preload * {
  transition: none !important;
}

.ofi {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.ac_btn {
  cursor: pointer;
}

.ac_box {
  display: none;
}

.slider {
  opacity: 0;
  transition: opacity .3s linear;
}

.slider.slick-initialized {
  opacity: 1;
}

code {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1em 0.25em;
  color: #444;
  background-color: #e7edf3;
  border-radius: 3px;
  border: solid 1px #d6dde4;
  text-indent: 0;
  font-size: 16px;
  line-height: 1.2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■setting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
html {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 100%;
}

@media print {
  html {
    font-size: 80%;
  }
}

body {
  position: relative;
  min-width: 319px;
  background: #fff;
  color: #000000;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  word-break: normal;
  word-wrap: break-word;
  line-break: strict;
  overflow-wrap: break-word;
  -webkit-touch-callout: none;
}

body a[href=""],
body a.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

body:not(.view_sp) a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

#container {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

.contents {
  position: relative;
  flex: 1;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1320px) {
  .contents {
    max-width: inherit;
    padding: 0 20px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■parts
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media print, screen and (min-width: 768px) {
  sbody {
    min-width: 3000px;
    padding-bottom: 500px;
  }
}

/*-------------------------
  color
-------------------------*/
.red {
  color: #E60000;
}

.bg_red {
  background-color: #E60000;
}

.yellow {
  color: #E6E600;
}

.bg_yellow {
  background-color: rgba(230, 230, 0, 0.5);
}

.green {
  color: #00E600;
}

.bg_green {
  background-color: rgba(0, 230, 0, 0.5);
}

/*-------------------------
  ブロック・セクション
-------------------------*/
hr {
  border: none;
  height: 108px;
}

@media print, screen and (max-width: 767px) {
  hr {
    height: 80px;
  }
}

.nowrap {
  white-space: nowrap;
}

.flex {
  display: flex;
}

/*-------------------------
  pagetitle
-------------------------*/
.pagetitle {
  text-align: center;
  padding-top: 80px;
  margin-bottom: 45px;
}

@media print, screen and (max-width: 767px) {
  .pagetitle {
    padding-top: 40px;
    margin-bottom: 25px;
  }
}

@media print {
  .pagetitle {
    padding-top: 0;
  }
}

.pagetitle .icon {
  display: block;
  margin-bottom: 20px;
  fill: #42AFE3;
}

@media print {
  .pagetitle .icon {
    display: none;
    margin-bottom: 10px;
  }
}

@media print, screen and (max-width: 767px) {
  .pagetitle .icon img {
    width: 102px;
    height: auto;
  }
}

@media print {
  .pagetitle .icon img {
    width: 71px;
    height: auto;
  }
}

.pagetitle .text {
  font-size: 3rem;
  font-weight: 300;
  letter-spacing: .056em;
}

@media print, screen and (max-width: 767px) {
  .pagetitle .text {
    font-size: 2rem;
  }
}

@media print {
  .pagetitle .text {
    font-size: 2rem;
  }
}

.pagetitle .en {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
  letter-spacing: .025em;
}

.read {
  margin-bottom: 107px;
}

@media print, screen and (max-width: 767px) {
  .read {
    margin-bottom: 80px;
  }
}

@media print {
  .read {
    display: none;
  }
}

.read *[class^="text"] + p:not([class^="text"]) {
  margin-top: 16px;
}

/*-------------------------
  見出し
-------------------------*/
/*-------------------------
  本文テキスト
-------------------------*/
.text1 {
  font-size: 0.875rem;
  line-height: 1.5;
}

.text1 em {
  font-style: italic;
}

.text1 strong, .text1 b {
  font-weight: 700;
}

.text1 a {
  transition: all 0.25s ease;
}

.text1 a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

.text1 a:not([class]) {
  text-decoration: underline;
}

.text1 *:not(.has-text-color) a:not(.wp-block-button__link) {
  color: #0000ee;
}

.text1 a:not([class]):not([href^="mailto:"])[target="_blank"] {
  position: relative;
  margin-right: 5px;
}

@media print, screen and (min-width: 768px) {
  .text1.pc_center {
    text-align: center;
  }
}

@media print, screen and (max-width: 767px) {
  .text1.sp_center {
    text-align: center;
  }
}

.text1.center {
  text-align: center;
}

.text1:not(p) > *:first-child {
  margin-top: 0;
}

.text1 > *:not(:first-child) {
  margin-top: 1em;
}

* + .text1 {
  margin-top: 1.14285em;
}

.text2 {
  font-size: 1.25rem;
  line-height: 1.45;
}

.text2 em {
  font-style: italic;
}

.text2 strong, .text2 b {
  font-weight: 700;
}

.text2 a {
  transition: all 0.25s ease;
}

.text2 a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

.text2 a:not([class]) {
  text-decoration: underline;
}

.text2 *:not(.has-text-color) a:not(.wp-block-button__link) {
  color: #0000ee;
}

.text2 a:not([class]):not([href^="mailto:"])[target="_blank"] {
  position: relative;
  margin-right: 5px;
}

@media print, screen and (min-width: 768px) {
  .text2.pc_center {
    text-align: center;
  }
}

@media print, screen and (max-width: 767px) {
  .text2.sp_center {
    text-align: center;
  }
}

.text2.center {
  text-align: center;
}

.text2:not(p) > *:first-child {
  margin-top: 0;
}

.text2 + * {
  margin-top: 16px;
}

.text3 {
  font-size: 1.75rem;
  line-height: 1.8;
}

.text3 em {
  font-style: italic;
}

.text3 strong, .text3 b {
  font-weight: 700;
}

.text3 a {
  transition: all 0.25s ease;
}

.text3 a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

.text3 a:not([class]) {
  text-decoration: underline;
}

.text3 *:not(.has-text-color) a:not(.wp-block-button__link) {
  color: #0000ee;
}

.text3 a:not([class]):not([href^="mailto:"])[target="_blank"] {
  position: relative;
  margin-right: 5px;
}

@media print, screen and (min-width: 768px) {
  .text3.pc_center {
    text-align: center;
  }
}

@media print, screen and (max-width: 767px) {
  .text3.sp_center {
    text-align: center;
  }
}

.text3.center {
  text-align: center;
}

.text3:not(p) > *:first-child {
  margin-top: 0;
}

@media print, screen and (max-width: 767px) {
  .text3 {
    font-size: 1.5rem;
  }
}

.text3 + * {
  margin-top: 1em;
}

.result_none {
  font-size: 1.75rem;
  line-height: 1.8;
  text-align: center;
  margin: 165px 0 202px;
}

@media print, screen and (max-width: 767px) {
  .result_none {
    font-size: 1.5rem;
  }
}

@media print, screen and (max-width: 767px) {
  .result_none {
    margin: 120px 0;
  }
}

/*-------------------------
  ボタン
-------------------------*/
*[class^='btn0'] > a,
button[class^='btn0'] {
  overflow: hidden;
  position: relative;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  box-shadow: none;
  color: inherit;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 100%;
  text-decoration: none;
  border-radius: 100px;
  min-height: 44px;
  font-weight: bold;
  padding: 10px 20px;
}

@media print, screen and (max-width: 767px) {
  *[class^='btn0'] > a,
  button[class^='btn0'] {
    padding: 5px 10px;
  }
}

*[class^='btn0'] > a::before,
button[class^='btn0']::before {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 0.25s ease;
}

*[class^='btn0'] > a:hover::before,
button[class^='btn0']:hover::before {
  opacity: 1;
}

*[class^='btn0'] > a.en,
button[class^='btn0'].en {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
  font-weight: bold !important;
}

*[class^='btn0'] > a:disabled, *[class^='btn0'] > a.disabled,
button[class^='btn0']:disabled,
button[class^='btn0'].disabled {
  pointer-events: none;
  background-color: #DCDCDC;
  color: #707070;
}

*[class^='btn0'] > a:focus-visible,
button[class^='btn0']:focus-visible {
  outline: 1px solid #000;
}

.btn01 a,
button.btn01 {
  background: #fff;
  border: 1px solid #CCCCCC;
}

.btn01 a::before,
button.btn01::before {
  background-color: #F2F2F2;
}

.btn02 a,
button.btn02 {
  background: #000;
  color: #fff;
}

.btn02 a::before,
button.btn02::before {
  background-color: #333;
}

.btn_wrap {
  display: flex;
  justify-content: center;
  max-width: 708px;
  margin: 64px auto 0;
}

@media print, screen and (max-width: 767px) {
  .btn_wrap {
    margin-top: 56px;
  }
}

.btn_wrap *[class^='btn0'] {
  max-width: 336px;
  width: 100%;
  margin-left: 8px;
  margin-right: 8px;
}

@media print, screen and (max-width: 767px) {
  .btn_wrap *[class^='btn0'] {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.btn_wrap *[class^='btn0']:first-child:nth-last-child(2),
.btn_wrap *[class^='btn0']:first-child:nth-last-child(2) ~ * {
  margin-left: 16px;
  margin-right: 16px;
}

@media print, screen and (max-width: 767px) {
  .btn_wrap *[class^='btn0']:first-child:nth-last-child(2),
  .btn_wrap *[class^='btn0']:first-child:nth-last-child(2) ~ * {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media print {
  .print {
    display: none;
  }
}

/*-------------------------
  list
-------------------------*/
ul.indent,
ol.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/*-------------------------
  フォームパーツ
-------------------------*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-color: #000;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 0;
  height: 40px;
  padding: 0px 10px;
}

input[type="text"]:not(.problem),
input[type="tel"]:not(.problem),
input[type="email"]:not(.problem),
input[type="password"]:not(.problem),
input[type="number"]:not(.problem),
input[type="url"]:not(.problem),
input[type="date"]:not(.problem),
textarea:not(.problem) {
  background: #fff;
}

input[type="text"].problem,
input[type="tel"].problem,
input[type="email"].problem,
input[type="password"].problem,
input[type="number"].problem,
input[type="url"].problem,
input[type="date"].problem,
textarea.problem {
  outline-color: #E60000;
  background-color: #f7ebeb !important;
  border-color: #E60000 !important;
  border-width: 2px;
}

input[type="text"] + .mfp_err,
input[type="tel"] + .mfp_err,
input[type="email"] + .mfp_err,
input[type="password"] + .mfp_err,
input[type="number"] + .mfp_err,
input[type="url"] + .mfp_err,
input[type="date"] + .mfp_err,
textarea + .mfp_err {
  margin-top: 5px !important;
}

input[type="text"]:disabled, input[type="text"].disabled,
input[type="tel"]:disabled,
input[type="tel"].disabled,
input[type="email"]:disabled,
input[type="email"].disabled,
input[type="password"]:disabled,
input[type="password"].disabled,
input[type="number"]:disabled,
input[type="number"].disabled,
input[type="url"]:disabled,
input[type="url"].disabled,
input[type="date"]:disabled,
input[type="date"].disabled,
textarea:disabled,
textarea.disabled {
  pointer-events: none;
  background-color: #F2F2F2;
  color: #707070;
}

.size-ss {
  width: 138px;
}

@media print, screen and (max-width: 767px) {
  .size-ss {
    width: 100px;
  }
}

.size-s {
  width: 263px;
}

.size-m {
  max-width: 472px;
  width: 100%;
}

.size-l {
  width: 100%;
}

.size-ll {
  width: 100%;
}

select {
  outline-color: #000;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 0;
  height: 40px;
  padding: 0px 10px;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #707070;
}

select:not(.problem) {
  background: #fff;
}

select.problem {
  outline-color: #E60000;
  background-color: #f7ebeb !important;
  border-color: #E60000 !important;
  border-width: 2px;
}

select + .mfp_err {
  margin-top: 5px !important;
}

select:disabled, select.disabled {
  pointer-events: none;
  background-color: #F2F2F2;
  color: #707070;
}

select.size-ss {
  width: 110px;
}

textarea {
  display: block;
  resize: both;
  width: 100%;
  height: 68px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.l-date > *:not(:first-child) {
  margin-left: 16px;
}

.l-date select {
  margin-right: 8px;
}

input[type="file"] {
  cursor: pointer;
}

.file_label {
  display: inline-flex;
}

#file_btn {
  flex: 1 0 auto;
  display: inline-flex;
  align-items: center;
  outline-color: #000;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 0;
  height: 40px;
  padding: 0px 10px;
  border-radius: 4px;
  border-color: #707070;
  margin-right: 16px;
  font-size: 1.125rem;
  transition: all 0.25s ease;
}

#file_btn:not(.problem) {
  background: #fff;
}

#file_btn.problem {
  outline-color: #E60000;
  background-color: #f7ebeb !important;
  border-color: #E60000 !important;
  border-width: 2px;
}

#file_btn + .mfp_err {
  margin-top: 5px !important;
}

#file_btn:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

@media print, screen and (max-width: 767px) {
  #file_btn {
    font-size: 1rem;
  }
}

#file_input {
  display: none;
}

#file_name {
  align-self: center;
  font-size: 1.25rem;
}

@media print, screen and (max-width: 767px) {
  #file_name {
    font-size: 1rem;
  }
}

label:not(.file_label) {
  cursor: pointer;
  display: inline-block;
}

label:not(.file_label) span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 29px;
}

label:not(.file_label) span:before, label:not(.file_label) span:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
}

@media print, screen and (max-width: 767px) {
  label:not(.file_label) span:before, label:not(.file_label) span:after {
    top: 3px;
  }
}

label:not(.file_label) span:before {
  left: 0;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 1px solid #707070;
  background: #fff;
  margin: auto 0;
}

label:not(.file_label) span:after {
  opacity: 0;
  margin: auto;
}

label:not(.file_label) input[type="radio"],
label:not(.file_label) input[type="checkbox"] {
  display: none;
}

input[type="radio"]:checked + span:after,
input[type="radio"]:checked + input + span:after,
input[type="checkbox"]:checked + span:after,
input[type="checkbox"]:checked + input + span:after {
  opacity: 1;
}

label input[type="radio"] + span:before,
label input[type="radio"] + input + span:before,
label input[type="radio"] + span:after,
label input[type="radio"] + input + span:after {
  border-radius: 50%;
}

label input[type="radio"] + span:after,
label input[type="radio"] + input + span:after {
  top: 11px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: #000;
}

@media print, screen and (max-width: 767px) {
  label input[type="radio"] + span:after,
  label input[type="radio"] + input + span:after {
    top: 8px;
  }
}

input[type="checkbox"]:checked + span:before,
input[type="checkbox"]:checked + input + span:before {
  background-color: #000;
  border-color: #000;
}

label input[type="checkbox"] + span:after,
label input[type="checkbox"] + input + span:after {
  top: 8px;
  left: 6px;
  width: 7px;
  height: 10px;
  background: none;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(40deg);
}

@media print, screen and (max-width: 767px) {
  label input[type="checkbox"] + span:after,
  label input[type="checkbox"] + input + span:after {
    top: 5px;
  }
}

/*-------------------------
  プレースホルダー
-------------------------*/
:placeholder-shown {
  font: initial;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal !important;
  color: #969696 !important;
}

::-webkit-input-placeholder {
  font: initial;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal !important;
  color: #969696 !important;
}

:-moz-placeholder {
  opacity: 1;
  font: initial;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal !important;
  color: #969696 !important;
}

::-moz-placeholder {
  opacity: 1;
  font: initial;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal !important;
  color: #969696 !important;
}

:-ms-input-placeholder {
  font: initial;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal !important;
  color: #969696 !important;
}

/*-------------------------
  テーブル
-------------------------*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (min-width: 1025px) {
  table {
    table-layout: fixed;
  }
}

table .sp_scroll {
  min-width: 700px;
}

@media print, screen and (max-width: 1024px) {
  table .sp_scroll {
    min-width: 750px;
  }
}

table tr > * {
  text-align: left;
  padding: 8px;
  word-break: break-all;
}

table tr > *.size-s {
  width: 154px;
}

table tr > *.size-m {
  width: 450px;
}

table tr > *.size-l {
  width: 100%;
  min-width: 150px;
}

@media print, screen and (max-width: 1024px) {
  table tr > *.size-l {
    width: auto;
    min-width: 200px;
  }
}

table tr > *.size-ll {
  width: 100%;
}

@media print {
  table tr > * {
    width: inherit !important;
  }
}

table thead {
  position: sticky;
  top: -1px;
  z-index: 1;
  background: #F2F2F2;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  height: 76px;
}

@media print {
  table thead {
    height: 36px;
  }
}

table thead tr > * {
  width: 115px;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  table thead tr > * {
    width: auto;
    min-width: 80px;
    font-size: 0.75rem;
  }
}

@media print {
  table thead tr > * {
    font-size: 0.75rem;
  }
}

@media print {
  table thead tr th {
    white-space: nowrap;
  }
}

table tbody {
  overflow-y: scroll;
}

table tbody tr {
  border-bottom: 1px solid #DCDCDC;
}

table tbody tr > * {
  height: 96px;
  font-size: 1.125rem;
  line-height: 1.4;
}

@media print, screen and (max-width: 767px) {
  table tbody tr > * {
    font-size: 1rem;
  }
}

@media print {
  table tbody tr > * {
    height: 56px;
    font-size: 0.9375rem;
  }
}

table tbody tr > * small {
  font-size: 0.875rem;
}

@media print, screen and (max-width: 767px) {
  table tbody tr > * small {
    font-size: 0.8125rem;
  }
}

@media print {
  table tbody tr > * small {
    font-size: 0.8125rem;
  }
}

table tbody th {
  background: #F2F2F2;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  table tbody th {
    font-size: 0.75rem;
  }
}

table tbody th:first-of-type {
  border-right: 1px solid #DCDCDC;
}

table tbody th:last-of-type {
  border-left: 1px solid #DCDCDC;
}

table a {
  display: inline-block;
  color: #0000ee;
  text-decoration: underline;
  transition: all 0.25s ease;
}

table a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

@media print {
  table a {
    color: currentColor;
  }
}

table a:active {
  color: #ff0000;
}

table a:visited {
  color: #551a8b;
}

table .nowrap {
  width: auto;
  white-space: nowrap;
}

table .column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

table .column > *:not(:first-child) {
  margin-top: 8px;
}

@media screen and (min-width: 1025px) {
  .table1 {
    table-layout: inherit;
  }
}

@media screen and (min-width: 1025px) {
  .table2 {
    table-layout: inherit;
  }
}

.table2 thead tr > * {
  width: auto;
}

.sp_scroll .js-scrollable {
  max-height: 600px;
  overflow: auto !important;
}

@media print {
  .sp_scroll .js-scrollable {
    max-height: inherit;
  }
}

@media print {
  .sp_scroll + .btn_wrap {
    display: none;
  }
}

.scrollable-table .js-scrollable {
  max-height: 600px;
  overflow: auto !important;
}

@media print {
  .scrollable-table .js-scrollable {
    max-height: inherit;
  }
}

/* 編集用 */
.table_edit {
  max-width: 976px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25rem;
  line-height: 1.45;
}

@media print, screen and (max-width: 767px) {
  .table_edit {
    font-size: 1rem;
  }
}

.table_edit > div:not(:first-child) {
  margin-top: 32px;
}

.table_edit dt {
  margin-bottom: 12px;
}

.table_edit dd + dd {
  margin-top: 24px;
}

.table_edit .flex {
  align-items: center;
  white-space: nowrap;
  width: 100%;
}

.table_edit .flex > *:not(span):not(label):not(:first-of-type) {
  margin-left: 32px;
}

@media print, screen and (max-width: 767px) {
  .table_edit .flex > *:not(span):not(label):not(:first-of-type) {
    margin-left: 16px;
  }
}

.table_edit .flex > div:not([class^="size-"]) {
  flex: 1;
}

.table_edit .unit {
  margin-left: 10px;
}

@media print, screen and (max-width: 767px) {
  .table_edit .unit {
    margin-left: 8px;
  }
}

.table_edit .dash {
  margin-left: 16px;
  margin-right: -16px;
}

.table_edit .zip {
  margin-right: 10px;
}

.table_edit input[type="text"],
.table_edit input[type="tel"],
.table_edit input[type="email"],
.table_edit input[type="password"],
.table_edit input[type="number"],
.table_edit input[type="url"],
.table_edit input[type="date"] {
  height: 62px;
  padding: 0 18px;
}

@media print, screen and (max-width: 767px) {
  .table_edit input[type="text"],
  .table_edit input[type="tel"],
  .table_edit input[type="email"],
  .table_edit input[type="password"],
  .table_edit input[type="number"],
  .table_edit input[type="url"],
  .table_edit input[type="date"] {
    height: 48px;
  }
}

.table_edit input[type="text"]:not([class^="size-"]),
.table_edit input[type="tel"]:not([class^="size-"]),
.table_edit input[type="email"]:not([class^="size-"]),
.table_edit input[type="password"]:not([class^="size-"]),
.table_edit input[type="number"]:not([class^="size-"]),
.table_edit input[type="url"]:not([class^="size-"]),
.table_edit input[type="date"]:not([class^="size-"]) {
  width: 100%;
}

.table_edit textarea {
  height: 136px;
}

.table_edit label {
  margin-right: 32px;
  margin-left: 0;
}

@media print, screen and (max-width: 767px) {
  .table_edit label {
    margin-right: 16px;
  }
}

.table_edit select {
  height: 62px;
  border-color: #DCDCDC;
  border-radius: 0;
}

@media print {
  .table_edit + .btn_wrap {
    display: none;
  }
}

/* 確認用 */
.table_confirm,
.table_confirm2 {
  max-width: 976px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

@media print, screen and (min-width: 768px) {
  .table_confirm,
  .table_confirm2 {
    font-size: 1.25rem;
  }
}

.table_confirm + .table_edit,
.table_confirm + .blk_list,
.table_confirm2 + .table_edit,
.table_confirm2 + .blk_list {
  margin-top: 64px;
}

@media print, screen and (max-width: 767px) {
  .table_confirm + .table_edit,
  .table_confirm + .blk_list,
  .table_confirm2 + .table_edit,
  .table_confirm2 + .blk_list {
    margin-top: 48px;
  }
}

.table_confirm > div,
.table_confirm2 > div {
  display: flex;
}

@media print, screen and (max-width: 767px) {
  .table_confirm .flex,
  .table_confirm2 .flex {
    display: block;
  }
}

.table_confirm .flex > *,
.table_confirm2 .flex > * {
  flex: 1;
  display: flex;
}

@media print, screen and (max-width: 767px) {
  .table_confirm .flex > *:not(:first-child),
  .table_confirm2 .flex > *:not(:first-child) {
    margin-top: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .table_confirm .flex > *:not(:last-child),
  .table_confirm2 .flex > *:not(:last-child) {
    padding-right: 32px;
  }
}

.table_confirm *,
.table_confirm2 * {
  word-break: break-all;
}

.table_confirm dt,
.table_confirm2 dt {
  flex: 1 0 auto;
  width: 204px;
  font-weight: 300;
  padding-right: 1em;
}

@media print, screen and (max-width: 767px) {
  .table_confirm dt,
  .table_confirm2 dt {
    width: 144px;
  }
}

.table_confirm dd,
.table_confirm2 dd {
  flex: 0 1 auto;
  width: 100%;
  font-weight: 500;
}

@media print {
  .table_confirm + .btn_wrap,
  .table_confirm2 + .btn_wrap {
    display: none;
  }
}

@media print, screen and (min-width: 768px) {
  .table_confirm {
    padding: 64px 0;
  }
}

@media print, screen and (max-width: 767px) {
  .table_confirm {
    padding: 48px 0;
  }
}

.table_confirm > div:not(:first-child) {
  margin-top: 32px;
}

@media print, screen and (max-width: 767px) {
  .table_confirm > div:not(:first-child) {
    margin-top: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .table_confirm2 {
    padding: 32px 0;
  }
}

@media print, screen and (max-width: 767px) {
  .table_confirm2 {
    padding: 24px 0;
  }
}

.table_confirm2 > div:not(:first-child) {
  margin-top: 8px;
}

/*-------------------------
  配送先データ登録
-------------------------*/
.blk_list,
.blk_list2 {
  max-width: 976px;
  margin: 0 auto;
}

.blk_list > li:not(:first-child),
.blk_list2 > li:not(:first-child) {
  border-top: 1px solid #CCCCCC;
}

.blk_list > li > .title,
.blk_list2 > li > .title {
  font-size: 1.625rem;
  font-weight: 300;
  margin-bottom: 16px;
}

.blk_list .table_confirm,
.blk_list .table_confirm2,
.blk_list2 .table_confirm,
.blk_list2 .table_confirm2 {
  border: none;
  padding: 0;
}

@media print, screen and (min-width: 768px) {
  .blk_list > li:not(:first-child) {
    padding-top: 64px;
    margin-top: 64px;
  }
}

@media print, screen and (max-width: 767px) {
  .blk_list > li:not(:first-child) {
    padding-top: 48px;
    margin-top: 48px;
  }
}

.blk_list2 > li {
  border-top: 1px solid #CCCCCC;
}

@media print, screen and (min-width: 768px) {
  .blk_list2 > li {
    padding-top: 32px;
    margin-top: 32px;
  }
}

@media print, screen and (max-width: 767px) {
  .blk_list2 > li {
    padding-top: 24px;
    margin-top: 24px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit;
}

.bold, strong {
  font-weight: bold;
}

.innerWrap {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

img {
  user-select: none;
  pointer-events: none;
}

@media print, screen and (min-width: 768px) {
  .ptac {
    text-align: center;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 50px;
}

@media print, screen and (max-width: 767px) {
  #header {
    padding: 16px 20px;
  }
}

@media print {
  #header {
    padding: 16px 0;
  }
}

#header .logo {
  position: relative;
  margin-right: 40px;
}

#header .logo a {
  position: relative;
  display: inline-block;
  transition: all 0.25s ease;
}

#header .logo a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

#header .name {
  width: 100%;
  font-size: 0.8125rem;
  margin-right: auto;
}

#header .btn01 {
  min-width: 86px;
  min-height: 26px;
  font-size: 0.75rem;
  letter-spacing: -.02em;
  line-height: 1.0;
  padding: 5px 10px;
}

@media print {
  #header .btn01 {
    display: none;
  }
}

#header .btn01 + * {
  margin-left: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  margin-top: 200px;
}

@media print, screen and (max-width: 767px) {
  #footer {
    margin-top: 100px;
  }
}

@media print {
  #footer {
    display: none;
  }
}

#footer .copyright {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
  font-size: 0.6875rem;
  line-height: 1.5;
  text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■PAGE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
sbody {
  min-width: 3000px;
  padding-bottom: 500px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■ログイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-login {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
  margin-bottom: -100px;
}

.page-login .pagetitle {
  padding-top: 36px;
  margin-bottom: 24px;
}

.page-login .pagetitle .red {
  font-size: 1.25rem;
  letter-spacing: .025em;
  margin-bottom: 13px;
}

.page-login .pagetitle .text {
  font-size: 3rem;
  letter-spacing: .05em;
  font-weight: normal;
}

.page-login .pagetitle .text span {
  display: block;
  font-size: 1.75rem;
  line-height: 1.0;
  margin-top: -3px;
}

.page-login .form {
  max-width: 500px;
  margin-top: 38px;
}

.page-login .form > *:not(:first-child) {
  margin-top: 8px;
}

.page-login .form input {
  height: 48px;
}

.page-login .form input + .text1 {
  margin-top: 14px;
}

.page-login .btn_wrap {
  margin-top: 26px !important;
  margin-bottom: 72px;
}

.page-login .btn02 {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-login .link {
  font-size: 1.125rem;
}

.page-login .link + .link {
  margin-top: 22px;
}

.page-login .link a {
  border-bottom: 1px solid #000000;
  transition: all 0.25s ease;
}

.page-login .link a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■パスワード忘れた方の入力画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-password {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
}

@media print, screen and (min-width: 768px) {
  .page-password .pagetitle {
    margin-bottom: 24px;
  }
}

.page-password .pagetitle .text {
  font-size: 2rem;
  letter-spacing: .025em;
  font-weight: normal;
}

.page-password .form {
  max-width: 500px;
  margin-top: 38px;
}

.page-password .form input {
  height: 48px;
}

.page-password .btn_wrap {
  display: block;
  text-align: center;
  margin-top: 64px;
}

.page-password .btn_wrap > *:not(:first-child) {
  margin-top: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■お客様管理画面トップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-toppage-gest .pagetitle {
  padding-top: 36px;
}

.page-toppage-gest .pagetitle .en {
  font-size: 2rem;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .pagetitle .en {
    font-size: 1.375rem;
  }
}

.page-toppage-gest .pagetitle .text {
  font-size: 3.5rem;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .pagetitle .text {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.page-toppage-gest .menu {
  border-top: 1px solid #DCDCDC;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .menu {
    font-size: 0.875rem;
  }
}

.page-toppage-gest .menu li {
  border-bottom: 1px solid #DCDCDC;
}

.page-toppage-gest .menu a {
  position: relative;
  display: inline-block;
  padding: 31px 0 31px 80px;
  transition: all 0.25s ease;
}

.page-toppage-gest .menu a:hover {
  opacity: .6;
  transition: all 0.25s ease;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .menu a {
    padding: 24px 0 24px 80px;
  }
}

.page-toppage-gest .menu .icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 47px;
  height: 47px;
}

.page-toppage-gest .menu .icon > * {
  width: 100%;
  height: auto;
}

.page-toppage-gest .menu .hd {
  font-size: 1.75rem;
  font-weight: 500;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .menu .hd {
    font-size: 1.5rem;
  }
}

.page-toppage-gest .menu .hd + * {
  margin-top: 5px;
}

.page-toppage-gest .informations {
  margin-bottom: 108px;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-gest .informations {
    margin-bottom: 80px;
  }
}

.informations .title {
  font-family: "Roboto Condensed", "Helvetica Neue", "Hiragino Kaku Gothic ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: normal !important;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 40px;
}

.informations .title::before {
  content: '[　　';
}

.informations .title::after {
  content: '　　]';
}

.informations dl > div:not(:first-child) {
  margin-top: 40px;
}

.informations dt {
  color: #E60000;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 11px;
}

.informations dd + dd {
  margin-top: 12px;
}

.informations dd p + ul {
  margin-top: 3px;
}

.informations dd ul > li:not(:first-child) {
  margin-top: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■マイティー管理画面トップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-toppage-admin .pagetitle {
  border-bottom: 1px solid #DCDCDC;
}

@media print, screen and (min-width: 768px) {
  .page-toppage-admin .pagetitle {
    padding: 0 0 35px;
    margin-bottom: 64px;
  }
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin .pagetitle {
    padding-bottom: 24px;
    margin-bottom: 48px;
  }
}

.page-toppage-admin .pagetitle .en {
  font-size: 1.125rem;
  line-height: 1.278;
}

.page-toppage-admin .pagetitle .text {
  font-size: 2.25rem;
  line-height: 1.3334;
}

.page-toppage-admin .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -48px;
}

@media screen and (max-width: 560px) {
  .page-toppage-admin .menu {
    margin-bottom: -32px;
  }
}

.page-toppage-admin .menu > div {
  margin-bottom: 48px;
}

@media print, screen and (max-width: 1024px) {
  .page-toppage-admin .menu > div {
    width: 48%;
  }
}

@media print, screen and (min-width: 768px) {
  .page-toppage-admin .menu > div {
    width: 31.719%;
  }
}

@media screen and (max-width: 560px) {
  .page-toppage-admin .menu > div {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page-toppage-admin .menu dt {
  font-size: 1.375rem;
  font-weight: 300;
  margin-bottom: 16px;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin .menu dt {
    font-size: 1.25rem;
    margin-bottom: 8px;
  }
}

.page-toppage-admin ul li:not(:first-child) {
  margin-top: 8px;
}

.page-toppage-admin ul a {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  min-height: 58px;
  background: #F2F2F2;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 8px 36px 8px 16px;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin ul a {
    min-height: 54px;
    font-size: 1rem;
    padding: 8px 34px 8px 8px;
  }
}

.page-toppage-admin ul a::before {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: #DCDCDC;
  transition: all 0.25s ease;
}

.page-toppage-admin ul a:hover::before {
  opacity: 1;
}

.page-toppage-admin ul a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  background-color: #AFAFAF;
  mask: url(../img/arrow.png) no-repeat center center/contain;
  -webkit-mask: url(../img/arrow.png) no-repeat center center/contain;
  transform: translate(0, -50%);
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin ul a::after {
    right: 8px;
  }
}

.page-toppage-admin ul .icon {
  width: 32px;
  margin-right: 8px;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin ul .icon {
    width: 24px;
  }
}

.page-toppage-admin ul .icon img {
  width: 100%;
  height: auto;
}

.page-toppage-admin .table_edit {
  font-size: 1rem;
  margin-top: 16px;
}

@media print, screen and (max-width: 767px) {
  .page-toppage-admin .table_edit {
    font-size: 0.875rem;
  }
}

.page-toppage-admin .table_edit dt {
  font-size: 1.125rem;
  margin-bottom: 8px;
}

.page-toppage-admin .table_edit textarea {
  margin-bottom: 11px;
}

.page-toppage-admin .table_edit .flex {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.page-toppage-admin .table_edit .btn02 {
  margin-left: auto;
  min-height: 26px;
  padding: 0 37px;
}

@media screen and (max-width: 1200px) {
  .page-toppage-admin .table_edit .btn02 {
    margin-top: 11px;
  }
}

@media print, screen and (max-width: 1024px) {
  .page-toppage-admin .table_edit .btn02 {
    margin-right: 0;
  }
}

@media screen and (max-width: 560px) {
  .page-toppage-admin .table_edit .btn02 {
    margin-top: 11px;
  }
}