@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Noto+Sans+JP:wght@400;700&display=swap";
.swiper-container {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
  float:left
}
.swiper-container-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
  transform:translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function:ease-out;
  margin:0 auto
}
.swiper-slide {
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
  height:auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-container-3d {
  perspective:1200px
}
.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
  transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image:linear-gradient(to left,#00000080,#0000)
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image:linear-gradient(to right,#00000080,#0000)
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image:linear-gradient(to top,#00000080,#0000)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image:linear-gradient(to bottom,#00000080,#0000)
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
  touch-action:pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
  touch-action:pan-x
}
.swiper-pagination {
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translateZ(0);
  z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity:0
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom:10px;
  left:0;
  width:100%
}
.swiper-pagination-bullets-dynamic {
  overflow:hidden;
  font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform:scale(.33);
  position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform:scale(.33)
}
.swiper-pagination-bullet {
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:#000;
  opacity:.2
}
button.swiper-pagination-bullet {
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer
}
.swiper-pagination-bullet-active {
  opacity:1;
  background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right:10px;
  top:50%;
  transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:6px 0;
  display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top:50%;
  transform:translateY(-50%);
  width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display:inline-block;
  transition:.2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left:50%;
  transform:translate(-50%);
  white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s right
}
.swiper-pagination-progressbar {
  background:#00000040;
  position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:#007aff;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width:100%;
  height:4px;
  left:0;
  top:0
}
.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width:4px;
  height:100%;
  left:0;
  top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background:#ffffff40
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background:#00000040
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background:#000
}
.swiper-pagination-lock {
  display:none
}
@keyframes swal2-show {
  0% {
    transform:scale(.7)
  }
  45% {
    transform:scale(1.05)
  }
  80% {
    transform:scale(.95)
  }
  to {
    transform:scale(1)
  }

}
@keyframes swal2-hide {
  0% {
    transform:scale(1);
    opacity:1
  }
  to {
    transform:scale(.5);
    opacity:0
  }

}
@keyframes swal2-animate-success-line-tip {
  0% {
    top:1.1875em;
    left:.0625em;
    width:0
  }
  54% {
    top:1.0625em;
    left:.125em;
    width:0
  }
  70% {
    top:2.1875em;
    left:-.375em;
    width:3.125em
  }
  84% {
    top:3em;
    left:1.3125em;
    width:1.0625em
  }
  to {
    top:2.8125em;
    left:.875em;
    width:1.5625em
  }

}
@keyframes swal2-animate-success-line-long {
  0% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  65% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  84% {
    top:2.1875em;
    right:0;
    width:3.4375em
  }
  to {
    top:2.375em;
    right:.5em;
    width:2.9375em
  }

}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform:rotate(-45deg)
  }
  5% {
    transform:rotate(-45deg)
  }
  12% {
    transform:rotate(-405deg)
  }
  to {
    transform:rotate(-405deg)
  }

}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top:1.625em;
    transform:scale(.4);
    opacity:0
  }
  50% {
    margin-top:1.625em;
    transform:scale(.4);
    opacity:0
  }
  80% {
    margin-top:-.375em;
    transform:scale(1.15)
  }
  to {
    margin-top:0;
    transform:scale(1);
    opacity:1
  }

}
@keyframes swal2-animate-error-icon {
  0% {
    transform:rotateX(100deg);
    opacity:0
  }
  to {
    transform:rotateX(0);
    opacity:1
  }

}
body.swal2-toast-shown .swal2-container,body.swal2-toast-shown .swal2-container.swal2-shown {
  background-color:transparent
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top:0;
  right:auto;
  bottom:auto;
  left:50%;
  transform:translate(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
  top:0;
  right:0;
  bottom:auto;
  left:auto
}
body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left {
  top:0;
  right:auto;
  bottom:auto;
  left:0
}
body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left {
  top:50%;
  right:auto;
  bottom:auto;
  left:0;
  transform:translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top:50%;
  right:auto;
  bottom:auto;
  left:50%;
  transform:translate(-50%,-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
  top:50%;
  right:0;
  bottom:auto;
  left:auto;
  transform:translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top:auto;
  right:auto;
  bottom:0;
  left:0
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top:auto;
  right:auto;
  bottom:0;
  left:50%;
  transform:translate(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top:auto;
  right:0;
  bottom:0;
  left:auto
}
body.swal2-toast-column .swal2-toast {
  flex-direction:column;
  align-items:stretch
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex:1;
  align-self:stretch;
  height:2.2em;
  margin-top:.3125em
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content:center
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height:2em;
  margin:.3125em auto;
  font-size:1em
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size:1em
}
.swal2-popup.swal2-toast {
  flex-direction:row;
  align-items:center;
  width:auto;
  padding:.625em;
  box-shadow:0 0 .625em #d9d9d9;
  overflow-y:hidden
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction:row
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow:1;
  justify-content:flex-start;
  margin:0 .6em;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-footer {
  margin:.5em 0 0;
  padding:.5em 0 0;
  font-size:.8em
}
.swal2-popup.swal2-toast .swal2-close {
  position:initial;
  width:.8em;
  height:.8em;
  line-height:.8
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content:flex-start;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-icon {
  width:2em;
  min-width:2em;
  height:2em;
  margin:0
}
.swal2-popup.swal2-toast .swal2-icon-text {
  font-size:2em;
  font-weight:700;
  line-height:1em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width:2em;
  height:2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top:.875em;
  width:1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left:.3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right:.3125em
}
.swal2-popup.swal2-toast .swal2-actions {
  height:auto;
  margin:0 .3125em
}
.swal2-popup.swal2-toast .swal2-styled {
  margin:0 .3125em;
  padding:.3125em .625em;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow:0 0 0 .0625em #fff,0 0 0 .125em #32649666
}
.swal2-popup.swal2-toast .swal2-success {
  border-color:#a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position:absolute;
  width:2em;
  height:2.8125em;
  transform:rotate(45deg);
  border-radius:50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top:-.25em;
  left:-.9375em;
  transform:rotate(-45deg);
  transform-origin:2em 2em;
  border-radius:4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top:-.25em;
  left:.9375em;
  transform-origin:0 2em;
  border-radius:0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width:2em;
  height:2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top:0;
  left:.4375em;
  width:.4375em;
  height:2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height:.3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top:1.125em;
  left:.1875em;
  width:.75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top:.9375em;
  right:.1875em;
  width:1.375em
}
.swal2-popup.swal2-toast.swal2-show {
  animation:showSweetToast .5s
}
.swal2-popup.swal2-toast.swal2-hide {
  animation:hideSweetToast .2s forwards
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
  animation:animate-toast-success-tip .75s
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
  animation:animate-toast-success-long .75s
}
@keyframes showSweetToast {
  0% {
    transform:translateY(-.625em) rotate(2deg);
    opacity:0
  }
  33% {
    transform:translateY(0) rotate(-2deg);
    opacity:.5
  }
  66% {
    transform:translateY(.3125em) rotate(2deg);
    opacity:.7
  }
  to {
    transform:translateY(0) rotate(0);
    opacity:1
  }

}
@keyframes hideSweetToast {
  0% {
    opacity:1
  }
  33% {
    opacity:.5
  }
  to {
    transform:rotate(1deg);
    opacity:0
  }

}
@keyframes animate-toast-success-tip {
  0% {
    top:.5625em;
    left:.0625em;
    width:0
  }
  54% {
    top:.125em;
    left:.125em;
    width:0
  }
  70% {
    top:.625em;
    left:-.25em;
    width:1.625em
  }
  84% {
    top:1.0625em;
    left:.75em;
    width:.5em
  }
  to {
    top:1.125em;
    left:.1875em;
    width:.75em
  }

}
@keyframes animate-toast-success-long {
  0% {
    top:1.625em;
    right:1.375em;
    width:0
  }
  65% {
    top:1.25em;
    right:.9375em;
    width:0
  }
  84% {
    top:.9375em;
    right:0;
    width:1.125em
  }
  to {
    top:.9375em;
    right:.1875em;
    width:1.375em
  }

}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow:hidden
}
body.swal2-height-auto {
  height:auto!important
}
body.swal2-no-backdrop .swal2-shown {
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  background-color:transparent
}
body.swal2-no-backdrop .swal2-shown>.swal2-modal {
  box-shadow:0 0 10px #0006
}
body.swal2-no-backdrop .swal2-shown.swal2-top {
  top:0;
  left:50%;
  transform:translate(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-top-start,body.swal2-no-backdrop .swal2-shown.swal2-top-left {
  top:0;
  left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right {
  top:0;
  right:0
}
body.swal2-no-backdrop .swal2-shown.swal2-center {
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-start,body.swal2-no-backdrop .swal2-shown.swal2-center-left {
  top:50%;
  left:0;
  transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right {
  top:50%;
  right:0;
  transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom {
  bottom:0;
  left:50%;
  transform:translate(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start,body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
  bottom:0;
  left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
  right:0;
  bottom:0
}
.swal2-container {
  display:flex;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding:10px;
  background-color:transparent;
  z-index:1060;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch
}
.swal2-container.swal2-top {
  align-items:flex-start
}
.swal2-container.swal2-top-start,.swal2-container.swal2-top-left {
  align-items:flex-start;
  justify-content:flex-start
}
.swal2-container.swal2-top-end,.swal2-container.swal2-top-right {
  align-items:flex-start;
  justify-content:flex-end
}
.swal2-container.swal2-center {
  align-items:center
}
.swal2-container.swal2-center-start,.swal2-container.swal2-center-left {
  align-items:center;
  justify-content:flex-start
}
.swal2-container.swal2-center-end,.swal2-container.swal2-center-right {
  align-items:center;
  justify-content:flex-end
}
.swal2-container.swal2-bottom {
  align-items:flex-end
}
.swal2-container.swal2-bottom-start,.swal2-container.swal2-bottom-left {
  align-items:flex-end;
  justify-content:flex-start
}
.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right {
  align-items:flex-end;
  justify-content:flex-end
}
.swal2-container.swal2-grow-fullscreen>.swal2-modal {
  display:flex!important;
  flex:1;
  align-self:stretch;
  justify-content:center
}
.swal2-container.swal2-grow-row>.swal2-modal {
  display:flex!important;
  flex:1;
  align-content:center;
  justify-content:center
}
.swal2-container.swal2-grow-column {
  flex:1;
  flex-direction:column
}
.swal2-container.swal2-grow-column.swal2-top,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-bottom {
  align-items:center
}
.swal2-container.swal2-grow-column.swal2-top-start,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items:flex-start
}
.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-top-right,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items:flex-end
}
.swal2-container.swal2-grow-column>.swal2-modal {
  display:flex!important;
  flex:1;
  align-content:center;
  justify-content:center
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
  margin:auto
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin:0!important
  }

}
.swal2-container.swal2-fade {
  transition:background-color .1s
}
.swal2-container.swal2-shown {
  background-color:#0006
}
.swal2-popup {
  display:none;
  position:relative;
  flex-direction:column;
  justify-content:center;
  width:32em;
  max-width:100%;
  padding:1.25em;
  border-radius:.3125em;
  background:#fff;
  font-family:inherit;
  font-size:1rem;
  box-sizing:border-box
}
.swal2-popup:focus {
  outline:none
}
.swal2-popup.swal2-loading {
  overflow-y:hidden
}
.swal2-popup .swal2-header {
  display:flex;
  flex-direction:column;
  align-items:center
}
.swal2-popup .swal2-title {
  display:block;
  position:relative;
  max-width:100%;
  margin:0 0 .4em;
  padding:0;
  color:#595959;
  font-size:1.875em;
  font-weight:600;
  text-align:center;
  text-transform:none;
  word-wrap:break-word
}
.swal2-popup .swal2-actions {
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin:1.25em auto 0;
  z-index:1
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity:.4
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image:linear-gradient(#0000001a,#0000001a)
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image:linear-gradient(#0003,#0003)
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  width:2.5em;
  height:2.5em;
  margin:.46875em;
  padding:0;
  border:.25em solid transparent;
  border-radius:100%;
  border-color:transparent;
  background-color:transparent!important;
  color:transparent;
  cursor:default;
  box-sizing:border-box;
  animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
  -webkit-user-select:none;
  user-select:none
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
  margin-right:30px;
  margin-left:30px
}
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after {
  display:inline-block;
  width:15px;
  height:15px;
  margin-left:5px;
  border:3px solid #999999;
  border-radius:50%;
  border-right-color:transparent;
  box-shadow:1px 1px 1px #fff;
  content:"";
  animation:swal2-rotate-loading 1.5s linear 0s infinite normal
}
.swal2-popup .swal2-styled {
  margin:.3125em;
  padding:.625em 2em;
  font-weight:500;
  box-shadow:none
}
.swal2-popup .swal2-styled:not([disabled]) {
  cursor:pointer
}
.swal2-popup .swal2-styled.swal2-confirm {
  border:0;
  border-radius:.25em;
  background:initial;
  background-color:#3085d6;
  color:#fff;
  font-size:1.0625em
}
.swal2-popup .swal2-styled.swal2-cancel {
  border:0;
  border-radius:.25em;
  background:initial;
  background-color:#aaa;
  color:#fff;
  font-size:1.0625em
}
.swal2-popup .swal2-styled:focus {
  outline:none;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #32649666
}
.swal2-popup .swal2-styled::-moz-focus-inner {
  border:0
}
.swal2-popup .swal2-footer {
  justify-content:center;
  margin:1.25em 0 0;
  padding:1em 0 0;
  border-top:1px solid #eee;
  color:#545454;
  font-size:1em
}
.swal2-popup .swal2-image {
  max-width:100%;
  margin:1.25em auto
}
.swal2-popup .swal2-close {
  position:absolute;
  top:0;
  right:0;
  justify-content:center;
  width:1.2em;
  height:1.2em;
  padding:0;
  transition:color .1s ease-out;
  border:none;
  border-radius:0;
  outline:initial;
  background:transparent;
  color:#ccc;
  font-family:serif;
  font-size:2.5em;
  line-height:1.2;
  cursor:pointer;
  overflow:hidden
}
.swal2-popup .swal2-close:hover {
  transform:none;
  color:#f27474
}
.swal2-popup>.swal2-input,.swal2-popup>.swal2-file,.swal2-popup>.swal2-textarea,.swal2-popup>.swal2-select,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-checkbox {
  display:none
}
.swal2-popup .swal2-content {
  justify-content:center;
  margin:0;
  padding:0;
  color:#545454;
  font-size:1.125em;
  font-weight:300;
  line-height:normal;
  z-index:1;
  word-wrap:break-word
}
.swal2-popup #swal2-content {
  text-align:center
}
.swal2-popup .swal2-input,.swal2-popup .swal2-file,.swal2-popup .swal2-textarea,.swal2-popup .swal2-select,.swal2-popup .swal2-radio,.swal2-popup .swal2-checkbox {
  margin:1em auto
}
.swal2-popup .swal2-input,.swal2-popup .swal2-file,.swal2-popup .swal2-textarea {
  width:100%;
  transition:border-color .3s,box-shadow .3s;
  border:1px solid rgb(216.75,216.75,216.75);
  border-radius:.1875em;
  font-size:1.125em;
  box-shadow:inset 0 1px 1px #0000000f;
  box-sizing:border-box
}
.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror {
  border-color:#f27474!important;
  box-shadow:0 0 2px #f27474!important
}
.swal2-popup .swal2-input:focus,.swal2-popup .swal2-file:focus,.swal2-popup .swal2-textarea:focus {
  border:1px solid #b4dbed;
  outline:none;
  box-shadow:0 0 3px #c4e6f5
}
.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-textarea::placeholder {
  color:#ccc
}
.swal2-popup .swal2-range input {
  width:80%
}
.swal2-popup .swal2-range output {
  width:20%;
  font-weight:600;
  text-align:center
}
.swal2-popup .swal2-range input,.swal2-popup .swal2-range output {
  height:2.625em;
  margin:1em auto;
  padding:0;
  font-size:1.125em;
  line-height:2.625em
}
.swal2-popup .swal2-input {
  height:2.625em;
  padding:0 .75em
}
.swal2-popup .swal2-input[type=number] {
  max-width:10em
}
.swal2-popup .swal2-file {
  font-size:1.125em
}
.swal2-popup .swal2-textarea {
  height:6.75em;
  padding:.75em
}
.swal2-popup .swal2-select {
  min-width:50%;
  max-width:100%;
  padding:.375em .625em;
  color:#545454;
  font-size:1.125em
}
.swal2-popup .swal2-radio,.swal2-popup .swal2-checkbox {
  align-items:center;
  justify-content:center
}
.swal2-popup .swal2-radio label,.swal2-popup .swal2-checkbox label {
  margin:0 .6em;
  font-size:1.125em
}
.swal2-popup .swal2-radio input,.swal2-popup .swal2-checkbox input {
  margin:0 .4em
}
.swal2-popup .swal2-validation-message {
  display:none;
  align-items:center;
  justify-content:center;
  padding:.625em;
  background:#f0f0f0;
  color:#666;
  font-size:1em;
  font-weight:300;
  overflow:hidden
}
.swal2-popup .swal2-validation-message:before {
  display:inline-block;
  width:1.5em;
  min-width:1.5em;
  height:1.5em;
  margin:0 .625em;
  border-radius:50%;
  background-color:#f27474;
  color:#fff;
  font-weight:600;
  line-height:1.5em;
  text-align:center;
  content:"!";
  zoom:normal
}
@supports (-ms-accelerator: true) {
  .swal2-range input {
    width:100%!important
  }
  .swal2-range output {
    display:none
  }

}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .swal2-range input {
    width:100%!important
  }
  .swal2-range output {
    display:none
  }

}
@-moz-document url-prefix() {
  .swal2-close:focus {
    outline:2px solid rgba(50,100,150,.4)
  }

}
.swal2-icon {
  position:relative;
  justify-content:center;
  width:5em;
  height:5em;
  margin:1.25em auto 1.875em;
  border:.25em solid transparent;
  border-radius:50%;
  line-height:5em;
  cursor:default;
  box-sizing:content-box;
  -webkit-user-select:none;
  user-select:none;
  zoom:normal
}
.swal2-icon-text {
  font-size:3.75em
}
.swal2-icon.swal2-error {
  border-color:#f27474
}
.swal2-icon.swal2-error .swal2-x-mark {
  position:relative;
  flex-grow:1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display:block;
  position:absolute;
  top:2.3125em;
  width:2.9375em;
  height:.3125em;
  border-radius:.125em;
  background-color:#f27474
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left:1.0625em;
  transform:rotate(45deg)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right:1em;
  transform:rotate(-45deg)
}
.swal2-icon.swal2-warning {
  border-color:#facea8;
  color:#f8bb86
}
.swal2-icon.swal2-info {
  border-color:#9de0f6;
  color:#3fc3ee
}
.swal2-icon.swal2-question {
  border-color:#c9dae1;
  color:#87adbd
}
.swal2-icon.swal2-success {
  border-color:#a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position:absolute;
  width:3.75em;
  height:7.5em;
  transform:rotate(45deg);
  border-radius:50%
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top:-.4375em;
  left:-2.0635em;
  transform:rotate(-45deg);
  transform-origin:3.75em 3.75em;
  border-radius:7.5em 0 0 7.5em
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top:-.6875em;
  left:1.875em;
  transform:rotate(-45deg);
  transform-origin:0 3.75em;
  border-radius:0 7.5em 7.5em 0
}
.swal2-icon.swal2-success .swal2-success-ring {
  position:absolute;
  top:-.25em;
  left:-.25em;
  width:100%;
  height:100%;
  border:.25em solid rgba(165,220,134,.3);
  border-radius:50%;
  z-index:2;
  box-sizing:content-box
}
.swal2-icon.swal2-success .swal2-success-fix {
  position:absolute;
  top:.5em;
  left:1.625em;
  width:.4375em;
  height:5.625em;
  transform:rotate(-45deg);
  z-index:1
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display:block;
  position:absolute;
  height:.3125em;
  border-radius:.125em;
  background-color:#a5dc86;
  z-index:2
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top:2.875em;
  left:.875em;
  width:1.5625em;
  transform:rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top:2.375em;
  right:.5em;
  width:2.9375em;
  transform:rotate(-45deg)
}
.swal2-progresssteps {
  align-items:center;
  margin:0 0 1.25em;
  padding:0;
  font-weight:600
}
.swal2-progresssteps li {
  display:inline-block;
  position:relative
}
.swal2-progresssteps .swal2-progresscircle {
  width:2em;
  height:2em;
  border-radius:2em;
  background:#3085d6;
  color:#fff;
  line-height:2em;
  text-align:center;
  z-index:20
}
.swal2-progresssteps .swal2-progresscircle:first-child {
  margin-left:0
}
.swal2-progresssteps .swal2-progresscircle:last-child {
  margin-right:0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
  background:#3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
  background:#add8e6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
  background:#add8e6
}
.swal2-progresssteps .swal2-progressline {
  width:2.5em;
  height:.4em;
  margin:0 -1px;
  background:#3085d6;
  z-index:10
}
[class^=swal2] {
  -webkit-tap-highlight-color:transparent
}
.swal2-show {
  animation:swal2-show .3s
}
.swal2-show.swal2-noanimation {
  animation:none
}
.swal2-hide {
  animation:swal2-hide .15s forwards
}
.swal2-hide.swal2-noanimation {
  animation:none
}
.swal2-rtl .swal2-close {
  right:auto;
  left:0
}
.swal2-animate-success-icon .swal2-success-line-tip {
  animation:swal2-animate-success-line-tip .75s
}
.swal2-animate-success-icon .swal2-success-line-long {
  animation:swal2-animate-success-line-long .75s
}
.swal2-animate-success-icon .swal2-success-circular-line-right {
  animation:swal2-rotate-success-circular-line 4.25s ease-in
}
.swal2-animate-error-icon {
  animation:swal2-animate-error-icon .5s
}
.swal2-animate-error-icon .swal2-x-mark {
  animation:swal2-animate-error-x-mark .5s
}
@keyframes swal2-rotate-loading {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }

}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y:scroll!important
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
    display:none
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position:initial!important
  }

}
* {
  box-sizing:border-box;
  margin:0;
  padding:0
}
html {
  width:100%;
  height:100%;
  font-size:10px;
  -webkit-tap-highlight-color:transparent
}
body {
  width:100%;
  height:100%;
  font-size:1.4rem;
  background-color:#fff;
  color:#333;
  font-family:Noto Sans JP,sans-serif;
  position:relative;
  overflow-x:hidden
}
body.is-gnav__sp-open {
  overflow:hidden
}
.main {
  position:relative
}
a {
  color:#333;
  text-decoration:underline
}
a:link,a:active,a:focus,a:visited {
  color:#333;
  text-decoration:none
}
ul {
  list-style:none
}
.visible_animation {
  opacity:0;
  transition:all 1s ease
}
.visible_animation.activate {
  opacity:1;
  transform:translateZ(0)
}
.from_bottom {
  transform:translate3d(0,15%,0)
}
.from_right {
  transform:translate3d(15%,0,0)
}
.from_left {
  transform:translate3d(-15%,0,0)
}
.header {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  transition:background-color .2s ease
}
.header>div {
  display:flex;
  justify-content:space-between;
  width:100%;
  padding:16px;
  background-color:#fff0;
  transition:background-color .2s ease
}
@media screen and (min-width: 1328px) {
  .header>div {
    max-width:1328px;
    margin:0 auto;
    padding:16px 20px
  }

}
.header__logo {
  height:40px
}
.header__logo img {
  height:100%
}
.header__gnav--pc {
  height:100%;
  display:none;
  font-size:1.4rem
}
@media screen and (min-width: 768px) {
  .header__gnav--pc {
    display:flex;
    justify-content:flex-end;
    align-items:center
  }

}
.header__gnav--pc li {
  position:relative
}
.header__gnav--pc li:not(:last-of-type) {
  margin-right:24px
}
.header__gnav--pc li:last-of-type {
  background-color:#fd8a02;
  box-shadow:0 0 4px #0000002e
}
.header__gnav--pc li:last-of-type:hover {
  background-color:#e57c00
}
.header__gnav--pc li:last-of-type a {
  padding:9.5px 10px;
  color:#fff
}
.header__gnav--pc li.current:after {
  content:"";
  width:52px;
  height:3px;
  position:absolute;
  bottom:-7px;
  left:50%;
  background-color:#fd8a02;
  transform:translate(-50%)
}
.header__gnav--pc li a {
  display:block;
  color:#4c4948;
  font-weight:700
}
.header__gnav--sp-btn {
  width:40px;
  height:40px;
  padding:11px 8px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background-color:#fd8a02
}
@media screen and (min-width: 768px) {
  .header__gnav--sp-btn {
    display:none
  }

}
.header__gnav--sp-btn:hover {
  cursor:pointer
}
.header__gnav--sp-btn>div {
  width:24px;
  height:2px;
  background-color:#fff
}
.headerIndex {
  background-color:#fff0
}
.headerIndex.is-scrolled,.headerOther {
  background-color:#fff;
  box-shadow:0 0 4px #0000002e
}
.gnav__sp {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:100%;
  background-color:#fd8a02;
  transition:all .3s ease;
  z-index:200
}
.gnav__sp.is-show {
  left:0
}
.gnav__sp--close {
  width:40px;
  height:40px;
  position:absolute;
  top:16px;
  right:16px
}
.gnav__sp--close-bar {
  width:24px;
  height:2px;
  background-color:#fff;
  position:absolute;
  top:50%;
  left:50%
}
.gnav__sp--close-bar:first-child {
  transform:translate(-50%,-50%) rotate(45deg)
}
.gnav__sp--close-bar:last-child {
  transform:translate(-50%,-50%) rotate(-45deg)
}
.gnav__sp ul {
  margin-top:108px
}
.gnav__sp ul li:not(:first-of-type) {
  margin-top:32px
}
.gnav__sp ul li a {
  display:block;
  color:#fff;
  text-align:center;
  font-size:1.6rem;
  font-weight:700
}
.secTopIndex {
  height:366px;
  padding-top:72px;
  position:relative
}
@media screen and (min-width: 576px) {
  .secTopIndex {
    height:420px
  }

}
@media screen and (min-width: 768px) {
  .secTopIndex {
    height:500px;
    padding-top:0
  }

}
@media screen and (min-width: 992px) {
  .secTopIndex {
    height:640px
  }

}
@media screen and (min-width: 1328px) {
  .secTopIndex {
    height:905px
  }

}
.secTopIndex__bg {
  width:100%;
  height:calc(100% - 72px);
  position:absolute;
  bottom:0;
  left:0;
  z-index:1
}
@media screen and (min-width: 768px) {
  .secTopIndex__bg {
    height:100%
  }

}
.secTopIndex__bg--left {
  width:50%;
  height:183px;
  position:absolute;
  left:0;
  bottom:0;
  background-image:url(/build/assets/index_top_bg_02-DpK-bcsu.png);
  background-size:cover;
  background-position:center right
}
@media screen and (min-width: 576px) {
  .secTopIndex__bg--left {
    width:54%;
    height:60%
  }

}
.secTopIndex__bg--right {
  width:81%;
  height:250px;
  position:absolute;
  top:13px;
  right:0;
  background-image:url(/build/assets/index_top_bg_01-Ble3V7y_.jpg);
  background-size:260%;
  background-position:40% 9%
}
@media screen and (min-width: 430px) {
  .secTopIndex__bg--right {
    background-size:190%;
    background-position:30% 9%
  }

}
@media screen and (min-width: 576px) {
  .secTopIndex__bg--right {
    height:290px;
    background-size:150%;
    background-position:20% 0%
  }

}
@media screen and (min-width: 768px) {
  .secTopIndex__bg--right {
    width:63%;
    height:91%;
    top:0;
    background-size:cover
  }

}
.secTopIndex__main {
  position:relative;
  z-index:2
}
@media screen and (min-width: 768px) {
  .secTopIndex__main {
    padding-left:14%;
    position:absolute;
    top:50%;
    transform:translateY(-100%)
  }

}
@media screen and (min-width: 992px) {
  .secTopIndex__main {
    transform:translateY(-100%)
  }

}
@media screen and (min-width: 1328px) {
  .secTopIndex__main {
    display:block;
    max-width:1328px;
    position:relative;
    margin:0 auto;
    padding:0 20px;
    transform:translateY(-115%)
  }

}
.secTopIndex__main h1 p {
  color:#646464;
  font-size:2.5rem;
  font-weight:700;
  text-align:center;
  letter-spacing:-.05em;
  line-height:1.2em
}
.secTopIndex__main h1 p:last-of-type {
  margin-top:6px;
  font-size:1.8rem
}
@media screen and (min-width: 576px) {
  .secTopIndex__main h1 p {
    font-size:3rem;
    letter-spacing:-.02em;
    line-height:1.4em
  }
  .secTopIndex__main h1 p:last-of-type {
    color:#fff;
    font-size:2.1rem;
    filter:drop-shadow(0 0 4px #000)
  }

}
@media screen and (min-width: 768px) {
  .secTopIndex__main h1 p {
    font-size:3.6rem;
    text-align:left
  }
  .secTopIndex__main h1 p:last-of-type {
    color:#fff;
    font-size:2.4rem;
    filter:drop-shadow(0 0 4px #000)
  }

}
@media screen and (min-width: 992px) {
  .secTopIndex__main h1 p {
    font-size:4.8rem
  }
  .secTopIndex__main h1 p:last-of-type {
    font-size:3.2rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopIndex__main h1 p {
    font-size:6rem
  }
  .secTopIndex__main h1 p:last-of-type {
    font-size:4rem
  }

}
.secTopIndex__main h1 p span {
  color:#fd8a02
}
.secTopIndex__main a {
  width:250px;
  height:45px;
  margin:10px auto 0;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#fd7200;
  text-decoration:none;
  box-shadow:0 0 4px #0000002e
}
@media screen and (min-width: 576px) {
  .secTopIndex__main a {
    width:270px
  }

}
@media screen and (min-width: 768px) {
  .secTopIndex__main a {
    width:285px;
    margin:10px 0 0
  }

}
@media screen and (min-width: 1328px) {
  .secTopIndex__main a {
    font-size:2.4rem
  }

}
.secTopIndex__main a p {
  font-size:1.6rem;
  font-weight:700;
  color:#fff
}
.secTopIndex__main a:hover {
  background-color:#e66801
}
.secTopClient {
  padding-top:72px;
  background-image:url(/build/assets/client_top_bg-BN_dh_s2.png);
  background-size:cover;
  background-position:center
}
.secTopClient__main {
  max-width:1328px;
  margin:0 auto;
  padding:44px 24px
}
@media screen and (min-width: 576px) {
  .secTopClient__main {
    padding:64px 24px
  }

}
@media screen and (min-width: 768px) {
  .secTopClient__main {
    padding:80px 24px
  }

}
@media screen and (min-width: 992px) {
  .secTopClient__main {
    padding:100px 24px
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main {
    padding:139px 24px
  }

}
.secTopClient__main--text {
  color:#fff;
  font-size:2rem;
  font-weight:700;
  filter:drop-shadow(0 0 4px #000)
}
@media screen and (min-width: 375px) {
  .secTopClient__main--text {
    font-size:2.4rem
  }

}
@media screen and (min-width: 576px) {
  .secTopClient__main--text {
    font-size:3.2rem
  }

}
@media screen and (min-width: 768px) {
  .secTopClient__main--text {
    font-size:4.2rem
  }

}
@media screen and (min-width: 992px) {
  .secTopClient__main--text {
    font-size:4.8rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main--text {
    font-size:5.6rem
  }

}
.secTopClient__main--btns {
  margin-top:24px
}
@media screen and (min-width: 576px) {
  .secTopClient__main--btns {
    margin-top:32px;
    display:flex;
    justify-content:flex-start
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main--btns {
    margin-top:40px
  }

}
.secTopClient__main--btns a {
  width:220px;
  height:40px;
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:0 0 4px #0000002e
}
@media screen and (min-width: 576px) {
  .secTopClient__main--btns a {
    width:240px;
    height:50px;
    margin:0
  }

}
@media screen and (min-width: 768px) {
  .secTopClient__main--btns a {
    width:250px;
    height:60px
  }

}
@media screen and (min-width: 992px) {
  .secTopClient__main--btns a {
    width:260px;
    height:66px
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main--btns a {
    width:285px;
    height:75px
  }

}
.secTopClient__main--btns a:not(:first-of-type) {
  margin-top:16px
}
@media screen and (min-width: 576px) {
  .secTopClient__main--btns a:not(:first-of-type) {
    margin-top:0;
    margin-left:20px
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main--btns a:not(:first-of-type) {
    margin-top:0;
    margin-left:26px
  }

}
.secTopClient__main--btns a p {
  font-size:1.4rem
}
@media screen and (min-width: 576px) {
  .secTopClient__main--btns a p {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secTopClient__main--btns a p {
    font-size:1.8rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopClient__main--btns a p {
    font-size:2.4rem
  }

}
.secTopClient__main--btns-regist {
  border:1px solid #fff;
  background-color:#414461
}
.secTopClient__main--btns-regist:hover {
  background-color:#33354c
}
.secTopClient__main--btns-regist p {
  color:#fff
}
.secTopClient__main--btns-login {
  border:1px solid #414461;
  background-color:#fff
}
.secTopClient__main--btns-login:hover {
  background-color:#e5e5e6
}
.secTopClient__main--btns-login p {
  color:#414461
}
.secTopPost {
  padding:116px 0 44px;
  position:relative
}
@media screen and (min-width: 576px) {
  .secTopPost {
    padding:136px 0 64px
  }

}
@media screen and (min-width: 768px) {
  .secTopPost {
    padding:152px 0 80px
  }

}
@media screen and (min-width: 992px) {
  .secTopPost {
    padding:172px 0 100px
  }

}
@media screen and (min-width: 1328px) {
  .secTopPost {
    padding:211px 0 139px
  }

}
.secTopPost__thumbnail {
  width:100%;
  height:calc(100% + 72px);
  position:absolute;
  top:calc((100% - 72px)/2);
  left:50%;
  background-color:#fd8a02;
  transform:translate(-50%,-50%)
}
.secTopPost__thumbnail img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.9) blur(1px)
}
.secTopPost__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px;
  position:relative;
  z-index:10
}
.secTopPost__main--title-en,.secTopPost__main--title-jp {
  color:#fff;
  filter:drop-shadow(0 0 4px rgba(0,0,0,.6))
}
.secTopPost__main--title-en {
  font-size:1.6rem;
  font-family:Barlow Condensed,sans-serif
}
@media screen and (min-width: 768px) {
  .secTopPost__main--title-en {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopPost__main--title-en {
    font-size:2.4rem
  }

}
.secTopPost__main--title-jp {
  font-size:2.4rem
}
@media screen and (min-width: 576px) {
  .secTopPost__main--title-jp {
    font-size:3.2rem
  }

}
@media screen and (min-width: 768px) {
  .secTopPost__main--title-jp {
    font-size:4.2rem
  }

}
@media screen and (min-width: 992px) {
  .secTopPost__main--title-jp {
    font-size:4.8rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopPost__main--title-jp {
    font-size:5.6rem
  }

}
.secTopOther {
  padding-top:72px;
  background-color:#fc8a03
}
.secTopOther__main {
  max-width:1328px;
  margin:0 auto;
  padding:60px 24px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
@media screen and (min-width: 768px) {
  .secTopOther__main {
    height:300px;
    padding:90px 24px
  }

}
@media screen and (min-width: 1328px) {
  .secTopOther__main {
    height:500px;
    padding:132px 24px;
    align-items:flex-start
  }

}
.secTopOther__main--title-en,.secTopOther__main--title-jp,.secTopOther__main--title-desc {
  color:#fff
}
.secTopOther__main--title-en {
  font-size:1.6rem;
  font-family:Barlow Condensed,sans-serif
}
@media screen and (min-width: 768px) {
  .secTopOther__main--title-en {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopOther__main--title-en {
    font-size:2.4rem
  }

}
.secTopOther__main--title-jp {
  font-size:2.4rem;
  font-family:Barlow Condensed,sans-serif
}
@media screen and (min-width: 768px) {
  .secTopOther__main--title-jp {
    font-size:3.6rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopOther__main--title-jp {
    font-size:5.4rem
  }

}
.secTopOther__main--title-desc {
  font-size:1.5rem;
  font-weight:400
}
@media screen and (min-width: 768px) {
  .secTopOther__main--title-desc {
    font-size:2.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secTopOther__main--title-desc {
    font-size:3rem
  }

}
.secTopOther__main--title-br {
  display:none
}
@media screen and (min-width: 768px) {
  .secTopOther__main--title-br {
    display:block
  }

}
.secAbout {
  margin-top:40px;
  padding:0 24px;
  position:relative
}
@media screen and (min-width: 576px) {
  .secAbout {
    margin-top:80px
  }

}
@media screen and (min-width: 768px) {
  .secAbout {
    display:flex;
    margin-top:120px;
    padding:0
  }

}
.secAbout__left {
  width:100%;
  padding-top:55.0458715596%;
  position:relative
}
@media screen and (min-width: 768px) {
  .secAbout__left {
    width:50%;
    padding-top:37.5%
  }

}
.secAbout__left img {
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
@media screen and (min-width: 768px) {
  .secAbout__right {
    width:50%;
    padding:0 24px;
    display:flex;
    flex-direction:column;
    justify-content:center
  }

}
@media screen and (min-width: 992px) {
  .secAbout__right {
    padding:0 24px 0 0
  }

}
@media screen and (min-width: 1328px) {
  .secAbout__right {
    width:660px;
    height:100%;
    position:absolute;
    top:0;
    left:50%
  }

}
.secAbout__right--br-pc {
  display:none
}
@media screen and (min-width: 992px) {
  .secAbout__right--br-pc {
    display:block
  }

}
@media screen and (min-width: 992px) {
  .secAbout__right--br-sp {
    display:none
  }

}
.secAbout__right h2 {
  margin-top:38px;
  text-align:center;
  font-family:Barlow Condensed,sans-serif;
  font-size:4rem;
  font-weight:600
}
@media screen and (min-width: 992px) {
  .secAbout__right h2 {
    font-size:6rem;
    font-weight:400
  }

}
@media screen and (min-width: 1328px) {
  .secAbout__right h2 {
    font-size:8rem
  }

}
@media screen and (min-width: 768px) {
  .secAbout__right h2 {
    margin-top:0
  }

}
@media screen and (min-width: 992px) {
  .secAbout__right h2 {
    text-align:right
  }

}
.secAbout__right p {
  color:#646464;
  font-size:1.6rem;
  line-height:1.8em;
  font-weight:200
}
.secAbout__right p:first-of-type {
  margin-top:20px
}
.secAbout__right p:not(:first-of-type) {
  margin-top:40px
}
@media screen and (min-width: 992px) {
  .secAbout__right p {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secAbout__right p {
    font-size:2.4rem
  }

}
.secAbout__right p span {
  color:#fd8a02;
  font-weight:600
}
@media screen and (min-width: 768px) {
  .secAbout__right p:not(:first-of-type) {
    margin-top:20px
  }

}
@media screen and (min-width: 992px) {
  .secAbout__right p {
    text-align:right
  }

}
@media screen and (min-width: 1328px) {
  .secAbout__right p:first-of-type {
    margin-top:30px
  }
  .secAbout__right p:not(:first-of-type) {
    margin-top:40px
  }

}
.secService {
  margin-top:56px;
  padding:0 24px
}
.secService--br-pc {
  display:none
}
@media screen and (min-width: 768px) {
  .secService--br-pc {
    display:block
  }

}
.secService h2 {
  margin-top:56px;
  text-align:center;
  font-family:Barlow Condensed,sans-serif;
  font-size:4rem;
  font-weight:600
}
@media screen and (min-width: 992px) {
  .secService h2 {
    font-size:6rem;
    font-weight:400
  }

}
@media screen and (min-width: 1328px) {
  .secService h2 {
    font-size:8rem
  }

}
@media screen and (min-width: 768px) {
  .secService h2 {
    margin-top:120px
  }

}
@media screen and (min-width: 992px) {
  .secService h2 {
    margin-top:160px
  }

}
@media screen and (min-width: 1328px) {
  .secService h2 {
    margin-top:200px
  }

}
.secService p {
  margin-top:30px;
  color:#646464;
  font-size:1.6rem;
  line-height:1.8em;
  font-weight:200
}
@media screen and (min-width: 992px) {
  .secService p {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secService p {
    font-size:2.4rem
  }

}
.secService p span {
  color:#fd8a02;
  font-weight:600
}
@media screen and (min-width: 768px) {
  .secService p {
    text-align:center
  }

}
.secService div {
  width:100%;
  max-width:1100px;
  margin:38px auto 0
}
.secService div img {
  width:100%;
  height:auto
}
.secScene {
  margin-top:45px
}
@media screen and (min-width: 768px) {
  .secScene {
    margin-top:80px
  }

}
@media screen and (min-width: 1328px) {
  .secScene {
    margin-top:120px
  }

}
.secScene>div {
  padding:0 24px;
  max-width:1280px
}
@media screen and (min-width: 768px) {
  .secScene>div {
    margin:0 auto;
    padding:0
  }

}
.secScene__case {
  display:flex;
  flex-direction:column
}
@media screen and (min-width: 768px) {
  .secScene__case:first-of-type {
    margin-top:32px
  }

}
.secScene__case--img,.secScene__case--text {
  width:100%
}
@media screen and (min-width: 768px) {
  .secScene__case--img,.secScene__case--text {
    width:50%
  }

}
.secScene__case--img {
  margin-top:28px;
  padding-top:55.9633027523%;
  position:relative
}
@media screen and (min-width: 768px) {
  .secScene__case--img {
    margin-top:0;
    padding-top:27.9816513761%
  }

}
.secScene__case--img img {
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
@media screen and (min-width: 768px) {
  .secScene__case--text {
    padding:0 20px;
    display:flex;
    flex-direction:column
  }

}
.secScene__case--text-tag {
  margin-top:24px;
  color:#cacac9;
  font-size:1.2rem
}
@media screen and (min-width: 768px) {
  .secScene__case--text-tag {
    font-size:1.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secScene__case--text-tag {
    font-size:1.6rem
  }

}
.secScene__case--text-lead {
  margin-top:16px;
  color:#fd8a02;
  font-size:1.8rem
}
@media screen and (min-width: 768px) {
  .secScene__case--text-lead {
    margin-top:20px;
    font-size:2.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secScene__case--text-lead {
    margin-top:24px;
    font-size:3.2rem
  }

}
.secScene__case--text-desc {
  margin-top:16px;
  color:#646464;
  font-size:1.6rem;
  line-height:1.8em
}
@media screen and (min-width: 768px) {
  .secScene__case--text-desc {
    margin-top:20px
  }

}
@media screen and (min-width: 992px) {
  .secScene__case--text-desc {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secScene__case--text-desc {
    margin-top:24px;
    font-size:2.4rem
  }

}
.secScene__case--text-desc span {
  color:#fd8a02;
  font-weight:600
}
.secScene__case--text h3 {
  margin-top:9px;
  color:#414461;
  font-size:1.6rem
}
@media screen and (min-width: 768px) {
  .secScene__case--text h3 {
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secScene__case--text h3 {
    font-size:2.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secScene__case--text h3 {
    margin-top:11px;
    font-size:3.2rem
  }

}
.secScene__case--text h3.Client {
  color:#71c8e3
}
@media screen and (min-width: 768px) {
  .secScene__case:nth-of-type(2n-1) {
    flex-direction:row
  }

}
.secScene__case:nth-of-type(2n-1) .secScene__case--img {
  background-size:cover
}
@media screen and (min-width: 768px) {
  .secScene__case:nth-of-type(2n-1) .secScene__case--img {
    padding-left:20px
  }

}
@media screen and (min-width: 768px) {
  .secScene__case:nth-of-type(2n) {
    flex-direction:row-reverse
  }

}
.secScene__case:nth-of-type(2n) .secScene__case--img {
  background-size:cover
}
@media screen and (min-width: 768px) {
  .secScene__case:nth-of-type(2n) .secScene__case--img {
    padding-right:20px
  }

}
@media screen and (min-width: 768px) {
  .secScene__case:not(:first-of-type) {
    margin-top:16px
  }

}
@media screen and (min-width: 1328px) {
  .secScene__case:not(:first-of-type) {
    margin-top:32px
  }

}
.secScene h2 {
  text-align:center;
  font-family:Barlow Condensed,sans-serif;
  font-size:4rem;
  font-weight:600
}
@media screen and (min-width: 992px) {
  .secScene h2 {
    font-size:6rem;
    font-weight:400
  }

}
@media screen and (min-width: 1328px) {
  .secScene h2 {
    font-size:8rem
  }

}
.secCase {
  margin-top:39px;
  padding-top:33px;
  padding-bottom:64px;
  background-color:#f1f2f6
}
@media screen and (min-width: 576px) {
  .secCase {
    margin-top:80px;
    padding-top:60px;
    padding-bottom:80px
  }

}
@media screen and (min-width: 768px) {
  .secCase {
    margin-top:120px;
    padding-top:80px;
    padding-bottom:94px
  }

}
@media screen and (min-width: 992px) {
  .secCase {
    margin-top:160px;
    padding-top:104px;
    padding-bottom:110px
  }

}
@media screen and (min-width: 1328px) {
  .secCase {
    margin-top:216px;
    padding-top:130px;
    padding-bottom:128px
  }

}
.secCase>div {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secCase__text {
  margin-top:30px;
  text-align:center;
  font-size:1.4rem
}
@media screen and (min-width: 576px) {
  .secCase__text {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secCase__text {
    font-size:1.8rem
  }

}
@media screen and (min-width: 992px) {
  .secCase__text {
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .secCase__text {
    font-size:2.4rem
  }

}
.secCase__list {
  margin-top:26px;
  display:flex;
  flex-wrap:wrap
}
@media screen and (min-width: 768px) {
  .secCase__list {
    flex-wrap:nowrap;
    justify-content:space-between
  }

}
.secCase__list li {
  width:48%;
  background-color:#fff;
  box-shadow:0 0 4px #0000002e
}
.secCase__list li:hover {
  cursor:pointer
}
.secCase__list li:hover .secCase__list--img img {
  transform:translate(-50%,-50%) scale(1.1) rotate(3deg)
}
@media screen and (min-width: 768px) {
  .secCase__list li {
    width:24%
  }

}
.secCase__list li:nth-of-type(2n) {
  margin-left:4%
}
@media screen and (min-width: 768px) {
  .secCase__list li:nth-of-type(2n) {
    margin-left:0
  }

}
.secCase__list li:nth-of-type(n+3) {
  margin-top:16px
}
@media screen and (min-width: 768px) {
  .secCase__list li:nth-of-type(n+3) {
    margin-top:0
  }

}
.secCase__list li>a {
  width:100%;
  display:block
}
.secCase__list--img {
  width:100%;
  padding-top:73.9549839228%;
  position:relative;
  overflow:hidden
}
.secCase__list--img img {
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  transition:transform .3s ease
}
.secCase__list--img img:hover {
  transform:translate(-50%,-50%) scale(1.1) rotate(3deg);
  cursor:pointer
}
.secCase__list--desc {
  height:72px;
  display:flex;
  justify-content:center;
  align-items:center
}
.secCase__list--desc p {
  text-align:center;
  font-size:1.2rem
}
@media screen and (min-width: 576px) {
  .secCase__list--desc p {
    font-size:1.4rem
  }

}
.secCase h2 {
  text-align:center;
  font-family:Barlow Condensed,sans-serif;
  font-size:4rem;
  font-weight:600
}
@media screen and (min-width: 992px) {
  .secCase h2 {
    font-size:6rem;
    font-weight:400
  }

}
@media screen and (min-width: 1328px) {
  .secCase h2 {
    font-size:8rem
  }

}
.secPosts__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secPosts__main--article>div {
  display:flex;
  flex-direction:column;
  padding:36px 0;
  border-bottom:1px solid #e4e4e4
}
@media screen and (min-width: 768px) {
  .secPosts__main--article>div {
    flex-direction:row
  }
  .secPosts__main--article>div>div:first-of-type {
    width:32%
  }
  .secPosts__main--article>div>div:last-of-type {
    width:68%;
    padding:0 24px
  }

}
.secPosts__main--article-img {
  width:100%;
  padding-top:74%;
  position:relative;
  background-image:url(/build/assets/news_noimage-XSEQo7kr.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
  .secPosts__main--article-img {
    padding-top:23.68%
  }

}
.secPosts__main--article-img img {
  width:100%;
  height:100%;
  position:absolute;
  top:50%;
  left:50%;
  object-fit:cover;
  transform:translate(-50%,-50%)
}
.secPosts__main--article-no-img {
  width:100%;
  padding-top:74%;
  position:relative;
  background-color:#f4f3ee
}
@media screen and (min-width: 768px) {
  .secPosts__main--article-no-img {
    padding-top:23.68%
  }

}
.secPosts__main--article-no-img p {
  color:#fdbe2d;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:2.8rem;
  font-weight:700
}
.secPosts__main--article-cat {
  width:fit-content;
  margin-top:20px;
  padding:6px;
  display:block;
  color:#414461;
  font-size:1.2rem;
  background-color:#f1f2f6
}
@media screen and (min-width: 768px) {
  .secPosts__main--article-cat {
    margin-top:0;
    font-size:1.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secPosts__main--article-cat {
    font-size:1.6rem
  }

}
.secPosts__main--article-date {
  margin-top:6px;
  font-size:1.2rem
}
@media screen and (min-width: 768px) {
  .secPosts__main--article-date {
    font-size:1.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secPosts__main--article-date {
    font-size:1.6rem
  }

}
.secPosts__main--article-title {
  margin-top:10px;
  display:block
}
.secPosts__main--article-title h2 {
  font-size:2.4rem
}
@media screen and (min-width: 1328px) {
  .secPosts__main--article-title h2 {
    font-size:3.2rem
  }

}
.secPosts__main--article-desc {
  margin-top:2px;
  font-size:1.6rem
}
@media screen and (min-width: 1328px) {
  .secPosts__main--article-desc {
    font-size:2.4rem
  }

}
.secPosts__main--article-date,.secPosts__main--article-title,.secPosts__main--article-desc {
  color:#646464
}
.secCases__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secCases__main--case {
  padding-top:82px
}
.secCases__main--case>div {
  margin-top:12px;
  display:flex;
  flex-direction:column
}
@media screen and (min-width: 768px) {
  .secCases__main--case>div {
    flex-direction:row
  }

}
@media screen and (min-width: 992px) {
  .secCases__main--case>div {
    margin-top:25px
  }

}
.secCases__main--case h2 {
  padding-left:10px;
  color:#646464;
  font-size:2.2rem;
  border-left:4px solid #fdbe2d
}
@media screen and (min-width: 576px) {
  .secCases__main--case h2 {
    font-size:2.4rem
  }

}
@media screen and (min-width: 1328px) {
  .secCases__main--case h2 {
    font-size:3rem
  }

}
.secCases__main--case-left {
  width:100%;
  margin-top:8px;
  padding-top:74.2574257426%;
  position:relative
}
@media screen and (min-width: 768px) {
  .secCases__main--case-left {
    width:calc(47% - 20px);
    padding-top:34.900990099%
  }

}
@media screen and (min-width: 992px) {
  .secCases__main--case-left {
    width:calc(47% - 20px);
    padding-top:34.900990099%
  }

}
.secCases__main--case-left img {
  width:100%;
  height:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  object-fit:cover
}
@media screen and (min-width: 768px) {
  .secCases__main--case-right {
    width:53%;
    padding:0 0 0 20px
  }

}
@media screen and (min-width: 992px) {
  .secCases__main--case-right {
    width:62%
  }

}
.secCases__main--case-right h3 {
  margin-top:6px;
  color:#fd8a02;
  font-size:1.6rem;
  font-weight:700
}
@media screen and (min-width: 576px) {
  .secCases__main--case-right h3 {
    font-size:1.8rem
  }

}
@media screen and (min-width: 1328px) {
  .secCases__main--case-right h3 {
    font-size:2rem
  }

}
.secCases__main--case-right-desc {
  margin-top:3px;
  font-size:1.4rem
}
@media screen and (min-width: 576px) {
  .secCases__main--case-right-desc {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secCases__main--case-right-desc {
    margin-top:20px
  }

}
@media screen and (min-width: 1328px) {
  .secCases__main--case-right-desc {
    font-size:2rem
  }

}
.secCases__main--case-right-tag {
  width:fit-content;
  margin-top:20px;
  padding:3px 6px;
  color:#414461;
  font-size:1.4rem;
  background-color:#f1f2f6
}
@media screen and (min-width: 1328px) {
  .secCases__main--case-right-tag {
    font-size:1.6rem
  }

}
.secCases__main--case-right ul li {
  margin-top:10px;
  display:flex;
  align-items:center
}
.secCases__main--case-right ul li:before {
  content:"▶";
  margin-right:4px;
  display:inline-block;
  color:#72c6de;
  font-size:1.4rem
}
@media screen and (min-width: 992px) {
  .secCases__main--case-right ul li:before {
    font-size:1.6rem
  }

}
@media screen and (min-width: 1328px) {
  .secCases__main--case-right ul li:before {
    font-size:2rem
  }

}
.secCompany {
  padding:30px 0
}
@media screen and (min-width: 768px) {
  .secCompany {
    padding:50px 0
  }

}
@media screen and (min-width: 1328px) {
  .secCompany {
    padding:90px 0
  }

}
.secCompany__main {
  max-width:992px;
  margin:0 auto;
  padding:0 24px
}
.secCompany__main dl {
  padding:16px
}
@media screen and (min-width: 768px) {
  .secCompany__main dl {
    display:flex
  }

}
@media screen and (min-width: 992px) {
  .secCompany__main dl {
    padding:24px
  }

}
.secCompany__main dl dt {
  font-size:1.6rem;
  font-weight:700
}
@media screen and (min-width: 768px) {
  .secCompany__main dl dt {
    width:30%
  }

}
.secCompany__main dl dd {
  margin-top:4px;
  font-size:1.6rem
}
@media screen and (min-width: 768px) {
  .secCompany__main dl dd {
    width:70%;
    margin-top:0
  }

}
.secCompany__main dl:nth-of-type(2n-1) {
  background-color:#f1f2f6
}
.secYouTube {
  padding-top:60px
}
@media screen and (min-width: 768px) {
  .secYouTube {
    padding-top:90px
  }

}
@media screen and (min-width: 1328px) {
  .secYouTube {
    padding-top:124px
  }

}
.secYouTube__main {
  max-width:1280px;
  margin:0 auto;
  padding:0 24px
}
@media screen and (min-width: 768px) {
  .secYouTube__main {
    padding:0
  }

}
.secYouTube__main--wrap {
  width:100%;
  padding-top:56.25%;
  position:relative;
  box-shadow:0 0 4px #0000002e
}
.secYouTube__main--wrap iframe {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.secFAQ {
  margin-top:62px;
  padding:65px 0;
  background-color:#f1f2f6
}
@media screen and (min-width: 576px) {
  .secFAQ {
    padding:80px 0
  }

}
@media screen and (min-width: 768px) {
  .secFAQ {
    padding:105px 0
  }

}
@media screen and (min-width: 992px) {
  .secFAQ {
    padding:130px 0
  }

}
.secFAQ__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secFAQ__main--title p {
  text-align:center
}
.secFAQ__main--title p:first-of-type {
  font-size:4rem;
  font-family:Barlow Condensed,sans-serif;
  color:#414461
}
@media screen and (min-width: 576px) {
  .secFAQ__main--title p:first-of-type {
    font-size:5rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--title p:first-of-type {
    font-size:6.5rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--title p:first-of-type {
    font-size:8rem
  }

}
.secFAQ__main--title p:last-of-type {
  font-size:1.6rem;
  color:#646464;
  margin:30px 0
}
@media screen and (min-width: 576px) {
  .secFAQ__main--title p:last-of-type {
    margin:40px 0;
    font-size:1.8rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--title p:last-of-type {
    margin:50px 0;
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--title p:last-of-type {
    margin:60px 0;
    font-size:2.4rem
  }

}
.secFAQ__main--faq {
  border-radius:6px;
  position:relative;
  box-shadow:0 0 4px #0000002e
}
.secFAQ__main--faq:not(:first-of-type) {
  margin-top:32px
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq:not(:first-of-type) {
    margin-top:40px
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq:not(:first-of-type) {
    margin-top:48px
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq:not(:first-of-type) {
    margin-top:64px
  }

}
.secFAQ__main--faq-question {
  padding:12px;
  display:flex;
  position:relative;
  align-items:center;
  background-color:#fff;
  border-radius:6px;
  z-index:10
}
@media screen and (min-width: 375px) {
  .secFAQ__main--faq-question {
    padding:14px 16px
  }

}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-question {
    padding:20px 22px
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-question {
    padding:28px 34px
  }

}
.secFAQ__main--faq-question-icon {
  margin-top:-7px;
  color:#71c8e3;
  font-size:2.4rem;
  transform:scaleX(1.2)
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-question-icon {
    font-size:2.6rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-question-icon {
    font-size:3.6rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq-question-icon {
    font-size:4rem
  }

}
.secFAQ__main--faq-question-text {
  margin:4px 0 0 8px;
  flex-grow:1;
  font-weight:400
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-question-text {
    margin:3px 0 0 10px;
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-question-text {
    margin:3px 0 0 14px;
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq-question-text {
    margin:3px 0 0 16px;
    font-size:2.4rem
  }

}
.secFAQ__main--faq-question-toggle>div {
  width:24px;
  height:24px;
  position:relative;
  background-color:#71c8e3;
  border-radius:99px
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-question-toggle>div {
    width:26px;
    height:26px
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-question-toggle>div {
    width:32px;
    height:32px
  }

}
.secFAQ__main--faq-question-toggle>div>div {
  width:12px;
  height:2px;
  position:absolute;
  top:50%;
  left:50%;
  background-color:#fff;
  border-radius:1px;
  transition:transform .4s ease
}
.secFAQ__main--faq-question-toggle>div>div:first-of-type {
  transform:translate(-50%,-50%) rotate(90deg)
}
.secFAQ__main--faq-question-toggle>div>div:last-of-type {
  transform:translate(-50%,-50%)
}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-question-toggle>div>div {
    width:14px
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq-question-toggle>div>div {
    width:16px
  }

}
.secFAQ__main--faq-answer {
  padding:12px;
  display:none;
  background-color:#fff;
  border-radius:0 0 6px 6px
}
@media screen and (min-width: 375px) {
  .secFAQ__main--faq-answer {
    padding:14px 16px
  }

}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-answer {
    padding:20px 22px
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-answer {
    padding:28px 34px
  }

}
.secFAQ__main--faq-answer>div {
  display:flex
}
.secFAQ__main--faq-answer-icon {
  margin-top:-6px;
  color:#71c8e3;
  font-size:2.4rem;
  transform:scaleX(1.2)
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-answer-icon {
    font-size:2.6rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-answer-icon {
    margin-top:-12px;
    font-size:3.6rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq-answer-icon {
    font-size:4rem
  }

}
.secFAQ__main--faq-answer-text {
  margin:4px 0 0 8px;
  flex-grow:1
}
@media screen and (min-width: 576px) {
  .secFAQ__main--faq-answer-text {
    margin:3px 0 0 10px;
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secFAQ__main--faq-answer-text {
    margin:3px 0 0 14px;
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secFAQ__main--faq-answer-text {
    margin:3px 0 0 16px;
    font-size:2.4rem
  }

}
.secFAQ__main--faq-answer-text a {
  text-decoration:underline;
  margin-right:4px
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question {
  border-radius:6px 6px 0 0;
  background-color:#71c8e3
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question-icon,.secFAQ__main--faq.is-open .secFAQ__main--faq-question-text {
  color:#fff
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question-toggle>div {
  background-color:#fff
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question-toggle>div>div {
  background-color:#71c8e3
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question-toggle>div>div:first-of-type {
  transform:translate(-50%,-50%) rotate(360deg)
}
.secFAQ__main--faq.is-open .secFAQ__main--faq-question-toggle>div>div:last-of-type {
  transform:translate(-50%,-50%) rotate(360deg)
}
.secCategories {
  padding-top:30px
}
.secCategories__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secCategories__main ul {
  display:flex;
  padding-bottom:30px;
  border-bottom:1px solid #e4e4e4
}
.secCategories__main ul li:not(:first-of-type) {
  margin-left:20px
}
.secCategories__main ul li a {
  padding:6px;
  display:block;
  background-color:#f1f2f6;
  color:#414461;
  font-size:1.2rem
}
.secContact {
  padding:30px 0
}
@media screen and (min-width: 600px) {
  .secContact {
    padding:60px 0
  }

}
.secContact__privacy {
  max-width:1000px;
  margin:0 auto;
  padding:0 24px
}
.secContact__privacy--lead {
  font-size:1.6rem
}
.secContact__privacy--lead-br {
  display:none
}
.secContact__privacy--main {
  margin-top:30px;
  padding:16px;
  border:1px solid #333333
}
.secContact__privacy--main h2 {
  text-align:center
}
.secContact__privacy--main>p {
  margin-top:16px
}
@media screen and (min-width: 600px) {
  .secContact__privacy--main>p {
    margin-top:24px;
    font-size:1.6rem
  }

}
.secContact__privacy--main dl {
  margin-top:16px
}
@media screen and (min-width: 600px) {
  .secContact__privacy--main dl {
    margin-top:24px
  }

}
.secContact__privacy--main dl dt {
  padding-left:8px;
  border-left:2px solid #fd8a02;
  font-weight:700
}
@media screen and (min-width: 600px) {
  .secContact__privacy--main dl dt {
    font-size:1.6rem;
    padding-left:12px
  }

}
.secContact__privacy--main dl dd {
  margin-top:8px
}
@media screen and (min-width: 600px) {
  .secContact__privacy--main dl dd {
    margin-top:12px;
    font-size:1.6rem
  }

}
.secContact__main {
  max-width:720px;
  margin:30px auto 0;
  padding:0 24px
}
@media screen and (min-width: 600px) {
  .secContact__main {
    margin:100px auto 0
  }

}
.secContact__main form * {
  font-size:1.6rem;
  font-family:Noto Sans JP,sans-serif
}
.secContact__main form select,.secContact__main form input,.secContact__main form textarea {
  width:100%;
  padding:7px;
  border:1px solid #333333;
  color:#333
}
.secContact__main form select,.secContact__main form input {
  max-width:360px
}
@media screen and (min-width: 600px) {
  .secContact__main form select,.secContact__main form input {
    width:100%;
    max-width:none
  }

}
.secContact__main form select {
  padding:6px 3px
}
.secContact__main form dl:not(:first-of-type) {
  margin-top:30px
}
@media screen and (min-width: 600px) {
  .secContact__main form dl {
    display:flex;
    justify-content:space-between;
    align-items:center
  }
  .secContact__main form dl:not(:first-of-type) {
    margin-top:60px
  }

}
@media screen and (min-width: 600px) {
  .secContact__main form dl dt {
    width:220px
  }

}
.secContact__main form dl dt label {
  padding-left:8px
}
@media screen and (min-width: 600px) {
  .secContact__main form dl dt label {
    padding-left:0
  }

}
.secContact__main form dl dd {
  width:fit-content;
  margin-top:4px;
  position:relative
}
@media screen and (min-width: 600px) {
  .secContact__main form dl dd {
    margin-top:0;
    flex-grow:1
  }

}
.secContact__main form dl dd .error-tip {
  width:fit-content;
  padding:2px 6px;
  display:none;
  position:absolute;
  bottom:-27px;
  right:0;
  background-color:#fd8a02
}
.secContact__main form dl dd .error-tip-inner {
  font-size:1.2rem;
  color:#fff;
  white-space:nowrap
}
.secContact__main form dl dd .error-tip.show {
  display:block
}
.secContact__main form dl dd .error-tip.show:after {
  content:"";
  width:16px;
  height:16px;
  display:block;
  position:absolute;
  top:-2px;
  right:6px;
  background-color:#fd8a02;
  transform:rotate(45deg);
  z-index:-1
}
.secContact__main form .from_contact__label--title-required:after {
  content:"*";
  font-size:1.6rem;
  font-weight:900;
  color:#fd8a02;
  margin-left:4px
}
.secContact__main form .from_contact__submit {
  width:60%;
  max-width:320px;
  margin:48px auto 0;
  padding:10px 40px;
  display:block;
  background-color:#fd8a02;
  color:#fff;
  border:none
}
.secContact__main form .from_contact__submit:hover {
  cursor:pointer
}
@media screen and (min-width: 600px) {
  .secContact__main form .from_contact__submit {
    margin:64px auto 0
  }

}
.secThanks {
  padding:50px 0
}
@media screen and (min-width: 768px) {
  .secThanks {
    padding:80px 0
  }

}
.secThanks__main {
  max-width:1328px;
  margin:0 auto;
  padding:0 24px
}
.secThanks__main--text {
  text-align:center;
  font-size:2rem
}
@media screen and (min-width: 576px) {
  .secThanks__main--text {
    font-size:2.4rem
  }

}
@media screen and (min-width: 768px) {
  .secThanks__main--text {
    font-size:2.8rem
  }

}
@media screen and (min-width: 576px) {
  .secThanks__main--text-br {
    display:none
  }

}
.secThanks__main--btn {
  width:fit-content;
  margin:30px auto 0;
  padding:10px 50px;
  display:block;
  font-size:1.6rem;
  background-color:#fd8a02;
  color:#fff!important;
  text-align:center
}
@media screen and (min-width: 576px) {
  .secThanks__main--btn {
    padding:14px 60px
  }

}
@media screen and (min-width: 768px) {
  .secThanks__main--btn {
    margin:50px auto 0;
    padding:14px 70px;
    font-size:1.8rem
  }

}
.pagination {
  margin-top:50px;
  display:flex;
  justify-content:center;
  align-items:center
}
.pagination>* {
  height:30px;
  display:flex;
  justify-content:center;
  align-items:center
}
.pagination>*:not(:first-child) {
  margin-left:10px
}
@media screen and (min-width: 768px) {
  .pagination>*:not(:first-child) {
    margin-left:16px
  }

}
.pagination>*.pagination__prev {
  margin-right:24px
}
.pagination>*.pagination__next {
  margin-left:24px
}
.pagination>*>* {
  color:#c8c8c8;
  font-weight:700
}
@media screen and (min-width: 768px) {
  .pagination>*>* {
    font-size:2rem
  }

}
.pagination__pager.current>* {
  color:#fdbe2d
}
.pagination__first {
  margin-left:0!important
}
.secPost {
  padding:40px 24px
}
.secPost__main {
  max-width:1100px;
  margin:0 auto
}
.secPost__main>* {
  margin-top:16px
}
@media screen and (min-width: 576px) {
  .secPost__main>* {
    margin-top:20px
  }

}
@media screen and (min-width: 768px) {
  .secPost__main>* {
    margin-top:24px
  }

}
@media screen and (min-width: 992px) {
  .secPost__main>* {
    margin-top:32px
  }

}
.secPost__main>*:first-child {
  margin-top:25px
}
@media screen and (min-width: 576px) {
  .secPost__main>*:first-child {
    margin-top:30px
  }

}
@media screen and (min-width: 768px) {
  .secPost__main>*:first-child {
    margin-top:40px
  }

}
@media screen and (min-width: 992px) {
  .secPost__main>*:first-child {
    margin-top:50px
  }

}
.secPost__main h2 {
  margin-top:25px;
  padding-left:8px;
  border-left:4px solid #fd8a02;
  font-size:2.4rem;
  font-weight:700;
  color:#fd8a02
}
@media screen and (min-width: 576px) {
  .secPost__main h2 {
    margin-top:30px;
    padding-left:12px;
    font-size:2.8rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main h2 {
    margin-top:40px;
    padding-left:16px;
    font-size:3.6rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main h2 {
    margin-top:50px;
    font-size:4.8rem
  }

}
.secPost__main h3 {
  margin-top:22px;
  padding-bottom:4px;
  border-bottom:2px solid #fd8a02;
  font-size:2rem;
  font-weight:700;
  color:#fd8a02
}
@media screen and (min-width: 576px) {
  .secPost__main h3 {
    margin-top:26px;
    padding-bottom:6px;
    font-size:2.8rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main h3 {
    margin-top:32px;
    padding-bottom:8px;
    font-size:3.2rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main h3 {
    margin-top:42px;
    font-size:4rem
  }

}
.secPost__main h4 {
  margin-top:18px;
  font-size:1.6rem;
  font-weight:700
}
@media screen and (min-width: 576px) {
  .secPost__main h4 {
    margin-top:22px;
    font-size:2rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main h4 {
    margin-top:26px;
    font-size:2.4rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main h4 {
    margin-top:36px;
    font-size:3.2rem
  }

}
.secPost__main figure.wp-block-gallery {
  width:100%
}
.secPost__main figure.wp-block-gallery * {
  width:inherit
}
.secPost__main figure.wp-block-gallery img {
  height:auto
}
.secPost__main p {
  font-size:1.2rem
}
@media screen and (min-width: 576px) {
  .secPost__main p {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main p {
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main p {
    font-size:2.4rem
  }

}
.secPost__main .wp-block-media-text {
  width:100%;
  display:flex;
  flex-direction:column
}
@media screen and (min-width: 768px) {
  .secPost__main .wp-block-media-text {
    flex-direction:row
  }

}
.secPost__main .wp-block-media-text__media {
  width:100%
}
@media screen and (min-width: 768px) {
  .secPost__main .wp-block-media-text__media {
    width:50%
  }

}
.secPost__main .wp-block-media-text__media img {
  width:100%;
  height:auto
}
.secPost__main .wp-block-media-text__content {
  width:100%;
  margin-top:20px
}
@media screen and (min-width: 768px) {
  .secPost__main .wp-block-media-text__content {
    width:50%;
    margin-top:0;
    padding-left:20px
  }

}
.secPost__main .wp-block-media-text__content p {
  font-size:1.2rem
}
@media screen and (min-width: 576px) {
  .secPost__main .wp-block-media-text__content p {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main .wp-block-media-text__content p {
    font-size:2rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main .wp-block-media-text__content p {
    font-size:2.4rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main .wp-block-media-text.has-media-on-the-right {
    flex-direction:row-reverse
  }

}
.secPost__main .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left:0;
  padding-right:20px
}
.secPost__main--back {
  width:250px;
  height:45px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#fd7200;
  text-decoration:none;
  box-shadow:0 0 4px #0000002e;
  margin:40px auto 0;
  background-color:#fff;
  border:1px solid #333
}
@media screen and (min-width: 576px) {
  .secPost__main--back {
    width:270px
  }

}
@media screen and (min-width: 768px) {
  .secPost__main--back {
    width:285px;
    margin:10px 0 0
  }

}
@media screen and (min-width: 1328px) {
  .secPost__main--back {
    font-size:2.4rem
  }

}
.secPost__main--back p {
  font-size:1.6rem;
  font-weight:700;
  color:#fff
}
@media screen and (min-width: 576px) {
  .secPost__main--back {
    margin:50px auto 0
  }

}
@media screen and (min-width: 768px) {
  .secPost__main--back {
    margin:60px auto 0
  }

}
@media screen and (min-width: 992px) {
  .secPost__main--back {
    margin:70px auto 0
  }

}
.secPost__main--back p {
  font-size:1.4rem;
  color:#333
}
@media screen and (min-width: 576px) {
  .secPost__main--back p {
    font-size:1.6rem
  }

}
@media screen and (min-width: 768px) {
  .secPost__main--back p {
    font-size:1.8rem
  }

}
@media screen and (min-width: 992px) {
  .secPost__main--back p {
    font-size:2rem
  }

}
.footer {
  padding-top:40px
}
.footer.Client {
  padding-top:0
}
.footer>div {
  margin:0 auto;
  padding:0 24px;
  max-width:1328px
}
.footer>div.footer__toContact {
  width:100%;
  max-width:none;
  padding:32px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  background-color:#fd8a02
}
@media screen and (min-width: 768px) {
  .footer>div.footer__toContact {
    padding:48px 0
  }

}
@media screen and (min-width: 1328px) {
  .footer>div.footer__toContact {
    padding:64px 0
  }

}
.footer>div.footer__toContact p {
  color:#fff;
  font-size:2rem
}
@media screen and (min-width: 768px) {
  .footer>div.footer__toContact p {
    font-size:3rem
  }

}
@media screen and (min-width: 1328px) {
  .footer>div.footer__toContact p {
    font-size:4rem
  }

}
.footer>div.footer__toContact a {
  margin-top:22px;
  padding:10px 50px;
  font-size:1.6rem;
  border:2px solid #fff;
  color:#fff
}
.footer>div.footer__toContact a:hover {
  background-color:#e5e5e6
}
@media screen and (min-width: 768px) {
  .footer>div.footer__toContact a {
    margin-top:38px;
    padding:15px 75px;
    font-size:2rem
  }

}
@media screen and (min-width: 1328px) {
  .footer>div.footer__toContact a {
    margin-top:54px;
    padding:20px 100px;
    font-size:2.4rem
  }

}
.footer>div.footer__toContact.Client {
  background-color:#414461
}
.footer>div.footer__toContact.Client a {
  background-color:#71c8e3
}
.footer>div.footer__toContact.Client a:hover {
  background-color:#63afc7
}
.footer__getStart {
  width:100%;
  padding:19px 0;
  position:relative;
  background-color:#fdbe2d
}
@media screen and (min-width: 768px) {
  .footer__getStart {
    padding:36px 0
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart {
    padding:48px 0
  }

}
.footer__getStart:before {
  content:"";
  width:62%;
  height:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  background-image:url(/build/assets/index_pattern_left-jQMDvdiR.png);
  background-position:top left;
  background-size:100%;
  background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
  .footer__getStart:before {
    width:52%;
    height:100%
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart:before {
    width:42%;
    height:100%
  }

}
.footer__getStart:after {
  content:"";
  width:62%;
  height:100%;
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  background-image:url(/build/assets/index_pattern_right-CwAQUdeR.png);
  background-position:bottom right;
  background-size:100%;
  background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
  .footer__getStart:after {
    width:52%;
    height:100%
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart:after {
    width:42%;
    height:100%
  }

}
.footer__getStart--catch {
  position:relative;
  color:#fff;
  text-align:center;
  font-size:2rem;
  line-height:1.3em;
  filter:drop-shadow(0 0 4px #999);
  z-index:2
}
@media screen and (min-width: 768px) {
  .footer__getStart--catch {
    font-size:3rem
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart--catch {
    font-size:4rem
  }

}
.footer__getStart--title {
  position:relative;
  color:#fff;
  text-align:center;
  font-size:1.6rem;
  filter:drop-shadow(0 0 4px #999);
  z-index:2
}
@media screen and (min-width: 768px) {
  .footer__getStart--title {
    font-size:2.4rem
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart--title {
    font-size:3.2rem
  }

}
.footer__getStart--btn {
  width:fit-content;
  margin:26px auto 0;
  padding:6px 36px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  background-color:#fd8a02;
  z-index:2;
  box-shadow:0 0 4px #0000002e
}
.footer__getStart--btn:hover {
  background-color:#e57c00
}
@media screen and (min-width: 768px) {
  .footer__getStart--btn {
    margin-top:30px;
    padding:11px 54px
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart--btn {
    margin-top:36px;
    padding:17px 72px
  }

}
.footer__getStart--btn p {
  color:#fff;
  font-size:1.2rem
}
@media screen and (min-width: 768px) {
  .footer__getStart--btn p {
    font-size:1.8rem
  }

}
@media screen and (min-width: 1328px) {
  .footer__getStart--btn p {
    font-size:2.4rem
  }

}
.footer__logo {
  margin-top:24px;
  display:flex;
  justify-content:center
}
.footer__logo a img {
  height:40px
}
.footer__nav {
  margin-top:24px
}
.footer__nav ul {
  display:flex;
  flex-wrap:wrap
}
@media screen and (min-width: 768px) {
  .footer__nav ul {
    justify-content:center;
    flex-wrap:nowrap
  }

}
.footer__nav ul li {
  display:flex
}
.footer__nav ul li:nth-of-type(1) {
  width:calc((100% - 204px)/2 + 42px)
}
.footer__nav ul li:nth-of-type(3) {
  width:calc((100% - 204px)/2 + 56px)
}
.footer__nav ul li:nth-of-type(4) {
  width:calc((100% - 316px)/2 + 56px)
}
.footer__nav ul li:nth-of-type(6) {
  width:calc((100% - 316px)/2 + 126px)
}
.footer__nav ul li:nth-of-type(1),.footer__nav ul li:nth-of-type(4) {
  justify-content:flex-end
}
.footer__nav ul li:nth-of-type(2),.footer__nav ul li:nth-of-type(5) {
  justify-content:center;
  margin:0 25px
}
.footer__nav ul li:nth-of-type(3),.footer__nav ul li:nth-of-type(6) {
  justify-content:flex-start
}
.footer__nav ul li:nth-of-type(n+4) {
  margin-top:5px
}
@media screen and (max-width: 375px) {
  .footer__nav ul li:nth-of-type(n) {
    margin:0
  }
  .footer__nav ul li:nth-of-type(2),.footer__nav ul li:nth-of-type(3),.footer__nav ul li:nth-of-type(5) {
    margin-left:25px
  }
  .footer__nav ul li:nth-of-type(n+4) {
    margin-top:5px
  }
  .footer__nav ul li:nth-of-type(4) {
    width:calc((100% - 165px)/2 + 56px)
  }
  .footer__nav ul li:nth-of-type(5) {
    width:calc((100% - 165px)/2 + 84px);
    justify-content:flex-start
  }
  .footer__nav ul li:nth-of-type(6) {
    width:100%;
    justify-content:center
  }

}
@media screen and (min-width: 768px) {
  .footer__nav ul li:nth-of-type(n) {
    width:auto;
    margin:0;
    justify-content:flex-start
  }
  .footer__nav ul li:not(:first-of-type) {
    margin-left:25px
  }
  .footer__nav ul li a {
    white-space:nowrap
  }

}
.footer__copyright {
  display:flex;
  justify-content:center;
  margin-top:25px;
  padding:12px 0;
  font-size:1.2rem;
  border-top:1px solid #cacac9
}
@media only screen and (max-width: 340px) {
  .footer__copyright {
    font-size:1rem
  }

}