@charset "UTF-8";

/* --------------------------------------------------------------------------
  MV
-------------------------------------------------------------------------- */
.mv-sec {
    background: var(--main-color-500);
    position: relative;
}
.mv-sec::before {
    content: "";
    display: block;
    background: url("/dct-02/assets/img/common/mv_deco.png") no-repeat center / contain;
    width: calc(706 / var(--font-size) * 1rem);
    padding-top: calc(240 / var(--font-size) * 1rem);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.mv-sec__in {
}
.mv-sec__body {
    padding-top: calc(33 / var(--font-size) * 1rem);
    padding-bottom: calc(252 / var(--font-size) * 1rem);
}
.mv-read {
}
.mv-read__in {
}
.mv-title {
    width: calc(624 / var(--font-size) * 1rem);
    margin: 0 auto;
}
.mv-title__in {
}
.mv-read-txt {
    width: calc(578 / var(--font-size) * 1rem);
    margin: calc(34 / var(--font-size) * 1rem) auto 0;
}
.mv-img {
    width: calc(630 / var(--font-size) * 1rem);
    margin: calc(34 / var(--font-size) * 1rem) auto 0;
    border-radius: calc(20 / var(--font-size) * 1rem);
    overflow: hidden;
}
.mv-schedule {
    padding-top: calc(33 / var(--font-size) * 1rem);
}
.mv-schedule-date {
    width: calc(396 / var(--font-size) * 1rem);
    margin: 0 auto;
}
.mv-schedule-date.mv-schedule-date--yoyogi {
  width: calc(630 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--fukuoka {
  width: calc(630 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--osaka {
  width: calc(556 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--miyagi {
  width: calc(396 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--aichi {
  width: calc(633 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--kanagawa {
  width: calc(396 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--hokkaido {
  width: calc(356 / var(--font-size) * 1rem);
}
.mv-schedule-date.mv-schedule-date--okinawa {
  width: calc(356 / var(--font-size) * 1rem);
}
.mv-schedule-place {
    margin-top: calc(12 / var(--font-size) * 1rem);
}
.mv-schedule-place-txt {
    text-align: center;
    position: relative;
}
.mv-schedule-place-txt::before,
.mv-schedule-place-txt::after {
  content: "";
  display: block;
}
.mv-schedule-place-txt::before {
  width: calc(100 / var(--font-size) * 1rem);
  padding-top: calc(103 / var(--font-size) * 1rem);
  background: url("/dct-02/assets/img/common/mv_deco_label_left.png") no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: calc(16 / var(--font-size) * 1rem);
}
.mv-schedule-place-txt--aichi::before {
  left: calc(-10 / var(--font-size) * 1rem);
}
.mv-schedule-place-txt::after {
  width: calc(117 / var(--font-size) * 1rem);
  padding-top: calc(112 / var(--font-size) * 1rem);
  background: url("/dct-02/assets/img/common/mv_deco_label_right.png") no-repeat center / contain;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: calc(16 / var(--font-size) * 1rem);
}
.mv-schedule-place-txt--aichi::after {
  right: calc(-10 / var(--font-size) * 1rem);
}
.mv-schedule-place-txt__label {
    font-size: calc(40 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: calc(56 / 40);
    letter-spacing: calc(75 / 1000 * 1em);
}
.mv-schedule-place-txt__label--s {
  font-size: calc(31 / var(--font-size) * 1rem);
  line-height: calc(56 / 31);
  letter-spacing: calc(35 / 1000 * 1em);
}

/* --------------------------------------------------------------------------
  SPOT
-------------------------------------------------------------------------- */
.spot-sec {
    background: var(--main-color-10);
}
.spot-sec--intro {
}
.spot-sec__in {
}
.spot-sec__body {
  padding-top: calc(64 / var(--font-size) * 1rem);
}
.spot-sec--intro .spot-sec__body {
  padding-top: calc(72 / var(--font-size) * 1rem);
}
.spot-sec .tour-btn {
  margin-bottom: calc(72 / var(--font-size) * 1rem);
}
.spot-list__container {
    
}
.spot-list {
}
.spot-list-item {
}
.spot-list-item + .spot-list-item,
.spot-list-item--02 {
  margin-top: calc(64 / var(--font-size) * 1rem);
}
.spot-list-item--01 {
  margin-top: calc(20 / var(--font-size) * 1rem);
}
.spot-list-item--recommendation .spot-card::after {
  content: "";
  display: block;
  width: calc(145.5 / var(--font-size) * 1rem);
  aspect-ratio: 1 / 1;
  background: url("/dct-02/assets/img/common/spot_ico_recommendation.png") no-repeat center / contain;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: calc(-23 / var(--font-size) * 1rem);
  margin-right: calc(-17 / var(--font-size) * 1rem);
  z-index: 2;
}
.l-sec__header + .spot-card {
    margin-top: calc(20 / var(--font-size) * 1rem);
}
.spot-card {
    position: relative;
    padding-top: calc(30 / var(--font-size) * 1rem);
}
.spot-card::before {
    content: "";
    display: block;
    width: calc(160 / var(--font-size) * 1rem);
    padding-top: calc(64 / var(--font-size) * 1rem);
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(39 / var(--font-size) * 1rem);
    z-index: 2;
}
.spot-list-item--01 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_01.png") no-repeat center / contain;
}
.spot-list-item--02 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_02.png") no-repeat center / contain;
}
.spot-list-item--03 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_03.png") no-repeat center / contain;
}
.spot-list-item--04 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_04.png") no-repeat center / contain;
}
.spot-list-item--05 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_05.png") no-repeat center / contain;
}
.spot-list-item--06 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_06.png") no-repeat center / contain;
}
.spot-list-item--07 .spot-card::before{
    background: url("/dct-02/assets/img/common/spot_card_head_num_07.png") no-repeat center / contain;
}
.spot-card__in {
    background: var(--white-color);
    border-radius: calc(20 / var(--font-size) * 1rem);
    overflow: hidden;
}
.spot-card__body {
}
.spot-card-img {
    width: 100%;
    height: 100%;
    aspect-ratio: 69 / 43;
}
.spot-card-read {
}
.spot-card-read__in {
    padding: 0 calc(32 / var(--font-size) * 1rem);
}
.spot-card-read__body {
    padding: calc(20 / var(--font-size) * 1rem) 0 calc(32 / var(--font-size) * 1rem);
}
.spot-card-read-heading {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
}
.spot-card-read-heading-txt {
    text-align: center;
    margin-bottom: calc(8 / var(--font-size) * 1rem);
}
.spot-card-read-heading-txt__label {
    font-size: calc(32 / var(--font-size) * 1rem);
    letter-spacing: calc(75 / 1000 * 1em);
    line-height: calc(44.8 / 28);
    font-weight: bold;
}
.spot-card-read-info {
}
.spot-card-read-info-txt {
  text-align: center;
}
.spot-card-read-info-txt__label {
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: calc(43.2 / 24);
}
.spot-card-read-area {
  margin-top: calc(24 / var(--font-size) * 1rem);
}
.spot-card-read-area-txt {
  text-align: center;
}
.spot-card-read-area-txt__label {
  font-size: calc(16 / var(--font-size) * 1rem);
  line-height: 1.5;
}
.spot-card-read-info-note {
  margin-top: calc(12 / var(--font-size) * 1rem);
}
.spot-card-read-txt {
    text-align: center;
}
.spot-card-read-txt__label {
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: calc(43.2 / 24);
    letter-spacing: calc(75 / 1000 * 1em);
    font-weight: 400;
}
.spot-card-read-caption-txt {
    text-align: center;
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .spot-card-read-caption-txt__label + .spot-card-read-caption-txt__label {
    margin-top: calc(6 / var(--font-size) * 1rem);
  }
  .spot-card-read-credit__label {
    font-size: calc(20 / var(--font-size) * 1rem);
    letter-spacing: calc(75 / 1000 * 1em);
    font-weight: 400;
   }
  
.spot-card-read-link-deco {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(16 / var(--font-size) * 1rem) auto 0;
}
.spot-card-read-link-deco::before {
    content: "";
    display: block;
    width: calc(48 / var(--font-size) * 1rem);
    padding-top: calc(48 / var(--font-size) * 1rem);
    background: url("/dct-02/assets/img/common/ico_arrow_text-link.png") no-repeat center / contain;
    margin-right: calc(25 / var(--font-size) * 1rem);
}
.spot-card-read-link-deco__label {
  color: var(--black-color-100);
    font-size: calc(24 / var(--font-size) * 1rem);
    font-weight: 900;
    letter-spacing: calc(75 / 1000 * 1em);
}
.spot-card-read-link {
    text-align: center;
    display: block;
    margin-top: calc(24 / var(--font-size) * 1rem);
}
.spot-card-read-link__label {
    font-size: calc(24 / var(--font-size) * 1rem);
    font-weight: 500;
    letter-spacing: calc(75 / 1000 * 1em);
    position: relative;
    padding-bottom: calc(10 / var(--font-size) * 1rem);
    display: inline-block;
}
.spot-card-read-link__label::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
}
.spot-card-read-link__label::after {
  content: "";
  display: block;
  width: calc(20 / var(--font-size) * 1rem);
  height: calc(20 / var(--font-size) * 1rem);
  background: url("/dct-02/assets/img/common/ico_window.png") no-repeat center / contain;
  position: absolute;
  right: calc(-29 / var(--font-size) * 1rem);
  top: 50%;
  transform: translateY(-50%);
}
.went-spot {
  margin-top: calc(64 / var(--font-size) * 1rem);
}
.went-spot__in {
}
.header-title__sub-txt {
}
.went-spot-movie {
  margin-top: calc(36 / var(--font-size) * 1rem);
}
.went-spot-movie__in {
  border: solid calc(5 / var(--font-size) * 1rem) var(--main-color-500);
  border-radius: calc(20 / var(--font-size) * 1rem);
  overflow: hidden;
  height: calc(392.5 / var(--font-size) * 1rem);
}
.went-spot-movie iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.went-spot-txt {
  text-align: center;
  margin-top: calc(24 / var(--font-size) * 1rem);
}
.went-spot-txt__label {
  font-size: calc(24 / var(--font-size) * 1rem);
  letter-spacing: calc(75 / 1000 * 1em);
  line-height: calc(33.6 / 24);
}
.went-spot-btn {
  display: block;
  width: calc(560 / var(--font-size) * 1rem);
  margin: calc(36 / var(--font-size) * 1rem) auto 0;
}
.spot-list-item-header {
  width: calc(489 / var(--font-size) * 1rem);
  margin: calc(34 / var(--font-size) * 1rem) auto calc(31 / var(--font-size) * 1rem);
  position: relative;
}
.spot-list-item-header--recommendation::after {
  content: "";
  display: block;
  width: calc(145.5 / var(--font-size) * 1rem);
  aspect-ratio: 1 / 1;
  background: url("/dct-02/assets/img/common/spot_ico_recommendation.png") no-repeat center / contain;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: calc(-80 / var(--font-size) * 1rem);
  margin-right: calc(-100 / var(--font-size) * 1rem);
  z-index: 2;
}
/* --------------------------------------------------------------------------
  COMADO
-------------------------------------------------------------------------- */
.comado-sec {
  background: var(--main-color-500);
}
.comado-sec--point {
}
.comado-sec--recruit {
}
.comado-sec__in {
}
.comado-sec__body {
  padding-top: calc(55 / var(--font-size) * 1rem);
  padding-bottom: calc(82 / var(--font-size) * 1rem);
}
.comado-sec__header {
}
.comado-head-logo {
  width: calc(357 / var(--font-size) * 1rem);
  margin: 0 auto calc(43 / var(--font-size) * 1rem);
}
.comado-head-txt {
  margin: 0 auto 0;
}
.comado-sec--point .comado-head-txt {
  width: calc(309 / var(--font-size) * 1rem);
}
.comado-sec--recruit .comado-head-txt {
  width: calc(486 / var(--font-size) * 1rem);
}
.comado-head-ico {
}
.comado-sec--point .comado-head-ico {
  width: calc(79 / var(--font-size) * 1rem);
  margin: calc(17 / var(--font-size) * 1rem) auto 0;
}
.comado-sec--recruit .comado-head-ico {
  width: calc(117 / var(--font-size) * 1rem);
  margin: calc(30 / var(--font-size) * 1rem) auto 0;
}
.comado-read {
  margin-top: calc(20 / var(--font-size) * 1rem);
}
.comado-read-txt {
  text-align: center;
}
.comado-read__label {
  font-size: calc(28 / var(--font-size) * 1rem);
  line-height: calc(50.4 / 28);
}
.comado-read__label + .comado-read__label {
  margin-top: calc(28 / var(--font-size) * 1rem);
}
.comado-read-btn {
  display: block;
  width: calc(560 / var(--font-size) * 1rem);
  margin: calc(40 / var(--font-size) * 1rem) auto 0;
}

/* --------------------------------------------------------------------------
  COMADO-MODAL
-------------------------------------------------------------------------- */
.comado-modal-content {
  touch-action: none;
  overflow: hidden;
}
.comado-modal-content .c-modal-content__in {
  height: 100%;
}
.comado-modal-content .c-modal-content__body {
  height: 100%;
}
.comado-content {
  background: var(--main-color-10);
  padding: calc(65 / var(--font-size) * 1rem) 0 calc(72 / var(--font-size) * 1rem);
  height: 100%;
  position: relative;
  overflow-y: scroll;
}
.comado-content__in {
  width: calc(666 / var(--font-size) * 1rem);
  margin: 0 auto;
  background: var(--main-color-500);
  padding: 0 calc(27 / var(--font-size) * 1rem);
  border-radius: calc(10 / var(--font-size) * 1rem);
}
.comado-content__body {
  padding: calc(72 / var(--font-size) * 1rem) 0;
}
.comado-content-heading {
}
.comado-content-heading-img {
  width: calc(381 / var(--font-size) * 1rem);
  margin: 0 auto 0;
}
.comado-content-heading-txt {
  margin-top: calc(48 / var(--font-size) * 1rem);
  text-align: center;
}
.comado-content-heading-txt__label {
  color: var(--black-color-100);
  font-size: calc(32 / var(--font-size) * 1rem);
  font-weight: bold;
  letter-spacing: calc(100 / 1000 * 1em);
  line-height: calc(50.4 / 32);
}
.comado-content-read {
}
.comado-content-read > * + * {
  margin-top: calc(28 / var(--font-size) * 1rem);
}
.comado-content-read-txt {
  text-align: center;
}
.comado-content-read-txt__label {
  color: var(--black-color-100);
  font-size: calc(28 / var(--font-size) * 1rem);
  letter-spacing: calc(100 / 1000 * 1em);
  line-height: calc(50.4 / 28);
  font-weight: 400;
}
.comado-content-read-txt__label + .comado-content-read-txt__label {
  margin-top: calc(28 / var(--font-size) * 1rem);
}
.comado-content-read-img__container {
  display: flex;
  gap: calc(24 / var(--font-size) * 1rem);
}
.comado-content-read-img {
  width: calc((100% - (24 / var(--font-size) * 1rem)));
}

/* --------------------------------------------------------------------------
  MAP
-------------------------------------------------------------------------- */
.map-sec {
  background: var(--main-color-500);
}
.map-sec__in {
}
.map-sec__body {
  padding-top: calc(76 / var(--font-size) * 1rem);
  padding-bottom: calc(76 / var(--font-size) * 1rem);
}
.map-img {
  margin-top: calc(48 / var(--font-size) * 1rem);
  border-radius: calc(20 / var(--font-size) * 1rem);
  overflow: hidden;
}
.map-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(16 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
  margin-top: calc(48 / var(--font-size) * 1rem);
}
.map-link-list-item {
  width: calc((100% - (24 / var(--font-size) * 1rem)) / 2);
}
.map-btn {
  position: relative;
  z-index: 0;
  padding-bottom: calc(8 / var(--font-size) * 1rem);
  display: block;
  border-radius: 9999px;
}
.map-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--green-color-500);
  min-height: calc(128 / var(--font-size) * 1rem);
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9999px;
}
.map-btn__in {
  position: relative;
  z-index: 1;
  background: var(--green-color-100);
  min-height: calc(128 / var(--font-size) * 1rem);
  height: 100%;
  border-radius: 9999px;
  padding: 0 calc(24 / var(--font-size) * 1rem);
}
.map-btn__body {
  height: 100%;
  min-height: calc(128 / var(--font-size) * 1rem);
  padding: calc(17 / var(--font-size) * 1rem) 0;
  position: relative;
}
.map-btn-spot {
  width: calc(70 / var(--font-size) * 1rem);
  margin: 0 auto calc(8 / var(--font-size) * 1rem);
}
.map-btn-txt {
  min-height: calc(60 / var(--font-size) * 1rem);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.map-btn-txt__label {
  color: var(--white-color);
  font-size: calc(22 / var(--font-size) * 1rem);
  font-weight: bold;
  line-height: calc(30.8 / 22);
}
.map-btn-icon {
  width: calc(20 / var(--font-size) * 1rem);
  margin: 0 auto 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.map-detail-btn {
  display: block;
  width: calc(560 / var(--font-size) * 1rem);
  margin: calc(62 / var(--font-size) * 1rem) auto 0;
}
.comado-content-flow {
  margin-top: calc(108 / var(--font-size) * 1rem);
}
.comado-content-flow__in {
}
.comado-content-flow__body {
}
.comado-content-flow-heading {
  width: calc(436 / var(--font-size) * 1rem);
  margin: 0 auto calc(72 / var(--font-size) * 1rem);
}
.comado-content-flow-item {
}
.comado-content-flow-item + .comado-content-flow-item {
  margin-top: calc(64 / var(--font-size) * 1rem);
}
.flow-card-content {
  background: var(--white-color);
  margin-top: calc(-20 / var(--font-size) * 1rem);
}
.flow-card-content__in {
  padding: 0 calc(14 / var(--font-size) * 1rem);
}
.flow-card-content__body {
  padding: calc(56 / var(--font-size) * 1rem) 0 calc(67 / var(--font-size) * 1rem);
}
.flow-card-content-txt {
  text-align: center;
}
.flow-card-content-txt__label {
  font-size: calc(28 / var(--font-size) * 1rem);
  font-weight: 400;
  letter-spacing: calc(80 / 1000 * 1em);
  line-height: calc(42 / 28);
  font-feature-settings: "palt";
}
.flow-card-content-btn {
  display: block;
  width: calc(488 / var(--font-size) * 1rem);
  margin: 0 auto;
}
.flow-card-content-head {
  width: calc(228 / var(--font-size) * 1rem);
  margin: 0 auto calc(24 / var(--font-size) * 1rem);
}
.flow-card-content-qr {
  width: calc(200 / var(--font-size) * 1rem);
  margin: calc(24 / var(--font-size) * 1rem) auto 0;
}
.flow-card-content-install {
  width: calc(334 / var(--font-size) * 1rem);
  margin: calc(58 / var(--font-size) * 1rem) auto 0;
}
.flow-card-content-login {
  width: calc(554 / var(--font-size) * 1rem);
  margin: calc(28 / var(--font-size) * 1rem) auto 0;
}
.comado-content-flow-item--no-first .flow-card-content-list-item:not(:last-child) {
  position: relative;
  margin-bottom: calc(42 / var(--font-size) * 1rem);
  padding-bottom: calc(28 / var(--font-size) * 1rem);
}
.comado-content-flow-item--no-first .flow-card-content-list-item::before {
  content: "";
  display: block;
  width: calc(612 / var(--font-size) * 1rem);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.comado-content-flow-item--no-first .flow-card-content-list-item:first-child::before {
  height: calc(2 / var(--font-size) * 1rem);
  background: var(--main-color-500);
}
.comado-content-flow-item--no-first .flow-card-content-list-item:nth-child(2),
.comado-content-flow-item--no-first .flow-card-content-list-item:nth-child(3) {
  padding-bottom: calc(50 / var(--font-size) * 1rem);
}
.comado-content-flow-item--no-first .flow-card-content-list-item:nth-child(2)::before,
.comado-content-flow-item--no-first .flow-card-content-list-item:nth-child(3)::before {
  background: url('/dct-02/assets/img/common/comado-content_deco_flow.png') no-repeat center / contain;
  height: calc(26 / var(--font-size) * 1rem);
}


/* --------------------------------------------------------------------------
  TOUR
-------------------------------------------------------------------------- */
.tour-sec {
  background: var(--main-color-10);
}
.tour-sec__in {
}
.tour-sec__body {
  padding-top: calc(85 / var(--font-size) * 1rem);
  padding-bottom: calc(78 / var(--font-size) * 1rem);
}
.tour-btn {
  width: calc(630 / var(--font-size) * 1rem);
  margin: 0 auto 0;
  display: block;
}

/* --------------------------------------------------------------------------
  INTRO
-------------------------------------------------------------------------- */
.intro-modal-content {
}
.intro-modal-content__in {
}
.intro-modal-content__body {
}
.intro-content {
  background: var(--main-color-500);
  height: 100svh;
  padding-bottom: calc(128 / var(--font-size) * 1rem);
}
.intro-content__in {
  padding: 0 calc(30 / var(--font-size) * 1rem);
  height: 100%;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: calc(750 / var(--font-size) * 1rem);
  margin: 0 auto;
}
.intro-content__body {
  padding: calc(28 / var(--font-size) * 1rem) 0 0;
  height: 100%;
  position: relative;
}
.intro-deco {
  width: calc(706 / var(--font-size) * 1rem);
  margin: calc(21 / var(--font-size) * 1rem) auto 0;
  position: relative;
}
.intro-deco::before,
.intro-deco::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;

}
.intro-deco::before {
  width: calc(110 / var(--font-size) * 1rem);
  padding-top: calc(84 / var(--font-size) * 1rem);
  background: url("/dct-02/assets/img/common/intro_deco_label_left.png") no-repeat center / contain;
  left: 0;
  margin-top: calc(10 / var(--font-size) * 1rem);
  margin-left: calc(-10 / var(--font-size) * 1rem);
}
.intro-deco::after {
  width: calc(114 / var(--font-size) * 1rem);
  padding-top: calc(93 / var(--font-size) * 1rem);
  background: url("/dct-02/assets/img/common/intro_deco_label_right.png") no-repeat center / contain;
  right: 0;
  margin-top: calc(10 / var(--font-size) * 1rem);
  margin-right: calc(0 / var(--font-size) * 1rem);
}
.intro-content-heading {
  width: calc(534 / var(--font-size) * 1rem);
  margin: 0 auto calc(32 / var(--font-size) * 1rem);
}
.intro-content-txt {
  text-align: center;
}
.intro-content-txt__label {
  font-size: calc(24 / var(--font-size) * 1rem);
  line-height: calc(38.4 / 24);
  letter-spacing: calc(50 / 1000 * 1em);
  font-weight: 500;
}
.intro-content-txt__label--link {
  position: relative;
  display: inline-block;
  padding-bottom: calc(4 / var(--font-size) * 1rem);
  color: var(--black-color-99);
}
.intro-content-txt__label--link::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--black-color-99);
  position: absolute;
  left: 0;
  bottom: 0;
}
.intro-content-txt__label + .intro-content-txt__label {
  margin-top: calc(24 / var(--font-size) * 1rem);
}
.intro-content-txt__note {
  margin-bottom: calc(24 / var(--font-size) * 1rem);
}
.intro-img {
  margin: calc(33 / var(--font-size) * 1rem) auto 0;
  width: calc(630 / var(--font-size) * 1rem);
  border-radius: calc(20 / var(--font-size) * 1rem);
  overflow: hidden;
}
.intro-map-btn {
  background: var(--black-color-99);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
.intro-map-btn__in {
  padding: 0 calc(56 / var(--font-size) * 1rem);
  display: block;
  width: calc(750 / var(--font-size) * 1rem);
  margin: 0 auto;
}
.intro-map-btn__body {
  padding: calc(21 / var(--font-size) * 1rem) 0;
  position: relative;
}
.intro-map-btn-txt {
  text-align: center;
}
.intro-map-btn-txt__label {
  color: var(--white-color);
  font-size: calc(28 / var(--font-size) * 1rem);
  font-weight: bold;
  line-height: calc(43.2 / 28);
  letter-spacing: calc(75 / 1000 * 1em);
}
.intro-map-btn-txt__label--sub {
  font-size: calc(24 / 28 * 1em);
}
.intro-map-btn-arrow {
  width: calc(18 / var(--font-size) * 1rem);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}