@charset "UTF-8";
/*********************************************
*
* 初期設定
*
*********************************************/
/************************
**全体
************************/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/*pタグに使われる余計なpaddingとmarginの削除(bootstrap使用時)*/
p {
  margin: 0;
  padding: 0;
}

/*画像サイズを要素のwidthに合わせる*/
img {
  width: 100%;
  vertical-align: top;
  -webkit-touch-callout: none;
}

/*リストのデザインを削除*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

/*テキストを一塊にし、途中で改行させない*/
.txtb {
  display: inline-block;
}

/*タップ時の青い枠を無効化　長押しによるメニュー表示を禁止*/
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}

button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/*CO2の小文字*/
sub {
  font-size: 0.65em;
}

input, textarea {
  font-size: max(16px, 3.8647342995vw) !important;
}

/*********************************************
*
* 共通パーツ
*
*********************************************/
body .wrapper {
  width: 100%;
  min-height: 100dvh;
  color: #191919;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 12;
}
header .hdr-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 10.1449275362vw;
  padding: 3.6231884058vw 7.2463768116vw 3.6231884058vw;
}
header .hdr-box .hdr-logo h1 {
  height: 10.1449275362vw;
}
header .hdr-box .hdr-logo h1 img {
  height: 100%;
  width: auto;
}
header .hdr-box .hdr-btn {
  display: flex;
}
header .hdr-box .hdr-btn .hdr-btn-icon {
  width: 7.2463768116vw;
  margin-right: 3.6231884058vw;
  position: relative;
}
header .hdr-box .hdr-btn .hdr-btn-icon:last-child {
  margin-right: 0;
}
header .hdr-box .hdr-btn .hdr-btn-icon .hdr-news-new {
  position: absolute;
  top: 0.7246376812vw;
  right: 0.2415458937vw;
  width: 1.690821256vw;
  height: 1.690821256vw;
  border-radius: 50%;
  background-color: #e70011;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: fit-content;
  z-index: 12;
}
footer .ftr-nav {
  position: relative;
  z-index: 12;
}
footer .ftr-nav.ftr-hidden {
  display: none;
}
footer .ftr-nav .nav-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 7.2463768116vw;
  box-sizing: border-box;
}
footer .ftr-nav .nav-btn .nav-btn-box {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 1.2077294686vw;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.6618357488vw;
  margin: 0 1.2077294686vw;
  position: relative;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button .button-icon {
  width: 7.2463768116vw;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button .button-text {
  font-size: 2.0531400966vw;
  margin: 1.2077294686vw 0;
  text-align: center;
  white-space: nowrap;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button#f-btn03 .button-icon {
  width: 10.1449275362vw;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
footer .ftr-nav .nav-btn .nav-btn-box .nav-button a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
footer .ftr-menu .menu-frame {
  position: fixed;
  top: 17.3913043478vw;
  right: -77.2946859903vw;
  width: 77.2946859903vw;
  height: 132.8502415459vw;
  background-color: #fff;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw 0 0 4.8309178744vw;
  padding: 2.4154589372vw;
  box-sizing: border-box;
  font-feature-settings: "palt";
  transition: right 1s;
  opacity: 0;
}
footer .ftr-menu .menu-frame.menu-on {
  opacity: 1;
}
footer .ftr-menu .menu-frame.menu-open {
  right: 0;
}
footer .ftr-menu .menu-frame .menu-head {
  padding: 2.4154589372vw 0 3.6231884058vw;
  border-bottom: 0.3623188406vw solid #191919;
  text-align: center;
  font-size: 3.6231884058vw;
  font-weight: bold;
}
footer .ftr-menu .menu-frame .menu-conts {
  padding: 2.4154589372vw;
  font-size: 3.6231884058vw;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group {
  padding: 2.4154589372vw 0;
  border-bottom: 1px solid #d4d9dd;
  width: 95%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group:nth-last-child(1) {
  border-bottom: none;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-title {
  margin: 1.2077294686vw 0 2.4154589372vw;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item {
  padding-left: 2.4154589372vw;
  box-sizing: border-box;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one {
  padding: 3.6231884058vw 0;
  position: relative;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 2.4154589372vw;
  height: 100%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco .item-deco-posi {
  position: relative;
  width: 100%;
  height: 100%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco .item-deco-posi::before, footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco .item-deco-posi::after {
  content: "";
  width: 2.4154589372vw;
  height: 0.4830917874vw;
  background: #d4d9dd;
  position: absolute;
  top: calc(50% - 0.2415458937vw);
  right: 0;
  border-radius: 24.154589372vw;
  transform-origin: calc(100% - 0.2415458937vw) 50%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco .item-deco-posi::before {
  transform: rotate(50deg);
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one .item-deco .item-deco-posi::after {
  transform: rotate(-50deg);
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group .group-item .item-one button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link {
  padding: 4.8309178744vw 0;
  position: relative;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 2.4154589372vw;
  height: 100%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco .item-deco-posi {
  position: relative;
  width: 100%;
  height: 100%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco .item-deco-posi::before, footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco .item-deco-posi::after {
  content: "";
  width: 2.4154589372vw;
  height: 0.4830917874vw;
  background: #d4d9dd;
  position: absolute;
  top: calc(50% - 0.2415458937vw);
  right: 0;
  border-radius: 24.154589372vw;
  transform-origin: calc(100% - 0.2415458937vw) 50%;
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco .item-deco-posi::before {
  transform: rotate(50deg);
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link .item-deco .item-deco-posi::after {
  transform: rotate(-50deg);
}
footer .ftr-menu .menu-frame .menu-conts .menu-group.menu-group-link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
footer .ftr-cancel .cancel-submit-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 13;
}
footer .ftr-cancel .cancel-submit-modal.modal-open {
  display: block;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #bdd6e9;
  border-radius: 3.6231884058vw;
  font-size: 3.6231884058vw;
  line-height: 1.5em;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body .cancel-modal-check {
  height: 48.309178744vw;
  border-bottom: 1px solid #bdd6e9;
  display: grid;
  place-items: center center;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body .cancel-modal-button {
  display: flex;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body .cancel-modal-button .modal-btn {
  width: 50%;
  height: 9.6618357488vw;
  line-height: 9.6618357488vw;
  position: relative;
  text-align: center;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body .cancel-modal-button .modal-btn:nth-child(1) {
  border-right: 1px solid #bdd6e9;
}
footer .ftr-cancel .cancel-submit-modal .cancel-modal-wrap .cancel-modal-body .cancel-modal-button .modal-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
footer .ftr-cancel .cancel-complete-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 30dvh;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4.8309178744vw;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: 3.6231884058vw;
  text-align: center;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close {
  width: fit-content;
  margin: 3.6231884058vw auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-deco::before, footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
footer .ftr-cancel .cancel-complete-modal .cancel-modal-wrap .cancel-modal-body .modal-body-wrap .cancel-modal-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
footer .ftr-cancel .cancel-complete-modal.modal-open {
  display: block;
}

main .main-wrapper {
  min-height: 100dvh;
  box-sizing: border-box;
  padding: 34.2995169082vw 0 19.806763285vw;
  background-color: #f5f5f5;
  /* background-image: url(../img/bgimg.png); */
  background-position: right bottom 9.6618357488vw;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 75%;
}
main .main-wrapper.no-back {
  background-color: #fff;
  background-image: none;
  padding: 34.2995169082vw 0 0;
}
main .main-wrapper.no-back02 {
  background-image: none;
}
main .main-wrapper.no-back03 {
  background-image: none;
  background-color: #fff;
}
main .main-wrapper.login-back {
  background-color: #fff;
  /* background-image: url(../img/login/backimg.png); */
  background-position: center bottom -65.2173913043vw;
  background-size: 100%;
  padding: 17.3913043478vw 0 0;
}
main .main-wrapper.home-back {
  background-color: #fff;
  padding: 17.3913043478vw 0 19.806763285vw;
}

/*基本タイトル部分 title and back*/
.tandb-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto 0;
  padding: 1.2077294686vw 0;
  height: 12.077294686vw;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}
.tandb-frame::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4.8309178744vw;
  background-color: #f5f5f5;
}
.tandb-frame .tandb-title {
  font-size: 3.6231884058vw;
  font-weight: 600;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tandb-frame .tandb-back {
  position: absolute;
  top: 50%;
  left: 3.6231884058vw;
  transform: translateY(-50%);
  width: 7.2463768116vw;
  height: 7.2463768116vw;
}
.tandb-frame .tandb-back .tandb-posi {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #e70011;
}
.tandb-frame .tandb-back .tandb-posi::after {
  content: "";
  width: 4.347826087vw;
  height: 4.347826087vw;
  border: 0.7246376812vw solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
}
.tandb-frame .tandb-back .tandb-posi a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/*アイコン付き title and back*/
.tandb-icon.tandb-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto 0;
  height: 12.077294686vw;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tandb-icon.tandb-frame .tandb-title {
  font-size: 3.6231884058vw;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tandb-icon.tandb-frame .tandb-title .title-icon {
  width: 7.2463768116vw;
  margin-right: 3.6231884058vw;
  flex-shrink: 0;
}
.tandb-icon.tandb-frame .tandb-title .title-text {
  flex-shrink: 0;
}
.tandb-icon.tandb-frame .tandb-back {
  position: absolute;
  top: 50%;
  left: 3.6231884058vw;
  transform: translateY(-50%);
  width: 7.2463768116vw;
  height: 7.2463768116vw;
}
.tandb-icon.tandb-frame .tandb-back .tandb-posi {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #e70011;
}
.tandb-icon.tandb-frame .tandb-back .tandb-posi::after {
  content: "";
  width: 4.347826087vw;
  height: 4.347826087vw;
  border: 0.7246376812vw solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
}
.tandb-icon.tandb-frame .tandb-back .tandb-posi a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/*送信関係 title and back*/
.submit-tandb.tandb-frame {
  width: calc(100% - 7.2463768116vw);
  margin: 2.4154589372vw auto 0;
  padding: 4.8309178744vw 0;
  box-sizing: border-box;
  background-color: #e70011;
  color: #fff;
  position: relative;
}
.submit-tandb.tandb-frame::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2.4154589372vw;
  background-color: #fff;
}
.submit-tandb.tandb-frame .tandb-title {
  text-align: center;
  font-size: 3.6231884058vw;
  font-weight: 600;
}
.submit-tandb.tandb-frame .tandb-back {
  position: absolute;
  top: 50%;
  left: 3.6231884058vw;
  transform: translateY(-50%);
  width: 7.2463768116vw;
  height: 7.2463768116vw;
}
.submit-tandb.tandb-frame .tandb-back .tandb-posi {
  position: relative;
  width: 100%;
  height: 100%;
}
.submit-tandb.tandb-frame .tandb-back .tandb-posi::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 4.8309178744vw;
  height: 0.7246376812vw;
  background: currentColor;
}
.submit-tandb.tandb-frame .tandb-back .tandb-posi::after {
  content: "";
  width: 4.347826087vw;
  height: 4.347826087vw;
  border: 0.7246376812vw solid #fff;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
}
.submit-tandb.tandb-frame .tandb-back .tandb-posi a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/*固定 title and back*/
#expo-signup-tandb,
#expo-first-tandb,
#expo-forgetid-tandb,
#expo-forgetpass-tandb,
#expo-challenge01-tandb,
#expo-challenge01map-tandb,
#expo-challenge02-tandb,
#expo-challenge03face-tandb,
#expo-challenge03web-tandb,
#expo-challenge04-tandb,
#expo-challenge05-tandb,
#expo-challenge06-tandb,
#expo-challenge07-tandb,
#expo-challenge08-tandb,
#expo-challenge08quiz-tandb,
#expo-newslist-tandb,
#expo-newsimportant-tandb,
#expo-newslastest-tandb,
#expo-reader-tandb,
#expo-prizelist-tandb,
#expo-prizedetail-tandb,
#expo-prizeform-tandb,
#expo-activity-tandb,
#expo-eventlist-tandb,
#expo-eventdetail-tandb,
#expo-profile-tandb,
#expo-edit-tandb,
#expo-editpass-tandb,
#expo-faq-tandb,
#expo-guide-tandb,
#expo-terms-tandb,
#expo-contact-tandb,
#expo-ranking-tandb {
  position: fixed;
  width: 100%;
  height: fit-content;
  top: 17.3913043478vw;
  z-index: 10;
}

/*contents部分*/
.contents-wrapper {
  padding: 4.8309178744vw 0;
}
.contents-wrapper .contents-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  padding: 2.4154589372vw 4.8309178744vw 7.2463768116vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
  font-feature-settings: "palt";
}
.contents-wrapper .contents-frame .contents-block {
  word-break: break-all;
}
.contents-wrapper .contents-frame .contents-block .block-box {
  display: flex;
}
.contents-wrapper .contents-frame .contents-block .block-note {
  font-size: 2.4154589372vw;
  letter-spacing: 0.05em;
  color: #e70011;
  margin-bottom: 4.8309178744vw;
}
.contents-wrapper .contents-frame .contents-block.block01 {
  margin: 2.4154589372vw 0 4.8309178744vw;
}
.contents-wrapper .contents-frame .contents-block.block01 .block-text {
  font-size: 3.3816425121vw;
  line-height: 1.8em;
}
.contents-wrapper .contents-frame .contents-block.block02 {
  margin: 2.4154589372vw 0 7.2463768116vw;
}
.contents-wrapper .contents-frame .contents-block.block02 .block-box {
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item {
  width: calc(33.3333333333% - 1.8115942029vw);
}
.contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-title {
  width: 100%;
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 2.8985507246vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
}
.contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-value {
  font-size: 3.3816425121vw;
  font-weight: bold;
  letter-spacing: 0em;
  margin: 3.6231884058vw 1.2077294686vw;
  text-align: center;
  white-space: nowrap;
}
.contents-wrapper .contents-frame .contents-block.block02 .block-box::after {
  content: "";
  display: block;
  width: calc(33.3333333333% - 1.8115942029vw);
}
.contents-wrapper .contents-frame .contents-pointbtn button {
  width: 100%;
  padding: 3.6231884058vw 0;
  color: #fff;
  background-color: #1b68ac;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
  line-height: 1em;
}
.contents-wrapper .contents-frame .contents-pointbtn button:active {
  background-color: #094d8a;
}
.contents-wrapper .contents-frame .contents-pointbtn a {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100%;
  padding: 3.6231884058vw 0;
  color: #fff;
  background-color: #1b68ac;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
  line-height: 1em;
}
.contents-wrapper .contents-frame .contents-pointbtn a:active {
  background-color: #094d8a;
}

/*入力送信確認系モーダル　submit modal*/
.submit-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
.submit-modal.modal-open {
  display: block;
}
.submit-modal .submit-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.submit-modal .submit-modal-wrap .submit-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
}
.submit-modal .submit-modal-wrap .submit-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #bdd6e9;
  border-radius: 3.6231884058vw;
  font-size: 2.8985507246vw;
  line-height: 1.5em;
}
.submit-modal .submit-modal-wrap .submit-modal-body .submit-modal-check {
  height: 19.3236714976vw;
  border-bottom: 1px solid #bdd6e9;
  display: grid;
  place-items: center center;
}
.submit-modal .submit-modal-wrap .submit-modal-body .submit-modal-button {
  display: flex;
}
.submit-modal .submit-modal-wrap .submit-modal-body .submit-modal-button .modal-btn {
  width: 50%;
  height: 9.6618357488vw;
  line-height: 9.6618357488vw;
  position: relative;
  text-align: center;
}
.submit-modal .submit-modal-wrap .submit-modal-body .submit-modal-button .modal-btn:nth-child(1) {
  border-right: 1px solid #bdd6e9;
}
.submit-modal .submit-modal-wrap .submit-modal-body .submit-modal-button .modal-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*入力送信完了系モーダル　success modal*/
.success-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
.success-modal .success-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.success-modal .success-modal-wrap .success-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
.success-modal .success-modal-wrap .success-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 30dvh;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4.8309178744vw;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: 3.6231884058vw;
  line-height: 1.5em;
  text-align: start;
  display: grid;
  place-items: center center;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close {
  width: fit-content;
  margin: 3.6231884058vw auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-deco::before, .success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
.success-modal .success-modal-wrap .success-modal-body .modal-body-wrap .success-modal-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.success-modal.modal-open {
  display: block;
}

/*汎用系モーダル alert-modal*/
.alert-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
.alert-modal .alert-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.alert-modal .alert-modal-wrap .alert-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
.alert-modal .alert-modal-wrap .alert-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 30dvh;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4.8309178744vw;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-height: calc(100% - 3.6231884058vw - 12.077294686vw);
  margin: 0 auto;
  font-size: 3.6231884058vw;
  line-height: 1.5em;
  flex-grow: 1;
  display: none;
  overflow-y: auto;
  place-items: center center;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-text::-webkit-scrollbar {
  display: none;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-text.text00 {
  display: block;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close {
  width: fit-content;
  margin: 3.6231884058vw auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-deco::before, .alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
.alert-modal .alert-modal-wrap .alert-modal-body .modal-body-wrap .alert-modal-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.alert-modal.modal-open {
  display: block;
}
.alert-modal.modal-open.modal-text01 .alert-modal-wrap .alert-modal-body .alert-modal-text.text01 {
  display: grid;
}
.alert-modal.modal-open.modal-text02 .alert-modal-wrap .alert-modal-body .alert-modal-text.text02 {
  display: grid;
}
.alert-modal.modal-open.modal-text03 .alert-modal-wrap .alert-modal-body .alert-modal-text.text03 {
  display: grid;
}
.alert-modal.modal-open.modal-text04 .alert-modal-wrap .alert-modal-body .alert-modal-text.text04 {
  display: grid;
}

#expo-splash .splash-wrapper {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#expo-splash .splash-wrapper .splash-top .splash-logo01 {
  width: 55%;
  margin: 0 auto 4.8309178744vw;
}
#expo-splash .splash-wrapper .splash-top .splash-text01 {
  width: 70%;
  margin: 0 auto;
}
#expo-splash .splash-wrapper .splash-center .splash-logo02 {
  width: 55%;
  margin: 0 auto 9.6618357488vw;
}
#expo-splash .splash-wrapper .splash-bottom .splash-presented {
  width: 55%;
  margin: 0 auto;
}
#expo-splash .splash-wrapper .splash-bottom .splash-presented .presented-text {
  font-size: 2.8985507246vw;
  font-weight: bold;
  letter-spacing: 0.01em;
  transform: scaleY(1.4);
  text-align: center;
  margin-bottom: 10px;
}
#expo-splash .splash-wrapper .splash-bottom .splash-copy {
  font-size: 1.690821256vw;
  text-align: center;
  padding-top: 4.8309178744vw;
}

#expo-home-first .first-slide {
  width: 100%;
  height: 54.347826087vw;
  box-sizing: border-box;
  overflow: hidden;
}
#expo-home-first .first-slide .slide-box {
  width: 100%;
}
#expo-home-first .first-slide .slide-box .slide-item {
  width: 100%;
  height: calc(100% - 7.2463768116vw);
  position: relative;
  z-index: 1 !important;
}
#expo-home-first .first-slide .slide-box .slide-item .slide-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  margin: 0 auto;
}
#expo-home-first .first-slide .slide-box .slide-item .slide-image img {
  height: 100%;
  width: auto;
}
#expo-home-first .first-slide .swiper-pagination-bullet {
  /*ドットの色を変更*/
  background-color: #191919;
}

#expo-home-select .select-wrapper {
  padding: 0 7.2463768116vw;
}
#expo-home-select .select-wrapper .select-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 7.2463768116vw;
  grid-row-gap: 7.2463768116vw;
}
#expo-home-select .select-wrapper .select-box a {
  display: block;
}
#expo-home-select .select-wrapper .select-box a:hover .select-btn .select-btn-image .image-nomal {
  display: none;
}
#expo-home-select .select-wrapper .select-box a:hover .select-btn .select-btn-image .image-tap {
  display: block;
}
#expo-home-select .select-wrapper .select-box .select-btn {
  position: relative;
  z-index: 2;
}
#expo-home-select .select-wrapper .select-box .select-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 105%;
  height: 105%;
  border-radius: 0.9661835749vw;
  background-color: #d4d9dd;
}
#expo-home-select .select-wrapper .select-box .select-btn .select-btn-image .image-nomal {
  display: block;
}
#expo-home-select .select-wrapper .select-box .select-btn .select-btn-image .image-tap {
  display: none;
}
#expo-home-select .select-wrapper .select-box .select-btn .select-btn-text {
  position: absolute;
  top: 19.3236714976vw;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align: center;
  font-size: 2.4154589372vw;
  line-height: 1.25em;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #0068b7;
}
#expo-home-select .select-wrapper .select-box .select-btn#home-select03 {
  z-index: 3;
}
#expo-home-select .select-wrapper .select-box .select-btn#home-select03 button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-home-select .select-wrapper .select-box .select-btn#home-select03 .select-btn-image:has(+ .select-btn-text + button:active) .image-nomal {
  display: none;
}
#expo-home-select .select-wrapper .select-box .select-btn#home-select03 .select-btn-image:has(+ .select-btn-text + button:active) .image-tap {
  display: block;
}
#expo-home-select .select-wrapper .select-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
#expo-home-select .select-wrapper .select-popup.popup-open {
  display: block;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 2.4154589372vw;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 7.2463768116vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-head {
  padding-top: 4.8309178744vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-head .head-icon .icon-img {
  width: 16.9082125604vw;
  margin: 0 auto;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-head .head-icon .icon-text {
  text-align: center;
  font-size: 2.4154589372vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #0068b7;
  padding-top: 4.8309178744vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-head .head-text {
  font-size: 3.6231884058vw;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-top: 4.8309178744vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select {
  padding: 4.8309178744vw 7.2463768116vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select .select-item {
  padding: 3.6231884058vw 0;
  background-color: #e0e0e0;
  box-sizing: border-box;
  border-radius: 2.4154589372vw;
  font-size: 2.8985507246vw;
  font-weight: bold;
  letter-spacing: 0.2em;
  position: relative;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select .select-item:nth-child(1) {
  margin-bottom: 4.8309178744vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select .select-item .item-text {
  text-align: center;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select .select-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-select .select-item:has(a:active) {
  background-color: #c0c0c0;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close {
  width: fit-content;
  margin: 0 auto 4.8309178744vw;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-deco::before, #expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
#expo-home-select .select-wrapper .select-popup .popup-wrapper .popup-body .popup-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#expo-login-first .first-image {
  width: 30%;
  margin: 4.8309178744vw auto 2.4154589372vw;
}

#expo-login-input .input-wrapper {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  background-color: #fff;
}
#expo-login-input .input-wrapper .input-tab {
  display: flex;
  width: 90%;
  justify-content: center;
  margin: 0 auto;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item {
  width: 50%;
  text-align: center;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item .tab-text {
  font-size: 2.8985507246vw;
  font-weight: bold;
  margin: 2.4154589372vw 0;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item .tab-deco {
  width: 100%;
  height: 0.7246376812vw;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-login .tab-text {
  color: #e70011;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-login .tab-deco {
  background-color: #e70011;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-signup {
  position: relative;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-signup .tab-text {
  color: #191919;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-signup .tab-deco {
  background-color: #d4d9dd;
}
#expo-login-input .input-wrapper .input-tab .input-tab-item.tab-signup a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-login-input .input-wrapper .input-login {
  background-color: #d4d9dd;
  margin: 4.8309178744vw 0;
  padding: 1.2077294686vw 2.4154589372vw;
  box-sizing: border-box;
}
#expo-login-input .input-wrapper .input-login .login-block {
  width: 100%;
  margin: 0 auto;
  padding: 1.8115942029vw 0;
}
#expo-login-input .input-wrapper .input-login .login-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  color: #191919;
  font-size: 2.8985507246vw;
}
#expo-login-input .input-wrapper .input-login .login-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-login-input .input-wrapper .input-login .login-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-login-input .input-wrapper .input-login .login-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap {
  position: relative;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-check {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-check .check-posi {
  background-color: #0068b7;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-check .check-posi:before {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-check .check-posi:after {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 2.8985507246vw;
  height: 0.7246376812vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-check.check-ok {
  display: block;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error .error-posi {
  background-color: #e70011;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error .error-posi::before, #expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error .error-posi::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7246376812vw;
  height: 3.6231884058vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error .error-posi::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error .error-posi::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#expo-login-input .input-wrapper .input-login .login-block.login-mailid .login-mailid-wrap .login-mailid-error.error-ng {
  display: block;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap {
  position: relative;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn {
  position: relative;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-login-input .input-wrapper .input-login .login-block.login-pass .login-pass-wrap .login-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-check {
  display: flex;
  align-items: center;
}
#expo-login-input .input-wrapper .input-login .login-block.login-check input[type=checkbox] {
  display: block;
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  border: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}
#expo-login-input .input-wrapper .input-login .login-block.login-check input[type=checkbox]:checked:before {
  position: absolute;
  top: 1.9323671498vw;
  left: 0.9661835749vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #191919;
  border-radius: 100vh;
  content: "";
}
#expo-login-input .input-wrapper .input-login .login-block.login-check input[type=checkbox]:checked::after {
  position: absolute;
  top: 1.9323671498vw;
  left: 0.9661835749vw;
  transform: rotate(-50deg);
  width: 3.6231884058vw;
  height: 0.7246376812vw;
  background-color: #191919;
  border-radius: 100vh;
  content: "";
}
#expo-login-input .input-wrapper .input-login .login-block.login-check label {
  display: block;
  margin: 0 0 0 1.8115942029vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-forget {
  font-size: 2.8985507246vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-forget .forget-userid {
  margin-bottom: 2.4154589372vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-forget a {
  color: #0068b7;
  text-decoration: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-first {
  padding: 0.6038647343vw 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-first a {
  color: #0068b7;
  text-decoration: none;
}
#expo-login-input .input-wrapper .input-login .login-block.login-button {
  padding-bottom: 2.4154589372vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-login-input .input-wrapper .input-login .login-block.login-button button:active {
  background-color: #bd000f;
}

#expo-signup-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 2.4154589372vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-signup-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-signup-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-signup-input .input-wrapper .input-block label[for=exsu-userid]::after, #expo-signup-input .input-wrapper .input-block label[for=exsu-nickname]::after, #expo-signup-input .input-wrapper .input-block label[for=exsu-mail01]::after, #expo-signup-input .input-wrapper .input-block label[for=exsu-mail02]::after, #expo-signup-input .input-wrapper .input-block label[for=exsu-policy]::after, #expo-signup-input .input-wrapper .input-block label[for=exsu-tandc]::after {
  content: "※";
  color: #e70011;
  margin-left: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-signup-input .input-wrapper .input-block .input-title::after {
  content: "※";
  color: #e70011;
  margin-left: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-signup-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-signup-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi {
  background-color: #0068b7;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:before {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:after {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 2.8985507246vw;
  height: 0.7246376812vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check.check-ok {
  display: block;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi {
  background-color: #e70011;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before, #expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7246376812vw;
  height: 3.6231884058vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error.error-ng {
  display: block;
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-note {
  font-size: 2.8985507246vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-signup-input .input-wrapper .input-block.input-text .input-text-note span {
  margin-left: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn {
  position: relative;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-note {
  margin-left: 1.2077294686vw;
  font-size: 2.8985507246vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-signup-input .input-wrapper .input-block.input-pass .input-pass-note span {
  margin-left: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block.input-date input[type=month] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  color: #191919;
  background-color: #fff;
  font-size: 2.4154589372vw;
}
#expo-signup-input .input-wrapper .input-block.input-date input[type=month]:focus {
  border: 1px solid #0068b7;
}
#expo-signup-input .input-wrapper .input-block.input-gender .input-gender-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#expo-signup-input .input-wrapper .input-block.input-gender .input-gender-box label {
  width: calc(50% - 1.2077294686vw);
  height: 9.6618357488vw;
  background-color: #fff;
  text-align: center;
  line-height: 9.6618357488vw;
  box-sizing: border-box;
  border-radius: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block.input-gender .input-gender-box input[type=radio] {
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-gender .input-gender-box input[type=radio]:checked + label {
  background-color: #0068b7;
  color: #fff;
}
#expo-signup-input .input-wrapper .input-block.input-area .input-area-box {
  display: flex;
  justify-content: space-between;
}
#expo-signup-input .input-wrapper .input-block.input-area .input-area-box select {
  width: calc(50% - 1.2077294686vw);
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  color: #d4d9dd;
  background-color: #fff;
  font-size: 2.4154589372vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#expo-signup-input .input-wrapper .input-block.input-area .input-area-box select option {
  color: #191919;
  font-size: initial;
}
#expo-signup-input .input-wrapper .input-block.input-area .input-area-box select option[value=exsu-area02-title] {
  display: none;
}
#expo-signup-input .input-wrapper .input-block.input-area .input-area-box input[type=text] {
  width: calc(50% - 1.2077294686vw);
}
#expo-signup-input .input-wrapper .input-block.input-area .input-text-note {
  width: calc(50% - 1.2077294686vw);
  margin-left: auto;
  font-size: 2.8985507246vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
  margin-top: 1.2077294686vw;
}
#expo-signup-input .input-wrapper .input-block.input-check {
  display: flex;
  align-items: center;
}
#expo-signup-input .input-wrapper .input-block.input-check input[type=checkbox] {
  display: block;
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  border: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}
#expo-signup-input .input-wrapper .input-block.input-check input[type=checkbox]:checked:before {
  position: absolute;
  top: 1.9323671498vw;
  left: 0.9661835749vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #191919;
  border-radius: 100vh;
  content: "";
}
#expo-signup-input .input-wrapper .input-block.input-check input[type=checkbox]:checked::after {
  position: absolute;
  top: 1.9323671498vw;
  left: 0.9661835749vw;
  transform: rotate(-50deg);
  width: 3.6231884058vw;
  height: 0.7246376812vw;
  background-color: #191919;
  border-radius: 100vh;
  content: "";
}
#expo-signup-input .input-wrapper .input-block.input-check label {
  display: block;
  margin: 0 0 0 1.8115942029vw;
}
#expo-signup-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-signup-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-signup-input .input-wrapper .input-block.input-button button:active {
  background-color: #bd000f;
}
#expo-signup-input .input-wrapper .input-required {
  text-align: end;
  font-size: 2.8985507246vw;
}
#expo-signup-input .input-wrapper .input-required span {
  color: #e70011;
}
#expo-signup-input .input-wrapper .input-org {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 3.6231884058vw;
  margin: 3.6231884058vw 0;
}
#expo-signup-input .input-wrapper .input-org .org-memo {
  font-size: 2.8985507246vw;
  padding: 0 2.4154589372vw 2.4154589372vw;
}

#expo-signup-terms .terms-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
#expo-signup-terms .terms-modal .terms-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80dvh;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4.8309178744vw;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap .modal-title {
  font-size: 4.8309178744vw;
  text-align: center;
  line-height: 15.7004830918vw;
  display: none;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap .terms-modal-contents {
  position: absolute;
  bottom: 3.6231884058vw;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-height: calc(100% - 3.6231884058vw - 15.7004830918vw);
  margin: 0 auto;
  font-size: 3.6231884058vw;
  line-height: 1.5em;
  text-align: justify;
  font-feature-settings: "palt";
  word-break: break-all;
  flex-grow: 1;
  display: none;
  overflow-y: auto;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap .terms-modal-contents .contents-btn {
  margin-top: 3.6231884058vw;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap .terms-modal-contents .contents-btn button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 2.8985507246vw;
}
#expo-signup-terms .terms-modal .terms-modal-wrap .terms-modal-body .modal-body-wrap .terms-modal-contents .contents-btn button:active {
  background-color: #bd000f;
}
#expo-signup-terms .terms-modal.modal-open {
  display: block;
}
#expo-signup-terms .terms-modal.modal-open.modal-privacy .terms-modal-wrap .modal-title.privacy {
  display: block;
}
#expo-signup-terms .terms-modal.modal-open.modal-privacy .terms-modal-wrap .terms-modal-body .terms-modal-contents.privacy {
  display: block;
}
#expo-signup-terms .terms-modal.modal-open.modal-terms .terms-modal-wrap .terms-modal-body .modal-title.terms {
  display: block;
}
#expo-signup-terms .terms-modal.modal-open.modal-terms .terms-modal-wrap .terms-modal-body .terms-modal-contents.terms {
  display: block;
}

#expo-forgetid-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 2.4154589372vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-forgetid-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-forgetid-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-forgetid-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-forgetid-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-forgetid-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-forgetid-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-forgetid-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
}
#expo-forgetid-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-forgetid-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #0068b7;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-forgetid-input .input-wrapper .input-block.input-button button:active {
  background-color: #094d8a;
}

#expo-forgetpass-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 2.4154589372vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-forgetpass-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-forgetpass-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-forgetpass-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-forgetpass-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-forgetpass-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-forgetpass-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-forgetpass-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
}
#expo-forgetpass-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-forgetpass-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #0068b7;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-forgetpass-input .input-wrapper .input-block.input-button button:active {
  background-color: #094d8a;
}

#expo-first-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 2.4154589372vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-first-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-first-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-block label[for=exfirst-mail]::after, #expo-first-input .input-wrapper .input-block label[for=exfirst-nickname]::after {
  content: "※";
  color: #e70011;
  margin-left: 1.2077294686vw;
}
#expo-first-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-block .input-title::after {
  content: "※";
  color: #e70011;
  margin-left: 1.2077294686vw;
}
#expo-first-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-first-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
  position: relative;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi {
  background-color: #0068b7;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:before {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:after {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 2.8985507246vw;
  height: 0.7246376812vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check.check-ok {
  display: block;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi {
  background-color: #e70011;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before, #expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7246376812vw;
  height: 3.6231884058vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error.error-ng {
  display: block;
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-note {
  font-size: 2.8985507246vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-first-input .input-wrapper .input-block.input-text .input-text-note span {
  margin-left: 1.2077294686vw;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn {
  position: relative;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-note {
  margin-left: 1.2077294686vw;
  font-size: 2.8985507246vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-first-input .input-wrapper .input-block.input-pass .input-pass-note span {
  margin-left: 1.2077294686vw;
}
#expo-first-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-first-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #0068b7;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-first-input .input-wrapper .input-block.input-button button:active {
  background-color: #094d8a;
}
#expo-first-input .input-wrapper .input-guide {
  margin: 0 0 3.6231884058vw;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-guide a {
  color: #0068b7;
  text-decoration: none;
}
#expo-first-input .input-wrapper .input-required {
  text-align: end;
  font-size: 2.8985507246vw;
}
#expo-first-input .input-wrapper .input-required span {
  color: #e70011;
}
#expo-first-input .input-wrapper .input-org {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 3.6231884058vw;
  margin: 3.6231884058vw 0;
}
#expo-first-input .input-wrapper .input-org .org-memo {
  font-size: 2.8985507246vw;
  padding: 0 2.4154589372vw 2.4154589372vw;
}

.expo-newslist-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 9.6618357488vw 4.8309178744vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
  font-feature-settings: "palt";
}

#expo-newslist-important .important-title {
  font-size: 3.3816425121vw;
  font-weight: bold;
  color: #e70011;
  padding: 0 0 2.4154589372vw 2.4154589372vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
  margin-bottom: 1.2077294686vw;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item {
  display: flex;
  align-items: top;
  border-bottom: 0.4830917874vw solid #d4d9dd;
  margin: 2.4154589372vw 0;
  padding: 2.4154589372vw 1.2077294686vw;
  box-sizing: border-box;
  min-height: 9.6618357488vw;
  position: relative;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item:nth-last-child(1) {
  border-bottom: none;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-new {
  width: 4.8309178744vw;
  height: 2.4154589372vw;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-text {
  width: calc(100% - 4.8309178744vw - 4.8309178744vw);
  font-size: 3.3816425121vw;
  letter-spacing: 0.05em;
  font-weight: bold;
  display: flex;
  align-items: center;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-text .list-item-title {
  width: 100%;
  position: relative;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-text .list-item-title .title-new {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 1.2077294686vw);
  width: 2.4154589372vw;
  height: 2.4154589372vw;
  border-radius: 50%;
  background-color: #e70011;
  display: none;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-text .list-item-title .title-new.new-deco {
  display: block;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-arrow {
  position: absolute;
  top: 50%;
  left: calc(100% - 2.4154589372vw);
  transform: translateY(-50%);
  width: 7.2463768116vw;
  height: 7.2463768116vw;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-arrow .arrow-deco {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item .list-item-arrow .arrow-deco::after {
  content: "";
  width: 4.347826087vw;
  height: 4.347826087vw;
  border: 0.7246376812vw solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(135deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
}
#expo-newslist-important .impotrant-list .list-wrap .list-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-newslist-important .impotrant-list .list-more {
  text-align: right;
  font-size: 2.8985507246vw;
}
#expo-newslist-important .impotrant-list .list-more a {
  text-decoration: none;
  color: #191919;
}

#expo-newslist-latest .latest-title {
  font-size: 3.3816425121vw;
  font-weight: bold;
  padding: 0 0 2.4154589372vw 2.4154589372vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
  margin: 9.6618357488vw 0 1.2077294686vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item {
  border-bottom: 0.4830917874vw solid #d4d9dd;
  margin: 2.4154589372vw 0;
  padding: 2.4154589372vw 1.2077294686vw;
  box-sizing: border-box;
  min-height: 9.6618357488vw;
  position: relative;
}
#expo-newslist-latest .latest-list .list-wrap .list-item:nth-last-child(1) {
  border-bottom: none;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box {
  display: flex;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-new {
  width: 4.8309178744vw;
  height: 2.4154589372vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-text {
  width: calc(100% - 4.8309178744vw - 4.8309178744vw);
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-text .list-item-title {
  width: 100%;
  position: relative;
  font-size: 3.3816425121vw;
  letter-spacing: 0.05em;
  font-weight: bold;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-text .list-item-title .title-new {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 1.2077294686vw);
  width: 2.4154589372vw;
  height: 2.4154589372vw;
  border-radius: 50%;
  background-color: #e70011;
  display: none;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-text .list-item-title .title-new.new-deco {
  display: block;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-contents .list-item-box .list-item-text .list-item-excerpt {
  width: 100%;
  font-size: 2.8985507246vw;
  line-height: 1.2em;
  margin: 3.6231884058vw 0 2.4154589372vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-date {
  font-size: 2.6570048309vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-arrow {
  position: absolute;
  top: 50%;
  left: calc(100% - 2.4154589372vw);
  transform: translateY(-50%);
  width: 7.2463768116vw;
  height: 7.2463768116vw;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-arrow .arrow-deco {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-newslist-latest .latest-list .list-wrap .list-item .list-item-arrow .arrow-deco::after {
  content: "";
  width: 4.347826087vw;
  height: 4.347826087vw;
  border: 0.7246376812vw solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(135deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
}
#expo-newslist-latest .latest-list .list-wrap .list-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-newslist-latest .latest-list .list-more {
  text-align: right;
  font-size: 2.8985507246vw;
}
#expo-newslist-latest .latest-list .list-more a {
  text-decoration: none;
  color: #191919;
}

#expo-newsimportant-contents .contents-wrapper {
  padding: 4.8309178744vw 0 0;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  padding: 9.6618357488vw 4.8309178744vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-head {
  display: flex;
  justify-content: space-between;
  padding: 0 2.4154589372vw 2.4154589372vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-head .contents-title {
  font-size: 3.6231884058vw;
  letter-spacing: 0.05em;
  font-weight: bold;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-head .contents-date {
  font-size: 2.6570048309vw;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-main {
  min-height: calc(100dvh - 85.7487922705vw);
  padding: 9.6618357488vw 2.4154589372vw;
  box-sizing: border-box;
  border-bottom: 1px solid #d4d9dd;
  font-size: 3.3816425121vw;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  text-align: justify;
  font-feature-settings: "palt";
  word-break: break-all;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-main-text p {
  margin-bottom: 4.8309178744vw;
}
#expo-newsimportant-contents .contents-wrapper .contents-frame .contents-main-image {
  margin-top: 4.8309178744vw;
}

#expo-newslastest-contents .contents-wrapper {
  padding: 4.8309178744vw 0 0;
}
#expo-newslastest-contents .contents-wrapper .contents-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  padding: 9.6618357488vw 4.8309178744vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-head {
  display: flex;
  justify-content: space-between;
  padding: 0 2.4154589372vw 2.4154589372vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-head .contents-title {
  font-size: 3.6231884058vw;
  font-weight: bold;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-head .contents-date {
  font-size: 2.6570048309vw;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-main {
  min-height: calc(100dvh - 85.7487922705vw);
  padding: 9.6618357488vw 2.4154589372vw;
  box-sizing: border-box;
  border-bottom: 1px solid #d4d9dd;
  font-size: 3.3816425121vw;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  text-align: justify;
  font-feature-settings: "palt";
  word-break: break-all;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-main-text p {
  margin-bottom: 4.8309178744vw;
}
#expo-newslastest-contents .contents-wrapper .contents-frame .contents-main-image {
  margin-top: 4.8309178744vw;
}

/*チャレンジ完了時モーダル*/
.complete-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
.complete-modal.modal-open {
  display: block;
}
.complete-modal .complete-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.complete-modal .complete-modal-wrap .complete-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
.complete-modal .complete-modal-wrap .complete-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: #deeaf6;
  box-sizing: border-box;
  border-radius: 12.077294686vw;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-title {
  margin: 6.038647343vw auto 2.4154589372vw;
  width: fit-content;
  padding: 2.4154589372vw 7.2463768116vw;
  color: #0068b7;
  background-color: #bdd5ed;
  box-sizing: border-box;
  border-radius: 50vh;
  font-size: 4.347826087vw;
  font-weight: bold;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-image {
  width: 50%;
  margin: 7.2463768116vw auto;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results {
  width: 85%;
  margin: 0 auto;
  background-color: #fff;
  padding: 3.6231884058vw 6.038647343vw;
  box-sizing: border-box;
  border-radius: 50vh;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-point, .complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-co2 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 3.3816425121vw;
  font-weight: bold;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-point .results-title, .complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-co2 .results-title {
  width: 55%;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-point .results-var, .complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-co2 .results-var {
  width: 22.5%;
  text-align: end;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-point .results-unit, .complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-co2 .results-unit {
  width: 22.5%;
  font-size: 0.75em;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-results .results-co2 {
  margin-top: 2.4154589372vw;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close {
  width: fit-content;
  margin: 3.6231884058vw auto;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-deco::before, .complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
.complete-modal .complete-modal-wrap .complete-modal-body .complete-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#expo-challenge01-contents .contents-wrapper {
  padding: 4.8309178744vw 0 0;
}
#expo-challenge01-contents .contents-wrapper .contents-frame {
  padding: 2.4154589372vw 4.8309178744vw;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block03 {
  margin-bottom: 4.8309178744vw;
  padding: 0 2.4154589372vw;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block03 .block-map {
  width: 100%;
  height: 30.193236715vw;
  object-fit: cover;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block03 .block-map img {
  width: 100%;
  height: 100%;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 {
  margin-bottom: 4.8309178744vw;
  padding: 0 2.4154589372vw;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn {
  position: relative;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn:nth-child(1) {
  margin-right: 2.4154589372vw;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn .btn-image .btn-img-nomal {
  display: block;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn .btn-image .btn-img-tap {
  display: none;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn .btn-text {
  position: absolute;
  top: 16.9082125604vw;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align: center;
  font-size: 2.4154589372vw;
  line-height: 1.25em;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #0068b7;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn:nth-last-child(1) .btn-text {
  color: #fff;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn:active .btn-image .btn-img-nomal {
  display: none;
}
#expo-challenge01-contents .contents-wrapper .contents-frame .contents-block.block04 .block-box .block-btn:active .btn-image .btn-img-tap {
  display: block;
}

#expo-challenge01map-base .map-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto 0;
}

#expo-challenge01map-detail .detail-wrapper {
  padding: 4.8309178744vw 0;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame {
  width: calc(100% - 19.3236714976vw);
  margin: 0 auto;
  padding: 2.4154589372vw 4.8309178744vw 7.2463768116vw;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block {
  margin-bottom: 2.4154589372vw;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-box {
  display: flex;
  justify-content: space-between;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-box .block-item {
  width: calc(33.3333333333% - 2.4154589372vw);
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-box .block-item .item-title {
  width: 100%;
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 2.8985507246vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-box .block-item .item-value {
  font-size: 2.8985507246vw;
  font-weight: bold;
  letter-spacing: 0em;
  margin: 3.6231884058vw 1.2077294686vw;
  text-align: center;
  white-space: nowrap;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-title {
  width: 50%;
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 2.8985507246vw;
  font-weight: bold;
  padding: 1.2077294686vw 0 1.2077294686vw 3.6231884058vw;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
}
#expo-challenge01map-detail .detail-wrapper .detail-frame .detail-block .block-conts {
  font-size: 2.8985507246vw;
  line-height: 1.6em;
  margin: 3.6231884058vw 0;
}

#expo-challenge02-contents .contents-wrapper .contents-frame .contents-block.block01 {
  margin: 2.4154589372vw 0 7.2463768116vw;
}

#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block01 .block-about {
  font-size: 2.4154589372vw;
  line-height: 1.8em;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 4.8309178744vw;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block01 .block-about a {
  text-decoration: none;
  color: #191919;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 4.8309178744vw 0;
  padding-bottom: 4.8309178744vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-value {
  position: relative;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-value .value-plus {
  position: absolute;
  bottom: 100%;
  left: 0;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-block.block03 {
  margin: 4.8309178744vw 0;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-explanation {
  margin: 3.6231884058vw 0 6.038647343vw;
  font-size: 3.6231884058vw;
  font-weight: bold;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select {
  margin: 2.4154589372vw 0 6.038647343vw;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item {
  margin: 3.6231884058vw 0;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item input {
  margin-right: 1.8115942029vw;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item label {
  padding: 3.6231884058vw 1.8115942029vw;
  background-color: #d4d9dd;
  border-radius: 2.4154589372vw;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-feature-settings: "palt";
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item label .item-name {
  display: flex;
  font-size: 2.8985507246vw;
  flex-grow: 1;
  flex-shrink: 0;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item label .item-name .name-var {
  display: block;
  width: 33%;
  flex-shrink: 0;
  text-align: center;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item label .item-name .name-within {
  display: block;
  width: 15%;
  flex-shrink: 0;
  text-align: center;
}
#expo-challenge03face-contents .contents-wrapper .contents-frame .contents-select .select-item label .item-name .name-note {
  display: block;
  width: 52%;
  flex-shrink: 0;
  text-align: end;
}

#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block01 .block-about {
  font-size: 2.4154589372vw;
  line-height: 1.8em;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 4.8309178744vw;
}
#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block01 .block-about a {
  text-decoration: none;
  color: #191919;
}
#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 4.8309178744vw 0;
  padding-bottom: 4.8309178744vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-value {
  position: relative;
}
#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item .item-value .value-plus {
  position: absolute;
  bottom: 100%;
  left: 0;
}
#expo-challenge03web-contents .contents-wrapper .contents-frame .contents-block.block03 .block-report {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
}

#expo-challenge04-contents .contents-wrapper .contents-frame .contents-block.block01 {
  margin: 2.4154589372vw 0 3.6231884058vw;
}

#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-title {
  width: calc(33.3333333333% - 2.4154589372vw);
  color: #fff;
  background-color: #0068b7;
  border-radius: 1.2077294686vw;
  font-size: 2.6570048309vw;
  font-weight: bold;
  text-align: center;
  padding: 1.8115942029vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin-bottom: 3.6231884058vw;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input-eventname {
  margin-bottom: 3.6231884058vw;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input-eventdate {
  margin-bottom: 3.6231884058vw;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input label {
  font-size: 2.6570048309vw;
  font-weight: bold;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text] {
  width: 100%;
  height: 7.2463768116vw;
  border: 1px solid #d4d9dd;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=date] {
  width: 100%;
  height: 19.3236714976vw;
  border: 1px solid #d4d9dd;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  background-color: #fff;
  font-size: 2.4154589372vw;
}
#expo-challenge05-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=date]:focus {
  border: 1px solid #0068b7;
}

#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn {
  position: relative;
  width: 43.4782608696vw;
  margin: 0 auto;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn .btn-image .btn-img-nomal {
  display: block;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn .btn-image .btn-img-tap {
  display: none;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn .btn-text {
  position: absolute;
  top: 15.7004830918vw;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align: center;
  font-size: 2.4154589372vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #0068b7;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn:nth-last-child(1) .btn-text {
  color: #fff;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn:active .btn-image .btn-img-nomal {
  display: none;
}
#expo-challenge06-contents .contents-wrapper .contents-frame .contents-block.block03 .block-btn:active .btn-image .btn-img-tap {
  display: block;
}

#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 2.4154589372vw 0;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 {
  margin: 0 0 7.2463768116vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-title {
  width: 55%;
  color: #fff;
  background-color: #0068b7;
  border-radius: 1.2077294686vw;
  font-size: 2.6570048309vw;
  font-weight: bold;
  padding: 1.8115942029vw 3.6231884058vw;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin-bottom: 2.4154589372vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input {
  padding-bottom: 2.4154589372vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input label {
  font-size: 2.6570048309vw;
  font-weight: bold;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text] {
  width: 100%;
  height: 7.2463768116vw;
  border: 1px solid #d4d9dd;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  margin-top: 2.4154589372vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=date] {
  width: 100%;
  height: 19.3236714976vw;
  border: 1px solid #d4d9dd;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  background-color: #fff;
  font-size: 2.4154589372vw;
}
#expo-challenge07-contents .contents-wrapper .contents-frame .contents-block.block03 .block-input input[type=date]:focus {
  border: 1px solid #0068b7;
}

#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block01 {
  margin: 2.4154589372vw 0 7.2463768116vw;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 2.4154589372vw 0;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box {
  justify-content: left;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item {
  width: calc(33.3333333333% - 1.8115942029vw);
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block02 .block-box .block-item:nth-child(1) {
  margin-right: 3.6231884058vw;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block03 {
  margin: 2.4154589372vw 0 7.2463768116vw;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block03 .block-title {
  width: calc(33.3333333333% - 2.4154589372vw);
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 2.6570048309vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin: 2.4154589372vw 0;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block03 .block-decokatsu {
  font-size: 3.6231884058vw;
  line-height: 1.6em;
}
#expo-challenge08-contents .contents-wrapper .contents-frame .contents-block.block03 .block-decokatsu a {
  text-decoration: none;
  color: #191919;
}

#expo-challenge08quiz-contents .contents-wrapper .contents-frame {
  padding: 7.2463768116vw 4.8309178744vw;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-title {
  padding: 0 4.8309178744vw 4.8309178744vw;
  margin-bottom: 4.8309178744vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
  font-size: 3.6231884058vw;
  font-weight: bold;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-sentence {
  font-size: 3.3816425121vw;
  line-height: 1.5em;
  padding: 0 4.8309178744vw;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-image {
  width: 55%;
  margin: 4.8309178744vw auto;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices {
  margin: 2.4154589372vw 0 7.2463768116vw;
  padding: 2.4154589372vw 4.8309178744vw;
  background-color: #f5f5f5;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item {
  padding: 3.6231884058vw;
  background-color: #e0e0e0;
  margin: 2.4154589372vw 0;
  box-sizing: border-box;
  border-radius: 2.4154589372vw;
  font-size: 3.3816425121vw;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-text {
  width: calc(100% - 10.8695652174vw - 4.8309178744vw);
  flex-shrink: 0;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco {
  display: none;
  position: relative;
  width: 10.8695652174vw;
  text-align: end;
  flex-shrink: 0;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-incorrect {
  color: #e70011;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-incorrect::before, #expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-incorrect::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 2.2946859903vw);
  width: 0.7246376812vw;
  height: 6.038647343vw;
  background-color: #e70011;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-incorrect::before {
  transform: translateY(-50%) rotate(45deg);
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-incorrect::after {
  transform: translateY(-50%) rotate(-45deg);
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-correct {
  color: #0068b7;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item .choice-deco.choice-correct::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  box-sizing: border-box;
  border: 0.7246376812vw solid #0068b7;
  border-radius: 100%;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item.item-correct {
  background-color: #deeaf6;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item.item-correct .choice-deco {
  display: block;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item.item-incorrect {
  background-color: #f6def2;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item.item-incorrect .choice-deco {
  display: block;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-choices .choice-item:active {
  background-color: #c0c0c0;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation {
  display: none;
  padding: 2.4154589372vw 4.8309178744vw 0;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation .explanation-box {
  display: flex;
  flex-direction: column-reverse;
  font-size: 4.8309178744vw;
  font-weight: bold;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation .explanation-box .explanation-title {
  font-size: 3.6231884058vw;
  margin: 4.8309178744vw 0 2.4154589372vw;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation .explanation-box .explament-judgment .judgment-correct {
  display: none;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation .explanation-box .explament-judgment .judgment-incorrect {
  display: none;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation .explanation-sentence {
  font-size: 3.3816425121vw;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 4.8309178744vw;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation.quiz-correct {
  display: block;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation.quiz-correct .explament-judgment .judgment-correct {
  display: block;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation.quiz-incorrect {
  display: block;
}
#expo-challenge08quiz-contents .contents-wrapper .contents-frame .contents-quiz-explanation.quiz-incorrect .explament-judgment .judgment-incorrect {
  display: block;
}

/*共通　activity-frame*/
.activity-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
}

#expo-activity-reduceco2 .reduceco2-frame {
  padding: 4.8309178744vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours {
  display: flex;
  align-items: center;
  padding-bottom: 2.4154589372vw;
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-text {
  width: 40%;
  flex-shrink: 0;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-text .text-title {
  font-size: 2.8985507246vw;
  font-weight: bold;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-text .text-qty {
  display: flex;
  font-size: 7.2463768116vw;
  font-weight: bold;
  align-items: baseline;
  margin-top: 2.4154589372vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-text .text-qty .text-qty-unit {
  font-size: 0.8em;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-image {
  width: 60%;
  flex-shrink: 0;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-image .percentage {
  display: none;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .reduceco2-yours-image .percentage.active {
  display: block;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .image-qty {
  display: flex;
  justify-content: space-between;
  color: #a5a5a5;
  font-size: 3.6231884058vw;
  font-weight: bold;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-yours .image-qty-goal {
  font-size: 0.8em;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 3.6231884058vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text {
  width: 80%;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-title {
  font-size: 2.8985507246vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty {
  display: flex;
  align-items: flex-end;
  font-size: 7.2463768116vw;
  font-weight: bold;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty .text-qty-all {
  flex-shrink: 0;
  align-items: baseline;
  margin-top: 2.4154589372vw;
  display: flex;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty .text-qty-all .all-unit {
  font-size: 0.8em;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty .text-qty-slash {
  font-size: 0.65em;
  flex-shrink: 0;
  align-items: baseline;
  margin-top: 2.4154589372vw;
  display: flex;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty .text-qty-goal {
  font-size: 0.65em;
  flex-shrink: 0;
  align-items: baseline;
  margin-top: 2.4154589372vw;
  display: flex;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-text .text-qty .text-qty-goal .goal-unit {
  font-size: 0.8em;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-calendar .calender-icon {
  width: 9.6618357488vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-calendar .calender-text {
  font-size: 1.9323671498vw;
}
#expo-activity-reduceco2 .reduceco2-frame .reduceco2-everyone .reduceco2-everyone-calendar a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#expo-activity-point .point-frame {
  padding: 2.4154589372vw;
}
#expo-activity-point .point-frame .point-box {
  display: flex;
}
#expo-activity-point .point-frame .point-box .point-held, #expo-activity-point .point-frame .point-box .point-total {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#expo-activity-point .point-frame .point-box .point-held .point-title, #expo-activity-point .point-frame .point-box .point-total .point-title {
  font-size: 2.4154589372vw;
  margin-bottom: 1.2077294686vw;
}
#expo-activity-point .point-frame .point-box .point-held .point-qty, #expo-activity-point .point-frame .point-box .point-total .point-qty {
  font-size: 7.2463768116vw;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
#expo-activity-point .point-frame .point-box .point-held .point-qty .point-qty-icon, #expo-activity-point .point-frame .point-box .point-total .point-qty .point-qty-icon {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  margin-right: 1.2077294686vw;
}
#expo-activity-point .point-frame .point-box .point-held {
  border-right: 0.2415458937vw solid #a5a5a5;
}
#expo-activity-point .point-frame .point-box .point-total {
  border-left: 0.2415458937vw solid #a5a5a5;
}
#expo-activity-point .point-frame .point-box .point-total .point-qty {
  color: #a5a5a5;
}

#expo-activity-steps .steps-frame {
  padding: 2.4154589372vw;
}
#expo-activity-steps .steps-frame .steps-box {
  display: flex;
}
#expo-activity-steps .steps-frame .steps-box .steps-held {
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
#expo-activity-steps .steps-frame .steps-box .steps-held .steps-title {
  width: 24%;
  font-size: 2.8985507246vw;
  margin-top: 1.2077294686vw;
  font-weight: bold;
  float: left;
  text-align: center;
}
#expo-activity-steps .steps-frame .steps-box .steps-held .steps-qty-icon {
  width: 16%;
  font-size: 2.4154589372vw;
  float: left;
}
#expo-activity-steps .steps-frame .steps-box .steps-held .steps-qty {
  width: 60%;
  font-size: 4.8309178744vw;
  font-weight: bold;
  float: left;
  text-align: center;
  margin-top: 1.2077294686vw;
}
#expo-activity-steps .steps-frame .steps-box .steps-held .steps-qty .steps-unit {
  font-size: 2.8985507246vw;
}
#expo-activity-steps .steps-frame .steps-box .steps-held .steps-percentage img {
  width: 100%;
  margin-top: 1.2077294686vw;
}

#expo-activity-rankpt .rankpt-tab {
  display: flex;
  width: calc(100% - 14.4927536232vw);
  justify-content: center;
  margin: 0 auto;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item {
  width: 50%;
  text-align: center;
  position: relative;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item .tab-text {
  font-size: 2.8985507246vw;
  font-weight: bold;
  margin: 2.4154589372vw 0;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item .tab-deco {
  width: 95%;
  height: 0.7246376812vw;
  background-color: #d4d9dd;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item:nth-child(1) .tab-deco {
  margin-left: auto;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item:nth-child(1).tab-active .tab-deco {
  background-color: #e70011;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item:nth-last-child(1) .tab-deco {
  margin-right: auto;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item:nth-last-child(1).tab-active .tab-deco {
  background-color: #0068b7;
}
#expo-activity-rankpt .rankpt-tab .rankpt-tab-item button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-activity-rankpt .rankpt-ranking {
  display: none;
}
#expo-activity-rankpt .rankpt-ranking.tab-active {
  display: block;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-total {
  border-radius: 2.4154589372vw;
  padding: 2.4154589372vw;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-list {
  border-radius: 2.4154589372vw;
  padding: 2.4154589372vw;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item {
  display: flex;
  align-items: center;
  position: relative;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-icon, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-icon {
  height: 8.4541062802vw;
  margin-right: 3.6231884058vw;
  flex-shrink: 0;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-icon img, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-icon img {
  height: 100%;
  width: auto;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-data, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-data {
  flex-shrink: 0;
  font-size: 2.8985507246vw;
  font-weight: bold;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-data .data-title, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-data .data-title {
  margin-bottom: 1.2077294686vw;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-data .data-num, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-data .data-num {
  display: flex;
  font-size: 1.2em;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-rank, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-rank {
  flex-shrink: 0;
  font-size: 2.8985507246vw;
  font-weight: bold;
  display: flex;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-arrow, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-arrow {
  position: relative;
  width: 4.8309178744vw;
  height: 4.8309178744vw;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-arrow::before, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-arrow::after, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-arrow::before, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-arrow::after {
  content: "";
  width: 2.4154589372vw;
  height: 0.3623188406vw;
  background: #d4d9dd;
  position: absolute;
  top: calc(50% - 0.2415458937vw);
  right: 0;
  border-radius: 24.154589372vw;
  transform-origin: calc(100% - 0.2415458937vw) 50%;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-arrow::before, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-arrow::before {
  transform: rotate(50deg);
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box .rankpt-ranking-arrow::after, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item .rankpt-ranking-arrow::after {
  transform: rotate(-50deg);
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-box a, #expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item {
  margin: 4.8309178744vw 0;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item:nth-child(1) {
  margin: 0;
  padding-top: 1.8115942029vw;
}
#expo-activity-rankpt .rankpt-ranking .rankpt-ranking-item:nth-last-child(1) {
  margin: 0;
  padding-bottom: 1.8115942029vw;
}
#expo-activity-rankpt .rankpt-point {
  display: none;
}
#expo-activity-rankpt .rankpt-point.tab-active {
  display: block;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage {
  border-radius: 2.4154589372vw;
  padding: 3.6231884058vw 4.8309178744vw;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-title {
  font-size: 2.8985507246vw;
  font-weight: bold;
  padding-bottom: 2.4154589372vw;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table {
  width: 100%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr {
  display: flex;
  width: 100%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr th {
  font-size: 2.4154589372vw;
  font-weight: bold;
  padding: 1.2077294686vw 0;
  display: block;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr th:nth-child(1) {
  width: 45%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr th:nth-child(2) {
  width: 27.5%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr th:nth-child(3) {
  width: 27.5%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr td {
  font-size: 2.8985507246vw;
  font-weight: bold;
  text-align: center;
  padding: 2.4154589372vw 0;
  border-bottom: 1px solid #d4d9dd;
  box-sizing: border-box;
  height: 7.9710144928vw;
  line-height: 3.1400966184vw;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr td:nth-child(1) {
  width: 45%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr td:nth-child(2) {
  width: 27.5%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tr td:nth-child(3) {
  width: 27.5%;
  color: #0068b7;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table thead {
  display: block;
  width: 100%;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table thead tr {
  border-bottom: 0.4830917874vw solid #d4d9dd;
}
#expo-activity-rankpt .rankpt-point .rankpt-point-usage .rankpt-point-table tbody {
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 39.8550724638vw;
}

#expo-activity-calendar {
  padding-top: 34.2995169082vw;
  margin-top: -34.2995169082vw;
}
#expo-activity-calendar .calender-month {
  width: 30%;
  text-align: center;
  margin: 0 auto 2.4154589372vw;
  padding-bottom: 0.4830917874vw;
  border-bottom: 1px solid #191919;
  font-size: 7.2463768116vw;
  font-weight: bold;
}
#expo-activity-calendar .calendar-wrap {
  width: calc(100% - 19.3236714976vw);
  margin: 2.4154589372vw auto;
  position: relative;
}
#expo-activity-calendar .calendar-wrap .calendar-one {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #191919;
}
#expo-activity-calendar .calendar-wrap .calendar-one th, #expo-activity-calendar .calendar-wrap .calendar-one td {
  text-align: center;
  position: relative;
}
#expo-activity-calendar .calendar-wrap .calendar-one th::before, #expo-activity-calendar .calendar-wrap .calendar-one td::before {
  content: "";
  width: 80%;
  height: 1px;
  background-color: #d4d9dd;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#expo-activity-calendar .calendar-wrap .calendar-one th::after, #expo-activity-calendar .calendar-wrap .calendar-one td::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #d4d9dd;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-dow th {
  height: 6.038647343vw;
  font-size: 2.4154589372vw;
  font-weight: bold;
  line-height: 6.038647343vw;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-dow th:nth-last-child(1)::after {
  content: none;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell {
  width: 14.2857142857%;
  height: 12.5603864734vw;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell .calender-box {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell .calender-box .calendar-day {
  box-sizing: border-box;
  font-size: 3.6231884058vw;
  font-weight: bold;
  line-height: 6.038647343vw;
  text-align: center;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell .calender-box .calender-active {
  box-sizing: border-box;
  margin: 0 auto;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell .calender-box .calender-active .active-icon {
  display: none;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell .calender-box .calender-active .active-icon img {
  height: 6.038647343vw;
  width: auto;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell:nth-last-child(1)::after {
  content: none;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week .calender-cell.active .calender-active .active-icon {
  display: block;
}
#expo-activity-calendar .calendar-wrap .calendar-one .calendar-week:nth-last-child(1) td::before {
  content: none;
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-left, #expo-activity-calendar .calendar-wrap .calendar-switch .switch-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.6231884058vw;
  height: 24.154589372vw;
  background-color: #d4d9dd;
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-left .switch-btn, #expo-activity-calendar .calendar-wrap .calendar-switch .switch-right .switch-btn {
  position: relative;
  width: 100%;
  height: 100%;
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-left .switch-btn button, #expo-activity-calendar .calendar-wrap .calendar-switch .switch-right .switch-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-left:has(button:active), #expo-activity-calendar .calendar-wrap .calendar-switch .switch-right:has(button:active) {
  background-color: #c0c0c0;
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-left {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  right: calc(100% + 3.6231884058vw);
}
#expo-activity-calendar .calendar-wrap .calendar-switch .switch-right {
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  left: calc(100% + 3.6231884058vw);
}

#expo-activity-challenge .challenge-wrapper {
  padding: 4.8309178744vw 0;
}
#expo-activity-challenge .challenge-wrapper .challenge-box {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  display: flex;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-title {
  text-align: center;
  font-size: 2.8985507246vw;
  font-weight: bold;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-contents {
  width: 65%;
  margin: 2.4154589372vw auto 2.8985507246vw;
  position: relative;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-contents .challange-num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: baseline;
  font-weight: bold;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-contents .challange-num .num-var {
  font-size: 10.8695652174vw;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-contents .challange-num .num-unit {
  font-size: 3.6231884058vw;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-present {
  font-size: 2.4154589372vw;
  line-height: 1.4em;
  text-align: center;
  white-space: nowrap;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-present .strong {
  font-size: 1.2em;
  font-weight: bold;
}
#expo-activity-challenge .challenge-wrapper .challenge-box .challenge-item .challenge-present .strong .red {
  color: #e70011;
  margin-right: 1.2077294686vw;
}

#expo-ranking-contents .contents-wrapper {
  padding: 4.8309178744vw 0 0;
}
#expo-ranking-contents .contents-wrapper .contents-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  padding: 4.8309178744vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 3.6231884058vw 0;
  border-bottom: 0.3623188406vw solid #d4d9dd;
  font-size: 3.0193236715vw;
  font-weight: bold;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-rank {
  width: 18%;
  padding-left: 1.690821256vw;
  display: flex;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-rank .rank-var {
  flex-shrink: 0;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-rank .rank-unit {
  flex-shrink: 0;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-name {
  width: 55%;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-point {
  width: 27%;
  display: flex;
  justify-content: end;
  padding-right: 1.690821256vw;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-point .point-var {
  flex-grow: 1;
  text-align: end;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item .list-point .point-unit {
  flex-shrink: 0;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item.rank-me {
  color: #0068b7;
  background-color: #bdd5ed;
}
#expo-ranking-contents .contents-wrapper .contents-frame .contents-list .list-item:nth-last-child(1) {
  border-bottom: none;
}

#expo-eventlist-list .eventlist-wrapper {
  padding: 4.8309178744vw 0 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  display: flex;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab .eventlist-tab-item {
  width: 25%;
  position: relative;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab .eventlist-tab-item .eventlist-tab-name {
  text-align: center;
  padding: 2.4154589372vw 0;
  font-size: 2.8985507246vw;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab .eventlist-tab-item .eventlist-tab-deco {
  width: 85%;
  height: 1.2077294686vw;
  margin: 0 auto;
  background-color: #e70011;
  border-radius: 100vh;
  opacity: 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab .eventlist-tab-item button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-tab .eventlist-tab-item.tab-active .eventlist-tab-deco {
  opacity: 1;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item {
  margin: 2.4154589372vw auto;
  padding: 1.2077294686vw 0;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 4.8309178744vw;
  position: relative;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item.item-filter {
  display: none;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item:nth-last-child(1) {
  margin-bottom: 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box {
  display: flex;
  align-items: center;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-icon {
  width: 19.3236714976vw;
  flex-shrink: 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-icon .icon-size {
  width: calc(100% - 7.2463768116vw);
  margin: 0 auto;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text {
  width: calc(100% - 16.9082125604vw);
  box-sizing: border-box;
  margin-top: 2.4154589372vw;
  margin-right: 2.4154589372vw;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-title {
  font-size: 3.6231884058vw;
  width: 100%;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info {
  display: flex;
  margin: 2.4154589372vw 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-deco {
  width: 0.7246376812vw;
  height: auto;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-date, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-place, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-address {
  display: flex;
  width: calc(100% - 2.4154589372vw);
  margin-left: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-date .info-label, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-date .info-var, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-place .info-label, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-place .info-var, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-address .info-label, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-address .info-var {
  font-size: 2.8985507246vw;
  line-height: 1.4em;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-date .info-label, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-place .info-label, #expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item .item-box .item-text .item-info .info-contents .info-address .info-label {
  flex-shrink: 0;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item.item-group01 .item-box .item-text .item-info .info-deco {
  background-color: #fae7d8;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item.item-group02 .item-box .item-text .item-info .info-deco {
  background-color: #e3f0d6;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item.item-group03 .item-box .item-text .item-info .info-deco {
  background-color: #dde9f8;
}
#expo-eventlist-list .eventlist-wrapper .eventlist-list .eventlist-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#expo-eventdetail-contents .contents-wrapper .contents-frame {
  padding: 4.8309178744vw;
}
#expo-eventdetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-title {
  width: calc(33.3333333333% - 2.4154589372vw);
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin: 2.4154589372vw 0;
}
#expo-eventdetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-conts {
  width: calc(100% - 7.2463768116vw);
  margin: 3.6231884058vw auto 4.8309178744vw;
  font-size: 3.3816425121vw;
}
#expo-eventdetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-detail .block-conts {
  width: calc(100% - 7.2463768116vw);
  margin: 3.6231884058vw auto 4.8309178744vw;
  font-size: 3.3816425121vw;
  line-height: 1.5em;
  text-align: justify;
  font-feature-settings: "palt";
}
#expo-eventdetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-detail .block-conts a {
  color: inherit;
  text-decoration: none;
}
#expo-eventdetail-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 2.4154589372vw 0 4.8309178744vw;
}

#expo-prizelist-termpt .termpt-box {
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto 0;
  display: flex;
  justify-content: space-between;
}
#expo-prizelist-termpt .termpt-box .termpt-term, #expo-prizelist-termpt .termpt-box .termpt-point {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 2.4154589372vw;
  padding: 1.2077294686vw 1.8115942029vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#expo-prizelist-termpt .termpt-box .termpt-term .termpt-title, #expo-prizelist-termpt .termpt-box .termpt-point .termpt-title {
  font-size: 2.4154589372vw;
  margin: 0.6038647343vw 0;
}
#expo-prizelist-termpt .termpt-box .termpt-term {
  width: calc(60% - 1.2077294686vw);
}
#expo-prizelist-termpt .termpt-box .termpt-term .termpt-term-var {
  font-size: 2.6570048309vw;
  text-align: center;
  height: 3.6231884058vw;
  line-height: 3.6231884058vw;
}
#expo-prizelist-termpt .termpt-box .termpt-point {
  width: calc(40% - 1.2077294686vw);
}
#expo-prizelist-termpt .termpt-box .termpt-point .termpt-point-box {
  display: flex;
  justify-content: center;
  align-items: end;
}
#expo-prizelist-termpt .termpt-box .termpt-point .termpt-point-box .point-icon {
  width: 3.6231884058vw;
  height: 3.6231884058vw;
  margin-right: 1.2077294686vw;
}
#expo-prizelist-termpt .termpt-box .termpt-point .termpt-point-box .point-text {
  display: flex;
  align-items: baseline;
  height: 3.6231884058vw;
  line-height: 3.6231884058vw;
}
#expo-prizelist-termpt .termpt-box .termpt-point .termpt-point-box .point-text .point-qty {
  font-size: 3.6231884058vw;
  font-weight: bold;
}
#expo-prizelist-termpt .termpt-box .termpt-point .termpt-point-box .point-text .point-unit {
  font-size: 2.4154589372vw;
}

#expo-prizelist-list .list-wrapper {
  padding: 2.4154589372vw 0;
}
#expo-prizelist-list .list-wrapper .list-frame {
  width: calc(100% - 14.4927536232vw);
  margin: 0 auto;
  padding: 4.8309178744vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 2.4154589372vw;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item {
  width: calc(50% - 3.6231884058vw);
  margin: 2.4154589372vw 0;
  padding-bottom: 2.4154589372vw;
  position: relative;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.8115942029vw 0;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info .item-usepoint {
  position: relative;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info .item-usepoint .usepoint-back {
  height: 6.038647343vw;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info .item-usepoint .usepoint-back img {
  width: auto;
  height: 100%;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info .item-usepoint .usepoint-qty {
  position: absolute;
  top: 50%;
  right: 1.2077294686vw;
  transform: translateY(-50%);
  font-size: 2.8985507246vw;
  color: #e70011;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-info .item-count {
  display: flex;
  font-size: 2.8985507246vw;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item .item-name {
  font-size: 2.8985507246vw;
  line-height: 1.2em;
  font-weight: bold;
}
#expo-prizelist-list .list-wrapper .list-frame .list-box .list-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expo-prizelist-list .list-wrapper .list-frame .list-note {
  margin-top: 1.8115942029vw;
  font-size: 2.8985507246vw;
}
#expo-prizelist-list .list-wrapper .list-frame .list-note a {
  color: #0068b7;
  text-decoration: none;
}

#expo-prizedetail-contents .contents-wrapper .contents-frame {
  padding: 4.8309178744vw;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-slide {
  width: 60%;
  margin: 0 auto 2.4154589372vw;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-name .block-title, #expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-detail .block-title {
  width: calc(33.3333333333% - 1.8115942029vw);
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin: 2.4154589372vw 0;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-name .block-conts, #expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-detail .block-conts {
  font-size: 3.3816425121vw;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-name {
  margin-bottom: 4.8309178744vw;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-name .block-conts {
  font-weight: bold;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block01 .block-detail .block-conts {
  line-height: 1.5em;
  text-align: justify;
  font-feature-settings: "palt";
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block02 {
  margin: 2.4154589372vw 0;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block02 .block-title {
  width: 100%;
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin: 2.4154589372vw 0;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block02 .block-conts {
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 {
  margin: 2.4154589372vw 0 4.8309178744vw;
  display: flex;
  justify-content: space-between;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-count, #expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-point {
  width: calc(50% - 3.6231884058vw);
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-count .block-title, #expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-point .block-title {
  width: 100%;
  background-color: #deeaf6;
  border-radius: 1.2077294686vw;
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
  padding: 1.2077294686vw 0;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  margin: 2.4154589372vw 0;
}
#expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-count .block-conts, #expo-prizedetail-contents .contents-wrapper .contents-frame .contents-block.block03 .block-point .block-conts {
  font-size: 3.3816425121vw;
  font-weight: bold;
  text-align: center;
}

#expo-prizedetail-enter .enter-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
#expo-prizedetail-enter .enter-modal.modal-open {
  display: block;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #bdd6e9;
  border-radius: 3.6231884058vw;
  font-size: 2.8985507246vw;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body .enter-modal-check {
  height: 19.3236714976vw;
  border-bottom: 1px solid #bdd6e9;
  display: grid;
  place-items: center center;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body .enter-modal-button {
  display: flex;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body .enter-modal-button .modal-btn {
  width: 50%;
  height: 9.6618357488vw;
  line-height: 9.6618357488vw;
  position: relative;
  text-align: center;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body .enter-modal-button .modal-btn:nth-child(1) {
  border-right: 1px solid #bdd6e9;
}
#expo-prizedetail-enter .enter-modal .enter-modal-wrap .enter-modal-body .enter-modal-button .modal-btn button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#expo-prizedetail-complete .complete-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100vh;
  width: 100%;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-back {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(165, 165, 165, 0.5);
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 30dvh;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4.8309178744vw;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  margin: 0 auto;
  font-size: 3.6231884058vw;
  text-align: start;
  display: grid;
  place-items: center center;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close {
  width: fit-content;
  margin: 3.6231884058vw auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box {
  display: flex;
  position: relative;
  align-items: center;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-deco {
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  position: relative;
  color: #a5a5a5;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-deco::before, #expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-deco::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4830917874vw);
  transform: translateY(-50%);
  width: 4.347826087vw;
  height: 0.6038647343vw;
  background-color: currentColor;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-deco::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-deco::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box .close-text {
  line-height: 4.8309178744vw;
  font-size: 2.8985507246vw;
  color: #a5a5a5;
}
#expo-prizedetail-complete .complete-modal .complete-modal-wrap .complete-modal-body .modal-body-wrap .complete-modal-close .close-box button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-prizedetail-complete .complete-modal.modal-open {
  display: block;
}

#expo-prizeform-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-prizeform-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-prizeform-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-prizeform-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-prizeform-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-prizeform-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-prizeform-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-prizeform-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
}
#expo-prizeform-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-prizeform-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #0068b7;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-prizeform-input .input-wrapper .input-block.input-button button:active {
  background-color: #094d8a;
}

#expo-reader-contents .reader-wrapper .reader-text {
  text-align: center;
  margin: 12.077294686vw 0;
}
#expo-reader-contents .reader-wrapper .reader-camera {
  width: 60%;
  aspect-ratio: 1/1;
  margin: 0 auto;
  position: relative;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-main {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0.4830917874vw solid #d4d9dd;
  box-sizing: border-box;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-frame {
  position: absolute;
  width: 4.8309178744vw;
  height: 4.8309178744vw;
  border: 0.9661835749vw solid #0068b7;
  box-sizing: border-box;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-frame.frame-lt {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-frame.frame-lb {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-frame.frame-rt {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}
#expo-reader-contents .reader-wrapper .reader-camera .reader-camera-frame.frame-rb {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}
#expo-reader-contents .reader-wrapper .reader-cancel {
  text-align: center;
  margin: 12.077294686vw 0;
}
#expo-reader-contents .reader-wrapper .reader-cancel a {
  text-decoration: none;
  color: #191919;
}

#expo-terms-changetab .changetab-wrapper {
  padding: 2.4154589372vw 0;
}
#expo-terms-changetab .changetab-wrapper .changetab-box {
  display: flex;
  width: calc(100% - 14.4927536232vw);
  justify-content: center;
  margin: 0 auto;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item {
  width: 50%;
  text-align: center;
  position: relative;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item .tab-text {
  font-size: 2.8985507246vw;
  font-weight: bold;
  margin: 2.4154589372vw 0;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item .tab-deco {
  width: 95%;
  height: 0.7246376812vw;
  background-color: #d4d9dd;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item.tab-active .tab-deco {
  background-color: #e70011;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item:nth-child(1) .tab-deco {
  margin-left: auto;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item:nth-last-child(1) .tab-deco {
  margin-right: auto;
}
#expo-terms-changetab .changetab-wrapper .changetab-box .changetab-item button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#expo-terms-contents .contents-wrapper .contents-frame {
  padding: 7.2463768116vw 4.8309178744vw;
}
#expo-terms-contents .contents-wrapper .contents-frame .contents-one {
  font-size: 3.6231884058vw;
  text-align: justify;
  line-height: 1.5em;
  font-feature-settings: "palt";
  word-break: break-all;
  display: none;
}
#expo-terms-contents .contents-wrapper .contents-frame .contents-one.contents-active {
  display: block;
}

#expo-contact-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-contact-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-contact-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-contact-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-contact-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-contact-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-contact-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-contact-input .input-wrapper .input-block textarea {
  width: 100%;
  height: 24.154589372vw;
  border: 0;
  box-sizing: border-box;
  padding: 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-contact-input .input-wrapper .input-block textarea::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-contact-input .input-wrapper .input-block textarea:focus {
  border: 1px solid #0068b7;
}
#expo-contact-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
}
#expo-contact-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-contact-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #0068b7;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-contact-input .input-wrapper .input-block.input-button button:active {
  background-color: #094d8a;
}

#expo-faq-contents .contents-wrapper .contents-frame .contents-one {
  width: 100%;
  padding: 2.4154589372vw 0;
  box-sizing: border-box;
  overflow: hidden;
}
#expo-faq-contents .contents-wrapper .contents-frame .contents-one iframe {
  width: 100%;
  height: calc(100dvh - 34.2995169082vw - 19.806763285vw - 26.5700483092vw);
  transform: scale(1.25);
}

#expo-guide-contents .contents-wrapper .contents-frame .contents-one {
  width: 100%;
  padding: 2.4154589372vw 0;
  box-sizing: border-box;
  overflow: hidden;
}
#expo-guide-contents .contents-wrapper .contents-frame .contents-one iframe {
  width: 100%;
  height: calc(100dvh - 34.2995169082vw - 19.806763285vw - 26.5700483092vw);
}

#expo-profile-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-profile-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-profile-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-profile-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-profile-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-profile-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-profile-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
  position: relative;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi {
  background-color: #0068b7;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:before {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:after {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 2.8985507246vw;
  height: 0.7246376812vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check.check-ok {
  display: block;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi {
  background-color: #e70011;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before, #expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7246376812vw;
  height: 3.6231884058vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#expo-profile-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error.error-ng {
  display: block;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn {
  position: relative;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-note {
  margin-left: 1.2077294686vw;
  font-size: 1.9323671498vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-profile-input .input-wrapper .input-block.input-pass .input-pass-note span {
  margin-left: 1.2077294686vw;
}
#expo-profile-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-profile-input .input-wrapper .input-block.input-button a {
  display: block;
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 2.8985507246vw;
  line-height: 4.8309178744vw;
  text-decoration: none;
  text-align: center;
}
#expo-profile-input .input-wrapper .input-block.input-button a:active {
  background-color: #bd000f;
}

#expo-edit-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-edit-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-edit-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-edit-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-edit-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-edit-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-edit-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
  position: relative;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi {
  background-color: #0068b7;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:before {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 0.7246376812vw;
  height: 1.690821256vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check .check-posi:after {
  position: absolute;
  top: 2.1739130435vw;
  left: 1.5700483092vw;
  transform: rotate(-50deg);
  width: 2.8985507246vw;
  height: 0.7246376812vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-check.check-ok {
  display: block;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  display: none;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi {
  background-color: #e70011;
  width: 5.3140096618vw;
  height: 5.3140096618vw;
  border-radius: 50%;
  position: relative;
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before, #expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7246376812vw;
  height: 3.6231884058vw;
  background-color: #fff;
  border-radius: 100vh;
  content: "";
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error .error-posi::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#expo-edit-input .input-wrapper .input-block.input-text .input-text-wrap .input-text-error.error-ng {
  display: block;
}
#expo-edit-input .input-wrapper .input-block.input-date input[type=month] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  color: #191919;
  background-color: #fff;
  font-size: 2.4154589372vw;
}
#expo-edit-input .input-wrapper .input-block.input-date input[type=month]:focus {
  border: 1px solid #0068b7;
}
#expo-edit-input .input-wrapper .input-block.input-area .input-area-box {
  display: flex;
  justify-content: space-between;
}
#expo-edit-input .input-wrapper .input-block.input-area .input-area-box select {
  width: calc(50% - 1.2077294686vw);
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
  color: #d4d9dd;
  background-color: #fff;
  font-size: 2.4154589372vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#expo-edit-input .input-wrapper .input-block.input-area .input-area-box select option {
  color: #191919;
  font-size: initial;
}
#expo-edit-input .input-wrapper .input-block.input-area .input-area-box select option[value=exsu-area02-title] {
  display: none;
}
#expo-edit-input .input-wrapper .input-block.input-area .input-area-box input[type=text] {
  width: calc(50% - 1.2077294686vw);
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn {
  position: relative;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-note {
  margin-left: 1.2077294686vw;
  font-size: 1.9323671498vw;
  line-height: 1.5em;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-edit-input .input-wrapper .input-block.input-pass .input-pass-note span {
  margin-left: 1.2077294686vw;
}
#expo-edit-input .input-wrapper .input-block.input-changepass {
  padding: 2.4154589372vw 0;
}
#expo-edit-input .input-wrapper .input-block.input-changepass .changepass-wrap {
  background-color: #fff;
  height: 9.6618357488vw;
  padding: 2.4154589372vw;
  box-sizing: border-box;
  border-radius: 1.2077294686vw;
  font-size: 3.8647342995vw;
  display: flex;
  justify-content: end;
  align-items: center;
}
#expo-edit-input .input-wrapper .input-block.input-changepass .changepass-wrap a {
  text-decoration: none;
  color: #0068b7;
}
#expo-edit-input .input-wrapper .input-block.input-changepass .changepass-wrap a:active {
  color: #094d8a;
}
#expo-edit-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-edit-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-edit-input .input-wrapper .input-block.input-button button:active {
  background-color: #bd000f;
}

#expo-editpass-input .input-wrapper {
  background-color: #d4d9dd;
  width: calc(100% - 14.4927536232vw);
  margin: 4.8309178744vw auto;
  padding: 2.4154589372vw;
  box-sizing: border-box;
}
#expo-editpass-input .input-wrapper .input-block {
  width: 100%;
  margin: 0 auto 1.2077294686vw;
  padding: 1.2077294686vw 0;
}
#expo-editpass-input .input-wrapper .input-block label {
  display: inline-block;
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-editpass-input .input-wrapper .input-block .input-title {
  margin: 0 0 2.4154589372vw;
  font-size: 2.8985507246vw;
}
#expo-editpass-input .input-wrapper .input-block input[type=text] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-editpass-input .input-wrapper .input-block input[type=text]::placeholder {
  color: #d4d9dd;
  font-size: 2.8985507246vw;
}
#expo-editpass-input .input-wrapper .input-block input[type=text]:focus {
  border: 1px solid #0068b7;
}
#expo-editpass-input .input-wrapper .input-block.input-text .input-text-wrap {
  margin-bottom: 2.4154589372vw;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap {
  position: relative;
  margin-bottom: 2.4154589372vw;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password] {
  width: 100%;
  height: 9.6618357488vw;
  border: 0;
  box-sizing: border-box;
  padding: 0 2.4154589372vw;
  border-radius: 1.2077294686vw;
  outline: none;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]::placeholder {
  color: #d4d9dd;
  font-size: 2.4154589372vw;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap input[type=password]:focus {
  border: 1px solid #0068b7;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff {
  position: absolute;
  top: 50%;
  right: 2.4154589372vw;
  transform: translateY(-50%);
  width: 6.038647343vw;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn {
  position: relative;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-blind {
  display: block;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn .pass-sighted {
  display: none;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-blind {
  display: none;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn.onoff-change .pass-sighted {
  display: block;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-wrap .input-pass-onoff .onoff-btn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-note {
  margin-left: 1.2077294686vw;
  font-size: 2.8985507246vw;
  color: #e70011;
  font-feature-settings: "palt";
}
#expo-editpass-input .input-wrapper .input-block.input-pass .input-pass-note span {
  margin-left: 1.2077294686vw;
}
#expo-editpass-input .input-wrapper .input-block.input-button {
  padding-bottom: 2.4154589372vw;
}
#expo-editpass-input .input-wrapper .input-block.input-button button {
  width: 100%;
  border: 0;
  padding: 2.4154589372vw 0;
  color: #fff;
  background-color: #e70011;
  box-sizing: border-box;
  border: 1px solid #d4d9dd;
  border-radius: 1.2077294686vw;
  font-size: 3.6231884058vw;
}
#expo-editpass-input .input-wrapper .input-block.input-button button:active {
  background-color: #bd000f;
}/*# sourceMappingURL=style.css.map */

#updateAppModal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

#updateAppModal.modal.show .modal-dialog {
    transform: none;
}

#updateAppModal.modal.fade .modal-dialog {
    /* transform: translate(0, -50px); */
    transition: transform .3s ease-out;
}

#updateAppModal .modal-dialog {
    position: relative;
    width: auto;
    margin: 1rem;
    pointer-events: none;
}

#updateAppModal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #000;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 1rem;
    outline: 0;
}

#updateAppModal .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #D3D3D3;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#updateAppModal .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    font-size: 3.6231884058vw;
    line-height: 1.5;
}

#updateAppModal .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem;
    background-color: #fff;
    border-top: 1px solid #D3D3D3;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.d-none {
    display: none;
}