@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap");
:root {
  --vw-size11: clamp(10px, calc(((11 + 2) / 1260) * 100vw), 11px);
  --vw-size12: clamp(10px, calc(((12 + 2) / 1260) * 100vw), 12px);
  --vw-size14: clamp(12px, calc(((14 + 2) / 1260) * 100vw), 14px);
  --vw-size16: clamp(13px, calc(((16 + 2) / 1260) * 100vw), 16px);
  --vw-size18: clamp(14px, calc(((18 + 2) / 1260) * 100vw), 18px);
  --vw-size20: clamp(15px, calc(((20 + 2) / 1260) * 100vw), 20px);
  --vw-size22: clamp(16px, calc(((22 + 2) / 1260) * 100vw), 22px);
  --vw-size24: clamp(18px, calc(((24 + 2) / 1260) * 100vw), 24px);
  --vw-size26: clamp(18px, calc(((26 + 2) / 1260) * 100vw), 26px);
  --vw-size28: clamp(19px, calc(((28 + 2) / 1260) * 100vw), 28px);
  --vw-size30: clamp(20px, calc(((30 + 2) / 1260) * 100vw), 30px);
  --vw-size32: clamp(20px, calc(((32 + 2) / 1260) * 100vw), 32px);
  --vw-size34: clamp(21px, calc(((34 + 2) / 1260) * 100vw), 34px);
  --vw-size36: clamp(22px, calc(((36 + 2) / 1260) * 100vw), 36px);
  --vw-size40: clamp(22px, calc(((40 + 2) / 1260) * 100vw), 40px);
  --vw-size45: clamp(24px, calc(((45 + 2) / 1260) * 100vw), 45px);
  --vw-size48: clamp(26px, calc(((48 + 2) / 1260) * 100vw), 48px);
  --vw-size56: clamp(30px, calc(((56 + 2) / 1260) * 100vw), 56px);
  --vw-size68: clamp(34px, calc(((68 + 2) / 1260) * 100vw), 68px);
  --vw-size80: clamp(40px, calc(((80 + 2) / 1260) * 100vw), 80px);
  --vw-size100: clamp(50px, calc(((100 + 2) / 1260) * 100vw), 100px);
  --vw-size140: clamp(70px, calc(((140 + 2) / 1260) * 100vw), 140px);
}

/* Vendor prefix
--------------------------------- */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, li {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #01112A;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #01112A;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
} /* Hack retained to preserve specificity */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.5em;
  font-size: 18px;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

:focus {
  outline: 0;
}

:root {
  interpolate-size: allow-keywords;
}

a {
  text-decoration: none;
  color: #01112A;
}

img, x:-moz-any-link, x:default {
  box-shadow: #01112A 0 0 0;
}

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

p {
  font-size: 18px;
  color: #01112A;
  font-weight: normal;
  line-height: 1.8em;
}

small {
  font-size: 80%;
}

sup {
  font-size: 60%;
  vertical-align: super;
}

body.isFixed {
  position: fixed;
  width: 100%;
}

.headOverlay {
  width: 100%;
  position: fixed;
  background: rgba(1, 17, 42, 0.12);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}
.headOverlay.on {
  opacity: 1;
}

header {
  width: 100%;
  position: fixed;
  top: 24px;
  left: 0;
  z-index: 999;
}
header .headerInner {
  width: 89.3333333333%;
  max-width: 1344px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  margin: 0 auto;
  -webkit-box-shadow: 0 10px 30px rgba(1, 17, 42, 0.1);
          box-shadow: 0 10px 30px rgba(1, 17, 42, 0.1);
}
@media (max-width: 767px) {
  header .headerInner {
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 15px rgba(1, 17, 42, 0.1);
            box-shadow: 0 5px 15px rgba(1, 17, 42, 0.1);
  }
}
header .headerInner .headerTop {
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1280px) {
  header .headerInner .headerTop {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  header .headerInner .headerTop {
    padding: 19px 20px;
  }
}
@media (max-width: 767px) {
  header .headerInner .headerTop {
    padding: 10px 16px;
  }
}
header .headerLogo {
  line-height: 1;
  z-index: 999;
  position: relative;
}
@media (max-width: 767px) {
  header .headerLogo {
    width: 100px;
  }
}
header .headerLogo.on .logoC {
  opacity: 0;
}
header .headerLogo.on .logoW {
  opacity: 1;
}
header .headerLogo .logoC {
  -webkit-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}
header .headerLogo .logoW {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}
@media (max-width: 991px) {
  header .headerGnav {
    display: none;
  }
}
header .headerGnav .navList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: clamp(13px, 1.4880952381vw, 40px);
     -moz-column-gap: clamp(13px, 1.4880952381vw, 40px);
          column-gap: clamp(13px, 1.4880952381vw, 40px);
}
header .headerGnav .navList li.on a {
  color: #00246E;
}
header .headerGnav .navList li.on a span::before {
  width: 100%;
}
header .headerGnav .navList li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #01112A;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  height: 86px;
  -webkit-transition: color 0.4s ease 0s;
  transition: color 0.4s ease 0s;
}
@media (min-width: 992px) {
  header .headerGnav .navList li a:hover {
    color: #00246E;
  }
  header .headerGnav .navList li a:hover span::before {
    width: 100%;
  }
}
header .headerGnav .navList li a span {
  padding: 8px 0;
  position: relative;
}
header .headerGnav .navList li a span::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
header .headerSpMenu {
  width: 25px;
  height: 19px;
  position: relative;
  z-index: 999;
}
@media (min-width: 992px) {
  header .headerSpMenu {
    display: none;
  }
}
header .headerSpMenu::before, header .headerSpMenu::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #00246E;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
header .headerSpMenu::before {
  top: 4px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
header .headerSpMenu::after {
  bottom: 4px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
header .headerSpMenu.open::before, header .headerSpMenu.open::after {
  left: 5px;
  background: #fff;
}
header .headerSpMenu.open::before {
  top: -1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
header .headerSpMenu.open::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 991px) {
  header .headerContact {
    display: none;
  }
}
header .headerContact a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(8px, 1.1904761905vw, 16px);
     -moz-column-gap: clamp(8px, 1.1904761905vw, 16px);
          column-gap: clamp(8px, 1.1904761905vw, 16px);
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
@media (min-width: 992px) {
  header .headerContact a:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
}
header .headerContact a .icon {
  width: 48px;
  line-height: 1;
}
@media (max-width: 1280px) {
  header .headerContact a .icon {
    width: 38px;
  }
}
header .headerContact a .txt {
  color: #00246E;
}
header .headerContact a .txt span {
  display: block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
header .headerContact a .txt .en {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  margin-bottom: 5px;
}
header .headerContact a .txt .jp {
  font-size: 13px;
}
header .headerSubMenu {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
header .headerSubMenu .subMenu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 19px 24px;
  border-top: solid 1px #E6E6E6;
}
header .headerSubMenu .subMenu .subMenuList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px clamp(30px, 4.4642857143vw, 60px);
}
header .headerSubMenu .subMenu .subMenuList li a.subLink {
  color: #00246E;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 5px 0;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
@media (min-width: 992px) {
  header .headerSubMenu .subMenu .subMenuList li a.subLink:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
  header .headerSubMenu .subMenu .subMenuList li a.subLink:hover::before {
    width: 100%;
  }
  header .headerSubMenu .subMenu .subMenuList li a.subLink:hover span.icon::before {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
header .headerSubMenu .subMenu .subMenuList li a.subLink::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
header .headerSubMenu .subMenu .subMenuList li a.subLink span.icon {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
header .headerSubMenu .subMenu .subMenuList li a.subLink span.icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common/icon_link_b04.svg) no-repeat center center/cover;
  position: relative;
  z-index: 2;
}
header .headerSubMenu .subMenu .subMenuList li a.subLink span.icon::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00246E;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
header .headerSubMenu .subMenu .subsMenuList li {
  margin-top: 16px;
  padding-left: 8px;
}
header .headerSubMenu .subMenu .subsMenuList li a {
  color: #00246E;
  font-weight: 600;
  line-height: 1;
  font-size: 16px;
  padding-left: 18px;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
header .headerSubMenu .subMenu .subsMenuList li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: solid 2px #5E779B;
  border-bottom: solid 2px #5E779B;
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -3px;
}
@media (min-width: 992px) {
  header .headerSubMenu .subMenu .subsMenuList li a:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
}
header .headerSpMenuWrap {
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 36, 110, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  padding-top: 80px;
  display: none;
}
header .headerSpMenuWrap .menuHead {
  width: 89.3333333333%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 16px 0;
  margin: 0 auto;
}
header .headerSpMenuWrap .menuHead .headerLogo {
  width: 100px;
}
header .headerSpMenuWrap .menuHead .menuClose {
  width: 24px;
  height: 48px;
  position: relative;
}
header .headerSpMenuWrap .menuHead .menuClose::before, header .headerSpMenuWrap .menuHead .menuClose::after {
  content: "";
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
header .headerSpMenuWrap .menuHead .menuClose::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
header .headerSpMenuWrap .menuHead .menuClose::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
header .headerSpMenuWrap .menuListWrap {
  height: calc(100% - 80px);
  overflow: auto;
  padding: 40px;
}

@media (max-width: 991px) {
  .spMenuList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
  .spMenuList.footerMenuList li a {
    font-size: 16px;
  }
  .spMenuList.footerMenuList .spSubMenuList li a.subLink {
    font-size: 16px;
  }
  .spMenuList li a {
    display: block;
    font-size: 21px;
    padding: 8px 0;
    color: #fff;
    line-height: 1;
    font-weight: 700;
  }
  .spMenuList li.spHasSub > a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: solid 2px #fff;
    border-top: solid 2px #fff;
    -webkit-transform: rotate(-135deg) translateY(5px);
            transform: rotate(-135deg) translateY(5px);
    margin-left: 5px;
  }
  .spMenuList li.spHasSub.open > a::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 10px;
  }
  .spSubMenuList {
    padding: 30px 0 24px 24px;
    display: none;
  }
  .spSubMenuList li:not(:last-child) {
    margin-bottom: 24px;
  }
  .spSubMenuList li a.subLink {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    position: relative;
  }
  .spSubMenuList li a.subLink span.icon {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    z-index: 2;
  }
  .spSubMenuList li a.subLink span.icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/common/icon_link_w04.svg) no-repeat center center/cover;
    position: relative;
    z-index: 2;
  }
  .spSubMenuList li a.subLink span.icon::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
footer {
  background: #00246E;
  padding: 60px 0;
  margin-top: 150px;
}
@media (max-width: 991px) {
  footer {
    padding: 48px 0;
    margin-top: 80px;
  }
}
footer .footerInner {
  width: 90%;
  max-width: 1344px;
  margin: 0 auto;
}
footer .footerTopWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
}
@media (max-width: 991px) {
  footer .footerTopWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}
footer .footerTopWrap .addressWrap {
  width: 39.5833333333%;
}
@media (max-width: 991px) {
  footer .footerTopWrap .addressWrap {
    width: 100%;
  }
}
footer .footerTopWrap .addressWrap .addressBox {
  margin-top: 24px;
}
footer .footerTopWrap .addressWrap p {
  color: #fff;
}
footer .footerTopWrap .addressWrap p.addressTtl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}
footer .footerTopWrap .addressWrap p.addressTxt {
  font-size: 10px;
  line-height: 1.5em;
  margin-top: 16px;
}
footer .footerTopWrap .footerMenuWrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 991px) {
  footer .footerTopWrap .footerMenuWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
}
@media (min-width: 992px) {
  footer .footerTopWrap .footerMenuWrap .footerMenuList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 32px;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li {
    line-height: 0;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 700;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .spSubMenuList {
    display: block !important;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .spSubMenuList > li {
    margin-top: 24px;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .spSubMenuList > li a {
    color: #D1D5DB;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .spSubMenuList > li a.top {
    display: none;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .subsMenuList > li {
    margin-top: 16px;
    padding-left: 15px;
  }
  footer .footerTopWrap .footerMenuWrap .footerMenuList > li .subsMenuList > li a {
    color: #D1D5DB;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 500;
  }
}
@media (max-width: 991px) {
  footer .footerTopWrap .footerMenuWrap .subsMenuList {
    display: none;
  }
}
footer .footerBtmWrap {
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  margin-top: 40px;
  padding-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 991px) {
  footer .footerBtmWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 24px;
  }
}
footer .footerBtmWrap small {
  display: block;
  font-size: 10px;
  line-height: 1.2em;
  color: #fff;
}
footer .footerBtmWrap .utilityList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media (max-width: 991px) {
  footer .footerBtmWrap .utilityList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
  }
}
footer .footerBtmWrap .utilityList li {
  line-height: 0;
}
footer .footerBtmWrap .utilityList li a {
  color: #fff;
  line-height: 1;
  font-size: 11px;
  font-weight: 500;
}

.inner01 {
  width: 90%;
  max-width: 1344px;
  margin: 0 auto;
}

.mvWrap {
  position: relative;
}
@media (max-width: 991px) {
  .mvWrap figure {
    height: 420px;
  }
}
@media (max-width: 767px) {
  .mvWrap figure {
    height: auto;
  }
}
.mvWrap figure img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.mvWrap.noImg {
  background: #00246E;
  height: 340px;
}
@media (max-width: 767px) {
  .mvWrap.noImg {
    height: 280px;
  }
}
.mvWrap.noImg .cH1n01 span {
  background: none !important;
}

.breadcrumbsWrap {
  padding: 32px 0;
}
@media (max-width: 767px) {
  .breadcrumbsWrap {
    padding: 24px 0;
  }
}
.breadcrumbsWrap .breadcrumbsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 37px;
}
@media (max-width: 767px) {
  .breadcrumbsWrap .breadcrumbsList {
    gap: 10px 21px;
  }
}
.breadcrumbsWrap .breadcrumbsList li {
  color: #00246E;
  font-size: 14px;
  line-height: 1.2em;
  position: relative;
}
@media (max-width: 767px) {
  .breadcrumbsWrap .breadcrumbsList li {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .breadcrumbsWrap .breadcrumbsList li a:hover {
    text-decoration: underline;
  }
}
.breadcrumbsWrap .breadcrumbsList li:not(:last-child)::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #00246E;
  border-right: solid 1px #00246E;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .breadcrumbsWrap .breadcrumbsList li:not(:last-child)::after {
    width: 5px;
    height: 5px;
    right: -11px;
  }
}

.cH1n01 {
  position: absolute;
  top: 50%;
  left: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
}
.cH1n01 span {
  color: #fff;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  .cH1n01 span {
    padding: 10px 16px;
  }
}
.cH1n01 span.jp {
  background: #00246E;
  font-weight: 800;
  font-size: clamp(24px, 3.7202380952vw, 48px);
  line-height: 1;
}
.cH1n01 span.en {
  background: #00356E;
  font-weight: 700;
  font-size: clamp(16px, 2.5297619048vw, 32px);
  line-height: 1;
  font-family: "Jost", sans-serif;
}

.cH1n02 {
  font-size: clamp(32px, 3.7202380952vw, 48px);
  line-height: 1.5em;
  margin: 150px 0 120px;
}
@media (max-width: 767px) {
  .cH1n02 {
    margin: 70px 0 80px;
  }
}

.cH2n01 {
  font-size: clamp(24px, 3.125vw, 40px);
  line-height: 1.5em;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .cH2n01 {
    margin-bottom: 16px;
  }
}

.cH3n01 {
  font-size: clamp(24px, 3.125vw, 40px);
  line-height: 1.5em;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .cH3n01 {
    margin-bottom: 32px;
  }
}

.cH4n01 {
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.txtLink01.wh a {
  color: #fff;
}
.txtLink01.wh a::before {
  background: #fff;
}
.txtLink01.wh a span.icon::after {
  background: url(../img/common/icon_link_w04.svg) no-repeat center center/cover;
}
.txtLink01.wh a span.icon::before {
  background: #fff;
}
.txtLink01 a {
  color: #00246E;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
.txtLink01 a.en {
  font-family: "Jost", sans-serif;
}
@media (min-width: 992px) {
  .txtLink01 a:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
  .txtLink01 a:hover::before {
    width: 100%;
  }
  .txtLink01 a:hover span.icon::before {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.txtLink01 a span.icon {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.txtLink01 a span.icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common/icon_link_b04.svg) no-repeat center center/cover;
  position: relative;
  z-index: 2;
}
.txtLink01 a span.icon::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00246E;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
.txtLink01 a::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}

.formBtn01 {
  width: 100%;
  max-width: 416px;
  background: #00246E;
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2em;
  color: #fff;
  margin: 0 auto;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: max-width 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
  transition: max-width 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
  transition: max-width 0.4s ease 0s, filter 0.4s ease 0s;
  transition: max-width 0.4s ease 0s, filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
@media (min-width: 992px) {
  .formBtn01:hover {
    max-width: 456px;
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
}
.formBtn01:disabled {
  pointer-events: none;
  background: #9D9D9D;
}

figure figcaption {
  text-align: center;
  font-size: 14px;
  line-height: 1.2em;
  color: #6B7280;
  margin-top: 16px;
}
@media (max-width: 767px) {
  figure figcaption {
    text-align: left;
  }
}

.listDisc li {
  font-size: 16px;
  line-height: 1.5em;
  padding-left: 18px;
  position: relative;
  color: #374151;
}
.listDisc li:not(:last-child) {
  margin-bottom: 16px;
}
.listDisc li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #333333;
  position: absolute;
  top: 8px;
  left: 0;
}

.listOl li {
  font-size: 16px;
  line-height: 1.5em;
  position: relative;
  list-style-type: decimal;
  margin-left: 1.5em;
  padding-left: 0.5em;
  color: #374151;
}
.listOl li:not(:last-child) {
  margin-bottom: 16px;
}
.listOl li::marker {
  font-weight: 600;
}

.txtLeft {
  text-align: left !important;
}

.txtCenter {
  text-align: center !important;
}

.txtRight {
  text-align: right !important;
}

.nowrap {
  white-space: nowrap;
}

.gray {
  background: #9D9D9D;
}

table.table01 {
  width: 100%;
  color: #374151;
}
table.table01 thead tr th {
  background: #F9F9F9;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3em;
  padding: 24px 12px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  table.table01 thead tr th {
    font-size: 11px;
    padding: 16px 4px;
  }
}
table.table01 thead tr th:first-child {
  padding: 24px 12px 24px 39px;
}
@media (max-width: 767px) {
  table.table01 thead tr th:first-child {
    padding: 16px 4px 16px 16px;
  }
}
table.table01 thead tr th:last-child {
  padding: 24px 39px 24px 12px;
}
@media (max-width: 767px) {
  table.table01 thead tr th:last-child {
    padding: 16px 16px 16px 4px;
  }
}
table.table01 tbody tr:nth-child(odd) td {
  background: #EBEEF2;
}
table.table01 tbody tr:nth-child(even) td {
  background: #F9F9F9;
}
table.table01 tbody td {
  font-size: 16px;
  line-height: 1.3em;
  padding: 24px 12px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767px) {
  table.table01 tbody td {
    font-size: 10px;
    padding: 16px 4px;
  }
}
table.table01 tbody td:first-child {
  padding: 24px 12px 24px 39px;
}
@media (max-width: 767px) {
  table.table01 tbody td:first-child {
    padding: 16px 4px 16px 16px;
  }
}
table.table01 tbody td:last-child {
  padding: 24px 39px 24px 12px;
}
@media (max-width: 767px) {
  table.table01 tbody td:last-child {
    padding: 16px 16px 16px 4px;
  }
}

.cTxt01 {
  font-size: 16px;
  line-height: 1.8em;
}
@media (max-width: 767px) {
  .cTxt01 {
    font-size: 16px;
  }
}

.note {
  font-size: 12px;
  color: #333;
  line-height: 1.8em;
}
.note.ind01 {
  padding-left: 1em;
  text-indent: -1em;
}
.note.ind02 {
  padding-left: 2em;
  text-indent: -2em;
}

.imgCapB {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5em;
}

.imgCap01 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.8em;
}

.colBox01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 48px clamp(24px, 3.5714285714%, 48px);
}
@media (max-width: 767px) {
  .colBox01.spColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.justifyContentStart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

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

.alignItemsStart {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.alignItemsCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.alignItemsEnd {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.colBox1 {
  width: 5.0595238095%;
}

.colBox2 {
  width: 13.6904761905%;
}

.colBox3 {
  width: 22.3214285714%;
}

.colBox4 {
  width: 30.9523809524%;
}

.colBox5 {
  width: 39.5833333333%;
}

.colBox6 {
  width: 48.2142857143%;
}

.colBox7 {
  width: 56.8452380952%;
}

.colBox8 {
  width: 65.4761904762%;
}

.colBox9 {
  width: 74.1071428571%;
}

.colBox10 {
  width: 82.7380952381%;
}

.colBox11 {
  width: 91.369047619%;
}

@media (max-width: 767px) {
  .colBoxSp100 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .colBoxSp50 {
    width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 767px) {
  .colBoxSp30 {
    width: calc((100% - 24px) / 3);
  }
}

.localNavWrap {
  background: #F5F5F5;
  border-radius: 16px;
  padding: 32px 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 97px;
}
@media (max-width: 767px) {
  .localNavWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
  }
}
.localNavWrap .navTtlBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .localNavWrap .navTtlBox {
    padding: 20px 0;
  }
}
.localNavWrap .navTtlBox::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #00246E;
  position: absolute;
  top: 0;
  right: -48px;
}
@media (max-width: 991px) {
  .localNavWrap .navTtlBox::after {
    width: 100%;
    height: 1px;
    right: 0;
    top: 100%;
  }
}
.localNavWrap .navTtlBox .ttl {
  color: #00246E;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.localNavWrap .localNavList {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px 48px;
}
@media (max-width: 991px) {
  .localNavWrap .localNavList {
    gap: 24px 30px;
  }
}
.localNavWrap .localNavList > li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .localNavWrap .localNavList > li {
    gap: 20px;
  }
}
.localNavWrap .localNavList > li > a {
  color: #00246E;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
.localNavWrap .localNavList > li > a.current::before {
  width: 100%;
}
@media (min-width: 992px) {
  .localNavWrap .localNavList > li > a:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
  .localNavWrap .localNavList > li > a:hover::before {
    width: 100%;
  }
  .localNavWrap .localNavList > li > a:hover span.icon::before {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.localNavWrap .localNavList > li > a span.icon {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.localNavWrap .localNavList > li > a span.icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common/icon_link_b04.svg) no-repeat center center/cover;
  position: relative;
  z-index: 2;
}
.localNavWrap .localNavList > li > a span.icon::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00246E;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
.localNavWrap .localNavList > li > a::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
.localNavWrap .localNavList > li .localSubNavList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px 24px;
}
@media (max-width: 991px) {
  .localNavWrap .localNavList > li .localSubNavList {
    gap: 20px 20px;
  }
}
.localNavWrap .localNavList > li .localSubNavList li {
  padding-left: 8px;
}
.localNavWrap .localNavList > li .localSubNavList li a {
  color: #00246E;
  font-weight: 600;
  line-height: 1;
  font-size: 16px;
  padding-left: 18px;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease 0s;
  transition: -webkit-filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s;
  transition: filter 0.4s ease 0s, -webkit-filter 0.4s ease 0s;
}
.localNavWrap .localNavList > li .localSubNavList li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: solid 2px #5E779B;
  border-bottom: solid 2px #5E779B;
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -3px;
}
@media (min-width: 992px) {
  .localNavWrap .localNavList > li .localSubNavList li a:hover {
    -webkit-filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
            filter: hue-rotate(-24deg)  saturate(131%) brightness(115%) contrast(85%);;
  }
}
.localNavWrap .conNavList01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px 37px;
  position: relative;
}
@media (max-width: 767px) {
  .localNavWrap .conNavList01 {
    width: 100%;
    padding-bottom: 16px;
  }
}
.localNavWrap .conNavList01::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #00246E;
  position: absolute;
  top: 0;
  right: -48px;
}
@media (max-width: 767px) {
  .localNavWrap .conNavList01::after {
    width: 100%;
    height: 1px;
    right: 0;
    top: 100%;
  }
}
.localNavWrap .conNavList01 li {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
  position: relative;
  padding: 5px 0;
}
.localNavWrap .conNavList01 li a {
  display: inline-block;
  color: #00246E;
  padding: 5px 0;
  position: relative;
}
.localNavWrap .conNavList01 li a::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
.localNavWrap .conNavList01 li a.current::before {
  width: 100%;
}
@media (min-width: 992px) {
  .localNavWrap .conNavList01 li a:hover::before {
    width: 100%;
  }
}
.localNavWrap .conNavList01 li:not(:last-child)::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #00246E;
  border-right: solid 1px #00246E;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -3px;
}
.localNavWrap .conNavList02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px 48px;
  position: relative;
}
@media (max-width: 767px) {
  .localNavWrap .conNavList02 {
    gap: 5px 16px;
  }
}
.localNavWrap .conNavList02 li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  position: relative;
  padding: 9px 0;
}
.localNavWrap .conNavList02 li a {
  color: #00246E;
  padding: 5px 0;
  position: relative;
}
.localNavWrap .conNavList02 li a::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
.localNavWrap .conNavList02 li a.current::before {
  width: 100%;
}
@media (min-width: 992px) {
  .localNavWrap .conNavList02 li a:hover::before {
    width: 100%;
  }
}

.staffListWrap {
  background: #F5F5F5;
  border-radius: 16px;
  padding: 32px 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 97px;
}
@media (max-width: 991px) {
  .staffListWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
  }
}
.staffListWrap .staffTtlBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .staffListWrap .staffTtlBox {
    padding: 20px 0;
  }
}
.staffListWrap .staffTtlBox::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #00246E;
  position: absolute;
  top: 0;
  right: -48px;
}
@media (max-width: 991px) {
  .staffListWrap .staffTtlBox::after {
    width: 100%;
    height: 1px;
    right: 0;
    top: 100%;
  }
}
.staffListWrap .staffTtlBox .ttl {
  color: #00246E;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .staffListWrap .staffTtlBox .ttl {
    text-align: center;
  }
}
.staffListWrap .staffListBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 60px 48px;
}
@media (max-width: 991px) {
  .staffListWrap .staffListBox {
    gap: 40px 30px;
  }
}
.staffListWrap .staffListBox .staffBox {
  width: calc((100% - 96px) / 3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
@media (max-width: 991px) {
  .staffListWrap .staffListBox .staffBox {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 767px) {
  .staffListWrap .staffListBox .staffBox {
    width: 100%;
  }
}
.staffListWrap .staffListBox .staffBox figure {
  width: 60px;
}
.staffListWrap .staffListBox .staffBox .txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  color: #00246E;
  font-weight: 500;
  line-height: 1.3em;
}

.tabListWrap {
  background: #F5F5F5;
  border-radius: 16px;
  padding: 32px 48px;
}
@media (max-width: 767px) {
  .tabListWrap {
    padding: 16px;
  }
}
.tabListWrap .tabList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 15px;
}
.tabListWrap .tabList li {
  padding: 0 clamp(20px, 3.5714285714%, 48px);
}
.tabListWrap .tabList li:not(:last-child) {
  border-right: solid 1px #00246E;
}
.tabListWrap .tabList li a {
  color: #00246E;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 8px 0;
  display: inline-block;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .tabListWrap .tabList li a {
    font-size: 14px;
  }
}
.tabListWrap .tabList li a::before {
  content: "";
  width: 0;
  height: 2px;
  background: #00246E;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
}
.tabListWrap .tabList li a.current::before {
  width: 100%;
}
@media (min-width: 992px) {
  .tabListWrap .tabList li a:hover::before {
    width: 100%;
  }
}

.filterWrap {
  background: #F9F9F9;
  border-radius: 16px;
  padding: 32px 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .filterWrap {
    padding: 16px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.filterWrap .date {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
}
.filterWrap .filterBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
@media (max-width: 767px) {
  .filterWrap .filterBox {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.filterWrap .filterBox .txt {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .filterWrap .filterBox .selectWrap {
    width: 100%;
    min-width: auto;
  }
}

.selectWrap {
  min-width: 240px;
  position: relative;
}
.selectWrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 21px;
  background: url("../img/common/icon_select.svg") no-repeat center/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.selectWrap select.selectForm01 {
  width: 100%;
  padding: 14px 48px 14px 16px;
  font-size: 16px;
  background: #eee;
  border-radius: 8px;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.selectWrap select.selectForm01:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

.filterBtn {
  padding: 14px 20px;
  background: #00246E;
  color: #fff;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.4s ease 0s;
  transition: background 0.4s ease 0s;
}
@media (min-width: 992px) {
  .filterBtn:hover {
    background: #006ADC;
  }
}

.conSection + .conSection {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .conSection + .conSection {
    margin-top: 80px;
  }
}

.fadeUp {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.fadeUp.delay1 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.fadeUp.inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.fadeUp.continuity {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.fadeUp.continuity.inview > * {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.fadeUp.continuity > * {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.fadeUp.continuity > *:first-child {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.fadeUp.continuity > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.fadeUp.continuity > *:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.fadeUp.continuity > *:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.fadeUp.continuity > *:nth-child(5) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.fadeUp.continuity > *:nth-child(6) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.fadeLeft {
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.fadeLeft.delay1 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.fadeLeft.inview {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fadeLeft.continuity {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fadeLeft.continuity.inview > * {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fadeLeft.continuity > * {
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.fadeLeft.continuity > *.fade01 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.fadeLeft.continuity > *.fade02 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.fadeLeft.continuity > *.fade03 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.fadeLeft.continuity > *.fade04 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.fadeLeft.continuity.delay1 > *.fade01 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.fadeLeft.continuity.delay1 > *.fade02 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.fadeLeft.continuity.delay1 > *.fade03 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.fadeLeft.continuity.delay1 > *.fade04 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.fadeRight {
  opacity: 0;
  -webkit-transform: translateX(-60px);
          transform: translateX(-60px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.fadeRight.delay1 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.fadeRight.inview {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mt8 {
  margin-top: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.mb8 {
  margin-bottom: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.ml8 {
  margin-left: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.mr8 {
  margin-right: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.mx8 {
  margin-left: clamp(4px, 8 / 1344 * 100vw, 8px);
  margin-right: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.my8 {
  margin-top: clamp(4px, 8 / 1344 * 100vw, 8px);
  margin-bottom: clamp(4px, 8 / 1344 * 100vw, 8px);
}

/* padding */
.pt8 {
  padding-top: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.pb8 {
  padding-bottom: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.pl8 {
  padding-left: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.pr8 {
  padding-right: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.px8 {
  padding-left: clamp(4px, 8 / 1344 * 100vw, 8px);
  padding-right: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.py8 {
  padding-top: clamp(4px, 8 / 1344 * 100vw, 8px);
  padding-bottom: clamp(4px, 8 / 1344 * 100vw, 8px);
}

.mt10 {
  margin-top: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.mb10 {
  margin-bottom: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.ml10 {
  margin-left: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.mr10 {
  margin-right: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.mx10 {
  margin-left: clamp(5px, 10 / 1344 * 100vw, 10px);
  margin-right: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.my10 {
  margin-top: clamp(5px, 10 / 1344 * 100vw, 10px);
  margin-bottom: clamp(5px, 10 / 1344 * 100vw, 10px);
}

/* padding */
.pt10 {
  padding-top: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.pb10 {
  padding-bottom: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.pl10 {
  padding-left: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.pr10 {
  padding-right: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.px10 {
  padding-left: clamp(5px, 10 / 1344 * 100vw, 10px);
  padding-right: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.py10 {
  padding-top: clamp(5px, 10 / 1344 * 100vw, 10px);
  padding-bottom: clamp(5px, 10 / 1344 * 100vw, 10px);
}

.mt16 {
  margin-top: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.mb16 {
  margin-bottom: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.ml16 {
  margin-left: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.mr16 {
  margin-right: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.mx16 {
  margin-left: clamp(8px, 16 / 1344 * 100vw, 16px);
  margin-right: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.my16 {
  margin-top: clamp(8px, 16 / 1344 * 100vw, 16px);
  margin-bottom: clamp(8px, 16 / 1344 * 100vw, 16px);
}

/* padding */
.pt16 {
  padding-top: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.pb16 {
  padding-bottom: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.pl16 {
  padding-left: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.pr16 {
  padding-right: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.px16 {
  padding-left: clamp(8px, 16 / 1344 * 100vw, 16px);
  padding-right: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.py16 {
  padding-top: clamp(8px, 16 / 1344 * 100vw, 16px);
  padding-bottom: clamp(8px, 16 / 1344 * 100vw, 16px);
}

.mt20 {
  margin-top: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.mb20 {
  margin-bottom: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.ml20 {
  margin-left: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.mr20 {
  margin-right: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.mx20 {
  margin-left: clamp(10px, 20 / 1344 * 100vw, 20px);
  margin-right: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.my20 {
  margin-top: clamp(10px, 20 / 1344 * 100vw, 20px);
  margin-bottom: clamp(10px, 20 / 1344 * 100vw, 20px);
}

/* padding */
.pt20 {
  padding-top: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.pb20 {
  padding-bottom: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.pl20 {
  padding-left: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.pr20 {
  padding-right: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.px20 {
  padding-left: clamp(10px, 20 / 1344 * 100vw, 20px);
  padding-right: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.py20 {
  padding-top: clamp(10px, 20 / 1344 * 100vw, 20px);
  padding-bottom: clamp(10px, 20 / 1344 * 100vw, 20px);
}

.mt24 {
  margin-top: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.mb24 {
  margin-bottom: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.ml24 {
  margin-left: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.mr24 {
  margin-right: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.mx24 {
  margin-left: clamp(12px, 24 / 1344 * 100vw, 24px);
  margin-right: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.my24 {
  margin-top: clamp(12px, 24 / 1344 * 100vw, 24px);
  margin-bottom: clamp(12px, 24 / 1344 * 100vw, 24px);
}

/* padding */
.pt24 {
  padding-top: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.pb24 {
  padding-bottom: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.pl24 {
  padding-left: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.pr24 {
  padding-right: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.px24 {
  padding-left: clamp(12px, 24 / 1344 * 100vw, 24px);
  padding-right: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.py24 {
  padding-top: clamp(12px, 24 / 1344 * 100vw, 24px);
  padding-bottom: clamp(12px, 24 / 1344 * 100vw, 24px);
}

.mt30 {
  margin-top: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.mb30 {
  margin-bottom: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.ml30 {
  margin-left: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.mr30 {
  margin-right: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.mx30 {
  margin-left: clamp(15px, 30 / 1344 * 100vw, 30px);
  margin-right: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.my30 {
  margin-top: clamp(15px, 30 / 1344 * 100vw, 30px);
  margin-bottom: clamp(15px, 30 / 1344 * 100vw, 30px);
}

/* padding */
.pt30 {
  padding-top: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.pb30 {
  padding-bottom: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.pl30 {
  padding-left: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.pr30 {
  padding-right: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.px30 {
  padding-left: clamp(15px, 30 / 1344 * 100vw, 30px);
  padding-right: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.py30 {
  padding-top: clamp(15px, 30 / 1344 * 100vw, 30px);
  padding-bottom: clamp(15px, 30 / 1344 * 100vw, 30px);
}

.mt32 {
  margin-top: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.mb32 {
  margin-bottom: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.ml32 {
  margin-left: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.mr32 {
  margin-right: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.mx32 {
  margin-left: clamp(16px, 32 / 1344 * 100vw, 32px);
  margin-right: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.my32 {
  margin-top: clamp(16px, 32 / 1344 * 100vw, 32px);
  margin-bottom: clamp(16px, 32 / 1344 * 100vw, 32px);
}

/* padding */
.pt32 {
  padding-top: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.pb32 {
  padding-bottom: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.pl32 {
  padding-left: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.pr32 {
  padding-right: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.px32 {
  padding-left: clamp(16px, 32 / 1344 * 100vw, 32px);
  padding-right: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.py32 {
  padding-top: clamp(16px, 32 / 1344 * 100vw, 32px);
  padding-bottom: clamp(16px, 32 / 1344 * 100vw, 32px);
}

.mt40 {
  margin-top: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.mb40 {
  margin-bottom: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.ml40 {
  margin-left: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.mr40 {
  margin-right: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.mx40 {
  margin-left: clamp(20px, 40 / 1344 * 100vw, 40px);
  margin-right: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.my40 {
  margin-top: clamp(20px, 40 / 1344 * 100vw, 40px);
  margin-bottom: clamp(20px, 40 / 1344 * 100vw, 40px);
}

/* padding */
.pt40 {
  padding-top: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.pb40 {
  padding-bottom: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.pl40 {
  padding-left: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.pr40 {
  padding-right: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.px40 {
  padding-left: clamp(20px, 40 / 1344 * 100vw, 40px);
  padding-right: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.py40 {
  padding-top: clamp(20px, 40 / 1344 * 100vw, 40px);
  padding-bottom: clamp(20px, 40 / 1344 * 100vw, 40px);
}

.mt48 {
  margin-top: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.mb48 {
  margin-bottom: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.ml48 {
  margin-left: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.mr48 {
  margin-right: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.mx48 {
  margin-left: clamp(24px, 48 / 1344 * 100vw, 48px);
  margin-right: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.my48 {
  margin-top: clamp(24px, 48 / 1344 * 100vw, 48px);
  margin-bottom: clamp(24px, 48 / 1344 * 100vw, 48px);
}

/* padding */
.pt48 {
  padding-top: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.pb48 {
  padding-bottom: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.pl48 {
  padding-left: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.pr48 {
  padding-right: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.px48 {
  padding-left: clamp(24px, 48 / 1344 * 100vw, 48px);
  padding-right: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.py48 {
  padding-top: clamp(24px, 48 / 1344 * 100vw, 48px);
  padding-bottom: clamp(24px, 48 / 1344 * 100vw, 48px);
}

.mt50 {
  margin-top: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.mb50 {
  margin-bottom: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.ml50 {
  margin-left: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.mr50 {
  margin-right: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.mx50 {
  margin-left: clamp(25px, 50 / 1344 * 100vw, 50px);
  margin-right: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.my50 {
  margin-top: clamp(25px, 50 / 1344 * 100vw, 50px);
  margin-bottom: clamp(25px, 50 / 1344 * 100vw, 50px);
}

/* padding */
.pt50 {
  padding-top: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.pb50 {
  padding-bottom: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.pl50 {
  padding-left: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.pr50 {
  padding-right: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.px50 {
  padding-left: clamp(25px, 50 / 1344 * 100vw, 50px);
  padding-right: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.py50 {
  padding-top: clamp(25px, 50 / 1344 * 100vw, 50px);
  padding-bottom: clamp(25px, 50 / 1344 * 100vw, 50px);
}

.mt56 {
  margin-top: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.mb56 {
  margin-bottom: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.ml56 {
  margin-left: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.mr56 {
  margin-right: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.mx56 {
  margin-left: clamp(28px, 56 / 1344 * 100vw, 56px);
  margin-right: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.my56 {
  margin-top: clamp(28px, 56 / 1344 * 100vw, 56px);
  margin-bottom: clamp(28px, 56 / 1344 * 100vw, 56px);
}

/* padding */
.pt56 {
  padding-top: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.pb56 {
  padding-bottom: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.pl56 {
  padding-left: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.pr56 {
  padding-right: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.px56 {
  padding-left: clamp(28px, 56 / 1344 * 100vw, 56px);
  padding-right: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.py56 {
  padding-top: clamp(28px, 56 / 1344 * 100vw, 56px);
  padding-bottom: clamp(28px, 56 / 1344 * 100vw, 56px);
}

.mt60 {
  margin-top: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.mb60 {
  margin-bottom: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.ml60 {
  margin-left: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.mr60 {
  margin-right: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.mx60 {
  margin-left: clamp(30px, 60 / 1344 * 100vw, 60px);
  margin-right: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.my60 {
  margin-top: clamp(30px, 60 / 1344 * 100vw, 60px);
  margin-bottom: clamp(30px, 60 / 1344 * 100vw, 60px);
}

/* padding */
.pt60 {
  padding-top: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.pb60 {
  padding-bottom: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.pl60 {
  padding-left: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.pr60 {
  padding-right: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.px60 {
  padding-left: clamp(30px, 60 / 1344 * 100vw, 60px);
  padding-right: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.py60 {
  padding-top: clamp(30px, 60 / 1344 * 100vw, 60px);
  padding-bottom: clamp(30px, 60 / 1344 * 100vw, 60px);
}

.mt64 {
  margin-top: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.mb64 {
  margin-bottom: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.ml64 {
  margin-left: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.mr64 {
  margin-right: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.mx64 {
  margin-left: clamp(32px, 64 / 1344 * 100vw, 64px);
  margin-right: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.my64 {
  margin-top: clamp(32px, 64 / 1344 * 100vw, 64px);
  margin-bottom: clamp(32px, 64 / 1344 * 100vw, 64px);
}

/* padding */
.pt64 {
  padding-top: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.pb64 {
  padding-bottom: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.pl64 {
  padding-left: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.pr64 {
  padding-right: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.px64 {
  padding-left: clamp(32px, 64 / 1344 * 100vw, 64px);
  padding-right: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.py64 {
  padding-top: clamp(32px, 64 / 1344 * 100vw, 64px);
  padding-bottom: clamp(32px, 64 / 1344 * 100vw, 64px);
}

.mt70 {
  margin-top: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.mb70 {
  margin-bottom: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.ml70 {
  margin-left: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.mr70 {
  margin-right: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.mx70 {
  margin-left: clamp(35px, 70 / 1344 * 100vw, 70px);
  margin-right: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.my70 {
  margin-top: clamp(35px, 70 / 1344 * 100vw, 70px);
  margin-bottom: clamp(35px, 70 / 1344 * 100vw, 70px);
}

/* padding */
.pt70 {
  padding-top: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.pb70 {
  padding-bottom: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.pl70 {
  padding-left: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.pr70 {
  padding-right: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.px70 {
  padding-left: clamp(35px, 70 / 1344 * 100vw, 70px);
  padding-right: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.py70 {
  padding-top: clamp(35px, 70 / 1344 * 100vw, 70px);
  padding-bottom: clamp(35px, 70 / 1344 * 100vw, 70px);
}

.mt72 {
  margin-top: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.mb72 {
  margin-bottom: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.ml72 {
  margin-left: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.mr72 {
  margin-right: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.mx72 {
  margin-left: clamp(36px, 72 / 1344 * 100vw, 72px);
  margin-right: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.my72 {
  margin-top: clamp(36px, 72 / 1344 * 100vw, 72px);
  margin-bottom: clamp(36px, 72 / 1344 * 100vw, 72px);
}

/* padding */
.pt72 {
  padding-top: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.pb72 {
  padding-bottom: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.pl72 {
  padding-left: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.pr72 {
  padding-right: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.px72 {
  padding-left: clamp(36px, 72 / 1344 * 100vw, 72px);
  padding-right: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.py72 {
  padding-top: clamp(36px, 72 / 1344 * 100vw, 72px);
  padding-bottom: clamp(36px, 72 / 1344 * 100vw, 72px);
}

.mt80 {
  margin-top: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.mb80 {
  margin-bottom: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.ml80 {
  margin-left: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.mr80 {
  margin-right: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.mx80 {
  margin-left: clamp(40px, 80 / 1344 * 100vw, 80px);
  margin-right: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.my80 {
  margin-top: clamp(40px, 80 / 1344 * 100vw, 80px);
  margin-bottom: clamp(40px, 80 / 1344 * 100vw, 80px);
}

/* padding */
.pt80 {
  padding-top: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.pb80 {
  padding-bottom: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.pl80 {
  padding-left: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.pr80 {
  padding-right: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.px80 {
  padding-left: clamp(40px, 80 / 1344 * 100vw, 80px);
  padding-right: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.py80 {
  padding-top: clamp(40px, 80 / 1344 * 100vw, 80px);
  padding-bottom: clamp(40px, 80 / 1344 * 100vw, 80px);
}

.mt88 {
  margin-top: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.mb88 {
  margin-bottom: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.ml88 {
  margin-left: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.mr88 {
  margin-right: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.mx88 {
  margin-left: clamp(44px, 88 / 1344 * 100vw, 88px);
  margin-right: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.my88 {
  margin-top: clamp(44px, 88 / 1344 * 100vw, 88px);
  margin-bottom: clamp(44px, 88 / 1344 * 100vw, 88px);
}

/* padding */
.pt88 {
  padding-top: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.pb88 {
  padding-bottom: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.pl88 {
  padding-left: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.pr88 {
  padding-right: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.px88 {
  padding-left: clamp(44px, 88 / 1344 * 100vw, 88px);
  padding-right: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.py88 {
  padding-top: clamp(44px, 88 / 1344 * 100vw, 88px);
  padding-bottom: clamp(44px, 88 / 1344 * 100vw, 88px);
}

.mt90 {
  margin-top: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.mb90 {
  margin-bottom: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.ml90 {
  margin-left: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.mr90 {
  margin-right: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.mx90 {
  margin-left: clamp(45px, 90 / 1344 * 100vw, 90px);
  margin-right: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.my90 {
  margin-top: clamp(45px, 90 / 1344 * 100vw, 90px);
  margin-bottom: clamp(45px, 90 / 1344 * 100vw, 90px);
}

/* padding */
.pt90 {
  padding-top: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.pb90 {
  padding-bottom: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.pl90 {
  padding-left: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.pr90 {
  padding-right: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.px90 {
  padding-left: clamp(45px, 90 / 1344 * 100vw, 90px);
  padding-right: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.py90 {
  padding-top: clamp(45px, 90 / 1344 * 100vw, 90px);
  padding-bottom: clamp(45px, 90 / 1344 * 100vw, 90px);
}

.mt96 {
  margin-top: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.mb96 {
  margin-bottom: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.ml96 {
  margin-left: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.mr96 {
  margin-right: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.mx96 {
  margin-left: clamp(48px, 96 / 1344 * 100vw, 96px);
  margin-right: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.my96 {
  margin-top: clamp(48px, 96 / 1344 * 100vw, 96px);
  margin-bottom: clamp(48px, 96 / 1344 * 100vw, 96px);
}

/* padding */
.pt96 {
  padding-top: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.pb96 {
  padding-bottom: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.pl96 {
  padding-left: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.pr96 {
  padding-right: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.px96 {
  padding-left: clamp(48px, 96 / 1344 * 100vw, 96px);
  padding-right: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.py96 {
  padding-top: clamp(48px, 96 / 1344 * 100vw, 96px);
  padding-bottom: clamp(48px, 96 / 1344 * 100vw, 96px);
}

.mt100 {
  margin-top: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.mb100 {
  margin-bottom: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.ml100 {
  margin-left: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.mr100 {
  margin-right: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.mx100 {
  margin-left: clamp(50px, 100 / 1344 * 100vw, 100px);
  margin-right: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.my100 {
  margin-top: clamp(50px, 100 / 1344 * 100vw, 100px);
  margin-bottom: clamp(50px, 100 / 1344 * 100vw, 100px);
}

/* padding */
.pt100 {
  padding-top: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.pb100 {
  padding-bottom: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.pl100 {
  padding-left: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.pr100 {
  padding-right: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.px100 {
  padding-left: clamp(50px, 100 / 1344 * 100vw, 100px);
  padding-right: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.py100 {
  padding-top: clamp(50px, 100 / 1344 * 100vw, 100px);
  padding-bottom: clamp(50px, 100 / 1344 * 100vw, 100px);
}

.mt104 {
  margin-top: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.mb104 {
  margin-bottom: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.ml104 {
  margin-left: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.mr104 {
  margin-right: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.mx104 {
  margin-left: clamp(52px, 104 / 1344 * 100vw, 104px);
  margin-right: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.my104 {
  margin-top: clamp(52px, 104 / 1344 * 100vw, 104px);
  margin-bottom: clamp(52px, 104 / 1344 * 100vw, 104px);
}

/* padding */
.pt104 {
  padding-top: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.pb104 {
  padding-bottom: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.pl104 {
  padding-left: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.pr104 {
  padding-right: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.px104 {
  padding-left: clamp(52px, 104 / 1344 * 100vw, 104px);
  padding-right: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.py104 {
  padding-top: clamp(52px, 104 / 1344 * 100vw, 104px);
  padding-bottom: clamp(52px, 104 / 1344 * 100vw, 104px);
}

.mt110 {
  margin-top: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.mb110 {
  margin-bottom: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.ml110 {
  margin-left: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.mr110 {
  margin-right: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.mx110 {
  margin-left: clamp(55px, 110 / 1344 * 100vw, 110px);
  margin-right: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.my110 {
  margin-top: clamp(55px, 110 / 1344 * 100vw, 110px);
  margin-bottom: clamp(55px, 110 / 1344 * 100vw, 110px);
}

/* padding */
.pt110 {
  padding-top: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.pb110 {
  padding-bottom: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.pl110 {
  padding-left: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.pr110 {
  padding-right: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.px110 {
  padding-left: clamp(55px, 110 / 1344 * 100vw, 110px);
  padding-right: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.py110 {
  padding-top: clamp(55px, 110 / 1344 * 100vw, 110px);
  padding-bottom: clamp(55px, 110 / 1344 * 100vw, 110px);
}

.mt112 {
  margin-top: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.mb112 {
  margin-bottom: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.ml112 {
  margin-left: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.mr112 {
  margin-right: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.mx112 {
  margin-left: clamp(56px, 112 / 1344 * 100vw, 112px);
  margin-right: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.my112 {
  margin-top: clamp(56px, 112 / 1344 * 100vw, 112px);
  margin-bottom: clamp(56px, 112 / 1344 * 100vw, 112px);
}

/* padding */
.pt112 {
  padding-top: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.pb112 {
  padding-bottom: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.pl112 {
  padding-left: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.pr112 {
  padding-right: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.px112 {
  padding-left: clamp(56px, 112 / 1344 * 100vw, 112px);
  padding-right: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.py112 {
  padding-top: clamp(56px, 112 / 1344 * 100vw, 112px);
  padding-bottom: clamp(56px, 112 / 1344 * 100vw, 112px);
}

.mt120 {
  margin-top: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.mb120 {
  margin-bottom: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.ml120 {
  margin-left: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.mr120 {
  margin-right: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.mx120 {
  margin-left: clamp(60px, 120 / 1344 * 100vw, 120px);
  margin-right: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.my120 {
  margin-top: clamp(60px, 120 / 1344 * 100vw, 120px);
  margin-bottom: clamp(60px, 120 / 1344 * 100vw, 120px);
}

/* padding */
.pt120 {
  padding-top: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.pb120 {
  padding-bottom: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.pl120 {
  padding-left: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.pr120 {
  padding-right: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.px120 {
  padding-left: clamp(60px, 120 / 1344 * 100vw, 120px);
  padding-right: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.py120 {
  padding-top: clamp(60px, 120 / 1344 * 100vw, 120px);
  padding-bottom: clamp(60px, 120 / 1344 * 100vw, 120px);
}

.mt128 {
  margin-top: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.mb128 {
  margin-bottom: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.ml128 {
  margin-left: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.mr128 {
  margin-right: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.mx128 {
  margin-left: clamp(64px, 128 / 1344 * 100vw, 128px);
  margin-right: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.my128 {
  margin-top: clamp(64px, 128 / 1344 * 100vw, 128px);
  margin-bottom: clamp(64px, 128 / 1344 * 100vw, 128px);
}

/* padding */
.pt128 {
  padding-top: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.pb128 {
  padding-bottom: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.pl128 {
  padding-left: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.pr128 {
  padding-right: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.px128 {
  padding-left: clamp(64px, 128 / 1344 * 100vw, 128px);
  padding-right: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.py128 {
  padding-top: clamp(64px, 128 / 1344 * 100vw, 128px);
  padding-bottom: clamp(64px, 128 / 1344 * 100vw, 128px);
}

.mt130 {
  margin-top: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.mb130 {
  margin-bottom: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.ml130 {
  margin-left: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.mr130 {
  margin-right: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.mx130 {
  margin-left: clamp(65px, 130 / 1344 * 100vw, 130px);
  margin-right: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.my130 {
  margin-top: clamp(65px, 130 / 1344 * 100vw, 130px);
  margin-bottom: clamp(65px, 130 / 1344 * 100vw, 130px);
}

/* padding */
.pt130 {
  padding-top: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.pb130 {
  padding-bottom: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.pl130 {
  padding-left: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.pr130 {
  padding-right: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.px130 {
  padding-left: clamp(65px, 130 / 1344 * 100vw, 130px);
  padding-right: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.py130 {
  padding-top: clamp(65px, 130 / 1344 * 100vw, 130px);
  padding-bottom: clamp(65px, 130 / 1344 * 100vw, 130px);
}

.mt136 {
  margin-top: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.mb136 {
  margin-bottom: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.ml136 {
  margin-left: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.mr136 {
  margin-right: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.mx136 {
  margin-left: clamp(68px, 136 / 1344 * 100vw, 136px);
  margin-right: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.my136 {
  margin-top: clamp(68px, 136 / 1344 * 100vw, 136px);
  margin-bottom: clamp(68px, 136 / 1344 * 100vw, 136px);
}

/* padding */
.pt136 {
  padding-top: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.pb136 {
  padding-bottom: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.pl136 {
  padding-left: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.pr136 {
  padding-right: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.px136 {
  padding-left: clamp(68px, 136 / 1344 * 100vw, 136px);
  padding-right: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.py136 {
  padding-top: clamp(68px, 136 / 1344 * 100vw, 136px);
  padding-bottom: clamp(68px, 136 / 1344 * 100vw, 136px);
}

.mt140 {
  margin-top: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.mb140 {
  margin-bottom: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.ml140 {
  margin-left: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.mr140 {
  margin-right: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.mx140 {
  margin-left: clamp(70px, 140 / 1344 * 100vw, 140px);
  margin-right: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.my140 {
  margin-top: clamp(70px, 140 / 1344 * 100vw, 140px);
  margin-bottom: clamp(70px, 140 / 1344 * 100vw, 140px);
}

/* padding */
.pt140 {
  padding-top: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.pb140 {
  padding-bottom: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.pl140 {
  padding-left: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.pr140 {
  padding-right: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.px140 {
  padding-left: clamp(70px, 140 / 1344 * 100vw, 140px);
  padding-right: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.py140 {
  padding-top: clamp(70px, 140 / 1344 * 100vw, 140px);
  padding-bottom: clamp(70px, 140 / 1344 * 100vw, 140px);
}

.mt144 {
  margin-top: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.mb144 {
  margin-bottom: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.ml144 {
  margin-left: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.mr144 {
  margin-right: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.mx144 {
  margin-left: clamp(72px, 144 / 1344 * 100vw, 144px);
  margin-right: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.my144 {
  margin-top: clamp(72px, 144 / 1344 * 100vw, 144px);
  margin-bottom: clamp(72px, 144 / 1344 * 100vw, 144px);
}

/* padding */
.pt144 {
  padding-top: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.pb144 {
  padding-bottom: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.pl144 {
  padding-left: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.pr144 {
  padding-right: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.px144 {
  padding-left: clamp(72px, 144 / 1344 * 100vw, 144px);
  padding-right: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.py144 {
  padding-top: clamp(72px, 144 / 1344 * 100vw, 144px);
  padding-bottom: clamp(72px, 144 / 1344 * 100vw, 144px);
}

.mt150 {
  margin-top: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.mb150 {
  margin-bottom: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.ml150 {
  margin-left: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.mr150 {
  margin-right: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.mx150 {
  margin-left: clamp(75px, 150 / 1344 * 100vw, 150px);
  margin-right: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.my150 {
  margin-top: clamp(75px, 150 / 1344 * 100vw, 150px);
  margin-bottom: clamp(75px, 150 / 1344 * 100vw, 150px);
}

/* padding */
.pt150 {
  padding-top: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.pb150 {
  padding-bottom: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.pl150 {
  padding-left: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.pr150 {
  padding-right: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.px150 {
  padding-left: clamp(75px, 150 / 1344 * 100vw, 150px);
  padding-right: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.py150 {
  padding-top: clamp(75px, 150 / 1344 * 100vw, 150px);
  padding-bottom: clamp(75px, 150 / 1344 * 100vw, 150px);
}

.mt152 {
  margin-top: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.mb152 {
  margin-bottom: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.ml152 {
  margin-left: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.mr152 {
  margin-right: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.mx152 {
  margin-left: clamp(76px, 152 / 1344 * 100vw, 152px);
  margin-right: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.my152 {
  margin-top: clamp(76px, 152 / 1344 * 100vw, 152px);
  margin-bottom: clamp(76px, 152 / 1344 * 100vw, 152px);
}

/* padding */
.pt152 {
  padding-top: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.pb152 {
  padding-bottom: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.pl152 {
  padding-left: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.pr152 {
  padding-right: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.px152 {
  padding-left: clamp(76px, 152 / 1344 * 100vw, 152px);
  padding-right: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.py152 {
  padding-top: clamp(76px, 152 / 1344 * 100vw, 152px);
  padding-bottom: clamp(76px, 152 / 1344 * 100vw, 152px);
}

.mt160 {
  margin-top: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.mb160 {
  margin-bottom: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.ml160 {
  margin-left: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.mr160 {
  margin-right: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.mx160 {
  margin-left: clamp(80px, 160 / 1344 * 100vw, 160px);
  margin-right: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.my160 {
  margin-top: clamp(80px, 160 / 1344 * 100vw, 160px);
  margin-bottom: clamp(80px, 160 / 1344 * 100vw, 160px);
}

/* padding */
.pt160 {
  padding-top: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.pb160 {
  padding-bottom: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.pl160 {
  padding-left: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.pr160 {
  padding-right: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.px160 {
  padding-left: clamp(80px, 160 / 1344 * 100vw, 160px);
  padding-right: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.py160 {
  padding-top: clamp(80px, 160 / 1344 * 100vw, 160px);
  padding-bottom: clamp(80px, 160 / 1344 * 100vw, 160px);
}

.mt168 {
  margin-top: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.mb168 {
  margin-bottom: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.ml168 {
  margin-left: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.mr168 {
  margin-right: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.mx168 {
  margin-left: clamp(84px, 168 / 1344 * 100vw, 168px);
  margin-right: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.my168 {
  margin-top: clamp(84px, 168 / 1344 * 100vw, 168px);
  margin-bottom: clamp(84px, 168 / 1344 * 100vw, 168px);
}

/* padding */
.pt168 {
  padding-top: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.pb168 {
  padding-bottom: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.pl168 {
  padding-left: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.pr168 {
  padding-right: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.px168 {
  padding-left: clamp(84px, 168 / 1344 * 100vw, 168px);
  padding-right: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.py168 {
  padding-top: clamp(84px, 168 / 1344 * 100vw, 168px);
  padding-bottom: clamp(84px, 168 / 1344 * 100vw, 168px);
}

.mt170 {
  margin-top: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.mb170 {
  margin-bottom: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.ml170 {
  margin-left: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.mr170 {
  margin-right: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.mx170 {
  margin-left: clamp(85px, 170 / 1344 * 100vw, 170px);
  margin-right: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.my170 {
  margin-top: clamp(85px, 170 / 1344 * 100vw, 170px);
  margin-bottom: clamp(85px, 170 / 1344 * 100vw, 170px);
}

/* padding */
.pt170 {
  padding-top: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.pb170 {
  padding-bottom: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.pl170 {
  padding-left: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.pr170 {
  padding-right: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.px170 {
  padding-left: clamp(85px, 170 / 1344 * 100vw, 170px);
  padding-right: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.py170 {
  padding-top: clamp(85px, 170 / 1344 * 100vw, 170px);
  padding-bottom: clamp(85px, 170 / 1344 * 100vw, 170px);
}

.mt176 {
  margin-top: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.mb176 {
  margin-bottom: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.ml176 {
  margin-left: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.mr176 {
  margin-right: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.mx176 {
  margin-left: clamp(88px, 176 / 1344 * 100vw, 176px);
  margin-right: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.my176 {
  margin-top: clamp(88px, 176 / 1344 * 100vw, 176px);
  margin-bottom: clamp(88px, 176 / 1344 * 100vw, 176px);
}

/* padding */
.pt176 {
  padding-top: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.pb176 {
  padding-bottom: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.pl176 {
  padding-left: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.pr176 {
  padding-right: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.px176 {
  padding-left: clamp(88px, 176 / 1344 * 100vw, 176px);
  padding-right: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.py176 {
  padding-top: clamp(88px, 176 / 1344 * 100vw, 176px);
  padding-bottom: clamp(88px, 176 / 1344 * 100vw, 176px);
}

.mt180 {
  margin-top: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.mb180 {
  margin-bottom: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.ml180 {
  margin-left: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.mr180 {
  margin-right: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.mx180 {
  margin-left: clamp(90px, 180 / 1344 * 100vw, 180px);
  margin-right: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.my180 {
  margin-top: clamp(90px, 180 / 1344 * 100vw, 180px);
  margin-bottom: clamp(90px, 180 / 1344 * 100vw, 180px);
}

/* padding */
.pt180 {
  padding-top: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.pb180 {
  padding-bottom: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.pl180 {
  padding-left: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.pr180 {
  padding-right: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.px180 {
  padding-left: clamp(90px, 180 / 1344 * 100vw, 180px);
  padding-right: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.py180 {
  padding-top: clamp(90px, 180 / 1344 * 100vw, 180px);
  padding-bottom: clamp(90px, 180 / 1344 * 100vw, 180px);
}

.mt184 {
  margin-top: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.mb184 {
  margin-bottom: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.ml184 {
  margin-left: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.mr184 {
  margin-right: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.mx184 {
  margin-left: clamp(92px, 184 / 1344 * 100vw, 184px);
  margin-right: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.my184 {
  margin-top: clamp(92px, 184 / 1344 * 100vw, 184px);
  margin-bottom: clamp(92px, 184 / 1344 * 100vw, 184px);
}

/* padding */
.pt184 {
  padding-top: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.pb184 {
  padding-bottom: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.pl184 {
  padding-left: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.pr184 {
  padding-right: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.px184 {
  padding-left: clamp(92px, 184 / 1344 * 100vw, 184px);
  padding-right: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.py184 {
  padding-top: clamp(92px, 184 / 1344 * 100vw, 184px);
  padding-bottom: clamp(92px, 184 / 1344 * 100vw, 184px);
}

.mt190 {
  margin-top: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.mb190 {
  margin-bottom: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.ml190 {
  margin-left: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.mr190 {
  margin-right: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.mx190 {
  margin-left: clamp(95px, 190 / 1344 * 100vw, 190px);
  margin-right: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.my190 {
  margin-top: clamp(95px, 190 / 1344 * 100vw, 190px);
  margin-bottom: clamp(95px, 190 / 1344 * 100vw, 190px);
}

/* padding */
.pt190 {
  padding-top: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.pb190 {
  padding-bottom: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.pl190 {
  padding-left: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.pr190 {
  padding-right: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.px190 {
  padding-left: clamp(95px, 190 / 1344 * 100vw, 190px);
  padding-right: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.py190 {
  padding-top: clamp(95px, 190 / 1344 * 100vw, 190px);
  padding-bottom: clamp(95px, 190 / 1344 * 100vw, 190px);
}

.mt192 {
  margin-top: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.mb192 {
  margin-bottom: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.ml192 {
  margin-left: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.mr192 {
  margin-right: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.mx192 {
  margin-left: clamp(96px, 192 / 1344 * 100vw, 192px);
  margin-right: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.my192 {
  margin-top: clamp(96px, 192 / 1344 * 100vw, 192px);
  margin-bottom: clamp(96px, 192 / 1344 * 100vw, 192px);
}

/* padding */
.pt192 {
  padding-top: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.pb192 {
  padding-bottom: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.pl192 {
  padding-left: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.pr192 {
  padding-right: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.px192 {
  padding-left: clamp(96px, 192 / 1344 * 100vw, 192px);
  padding-right: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.py192 {
  padding-top: clamp(96px, 192 / 1344 * 100vw, 192px);
  padding-bottom: clamp(96px, 192 / 1344 * 100vw, 192px);
}

.mt200 {
  margin-top: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.mb200 {
  margin-bottom: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.ml200 {
  margin-left: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.mr200 {
  margin-right: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.mx200 {
  margin-left: clamp(100px, 200 / 1344 * 100vw, 200px);
  margin-right: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.my200 {
  margin-top: clamp(100px, 200 / 1344 * 100vw, 200px);
  margin-bottom: clamp(100px, 200 / 1344 * 100vw, 200px);
}

/* padding */
.pt200 {
  padding-top: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.pb200 {
  padding-bottom: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.pl200 {
  padding-left: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.pr200 {
  padding-right: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.px200 {
  padding-left: clamp(100px, 200 / 1344 * 100vw, 200px);
  padding-right: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.py200 {
  padding-top: clamp(100px, 200 / 1344 * 100vw, 200px);
  padding-bottom: clamp(100px, 200 / 1344 * 100vw, 200px);
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mr0 {
  margin-right: 0;
}

.pt0 {
  padding-top: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

@media (min-width: 768px) {
  .vsp {
    display: none;
  }
}
@media (max-width: 767px) {
  .vpc {
    display: none;
  }
}