/* ---------- setting ---------- ---------- */
.mod-anim { transition-delay: 0.2s; transition-duration: 0.7s; }

.mod-anim.is-fade { opacity: 0; }

.mod-anim.is-fade.js-active { opacity: 1; }

.mod-anim.is-top { opacity: 0; transform: translate(0, -100px); }

.mod-anim.is-top.js-active { opacity: 1; transform: translate(0, 0); }

.mod-anim.is-bottom { opacity: 0; transform: translate(0, 50px); }

.mod-anim.is-bottom.js-active { opacity: 1; transform: translate(0, 0); }

.mod-anim.is-right { opacity: 0; transform: translate(100px, 0); }

.mod-anim.is-right.js-active { opacity: 1; transform: translate(0, 0); }

.mod-anim.is-left { opacity: 0; transform: translate(-100px, 0); }

.mod-anim.is-left.js-active { opacity: 1; transform: translate(0, 0); }

.mod-anim.is-zoom { opacity: 0; transition-delay: 0.4s; transition-duration: 0.4s; transform: scale(0.8); transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

.mod-anim.is-zoom.js-active { opacity: 1; transform: scale(1); }

.mod-anim.is-delay-00 { transition-delay: 0s; }

.mod-anim.is-delay-01 { transition-delay: 0.1s; }

.mod-anim.is-delay-02 { transition-delay: 0.2s; }

.mod-anim.is-delay-03 { transition-delay: 0.3s; }

.mod-anim.is-delay-04 { transition-delay: 0.4s; }

.mod-anim.is-delay-05 { transition-delay: 0.5s; }

.mod-anim.is-delay-06 { transition-delay: 0.6s; }

.mod-anim.is-delay-07 { transition-delay: 0.7s; }

.mod-anim.is-delay-08 { transition-delay: 0.8s; }

.mod-anim.is-delay-09 { transition-delay: 0.9s; }

.mod-anim.is-delay-10 { transition-delay: 1.0s; }

.mod-anim.is-delay-11 { transition-delay: 1.1s; }

.mod-anim.is-delay-12 { transition-delay: 1.2s; }

.mod-anim.is-delay-13 { transition-delay: 1.3s; }

.mod-anim.is-delay-14 { transition-delay: 1.4s; }

.mod-anim.is-delay-15 { transition-delay: 1.5s; }

.mod-anim.is-delay-16 { transition-delay: 1.6s; }

.mod-anim.is-delay-17 { transition-delay: 1.7s; }

.mod-anim.is-delay-18 { transition-delay: 1.8s; }

.mod-anim.is-delay-19 { transition-delay: 1.9s; }

.mod-anim.is-delay-20 { transition-delay: 2.0s; }

@media print, screen and (min-width: 1601px) { .mod-btn-A { display: inline-block; text-align: center; padding: 20px 0; border-radius: 3px; background: #fff68d; border: 3px solid #000; font-size: 19px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #1a1a1a; position: relative; cursor: pointer; transition-duration: 0.2s; }
  .mod-btn-A:hover { background: #fff; }
  .mod-btn-A:hover:after { right: -8px; width: 19px; }
  .mod-btn-A:after { content: ""; display: block; position: absolute; top: 50%; right: -13px; width: 27px; height: 3px; background: #000; transition-duration: 0.2s; }
  .mod-doc p { font-size: 19px; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #000; margin: 1em 0 1em; }
  .mod-doc ul { display: flex; flex-direction: column; gap: 0.5em; }
  .mod-doc ul li { font-size: 19px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; color: #000; position: relative; padding-left: 1em; }
  .mod-doc ul li:after { content: "-"; display: block; position: absolute; top: 0; left: 0; }
  .mod-sns-list { display: flex; gap: 13px; }
  .mod-sns-list ._btn { display: block; width: 60px; height: 60px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition-duration: 0.2s; }
  .mod-sns-list ._btn:hover { opacity: 0.8; }
  .mod-table.is-A th { font-size: 19px; font-weight: bold; line-height: 2; letter-spacing: 0.05em; color: #000; width: 133px; padding: 7px 0 33px 0; }
  .mod-table.is-A td { font-size: 19px; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #000; padding: 7px 0 33px 0; } }

@media screen and (min-width: 768px) and (max-width: 1600px) { .mod-btn-A { display: inline-block; text-align: center; padding: 1.25vw 0; border-radius: 0.1875vw; background: #fff68d; border: 0.1875vw solid #000; font-size: 1.1875vw; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #1a1a1a; position: relative; cursor: pointer; transition-duration: 0.2s; }
  .mod-btn-A:hover { background: #fff; }
  .mod-btn-A:hover:after { right: -0.5vw; width: 1.1875vw; }
  .mod-btn-A:after { content: ""; display: block; position: absolute; top: 50%; right: -0.8125vw; width: 1.6875vw; height: 0.1875vw; background: #000; transition-duration: 0.2s; }
  .mod-doc p { font-size: 1.1875vw; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #000; margin: 1em 0 1em; }
  .mod-doc ul { display: flex; flex-direction: column; gap: 0.5em; }
  .mod-doc ul li { font-size: 1.1875vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; color: #000; position: relative; padding-left: 1em; }
  .mod-doc ul li:after { content: "-"; display: block; position: absolute; top: 0; left: 0; }
  .mod-sns-list { display: flex; gap: 0.8125vw; }
  .mod-sns-list ._btn { display: block; width: 3.75vw; height: 3.75vw; border: 1px solid #000; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition-duration: 0.2s; }
  .mod-sns-list ._btn:hover { opacity: 0.8; }
  .mod-table.is-A th { font-size: 1.1875vw; font-weight: bold; line-height: 2; letter-spacing: 0.05em; color: #000; width: 8.3125vw; padding: 0.4375vw 0 2.0625vw 0; }
  .mod-table.is-A td { font-size: 1.1875vw; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #000; padding: 0.4375vw 0 2.0625vw 0; } }

@media screen and (max-width: 767px) { .mod-btn-A { display: inline-block; text-align: center; padding: 4.35897vw 0; border-radius: 0.76923vw; background: #fff68d; border: 0.76923vw solid #000; font-size: 3.58974vw; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #1a1a1a; position: relative; cursor: pointer; transition-duration: 0.2s; }
  .mod-btn-A:hover { background: #fff; }
  .mod-btn-A:hover:after { right: -2.05128vw; width: 4.87179vw; }
  .mod-btn-A:after { content: ""; display: block; position: absolute; top: 50%; right: -3.33333vw; width: 6.92308vw; height: 0.76923vw; background: #000; transition-duration: 0.2s; }
  .mod-doc p { font-size: 3.58974vw; font-weight: 500; line-height: 1.85; letter-spacing: 0.05em; color: #000; margin: 1em 0 1em; }
  .mod-doc ul { display: flex; flex-direction: column; gap: 0.5em; }
  .mod-doc ul li { font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; color: #000; position: relative; padding-left: 1em; }
  .mod-doc ul li:after { content: "-"; display: block; position: absolute; top: 0; left: 0; }
  .mod-sns-list { display: flex; gap: 3.33333vw; }
  .mod-sns-list ._btn { display: block; width: 11.79487vw; height: 11.79487vw; border: 1px solid #000; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition-duration: 0.2s; }
  .mod-sns-list ._btn:hover { opacity: 0.8; }
  .mod-table.is-A th { display: block; font-size: 3.58974vw; font-weight: bold; line-height: 2; letter-spacing: 0.05em; color: #000; padding: 1.28205vw 0 1.28205vw 0; }
  .mod-table.is-A td { display: block; font-size: 3.58974vw; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #000; padding: 0 0 w20 0; } }

/*# sourceMappingURL=maps/mod.css.map */