@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Fjalla+One&family=Noto+Sans+JP:wght@100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@keyframes dropDown {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.post, .page, .page-content, .entry-content, .entry-summary {
  margin: 0 !important;
}

html #wpadminbar {
  position: fixed !important;
}

html {
  scroll-behavior: auto;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "MS PGothic", sans-serif;
  width: 100%;
  width: 100dvw;
  min-width: 100vw;
  min-width: 100dvw;
  font-size: 62.5%;
  overflow-x: hidden;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  width: 100dvw;
  min-width: 100vw;
  min-width: 100dvw;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
}

h1, h2, h3, h4, h5, div, p {
  text-align: left;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  color: #222222;
}

p {
  color: #222222;
  margin: 0;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0em;
}
@media screen and (min-width: 1024px) {
  p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
p b {
  font-weight: 700;
}
p small {
  display: block;
  color: #666666;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
p a {
  color: #e08a00;
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
p a:hover {
  color: #edbf74;
}

.negLink a {
  color: #ffedd1 !important;
}
.negLink a:hover {
  opacity: 0.6;
}

ul, ol {
  padding: 0 0 0 2.4rem;
  margin: 0;
}
ul li, ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #222222;
}
@media screen and (min-width: 1024px) {
  ul li, ol li {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

ul {
  list-style: disc;
}

.fs10 {
  font-size: 1rem;
}

.fs12 {
  font-size: 1.2rem;
}

.fs13 {
  font-size: 1.3rem;
}

.fs14 {
  font-size: 1.4rem;
}

.fs16 {
  font-size: 1.6rem;
}

.fs18 {
  font-size: 1.8rem;
}

.fs20 {
  font-size: 2rem;
}

.fs22 {
  font-size: 2.2rem;
}

.fs24 {
  font-size: 2.4rem;
}

.fs28 {
  font-size: 2.8rem;
}

.fs32 {
  font-size: 3.2rem;
}

@media screen and (min-width: 1024px) {
  .fs10--pc {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs12--pc {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 380px) {
  .fs13--xs {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .fs13--pc {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 340px) {
  .fs14--xxs {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 380px) {
  .fs14--xs {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 428px) {
  .fs14--sm {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .fs14--pc {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 340px) {
  .fs15--xxs {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 380px) {
  .fs15--xs {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 428px) {
  .fs15--sm {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .fs15--pc {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 380px) {
  .fs16--xs {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 428px) {
  .fs16--sm {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 640px) {
  .fs16--tb {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .fs16--pc {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs18--pc {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 380px) {
  .fs20--xs {
    font-size: 2rem;
  }
}
@media screen and (min-width: 428px) {
  .fs20--sm {
    font-size: 2rem;
  }
}
@media screen and (min-width: 640px) {
  .fs20--tb {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .fs20--pc {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs22--pc {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs24--pc {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs28--pc {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .fs32--pc {
    font-size: 3.2rem;
  }
}

.lh12 {
  line-height: 1.2rem;
}

.lh13 {
  line-height: 1.3rem;
}

.lh14 {
  line-height: 1.4rem;
}

.lh16 {
  line-height: 1.6rem;
}

.lh18 {
  line-height: 1.8rem;
}

.lh20 {
  line-height: 2rem;
}

.lh22 {
  line-height: 2.2rem;
}

.lh24 {
  line-height: 2.4rem;
}

.lh28 {
  line-height: 2.8rem;
}

.lh32 {
  line-height: 3.2rem;
}

.lh48 {
  line-height: 4.8rem;
}

@media screen and (min-width: 380px) {
  .lh12--xs {
    line-height: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh12--pc {
    line-height: 1.2rem;
  }
}

@media screen and (min-width: 380px) {
  .lh13--xs {
    line-height: 1.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh13--pc {
    line-height: 1.3rem;
  }
}

@media screen and (min-width: 380px) {
  .lh14--xs {
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh14--pc {
    line-height: 1.4rem;
  }
}

@media screen and (min-width: 380px) {
  .lh16--xs {
    line-height: 1.6rem;
  }
}
@media screen and (min-width: 428px) {
  .lh16--sm {
    line-height: 1.6rem;
  }
}
@media screen and (min-width: 640px) {
  .lh16--tb {
    line-height: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh16--pc {
    line-height: 1.6rem;
  }
}

@media screen and (min-width: 340px) {
  .lh18--xxs {
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 428px) {
  .lh18--sm {
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 640px) {
  .lh18--tb {
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh18--pc {
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .lh20--pc {
    line-height: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .lh22--pc {
    line-height: 2.2rem;
  }
}

@media screen and (min-width: 640px) {
  .lh24--tb {
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh24--pc {
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 640px) {
  .lh28--tb {
    line-height: 2.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh28--pc {
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 428px) {
  .lh32--sm {
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh32--pc {
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 428px) {
  .lh48--sm {
    line-height: 4.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .lh48--pc {
    line-height: 4.8rem;
  }
}

a {
  text-decoration: none;
  color: auto;
  cursor: pointer;
  transition: 0.4s ease;
}
a:hover {
  opacity: 0.7;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

dl dd, dl dt {
  margin: 0;
}

.disBlk {
  display: block;
}

.iconImg {
  display: block;
  width: 28px;
  height: auto;
}
@media screen and (min-width: 428px) {
  .iconImg {
    width: 40px;
  }
}
.iconImg--lg {
  display: block;
  width: 80px;
  height: auto;
}

.noWrap {
  white-space: nowrap;
}

.circle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 1.6rem;
  border: solid 1px #222222;
}
@media screen and (min-width: 428px) {
  .circle {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 2.1rem;
  }
}
.circle--sml {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.2rem;
}
@media screen and (min-width: 428px) {
  .circle--sml {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 1.8rem;
  }
}

.cross {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}
.cross__bar {
  width: 1.6rem;
  height: 0.15rem;
  position: absolute;
  background-color: #222222;
}
.cross__bar:first-of-type {
  transform: rotate(45deg);
}
.cross__bar:last-of-type {
  transform: rotate(-45deg);
}
@media screen and (min-width: 428px) {
  .cross__bar {
    width: 2rem;
  }
}
@media screen and (min-width: 428px) {
  .cross {
    width: 2rem;
    height: 2rem;
  }
}
.cross--sml {
  width: 1.3rem;
  height: 1.3rem;
}
.cross--sml__bar {
  width: 1.3rem;
  height: 0.15rem;
}
@media screen and (min-width: 428px) {
  .cross--sml__bar {
    width: 1.7rem;
  }
}
@media screen and (min-width: 428px) {
  .cross--sml {
    width: 1.7rem;
    height: 1.7rem;
  }
}

.line--gray {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #CCCCCC;
}
.line--gray--bold {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #CCCCCC;
}
.line--lightgray {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #EEEEEE;
}
.line--lightgray--bold {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #EEEEEE;
}

.imgW80 {
  display: block;
  width: 80px;
  height: auto;
}

.imgW100 {
  display: block;
  width: 100%;
  height: auto;
}

.imgH100 {
  display: block;
  height: 100%;
  width: auto;
}

.height100 {
  height: auto;
}

.height100 {
  height: 100%;
}

.width01 {
  width: 96.2%;
  margin-left: auto;
  margin-right: auto;
}

.width02 {
  width: 92.5%;
  margin-left: auto;
  margin-right: auto;
}

.width24 {
  width: 24px;
}

.width28 {
  width: 28px;
}

.width40 {
  width: 40px;
}

.width60 {
  width: 60px;
}

.width64 {
  width: 64px;
}

.width80 {
  width: 80px;
}

.width88 {
  width: 88px;
}

.width96 {
  width: 96px;
}

.width96 {
  width: 100px;
}

.width108 {
  width: 108px;
}

.width126 {
  width: 126px;
}

.width140 {
  width: 140px;
}

.width180 {
  width: 180px;
}

.width192 {
  width: 192px;
}

.width240 {
  width: 240px;
}

.width320 {
  width: 260px;
}

.width320 {
  width: 320px;
}

@media screen and (min-width: 1024px) {
  .width720 {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1024px) {
  .width1280 {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

.minWidth40 {
  min-width: 40px;
}

.minWidth48 {
  min-width: 48px;
}

.minWidth60 {
  min-width: 60px;
}

.minWidth80 {
  min-width: 80px;
}

.minWidth464 {
  min-width: 464px;
}

.maxWidth32 {
  max-width: 32px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth48 {
  max-width: 48px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth52 {
  max-width: 52px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth60 {
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth64 {
  max-width: 64px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth80 {
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth96 {
  max-width: 96px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth108 {
  max-width: 108px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth128 {
  max-width: 128px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth160 {
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth192 {
  max-width: 192px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth200 {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth240 {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth256 {
  max-width: 256px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth288 {
  max-width: 288px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth320 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth480 {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth512 {
  max-width: 512px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth720 {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth1080 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.maxWidth1216 {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

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

@media screen and (min-width: 380px) {
  .width24--xs {
    width: 24px;
  }
}
@media screen and (min-width: 428px) {
  .width24--sm {
    width: 24px;
  }
}
@media screen and (min-width: 640px) {
  .width24--tb {
    width: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .width24--pc {
    width: 24px;
  }
}

@media screen and (min-width: 380px) {
  .width28--xs {
    width: 28px;
  }
}
@media screen and (min-width: 428px) {
  .width28--sm {
    width: 28px;
  }
}
@media screen and (min-width: 640px) {
  .width28--tb {
    width: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .width28--pc {
    width: 28px;
  }
}

@media screen and (min-width: 640px) {
  .width40--tb {
    width: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .width40--pc {
    width: 40px;
  }
}

@media screen and (min-width: 380px) {
  .width60--xs {
    width: 60px;
  }
}
@media screen and (min-width: 428px) {
  .width60--sm {
    width: 60px;
  }
}
@media screen and (min-width: 640px) {
  .width60--tb {
    width: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .width60--pc {
    width: 60px;
  }
}

@media screen and (min-width: 380px) {
  .width64--xs {
    width: 64px;
  }
}
@media screen and (min-width: 428px) {
  .width64--sm {
    width: 64px;
  }
}
@media screen and (min-width: 640px) {
  .width64--tb {
    width: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .width64--pc {
    width: 64px;
  }
}

@media screen and (min-width: 380px) {
  .width80--xs {
    width: 80px;
  }
}
@media screen and (min-width: 428px) {
  .width80--sm {
    width: 80px;
  }
}
@media screen and (min-width: 640px) {
  .width80--tb {
    width: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .width80--pc {
    width: 80px;
  }
}

@media screen and (min-width: 380px) {
  .width88--xs {
    width: 88px;
  }
}
@media screen and (min-width: 428px) {
  .width88--sm {
    width: 88px;
  }
}
@media screen and (min-width: 640px) {
  .width88--tb {
    width: 88px;
  }
}
@media screen and (min-width: 1024px) {
  .width88--pc {
    width: 88px;
  }
}

@media screen and (min-width: 380px) {
  .width96--xs {
    width: 96px;
  }
}
@media screen and (min-width: 428px) {
  .width96--sm {
    width: 96px;
  }
}
@media screen and (min-width: 640px) {
  .width96--tb {
    width: 96px;
  }
}
@media screen and (min-width: 1024px) {
  .width96--pc {
    width: 96px;
  }
}

@media screen and (min-width: 380px) {
  .width100--xs {
    width: 100px;
  }
}
@media screen and (min-width: 428px) {
  .width100--sm {
    width: 100px;
  }
}
@media screen and (min-width: 640px) {
  .width100--tb {
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .width100--pc {
    width: 100px;
  }
}

@media screen and (min-width: 380px) {
  .width108--xs {
    width: 108px;
  }
}
@media screen and (min-width: 428px) {
  .width108--sm {
    width: 108px;
  }
}
@media screen and (min-width: 640px) {
  .width108--tb {
    width: 108px;
  }
}
@media screen and (min-width: 1024px) {
  .width108--pc {
    width: 108px;
  }
}

@media screen and (min-width: 428px) {
  .width126--sm {
    width: 126px;
  }
}
@media screen and (min-width: 640px) {
  .width126--tb {
    width: 126px;
  }
}
@media screen and (min-width: 1024px) {
  .width126--pc {
    width: 126px;
  }
}

@media screen and (min-width: 428px) {
  .width140--sm {
    width: 140px;
  }
}
@media screen and (min-width: 640px) {
  .width140--tb {
    width: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .width140--pc {
    width: 140px;
  }
}

@media screen and (min-width: 428px) {
  .width160--sm {
    width: 160px;
  }
}
@media screen and (min-width: 640px) {
  .width160--tb {
    width: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .width160--pc {
    width: 160px;
  }
}

@media screen and (min-width: 428px) {
  .width180--sm {
    width: 180px;
  }
}
@media screen and (min-width: 640px) {
  .width180--tb {
    width: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .width180--pc {
    width: 180px;
  }
}

@media screen and (min-width: 428px) {
  .width192--sm {
    width: 192px;
  }
}
@media screen and (min-width: 640px) {
  .width192--tb {
    width: 192px;
  }
}
@media screen and (min-width: 1024px) {
  .width192--pc {
    width: 192px;
  }
}

@media screen and (min-width: 428px) {
  .width240--sm {
    width: 240px;
  }
}
@media screen and (min-width: 640px) {
  .width240--tb {
    width: 240px;
  }
}
@media screen and (min-width: 1024px) {
  .width240--pc {
    width: 240px;
  }
}

@media screen and (min-width: 428px) {
  .width260--sm {
    width: 260px;
  }
}
@media screen and (min-width: 640px) {
  .width260--tb {
    width: 260px;
  }
}
@media screen and (min-width: 1024px) {
  .width260--pc {
    width: 260px;
  }
}

@media screen and (min-width: 428px) {
  .width264--sm {
    width: 264px;
  }
}
@media screen and (min-width: 640px) {
  .width264--tb {
    width: 264px;
  }
}
@media screen and (min-width: 1024px) {
  .width264--pc {
    width: 264px;
  }
}

@media screen and (min-width: 640px) {
  .width320--tb {
    width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .width320--pc {
    width: 320px;
  }
}

.width50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .width50--pc {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

.width100 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .width100--pc {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth32--xs {
    max-width: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth32--sm {
    max-width: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 640px) {
  .maxWidth32--tb {
    max-width: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth32--pc {
    max-width: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth52--xs {
    max-width: 52px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth52--sm {
    max-width: 52px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth60--xs {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth60--sm {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth80--xs {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth80--sm {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth96--xs {
    max-width: 96px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth96--sm {
    max-width: 96px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth108--xs {
    max-width: 108px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth108--sm {
    max-width: 108px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 380px) {
  .maxWidth128--xs {
    max-width: 128px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 428px) {
  .maxWidth128--sm {
    max-width: 128px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth160--tb {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth160--pc {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth192--tb {
    max-width: 192px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth192--pc {
    max-width: 192px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth200--tb {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth200--pc {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth240--tb {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth240--pc {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth256--tb {
    max-width: 256px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth256--pc {
    max-width: 256px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth288--tb {
    max-width: 288px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth288--pc {
    max-width: 288px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth320--tb {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth320--pc {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth480--tb {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth480--pc {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth512--tb {
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth512--pc {
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 640px) {
  .maxWidth720--tb {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .maxWidth720--pc {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}

.numBlk--white {
  background-color: #ffffff;
  color: #f39700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "MS PGothic", sans-serif;
  width: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.2rem;
}

.bgBlk {
  background-color: #ffffff;
  padding: 1.6rem;
  width: 100%;
  box-sizing: border-box;
}
.bgBlk--pd0 {
  padding: 0;
}
.bgBlk--h100 {
  height: 100%;
}
.bgBlk--lightblue {
  padding: 1.6rem;
  width: 100%;
  background-color: rgba(2, 113, 188, 0.1);
  box-sizing: border-box;
}
.bgBlk--gray {
  padding: 1.6rem;
  width: 100%;
  background-color: #EEEEEE;
  box-sizing: border-box;
}
.bgBlk--navy {
  padding: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  background-color: #00214B;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .bgBlk--fff--pc {
    background-color: #ffffff;
  }
}
.bgBlk--wdPad {
  padding: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .bgBlk--wdPad--pc {
    padding: 3.2rem;
  }
}
.bgBlk--narPad {
  padding: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .bgBlk--narPad--pc {
    padding: 0.8rem;
  }
}
.bgBlk--narPad--sp {
  padding: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .bgBlk--narPad--sp {
    padding: 1.6rem;
  }
}

.mod-alertBlk {
  width: 100%;
  max-width: 92.5vw;
  margin: 16px auto 24px;
  background-color: #F8FFE4;
  border: solid 4px #AB0007;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.mod-alertBlk::before {
  content: "";
  background-image: url("../img/alert-icon.svg");
  width: 42px;
  height: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.mod-alertBlk p {
  width: 100%;
  margin-left: 12px;
  font-size: 1.3rem;
  line-height: 1.9rem;
  font-weight: 700;
  color: #DF0000;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .mod-alertBlk {
    max-width: 720px;
    margin: 0 auto 24px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    align-items: center;
  }
}
.mod-alertBlk--center {
  align-items: center;
}

.alertBlk {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #F8FFE4;
  border: solid 4px #AB0007;
  padding: 16px;
}
.alertBlk__head {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .alertBlk__head {
    align-items: center;
  }
}
.alertBlk__head::before {
  content: "";
  background-image: url("../img/alert-icon.svg");
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.alertBlk__head__txt {
  margin-left: 12px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #DF0000;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .alertBlk__head__txt {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.alertBlk__main {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.9rem;
  font-weight: 700;
  color: #DF0000;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .alertBlk__main {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

.mod-plusIcon {
  border: solid 1px #ffffff;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 2px;
}
.mod-plusIcon span {
  display: block;
  background-color: #fff;
  width: 16px;
  height: 2px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.mod-plusIcon span:nth-of-type(2) {
  position: absolute;
  transform: rotate(90deg);
}
.mod-plusIcon--white {
  background-color: #fff;
  border-color: #CCCCCC;
}
.mod-plusIcon--white span {
  background-color: #f39700;
}

.is-shown .mod-plusIcon span, .acordion--open .mod-plusIcon span {
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.is-shown .mod-plusIcon span:nth-of-type(2), .acordion--open .mod-plusIcon span:nth-of-type(2) {
  position: absolute;
  transform: rotate(0deg);
}

.mod-grayTexBlk {
  width: 100%;
  max-width: 92.5vw;
  background-color: #EEEEEE;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .mod-grayTexBlk {
    max-width: 960px;
  }
}
.mod-grayTexBlk__content {
  padding: 12px 16px 8px;
}
.mod-grayTexBlk__content p {
  font-size: 1.3rem;
  line-height: 1.9rem;
  margin-bottom: 0;
}
.mod-grayTexBlk__content p .mod-texLink {
  font-size: 1.3rem !important;
  line-height: 1.9rem !important;
}
.mod-grayTexBlk__content strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
}
.mod-grayTexBlk--narrower {
  width: 88%;
}

.tbl {
  width: 100%;
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #222222;
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate; /* セルとセルの間にスペースを確保したい場合 */
  border-spacing: 1px;
}
.tbl__wrapper {
  width: 100%;
  overflow-x: scroll;
}
@media screen and (min-width: 428px) {
  .tbl {
    font-size: 1.1rem;
  }
}
.tbl small {
  font-size: 0.9rem;
  line-height: 1.4rem;
}
.tbl th {
  background-color: #00214B;
  color: #fff;
  padding: 1rem 0.4rem;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.tbl th small {
  color: #fff;
}
.tbl td {
  background-color: #EEEEEE;
  padding: 1rem 0.4rem;
  font-size: 1.1rem;
  line-height: 1.2rem;
  min-width: 48px;
}
.tbl .padTd {
  padding: 4px 12px;
}
.tbl tr:nth-child(odd) {
  background-color: #EEEEEE;
}
.tbl tr:nth-child(odd) td {
  background-color: #EEEEEE;
}
.tbl tr:nth-child(odd) th {
  background-color: #f39700;
}
.tbl tr:nth-of-type(even) {
  background-color: #F6F6F6;
}
.tbl tr:nth-of-type(even) td {
  background-color: #F9F9F9;
}
.tbl tr:nth-of-type(even) th {
  background-color: #3A9EE2;
}
.tbl--2col th, .tbl--2col td {
  width: 50%;
}
.tbl .blueTd {
  background-color: #f39700 !important;
  color: #fff;
  padding: 6px 2px;
  text-align: center;
  min-width: 44px;
}
.tbl .blueTd--line {
  border-bottom: solid 1px #fff;
}
.tbl .tBasi {
  background-color: #00214B !important;
  color: #fff;
  text-align: center;
}
.tbl .tBron {
  background-color: #8a5a38 !important;
  color: #fff;
  text-align: center;
}
.tbl .tSilv {
  background-color: #222222 !important;
  color: #fff;
  text-align: center;
}
.tbl .tPlat {
  background-color: #8299a1 !important;
  color: #fff;
  text-align: center;
}
.tbl .tWhite {
  background-color: #fff !important;
}
.tbl .tWhite img {
  display: block;
  width: 20px;
  height: auto;
  margin: 0 auto;
}
.tbl .tFlex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbl .tFlex .mod-memRank__rank {
  margin: 4px;
}
.tbl__navyHead tr th {
  background-color: #00214B !important;
}
.tbl__modal {
  cursor: pointer;
  position: relative;
  padding-right: 2.4rem !important;
}
.tbl__modal::after {
  content: "";
  background-image: url("../img/icon-plus.svg");
  background-size: cover;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0.4rem;
}
@media screen and (min-width: 380px) {
  .tbl__modal::after {
    width: 16px;
    height: 16px;
    right: 0.6rem;
  }
}
@media screen and (min-width: 640px) {
  .tbl__modal::after {
    right: 0.8rem;
  }
}
.tbl__modal__data {
  display: none !important;
}
.tbl--grid--1col2col tr, .tbl--grid--1col3col tr, .tbl--grid--1col4col tr, .tbl--grid--1col5col tr, .tbl--grid--1col6col tr {
  display: grid;
  gap: 0.1rem;
  background-color: transparent !important;
}
.tbl--grid--1col2col thead th, .tbl--grid--1col3col thead th, .tbl--grid--1col4col thead th, .tbl--grid--1col5col thead th, .tbl--grid--1col6col thead th {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tbl--grid--1col2col td, .tbl--grid--1col3col td, .tbl--grid--1col4col td, .tbl--grid--1col5col td, .tbl--grid--1col6col td {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tbl--grid--1col2col tbody, .tbl--grid--1col3col tbody, .tbl--grid--1col4col tbody, .tbl--grid--1col5col tbody, .tbl--grid--1col6col tbody {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 0.1rem;
}
.tbl--grid--1col2col tr {
  grid-template-columns: auto repeat(2, 1fr);
}
.tbl--grid--1col3col tr {
  grid-template-columns: auto repeat(3, 1fr);
}
.tbl--grid--1col4col tr {
  grid-template-columns: auto repeat(4, 1fr);
}
.tbl--grid--1col5col tr {
  grid-template-columns: auto repeat(5, 1fr);
}
.tbl--grid--1col6col tr {
  grid-template-columns: auto repeat(6, 1fr);
}
.tbl--48 td, .tbl--48 th {
  min-width: 4.8rem;
}
.tbl--80 td, .tbl--80 th {
  min-width: 8rem;
}
@media screen and (min-width: 640px) {
  .tbl--80--tb td, .tbl--80--tb th {
    min-width: 8rem;
  }
}
@media screen and (min-width: 1024px) {
  .tbl--80--pc td, .tbl--80--pc th {
    min-width: 8rem;
  }
}
.tbl--120 td, .tbl--120 th {
  min-width: 12rem;
}
@media screen and (min-width: 640px) {
  .tbl--120--tb td, .tbl--120--tb th {
    min-width: 12rem;
  }
}
@media screen and (min-width: 1024px) {
  .tbl--120--pc td, .tbl--120--pc th {
    min-width: 12rem;
  }
}
.tbl--160 td, .tbl--160 th {
  min-width: 16rem;
}
@media screen and (min-width: 640px) {
  .tbl--160--tb td, .tbl--160--tb th {
    min-width: 16rem;
  }
}
@media screen and (min-width: 1024px) {
  .tbl--160--pc td, .tbl--160--pc th {
    min-width: 16rem;
  }
}

.borderTop {
  border-top: solid 1px #222222;
}

.flexBlk {
  display: flex;
  align-items: flex-start;
}
.flexBlk--alcen {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flexBlk--wrap {
  display: flex;
  flex-wrap: wrap;
}
.flexBlk--end {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.flexBlk--end--alcen {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flexBlk--center {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.flexBlk--center--alcen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexBlk--col {
  display: flex;
  flex-direction: column;
}
.flexBlk--col--btw {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flexBlk--col--jcCen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.flexBlk--col--center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.grid--jiCen {
  justify-items: center;
}
.grid--alCen {
  align-items: center;
}
.grid--2col {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 640px) {
  .grid--2col--tb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .grid--2col--pc {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid--3col {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 428px) {
  .grid--3col--sm {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 640px) {
  .grid--3col--tb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .grid--3col--pc {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.alItmCen {
  align-items: center !important;
}

.gap2 {
  gap: 0.2rem;
}
@media screen and (min-width: 640px) {
  .gap2--tb {
    gap: 0.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap2--pc {
    gap: 0.2rem;
  }
}
.gap4 {
  gap: 0.4rem;
}
@media screen and (min-width: 640px) {
  .gap4--tb {
    gap: 0.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap4--pc {
    gap: 0.4rem;
  }
}
.gap8 {
  gap: 0.8rem;
}
@media screen and (min-width: 640px) {
  .gap8--tb {
    gap: 0.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap8--pc {
    gap: 0.8rem;
  }
}
.gap12 {
  gap: 1.2rem;
}
@media screen and (min-width: 380px) {
  .gap12--xs {
    gap: 1.2rem;
  }
}
@media screen and (min-width: 428px) {
  .gap12--sm {
    gap: 1.2rem;
  }
}
@media screen and (min-width: 640px) {
  .gap12--tb {
    gap: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap12--pc {
    gap: 1.2rem;
  }
}
.gap16 {
  gap: 1.6rem;
}
@media screen and (min-width: 380px) {
  .gap16--xs {
    gap: 1.6rem;
  }
}
@media screen and (min-width: 428px) {
  .gap16--sm {
    gap: 1.6rem;
  }
}
@media screen and (min-width: 640px) {
  .gap16--tb {
    gap: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap16--pc {
    gap: 1.6rem;
  }
}
.gap18 {
  gap: 1.8rem;
}
@media screen and (min-width: 380px) {
  .gap18--xs {
    gap: 1.8rem;
  }
}
@media screen and (min-width: 428px) {
  .gap18--sm {
    gap: 1.8rem;
  }
}
@media screen and (min-width: 640px) {
  .gap18--tb {
    gap: 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap18--pc {
    gap: 1.8rem;
  }
}
.gap20 {
  gap: 2rem;
}
@media screen and (min-width: 380px) {
  .gap20--xs {
    gap: 2rem;
  }
}
@media screen and (min-width: 428px) {
  .gap20--sm {
    gap: 2rem;
  }
}
@media screen and (min-width: 640px) {
  .gap20--tb {
    gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap20--pc {
    gap: 2rem;
  }
}
.gap24 {
  gap: 2.4rem;
}
@media screen and (min-width: 380px) {
  .gap24--xs {
    gap: 2.4rem;
  }
}
@media screen and (min-width: 428px) {
  .gap24--sm {
    gap: 2.4rem;
  }
}
@media screen and (min-width: 640px) {
  .gap24--tb {
    gap: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap24--pc {
    gap: 2.4rem;
  }
}
.gap32 {
  gap: 3.2rem;
}
@media screen and (min-width: 380px) {
  .gap32--xs {
    gap: 3.2rem;
  }
}
@media screen and (min-width: 428px) {
  .gap32--sm {
    gap: 3.2rem;
  }
}
@media screen and (min-width: 640px) {
  .gap32--tb {
    gap: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap32--pc {
    gap: 3.2rem;
  }
}
.gap40 {
  gap: 4rem;
}
@media screen and (min-width: 380px) {
  .gap40--xs {
    gap: 4rem;
  }
}
@media screen and (min-width: 428px) {
  .gap40--sm {
    gap: 4rem;
  }
}
@media screen and (min-width: 640px) {
  .gap40--tb {
    gap: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .gap40--pc {
    gap: 4rem;
  }
}

.spWrap td, .spWrap th {
  display: block;
  padding: 12px 8px;
  font-size: 1.2rem;
  line-height: 1.9rem;
}
.spWrap th {
  margin-top: 12px;
}
.spWrap .dataLabel {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-row: 1fr;
  column-gap: 8px;
  padding: 0;
  border-bottom: solid 1px #fff;
}
.spWrap .dataLabel::before {
  content: attr(data-label);
  background-color: #f39700;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 8px;
}
.spWrap .dataLabel div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.spWrap .spHidden {
  display: none;
}
@media screen and (min-width: 640px) {
  .spWrap .spHidden {
    display: table-cell;
  }
  .spWrap td, .spWrap th, .spWrap .dataLabel {
    display: table-cell;
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
  .spWrap .dataLabel {
    padding: 12px 8px;
    border-bottom: none;
  }
  .spWrap .dataLabel::before {
    display: none;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 10;
  transition: 0.2s ease;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 8rem 0;
  overflow: scroll;
}
.modal--open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: 0.2s ease;
}
.modal__cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 33, 75, 0.9);
  z-index: 1;
}
.modal__content {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .modal__content {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .modal__content {
    padding: 3.2rem;
  }
}
.modal__head {
  background-color: #EEEEEE;
  color: #00214B;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  padding: 1.2rem 3vw;
}
@media screen and (min-width: 640px) {
  .modal__head {
    background-color: #00214B;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    padding: 1.2rem 1.6rem;
  }
}
.modal__main {
  padding: 2.4rem;
}
@media screen and (min-width: 640px) {
  .modal__main {
    padding: 1.6rem;
    background-color: #EEEEEE;
  }
}
.modal__main img {
  display: block;
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 640px) {
  .modal__main img {
    max-width: 480px;
  }
}
.modal .close {
  position: fixed;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background-color: transparent;
  grid-column: 4/5;
  width: 64px;
  height: 64px;
  padding-top: 4px;
  box-sizing: border-box;
}
@media screen and (min-width: 380px) {
  .modal .close {
    width: 77px;
  }
}
@media screen and (min-width: 1024px) {
  .modal .close {
    top: 1.2rem;
    right: 2rem;
    right: calc(50vw - 512px);
    width: 56px;
    height: 56px;
    grid-column: 3/4;
  }
}
.modal .close span {
  width: 2.9rem;
  height: 0.48rem;
  background-color: #fff;
  margin-bottom: 6px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.modal .close span:first-of-type {
  transform: rotate(45deg) translateY(3px) translateX(3px);
}
.modal .close span:last-of-type {
  transform: rotate(-45deg) translateY(-5px) translateX(4px);
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .modal .close span {
    width: 40px;
    margin-bottom: 5px;
  }
  .modal .close span:last-of-type {
    margin-bottom: 10px;
  }
}
.modal .close::after {
  color: #fff;
  content: "CLOSE";
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "MS PGothic", sans-serif;
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.12em;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (min-width: 380px) {
  .modal .close::after {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}

.modalBtn {
  cursor: pointer;
}
.modalBtn__data {
  display: none !important;
}

.modalTxtWrapper__txt {
  cursor: pointer;
}
.modalTxtWrapper__data {
  display: none !important;
}

.acordion {
  overflow: hidden;
}
.acordion__content {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  height: 0;
  pointer-events: none;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
.acordion .bgBlk {
  padding: 0 !important;
}
.acordion .bgBlk--lightblue {
  padding: 0 !important;
}
.acordion__btn {
  cursor: pointer;
  position: relative;
  padding-right: 3rem;
}
.acordion__btn div {
  display: flex;
  align-items: center;
}
.acordion__btn__main div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .acordion__btn__main div {
    align-items: center;
    flex-direction: row;
  }
}
.acordion__btn__txt {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media screen and (min-width: 1024px) {
  .acordion__btn__txt {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.acordion__btn__cap {
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-left: 0;
  border-radius: 0.2rem;
  color: #3e3a39;
  opacity: 0.8;
  margin-top: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .acordion__btn__cap {
    margin-top: 0;
    margin-left: 1.4rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.acordion__btn__plus {
  position: absolute;
  right: 0.4rem;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 1px #CCCCCC;
  border-radius: 2px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .acordion__btn__plus {
    right: 1.6rem;
    width: 32px;
    height: 32px;
  }
}
.acordion__btn__plus__bar {
  background-color: #f39700;
  width: 17px;
  height: 1.6px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .acordion__btn__plus__bar {
    width: 20px;
    height: 2px;
  }
}
.acordion__btn__plus__bar:last-of-type {
  transform: rotate(90deg);
}
.acordion__close {
  background-color: #ffffff;
  color: #B68B5C;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 48px;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-left: auto;
  margin-right: auto;
}
.acordion--open {
  padding-bottom: 6.4rem;
}
.acordion--open .acordion__content {
  padding-top: 4.8rem;
  opacity: 1;
  height: auto;
  pointer-events: auto;
  max-height: 200000px !important;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
.acordion--open .bgBlk {
  padding: 1.6rem !important;
}
.acordion--open .bgBlk--lightblue {
  padding: 1.6rem !important;
}
.acordion--open .bgBlk--mdPad {
  padding: 2.4rem !important;
}
@media screen and (min-width: 640px) {
  .acordion--open .bgBlk--mdPad--tb {
    padding: 2.4rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .acordion--open .bgBlk--mdPad--pc {
    padding: 2.4rem !important;
  }
}
.acordion--open .bgBlk--wdPad {
  padding: 3.2rem !important;
}
@media screen and (min-width: 640px) {
  .acordion--open .bgBlk--wdPad--tb {
    padding: 3.2rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .acordion--open .bgBlk--wdPad--pc {
    padding: 3.2rem !important;
  }
}
.acordion--open .acordion__btn__plus__bar:last-of-type {
  transform: rotate(0deg);
}

.btn01 a {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f39700;
  border: solid 2px #787878;
  filter: drop-shadow(6px 5px 0px #eaeaea);
  border-radius: 4px;
  height: 56px;
  padding: 4px 12px;
  width: 100%;
  max-width: 360px;
  min-width: 240px;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #222222;
  transition: 0.3s ease;
}
@media screen and (min-width: 380px) {
  .btn01 a {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media screen and (min-width: 428px) {
  .btn01 a {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 640px) {
  .btn01 a {
    width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .btn01 a {
    width: 360px;
  }
}
.btn01 a--inActive {
  filter: grayscale(1);
  opacity: 0.4;
  pointer-events: none !important;
}
.btn01 a:hover {
  opacity: 1;
  transform: translateX(2px) translateY(2px);
  transition: 0.3s ease;
  filter: drop-shadow(2px 2px 0px #eaeaea);
}
.btn01--cen a {
  margin-left: auto;
  margin-right: auto;
}

.btn02 a {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: solid 2px #222222;
  border-radius: 4px;
  height: 56px;
  padding: 4px 12px;
  width: 100%;
  max-width: 480px;
  min-width: 240px;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #B68B5C;
}
@media screen and (min-width: 380px) {
  .btn02 a {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media screen and (min-width: 428px) {
  .btn02 a {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.btn02--cen a {
  margin-left: auto;
  margin-right: auto;
}

.leftTxt {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .leftTxt--pc {
    text-align: left;
  }
}

.centerTxt {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .centerTxt--pc {
    text-align: center;
  }
}

.rightTxt {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .rightTxt--pc {
    text-align: right;
  }
}

.regularTxt {
  font-weight: 400;
}

.mediumTxt {
  font-weight: 500;
}

.boldTxt {
  font-weight: 700;
}

.blackTxt {
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .mediumTxt--pc {
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) {
  .boldTxt--pc {
    font-weight: 700;
  }
}

@media screen and (min-width: 1024px) {
  .blackTxt--pc {
    font-weight: 900;
  }
}

.posTxt {
  color: #222222;
}

.negTxt {
  color: #FFFFFF;
}

.linkTxt {
  color: #f39700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.linkTxt--outer {
  color: #f39700;
  text-decoration: underline;
  text-underline-offset: 3px;
  position: relative;
}
.linkTxt--outer::after {
  content: "";
  position: relative;
  display: inline-block;
  position: relative;
  top: 0.1em;
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
  margin-right: 0.5em;
  background-image: url("../img/outer-link-blue.svg");
  background-size: cover;
}

.capTxt {
  display: block;
  color: #666666;
  font-size: 1.1rem;
  line-height: 1.5rem;
  display: grid;
  grid-template-columns: 1.2rem 1fr;
}
.capTxt::before {
  content: "※";
  display: block;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.capTxt--1 {
  grid-template-columns: 2.3rem 1fr;
}
.capTxt--1::before {
  content: "※1";
}
.capTxt--2 {
  grid-template-columns: 2.3rem 1fr;
}
.capTxt--2::before {
  content: "※2";
}
.capTxt--3 {
  grid-template-columns: 2.3rem 1fr;
}
.capTxt--3::before {
  content: "※3";
}
.capTxt--4 {
  grid-template-columns: 2.3rem 1fr;
}
.capTxt--4::before {
  content: "※4";
}
.capTxt--5 {
  grid-template-columns: 2.2rem 1fr;
}
.capTxt--5::before {
  content: "※5";
}

.leftMinus {
  margin-left: -6px;
}

.leftMinus2 {
  margin-left: -12px;
}
@media screen and (min-width: 640px) {
  .leftMinus2 {
    margin-left: -24px;
  }
}

.rightMinus {
  margin-right: -3px;
}

.rightMinus2 {
  margin-right: -12px;
}
@media screen and (min-width: 640px) {
  .rightMinus2 {
    margin-right: -24px;
  }
}

.ofHidden {
  overflow: hidden;
}

.openCover {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent !important;
  z-index: 4;
}

.fs9 {
  font-size: 1rem;
  line-height: 1rem;
  transform: scale(0.9);
}

.fs8 {
  font-size: 1rem;
  line-height: 1rem;
  transform: scale(0.8);
}

.is-hidden {
  display: none;
}

.is-shown {
  display: block !important;
}
.is-shown--flex {
  display: flex !important;
}

.ml0 {
  margin-left: 0 !important;
}

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

.mb4 {
  margin-bottom: 4px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

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

.mb24 {
  margin-bottom: 24px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

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

.mb48 {
  margin-bottom: 48px !important;
}

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

.mb56 {
  margin-bottom: 56px !important;
}

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

.mb64 {
  margin-bottom: 64px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

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

.mb88 {
  margin-bottom: 88px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.mb104 {
  margin-bottom: 104px !important;
}

.mb112 {
  margin-bottom: 112px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb144 {
  margin-bottom: 144px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}

.mb240 {
  margin-bottom: 240px !important;
}

.mb320 {
  margin-bottom: 320px !important;
}

.mb360 {
  margin-bottom: 360px !important;
}

.m16 {
  margin: 16px auto !important;
}

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

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

@media screen and (min-width: 640px) {
  .mb4--tb {
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb8--tb {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb8--pc {
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb12--tb {
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb16--tb {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb16--pc {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb20--tb {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb20--pc {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb24--tb {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb24--pc {
    margin-bottom: 24px !important;
  }
}

.mb32--sp {
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .mb32--sp {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 640px) {
  .mb32--tb {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb32--pc {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb40--tb {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb40--pc {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb50--tb {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb50--pc {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb48--tb {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb48--pc {
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb56--tb {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb56--pc {
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb60--tb {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb60--pc {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb64--tb {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb64--pc {
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb72--tb {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb72--pc {
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb80--tb {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb80--pc {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb88--tb {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb88--pc {
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb96--tb {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb96--pc {
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb104--tb {
    margin-bottom: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb104--pc {
    margin-bottom: 104px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb112--tb {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb112--pc {
    margin-bottom: 112px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb120--tb {
    margin-bottom: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb120--pc {
    margin-bottom: 120px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb144--tb {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb144--pc {
    margin-bottom: 144px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb160--tb {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb160--pc {
    margin-bottom: 160px !important;
  }
}

.mb200 {
  margin-bottom: 200px !important;
}
@media screen and (min-width: 1024px) {
  .mb200--pc {
    margin-bottom: 200px !important;
  }
}

@media screen and (min-width: 640px) {
  .mb240--tb {
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb240--pc {
    margin-bottom: 240px !important;
  }
}

@media screen and (min-width: 1024px) {
  .mb320--pc {
    margin-bottom: 320px !important;
  }
}

@media screen and (min-width: 1024px) {
  .mb360--pc {
    margin-bottom: 360px !important;
  }
}

@media screen and (min-width: 1024px) {
  .mt0--pc {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 428px) {
  .mb0--sm {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .mb0--tb {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb0--pc {
    margin-bottom: 0 !important;
  }
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

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

.pb24 {
  padding-bottom: 24px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

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

.pb48 {
  padding-bottom: 48px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

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

.pb88 {
  padding-bottom: 88px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pb104 {
  padding-bottom: 104px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb144 {
  padding-bottom: 144px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pb240 {
  padding-bottom: 240px !important;
}

.pb280 {
  padding-bottom: 280px !important;
}

.pb320 {
  padding-bottom: 320px !important;
}

.pb360 {
  padding-bottom: 360px !important;
}

.pb480 {
  padding-bottom: 480px !important;
}

@media screen and (min-width: 640px) {
  .pb4--tb {
    padding-bottom: 4px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb8--tb {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb8--pc {
    padding-bottom: 8px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb12--tb {
    padding-bottom: 12px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb16--tb {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb16--pc {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb20--tb {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb24--tb {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb24--pc {
    padding-bottom: 24px !important;
  }
}

.pb32--sp {
  padding-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .pb32--sp {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 640px) {
  .pb32--tb {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb32--pc {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb40--tb {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb40--pc {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb48--tb {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb48--pc {
    padding-bottom: 48px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb56--tb {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb56--pc {
    padding-bottom: 56px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb64--tb {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb64--pc {
    padding-bottom: 64px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb72--tb {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb72--pc {
    padding-bottom: 72px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb80--tb {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb80--pc {
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb88--tb {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb88--pc {
    padding-bottom: 88px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb96--tb {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb96--pc {
    padding-bottom: 96px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb104--tb {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb104--pc {
    padding-bottom: 104px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb120--tb {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb120--pc {
    padding-bottom: 120px !important;
  }
}

@media screen and (min-width: 640px) {
  .pb144--tb {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb144--pc {
    padding-bottom: 144px !important;
  }
}

.pb160 {
  padding-bottom: 160px !important;
}
@media screen and (min-width: 1024px) {
  .pb160--pc {
    padding-bottom: 160px !important;
  }
}

.pb200 {
  padding-bottom: 200px !important;
}
@media screen and (min-width: 1024px) {
  .pb200--pc {
    padding-bottom: 200px !important;
  }
}

.pb240 {
  padding-bottom: 240px !important;
}
@media screen and (min-width: 1024px) {
  .pb240--pc {
    padding-bottom: 240px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pb280--pc {
    padding-bottom: 280px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pb320--pc {
    padding-bottom: 320px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pb360--pc {
    padding-bottom: 360px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pb480--pc {
    padding-bottom: 480px !important;
  }
}

.pt4 {
  padding-top: 4px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt16 {
  padding-top: 16px !important;
}

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

.pt24 {
  padding-top: 24px !important;
}

.pt32 {
  padding-top: 32px !important;
}

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

.pt48 {
  padding-top: 48px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt72 {
  padding-top: 72px !important;
}

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

.pt88 {
  padding-top: 88px !important;
}

.pt96 {
  padding-top: 96px !important;
}

.pt104 {
  padding-top: 104px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pt144 {
  padding-top: 144px !important;
}

.pt160 {
  padding-top: 160px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pt320 {
  padding-top: 320px !important;
}

.pt360 {
  padding-top: 360px !important;
}

@media screen and (min-width: 640px) {
  .pt4--tb {
    padding-top: 4px !important;
  }
}

@media screen and (min-width: 428px) {
  .pt8--sm {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 640px) {
  .pt8--tb {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt8--pc {
    padding-top: 8px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt12--tb {
    padding-top: 12px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt16--tb {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt16--pc {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt20--tb {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt24--tb {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt24--pc {
    padding-top: 24px !important;
  }
}

.pt32--sp {
  padding-top: 32px;
}
@media screen and (min-width: 1024px) {
  .pt32--sp {
    padding-top: 0;
  }
}
@media screen and (min-width: 640px) {
  .pt32--tb {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt32--pc {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt40--tb {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt40--pc {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt48--tb {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt48--pc {
    padding-top: 48px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt56--tb {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt56--pc {
    padding-top: 56px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt64--tb {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt64--pc {
    padding-top: 64px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt72--tb {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt72--pc {
    padding-top: 72px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt80--tb {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt80--pc {
    padding-top: 80px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt88--tb {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt88--pc {
    padding-top: 88px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt96--tb {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt96--pc {
    padding-top: 96px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt104--tb {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt104--pc {
    padding-top: 104px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt120--tb {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt120--pc {
    padding-top: 120px !important;
  }
}

@media screen and (min-width: 640px) {
  .pt144--tb {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt144--pc {
    padding-top: 144px !important;
  }
}

.pt160 {
  padding-top: 160px !important;
}
@media screen and (min-width: 1024px) {
  .pt160--pc {
    padding-top: 160px !important;
  }
}

.pt200 {
  padding-top: 200px !important;
}
@media screen and (min-width: 1024px) {
  .pt200--pc {
    padding-top: 200px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pt320--pc {
    padding-top: 320px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pt360--pc {
    padding-top: 360px !important;
  }
}

.pt0 {
  padding-top: 0 !important;
}
@media screen and (min-width: 1024px) {
  .pt0--pc {
    padding-top: 0px !important;
  }
}

.pl4 {
  padding-left: 4px !important;
}

.pl8 {
  padding-left: 8px !important;
}

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

.pl12 {
  padding-left: 12px !important;
}

.pl16 {
  padding-left: 16px !important;
}

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

.pl24 {
  padding-left: 24px !important;
}

.pl32 {
  padding-left: 32px !important;
}

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

.pl48 {
  padding-left: 48px !important;
}

.pl64 {
  padding-left: 64px !important;
}

@media screen and (min-width: 1024px) {
  .pl4--pc {
    padding-left: 4px !important;
  }
}

@media screen and (min-width: 340px) {
  .pl8--xxs {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 428px) {
  .pl8--sm {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl8--pc {
    padding-left: 8px !important;
  }
}

@media screen and (min-width: 340px) {
  .pl10--xxs {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 380px) {
  .pl10--xs {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 428px) {
  .pl10--sm {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl10--pc {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 340px) {
  .pl12--xxs {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 428px) {
  .pl12--sm {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl12--pc {
    padding-left: 12px !important;
  }
}

@media screen and (min-width: 340px) {
  .pl16--xxs {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 428px) {
  .pl16--sm {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .pl16--tb {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl16--pc {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl20--pc {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl24--pc {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl32--pc {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl40--pc {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl48--pc {
    padding-left: 48px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pl64--pc {
    padding-left: 64px !important;
  }
}

.pr4 {
  padding-right: 4px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr16 {
  padding-right: 16px !important;
}

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

.pr24 {
  padding-right: 24px !important;
}

.pr28 {
  padding-right: 28px !important;
}

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

.pr32 {
  padding-right: 32px !important;
}

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

@media screen and (min-width: 1024px) {
  .pr4--pc {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 428px) {
  .pr8--sm {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr8--pc {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 428px) {
  .pr12--sm {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr12--pc {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 428px) {
  .pr16--sm {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .pr16--tb {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr16--pc {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pr20--pc {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .pr24--tb {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr24--pc {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 428px) {
  .pr28--sm {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 640px) {
  .pr28--tb {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr28--pc {
    padding-right: 28px !important;
  }
}

@media screen and (min-width: 428px) {
  .pr30--sm {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 640px) {
  .pr30--tb {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr30--pc {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pr32--pc {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .pr40--pc {
    padding-right: 40px !important;
  }
}

.radius2 {
  border-radius: 0.2rem;
}
.radius4 {
  border-radius: 0.4rem;
}
.radius8 {
  border-radius: 0.8rem;
}
.radius12 {
  border-radius: 1.2rem;
}

.xsVis {
  display: none;
}
@media screen and (min-width: 380px) {
  .xsVis {
    display: block;
  }
}

.xxsNone {
  display: block !important;
}
@media screen and (min-width: 340px) {
  .xxsNone {
    display: none !important;
  }
}

.xxs2None {
  display: block !important;
}
@media screen and (min-width: 360px) {
  .xxs2None {
    display: none !important;
  }
}

.xsNone {
  display: block !important;
}
@media screen and (min-width: 380px) {
  .xsNone {
    display: none !important;
  }
}

.smVis {
  display: none !important;
}
@media screen and (min-width: 428px) {
  .smVis {
    display: block !important;
  }
}

.smNone {
  display: block;
}
@media screen and (min-width: 428px) {
  .smNone {
    display: none !important;
  }
}

.mdVis {
  display: none;
}
@media screen and (min-width: 640px) {
  .mdVis {
    display: block !important;
  }
}
.mdVis--flex {
  display: none !important;
}
@media screen and (min-width: 640px) {
  .mdVis--flex {
    display: flex !important;
  }
}

.mdNone {
  display: block !important;
}
@media screen and (min-width: 640px) {
  .mdNone {
    display: none !important;
  }
}
.mdNone--flex {
  display: flex !important;
}
@media screen and (min-width: 640px) {
  .mdNone--flex {
    display: none !important;
  }
}

.bdVis {
  display: none !important;
}
@media screen and (min-width: 782px) {
  .bdVis {
    display: block !important;
  }
}

.bdNone {
  display: block !important;
}
@media screen and (min-width: 782px) {
  .bdNone {
    display: none !important;
  }
}

.lgVis {
  display: none;
}
@media screen and (min-width: 1024px) {
  .lgVis {
    display: block !important;
  }
}

.lgNone {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lgNone {
    display: none !important;
  }
}

.xlNone {
  display: block !important;
}
@media screen and (min-width: 1280px) {
  .xlNone {
    display: none !important;
  }
}

.header {
  z-index: 9;
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 100vw;
  background-color: #ffffff;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
}
.header__content {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .header__content {
    width: 92.5%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 220px 1fr;
    height: 72px;
  }
}
@media screen and (min-width: 1280px) {
  .header__content {
    grid-template-columns: 240px 1fr;
  }
}
.header__logo {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .header__logo {
    width: 180px;
    top: 0.2rem;
  }
}
@media screen and (min-width: 1280px) {
  .header__logo {
    width: 200px;
  }
}
.header__logo img {
  display: block;
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.header__nav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header__nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.header__nav__ul {
  display: grid;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .header__nav__ul {
    display: flex;
    justify-content: end;
    width: 100%;
    gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .header__nav__ul {
    display: grid;
    grid-template-columns: 7rem 7rem 7rem 7rem 12.5rem 11rem;
    gap: 3.2rem;
  }
}
.header__nav__mainLink {
  position: relative;
  z-index: 2;
}
.header__nav__li {
  transition: 0.3s ease;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1024px) {
  .header__nav__li {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .header__nav__li {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
.header__nav__li:hover {
  transition: 0.3s ease;
}
.header__nav a {
  color: #d68400;
}
.header__nav a li {
  color: #d68400;
}

.spNavBtn {
  position: absolute;
  right: 2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background-color: transparent;
  width: 36px;
  height: 36px;
  padding-top: 0.8rem;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .spNavBtn {
    display: none;
  }
}
.spNavBtn__bar {
  width: 36px;
  height: 2px;
  background-color: #f39700;
  margin-bottom: 6px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.spNavBtn--open .spNavBtn__bar {
  width: 38px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.spNavBtn--open .spNavBtn__bar:first-of-type {
  transform: rotate(45deg) translateY(4px) translateX(1px);
}
.spNavBtn--open .spNavBtn__bar:nth-of-type(2) {
  opacity: 0;
}
.spNavBtn--open .spNavBtn__bar:last-of-type {
  transform: rotate(-45deg) translateY(-10px) translateX(6px);
}

.spNav {
  position: fixed;
  top: 56px;
  opacity: 1;
  transition: 0.3s ease;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgb(255, 255, 255);
  color: #fff;
  overflow-y: scroll;
}
@media screen and (min-width: 1024px) {
  .spNav {
    top: 0;
  }
}
.spNav__close {
  position: absolute;
  top: 0.4rem;
  right: -9.5rem;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background-color: transparent;
  width: 64px;
  height: 64px;
  padding-top: 4px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .spNav__close {
    display: flex;
    top: 0.2rem;
    right: -6.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .spNav__close {
    right: -8rem;
  }
}
@media screen and (min-width: 380px) {
  .spNav__close {
    width: 77px;
  }
}
@media screen and (min-width: 1024px) {
  .spNav__close {
    width: 56px;
    height: 56px;
  }
}
.spNav__close__bar {
  width: 48px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 6px;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.spNav__close__bar:first-of-type {
  transform: rotate(45deg) translateY(2px) translateX(2px);
}
.spNav__close__bar:last-of-type {
  transform: rotate(-45deg) translateY(-5px) translateX(4px);
}
@media screen and (min-width: 1024px) {
  .spNav__close__bar {
    width: 32px;
    margin-bottom: 5px;
  }
}
.spNav__close::after {
  color: #fff;
  content: "CLOSE";
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "MS PGothic", sans-serif;
  display: block;
  font-size: 1.3rem;
  line-height: 1.5rem;
  letter-spacing: 0.12em;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (min-width: 380px) {
  .spNav__close::after {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .spNav__close::after {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
.spNav__ul {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  width: 92.5%;
}
.spNav__li {
  padding: 1.8rem 1.2rem;
  border-bottom: solid 1px #f39700;
  font-size: 1.6rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 428px) {
  .spNav__li {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.spNav__li::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("../img/header-arrow.svg");
  background-size: cover;
}

.navHidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: 0.3s ease;
  z-index: -5;
}
.navHidden .spMenu__nav {
  pointer-events: none !important;
}

.footer {
  background-color: #f39700;
}
.footer a {
  color: #222222 !important;
  text-decoration: underline;
}
.footer__content {
  width: 92.5%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.footer__nav ul {
  padding: 0 !important;
}
.footer__nav__li {
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0em;
  color: #222222;
  list-style: none !important;
}
@media screen and (min-width: 1024px) {
  .footer__nav__li {
    font-size: 2.4rem;
    line-height: 3.7rem;
  }
}
.footer__copy {
  display: block;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0.8rem 0;
  background-color: #3e3a39;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .footer__copy {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.footer__formLink {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #222222 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
  /*&::before{
      content: "";
      display: block;
      width:1.2em;
      height:1.2em;
      background-image: url('../img/footer-mail-icon.svg');
      background-size: cover;
      background-repeat: no-repeat;
  }*/
}
@media screen and (min-width: 1024px) {
  .footer__formLink {
    font-size: 2.4rem;
    line-height: 3.7rem;
  }
}

.pageMain {
  padding-top: 56px;
}
@media screen and (min-width: 1024px) {
  .pageMain {
    padding-top: 72px;
  }
}

.pageHead {
  width: 100%;
  height: 25vw;
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .pageHead {
    height: 30vw;
    max-height: 40rem;
    background-position: center;
  }
}
.pageHead__title {
  position: relative;
  z-index: 2;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 0.4rem #f39700;
  padding-bottom: 1rem;
  width: 92.5%;
  max-width: 640px;
}
@media screen and (min-width: 428px) {
  .pageHead__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 640px) {
  .pageHead__title {
    font-size: 3.2rem;
    line-height: 4rem;
    border-bottom: solid 0.8rem #f39700;
  }
}
@media screen and (min-width: 1024px) {
  .pageHead__title {
    font-size: 4.8rem;
    line-height: 5rem;
    padding-bottom: 1.6rem;
    max-width: 800px;
  }
}
.pageHead__title--front {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.pageHead__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -20px;
  right: -20px;
  bottom: 0;
}
.pageHead__txt {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-top: 0.6rem;
  font-weight: 700;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 428px) {
  .pageHead__txt {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 640px) {
  .pageHead__txt {
    margin-top: 1.6rem;
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .pageHead__txt {
    margin-top: 2rem;
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}

.head01 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
@media screen and (min-width: 428px) {
  .head01 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .head01 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
}

.head02 {
  font-size: 2rem;
  line-height: 2.8rem;
}
@media screen and (min-width: 428px) {
  .head02 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .head02 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}

.head03 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-left: 4.2rem;
  position: relative;
}
.head03::before {
  content: "";
  background-color: #f39700;
  width: 3.6rem;
  height: 0.2rem;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
@media screen and (min-width: 640px) {
  .head03 {
    font-size: 2rem;
    line-height: 2.4rem;
    padding-left: 6.8rem;
  }
  .head03::before {
    width: 6rem;
    top: 0.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .head03 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .head03::before {
    top: 1.5rem;
  }
}

.head04 {
  font-size: 2.2rem;
  line-height: 3rem;
}
@media screen and (min-width: 428px) {
  .head04 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .head04 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}

.form__blk {
  border-bottom: solid 1px #D2D2D2;
}
@media screen and (min-width: 1024px) {
  .form__row {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-template-rows: auto;
  }
}
.form__row__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.8rem 1.8rem 1.8rem 1.8rem;
  background-color: #F6F6F6;
  border: solid 1px #D2D2D2;
  border-bottom: none;
  min-height: 64px;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .form__row__label {
    padding: 0 1.8rem 0 3.6rem;
    min-height: 96px;
  }
}
.form__row__label__txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .form__row__label__txt {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
.form__row__label__required {
  background-color: #DF0000;
  color: #ffffff;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin-left: 1.4rem;
  position: relative;
  top: 0.1rem;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .form__row__label__required {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.form__row__inputWrapper {
  background-color: #ffffff;
  border: solid 1px #D2D2D2;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.8rem 1.8rem 1.8rem 1.8rem;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .form__row__inputWrapper {
    border-left: none;
    padding: 1.8rem 1.8rem 1.8rem 3.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .form__row--textarea .form__row__label, .form__row--textarea .form__row__inputWrapper {
    height: 100%;
    padding: 1.8rem 3.6rem 1.8rem 3.6rem;
  }
}
.form__input {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
  padding: 0.2rem 0.8rem !important;
  border: solid 0.2rem #D2D2D2 !important;
  border-radius: 0.4rem !important;
}
@media screen and (min-width: 1024px) {
  .form__input {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0.2rem 0.8rem !important;
  }
}
.form__textarea {
  border: solid 0.2rem #D2D2D2 !important;
  font-size: 1.4rem;
  padding: 0.4rem 0.8rem;
}
@media screen and (min-width: 1024px) {
  .form__textarea {
    font-size: 1.8rem;
  }
}
.form__submit {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f39700 !important;
  border: solid 2px #222222 !important;
  border-radius: 4px !important;
  height: 56px;
  padding: 4px 12px;
  width: 100%;
  max-width: 480px;
  min-width: 240px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  color: #222222 !important;
}
@media screen and (min-width: 380px) {
  .form__submit {
    font-size: 1.6rem !important;
    line-height: 2.2rem !important;
  }
}
@media screen and (min-width: 428px) {
  .form__submit {
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
  }
}

iframe.companyMap {
  display: block;
  width: 92.5%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  max-height: 100vw;
}

.companyTable {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.companyTable th, .companyTable td {
  font-size: 1.6rem;
  line-height: 2rem;
  border: none;
  color: #222222;
  padding: 2rem;
}
@media screen and (min-width: 1024px) {
  .companyTable th, .companyTable td {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.companyTable tbody {
  display: grid;
  grid-template-rows: auto;
  gap: 0.2rem;
}
.companyTable tr {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0.2rem;
}
@media screen and (min-width: 640px) {
  .companyTable tr {
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .companyTable tr {
    grid-template-columns: 240px 1fr;
  }
}
.companyTable tr:nth-of-type(2n-1) {
  background-color: #F6F6F6;
}
.companyTable tr:nth-of-type(2n) {
  background-color: #ebebeb;
}
.companyTable tr td:first-of-type {
  background-color: #f39700;
}

@media screen and (min-width: 1024px) {
  .profileGrid {
    display: grid !important;
    grid-template-columns: 1fr 200px !important;
    gap: 4rem;
  }
}
.profileGrid__imgs {
  max-width: 240px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.socialGrid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  justify-items: center;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 380px) {
  .socialGrid {
    width: 132px;
  }
}
@media screen and (min-width: 428px) {
  .socialGrid {
    width: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .socialGrid {
    width: 160px;
  }
}

.socialIcon {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.3s ease;
}
.socialIcon:hover {
  transform: translateY(-0.2rem);
  transition: 0.3s ease;
}

.btnsGrid {
  width: 92.5%;
}
.btnsGrid .btn01 {
  display: block;
  width: 100%;
}
.btnsGrid .btn01 a {
  width: 100%;
}

.topGrid2col {
  display: block !important;
}
@media screen and (min-width: 1024px) {
  .topGrid2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
}
.topGrid2col__grid {
  display: block !important;
}
@media screen and (min-width: 428px) {
  .topGrid2col__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

.img01 {
  display: block;
  width: 100%;
  max-width: 720px;
}
.img01--center {
  margin-left: auto;
  margin-right: auto;
}

.gridImg3col {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
}
@media screen and (min-width: 428px) {
  .gridImg3col {
    width: 85%;
  }
}
@media screen and (min-width: 1024px) {
  .gridImg3col {
    width: 100%;
  }
}

.articleLinkBlk {
  background-color: #ffffff;
  filter: drop-shadow(0px 0px 6px rgba(25, 25, 25, 0.2));
  padding: 2rem;
  border-radius: 0.8rem;
  transition: 0.3s ease;
}
.articleLinkBlk:hover {
  opacity: 1 !important;
  transform: translateY(2px);
  transition: 0.3s ease;
}
@media screen and (min-width: 782px) {
  .articleLinkBlk {
    padding: 1.2rem 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .articleLinkBlk {
    filter: drop-shadow(0px 0px 8px rgba(25, 25, 25, 0.3));
    padding: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .articleLinkBlk {
    padding: 2.4rem;
  }
}
.articleLinkBlk__head {
  font-size: 2rem;
}
@media screen and (min-width: 782px) {
  .articleLinkBlk__head {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .articleLinkBlk__head {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .articleLinkBlk__head {
    font-size: 2rem;
  }
}
.articleLinkBlk__img img {
  border-radius: 0.4rem;
}
.articleLinkBlk__link {
  font-weight: 500;
  letter-spacing: 0.12rem;
}
.articleLinkBlk__link::after {
  content: "";
  position: relative;
  top: 0.2em;
  margin-left: 0.5em;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background-image: url("../img/header-arrow.svg");
  background-size: cover;
}

.mvSec {
  border-top: solid 1px #f39700;
}

.mvBlk {
  border-bottom: solid 2px rgba(243, 151, 0, 0.7);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media screen and (min-width: 782px) {
  .mvBlk {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .mvBlk {
    border-bottom: solid 3px rgba(243, 151, 0, 0.7);
    padding-left: 0;
    padding-right: 0;
  }
}
.mvBlk__head__en {
  color: #f39700;
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .mvBlk__head__en {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}

.entry-header {
  padding: 6.4rem 0 2.4rem;
  width: 92.5%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}
@media screen and (min-width: 1024px) {
  .entry-header {
    padding: 8rem 0 3.2rem;
  }
}
.entry-header h1 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
@media screen and (min-width: 428px) {
  .entry-header h1 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .entry-header h1 {
    font-size: 4rem;
    line-height: 4.6rem;
  }
}

.editorContent h2 {
  font-size: 2.2rem;
  line-height: 3rem;
  background-color: #f39700;
  color: #ffffff;
  border-radius: 0.4rem;
  margin-bottom: 1.6rem;
  padding: 0.8rem;
}
@media screen and (min-width: 428px) {
  .editorContent h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .editorContent h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin-bottom: 2rem;
    padding: 1.2rem;
  }
}
.editorContent h3 {
  font-size: 2.2rem;
  line-height: 3rem;
  padding-bottom: 1.6rem;
  border-bottom: solid 2px rgba(243, 151, 0, 0.7);
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 428px) {
  .editorContent h3 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .editorContent h3 {
    font-size: 3.2rem;
    line-height: 3.8rem;
    border-bottom: solid 3px rgba(243, 151, 0, 0.7);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.editorContent h4 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  position: relative;
  color: #e08a00;
}
@media screen and (min-width: 640px) {
  .editorContent h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .editorContent h4 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.editorContent ul {
  border: solid 2px rgba(243, 151, 0, 0.7);
  padding: 1.6rem 1.6rem 1.6rem 3.2rem;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .editorContent ul {
    padding: 2.4rem 2.4rem 2.4rem 4.4rem;
    border: solid 3px rgba(243, 151, 0, 0.7);
  }
}
.editorContent ul li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #222222;
}
@media screen and (min-width: 1024px) {
  .editorContent ul li {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

.tbl2col {
  margin-left: auto;
  margin-right: auto;
}
.tbl2col th, .tbl2col td {
  font-size: 1.6rem;
  line-height: 2rem;
  border: none;
  color: #222222;
  padding: 2rem;
}
@media screen and (min-width: 1024px) {
  .tbl2col th, .tbl2col td {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.tbl2col tbody {
  display: grid;
  grid-template-rows: auto;
  gap: 0.2rem;
}
.tbl2col tr {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0.2rem;
}
@media screen and (min-width: 640px) {
  .tbl2col tr {
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .tbl2col tr {
    grid-template-columns: 240px 1fr;
  }
}
.tbl2col tr:nth-of-type(2n-1) {
  background-color: #F6F6F6;
}
.tbl2col tr:nth-of-type(2n) {
  background-color: #ebebeb;
}
.tbl2col tr td:first-of-type {
  background-color: #f39700;
}
.tbl3col {
  margin-left: auto;
  margin-right: auto;
}
.tbl3col th, .tbl3col td {
  font-size: 1.6rem;
  line-height: 2rem;
  border: none;
  color: #222222;
  padding: 2rem;
}
@media screen and (min-width: 1024px) {
  .tbl3col th, .tbl3col td {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.tbl3col tbody {
  display: grid;
  grid-template-rows: auto;
  gap: 0.2rem;
}
.tbl3col tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.2rem;
}
@media screen and (min-width: 640px) {
  .tbl3col tr {
    grid-template-columns: 160px 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .tbl3col tr {
    grid-template-columns: 200px 1fr 1fr;
  }
}
.tbl3col tr:nth-of-type(2n-1) {
  background-color: #F6F6F6;
}
.tbl3col tr:nth-of-type(2n) {
  background-color: #ebebeb;
}
.tbl3col tr td:first-of-type {
  background-color: #f39700;
}
.tbl3col tr td:nth-of-type(2) {
  border-right: solid 0.2rem #ffffff;
}

/*# sourceMappingURL=style.css.map */