<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'utf-8';

/* 蜈ｱ騾� */
.c-n img {
  width: 100%;
  vertical-align: middle;
}

.c-n a {
  cursor: pointer;
  transition: .4s;
  text-decoration: none;
  color: inherit;
}

.c-n a:hover {
  opacity: .7;
}



.c-n {
  box-sizing: border-box;
  font-family: '貂ｸ繧ｴ繧ｷ繝�け菴�', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け', 'Yu Gothic', sans-serif;
}

.c-n * {
  box-sizing: border-box;
}

.c-n_wrapper {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

.c-n_section_title {
  font-size: 42px;
  font-weight: 700;
  text-align: left;
  color: #e75381;
}


/* 繝懊ち繝ｳ縺ｮ繝帙ヰ繝ｼ */
.c-n_button {
  position: relative;
  display: block;
  height: 60px;
  transition: .4s;
}

.c-n_button a {
  display: block;
  width: 100%;
}

.c-n_button img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: .4s;
}

.c-n_button a:hover {
  opacity: 1;
}

.c-n_button:hover img:nth-of-type(2) {
  transition: 0;
  opacity: 0;
}

.c-n_about_box a:hover {
  transform: translateX(10px) translateY(10px);
}

/* 繝懊ち繝ｳ縺ｮ繝帙ヰ繝ｼ 縺薙％縺ｾ縺ｧ*/




/* MV */
.c-n_mv {
  max-height: 400px;
  background-image: url(/excludes/images/p/coin/index02/c-n_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.c-n_title {
  display: block;
  width: 100%;
  max-width: 1259px;
  margin: 0 auto;
}

/* MV 縺薙％縺ｾ縺ｧ*/


/* What's New */
.c-n_intro {
  width: 100%;
  padding: 65px 0 40px;
  background-color: #fff5f2;
}

.c-n_whatsnew {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 10px 43px;
  border-radius: 40px;
  background-color: #fff;
}

.c-n_whatsnew::before {
  position: absolute;
  top: -50px;
  right: 8%;
  display: block;
  width: 95px;
  height: 58px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_whatsnew_illust.svg);
  background-repeat: no-repeat;
}


.c-n_whatsnew_title_area {
  position: relative;
  width: 35%;
  max-width: 300px;
  text-align: center;
}

.c-n_whatsnew_title {
  position: absolute;
  top: 50%;
  left: 15%;
  display: block;
  width: 60%;
  max-width: 182px;
  transform: translateY(-50%);
}

.c-n_whatsnew_content {
  display: flex;
  flex-direction: column;
  width: 65%;
  max-width: 590px;
}

.c-p_whatsnew_list {
  display: flex;
  align-items: center;
  padding: 1em;
}

.c-p_whatsnew_list + .c-p_whatsnew_list {
  border-top: 2px solid #e2e2e2;
}


.c-n_whatsnew_date {
  display: flex;
  align-items: center;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 500;
}

.c-n_whatsnew_date::before {
  display: block;
  width: 8px;
  height: 15px;
  margin-right: 28px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_whatsnew_arrow.svg);
  background-repeat: no-repeat;
}

.c-n_whatsnew_data {
  font-size: 16px;
  font-weight: 700;
}



.c-n_about_button {
  display: flex;
  justify-content: space-between;
  margin-top: 43px;
}

.c-n_button_coindata,
.c-n_button_dduet {
  width: 48%;
  max-height: 60px;

  aspect-ratio: 470/60;
}



.c-n_about_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  font-size: 26px;
  font-weight: 700;
  color: #222;
}

.c-n_about_title::before,
.c-n_about_title::after {
  display: block;
  width: 16px;
  height: 30px;
  margin-right: 10px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_about-left.svg);
  background-repeat: no-repeat;
}

.c-n_about_title::after {
  margin-right: 0;
  margin-left: 10px;
  background-image: url(/excludes/images/p/coin/index02/c-n_about-right.svg);
}

.c-n_about_movie {
  width: 57%;
  max-width: 560px;
  max-height: 315px;
  margin: 20px auto 0;

  aspect-ratio: 560/315;

  /* background-color: #bfbfbf; */
}


.c-n_about_list {
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
}

.c-n_about_box {
  width: 22%;
  max-width: 220px;
  height: 170px;
  cursor: pointer;
}

/* What窶冱 New 縺薙％縺ｾ縺ｧ */


/* 繧ｭ繝｣繝ｳ繝壹�繝ｳ繝舌リ繝ｼ */
.c-n_cp_container {
  display: flex;
  justify-content: space-between;
	justify-content: center;
	/* width: 47.34%;
  max-width: 464px; */
	margin: 0 auto;
	padding: 22px 0;
	/* 0421菫ｮ豁｣ */
	width: 100%;
}

.c-n_cp_banner {
	display: block;
	/* width: 45%;
  max-width: 222px; */
	margin-right: 20px;
	/* 0421菫ｮ豁｣ */
	max-width: 480px;
}

.c-n_cp_container.none {
	column-gap: 20px;
}

/* 0421霑ｽ蜉� */

.c-n_cp_container.none .c-n_cp_banner {
	margin-right: 0;
}

/* 0421霑ｽ蜉� */

/* 繧ｭ繝｣繝ｳ繝壹�繝ｳ繝舌リ繝ｼ 縺薙％縺ｾ縺ｧ*/



/* 繝繧ｹ繧ｭ繝ｳ縺ｧ菴ｿ縺��雋ｯ繧√ｋ */


.c-n_button_guidemovie {
  width: 39%;
}

.c-n_duskin {
  width: 100%;
  padding: 65px 0;
  background-color: #fff5f2;
}

.c-n_duskin_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-n_duskin_container {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.c-n_duskin_box {
	display: flex !important;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	justify-content: flex-start;
	/* 0512菫ｮ豁｣ */
	width: 32%;
	/* min-width: 32%; */
	max-width: 312px;
	/* min-height: 410px; */
	/* 0512菫ｮ豁｣ */
	cursor: pointer;
	border-radius: 30px;
	background-color: #fff;
}


.c-n_duskin_box:empty {
  overflow: hidden;
  height: 0;
  padding: 0;
  pointer-events: none;
  background-color: transparent;
}

a.c-n_duskin_box:hover {
  opacity: 1;
}

.c-n_duskin_box_top {
	padding: 18px 0 10px;
	/* 0512菫ｮ豁｣ */
}

.c-n_duskin_box_image {
  max-width: 195px;
  margin: 0 auto;
}

.c-n_duskin_box_bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	min-height: 176px;
	padding: 10px 30px 30px;
	transition: .4s;
	border-radius: 0 0 30px 30px;
}


.c-n_duskin_box:hover .c-n_duskin_box_bottom {
  color: #222;
  background-color: #ffd;
}




.c-n_duskin_box_text,
.c-n_duskin_box_price {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38;
  text-align: left;
}



.c-n_duskin_box_price {
	align-self: flex-start;
	/* margin-top: auto; */
	/* 0512菫ｮ豁｣ */
	font-weight: 500;
}

.c-n_duskin_box_coin {
	display: block;
	width: 100%;
	/* margin-top: 10px; */
	/* margin-top: 32px; */
	/* 0512菫ｮ豁｣ */
	font-size: 18px;
	font-weight: 700;
	color: #e75381;
	background-color: #fff3a5;
}

.c-n_duskin_box_coin.otameshi {
	color: #0070c4;
	margin-top: 10px;
}
/* 0512霑ｽ蜉� */
.c-n_button_more {
	width: 51%;
	max-width: 500px;
	margin: 75px auto 0;
}

.c-n_button_more.use-button {
	margin: 24px auto 0;
}
/* 0512霑ｽ蜉� */

/* 繝繧ｹ繧ｭ繝ｳ縺ｧ菴ｿ縺��雋ｯ繧√ｋ 縺薙％縺ｾ縺ｧ */

/* DDuet繝｢繝ｼ繝ｫ縺ｧ雋ｯ繧√ｋ */
.c-n_mall {
  padding: 60px 0;
  border-top: 2px solid #e75381;
  background-color: #fff5f2;
}

.c-n_mall_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-n_mall_button {
  width: 42.8%;
}

.c-n_button_guide {
  margin-top: 15px;
}

.c-n_section_subtitle {
  font-size: 30px;
  font-weight: 700;
  color: #e75381;
}

.c-n_title_shop {
  display: flex;
  justify-content: center;
  margin-top: 55px;
}

.c-n_title_shop::before {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_title_feature-left.svg);
  background-repeat: no-repeat;
}



.c-n_title_shop::after {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-left: 10px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_title_feature-right.svg);
  background-repeat: no-repeat;
}

.c-n_mall_container {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.c-n_mall_box {
  width: 23.7%;
  max-width: 233px;
  margin-right: 15px;
}

.c-n_mall_box_top {
	position: relative;
	padding: .4em 0;
	font-size: 18px;
	color: #fff;
	/* border-radius: 30px 30px 0 0; */
	background-color: #e75381;
	border-radius: 19px;
	background-color: #e75381;
	margin-bottom: 13px;
	width: 145px;
	margin: 0 auto 13px;
}

.c-n_mall_box.c-n_top_none .c-n_mall_box_top {
	opacity: 0;
	pointer-events: none;
}

/* 0424霑ｽ蜉� */

.c-n_mall_box.c-n_top_none .c-n_mall_box_top p {
	pointer-events: none;
	opacity: 0;
}

.c-n_mall_box_top p {
  font-weight: 700;
}

.c-n_mall_box_top::after {
  position: absolute;
  bottom: -11px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  transform: translateX(-50%);
  border-style: solid;
  border-top: 12px solid #e75381;
  border-right: 7px solid transparent;
  border-bottom: 0;
  border-left: 7px solid transparent;
}

.c-n_mall_box.c-n_top_none .c-n_mall_box_top::after {
	display: none;
}
.c-n_mall_box_bottom {
	display: flex;
	align-items: center;
	flex-direction: column;
	/* justify-content: space-between; */
	min-height: 267px;
	/* padding: 24px 17px 22px; */
	cursor: pointer;
	transition: .4s;
	border-radius: 0 0 30px 30px;
	/* background-color: #fff; */
	/* 0424菫ｮ豁｣ */
}

a.c-n_mall_box_bottom:hover {
  opacity: 1;
}

.c-n_mall_box_bottom:hover img {
  opacity: .5;
}

.c-n_mall_box_bottom .bottom-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: white;
	border-radius: 20px;
	padding: 2rem 0;
	width: 100%;
	min-height: 166px;
}

/* 0424霑ｽ蜉� */
.c-n_mall_box_image {
	max-width: 120px;
}

.c-n_mall_box_text {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
}

.c-n_mall_box_coin {
	display: inline-block;
	width: 100%;
	/* margin-top: auto; */
	margin-top: 5px;
	border-radius: 20px;
	/* 0424菫ｮ豁｣ */
	padding: 15px 0 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	background-color: #fff3a5;
}

.c-n_mall_box.c-n_both_none .c-n_mall_box_top {
	opacity: 0;
	pointer-events: none;
}

/* 0424霑ｽ蜉� */

.c-n_mall_box.c-n_both_none .c-n_mall_box_top p {
	pointer-events: none;
	opacity: 0;
}

/* 0424霑ｽ蜉� */
.c-n_mall_box.c-n_both_none .c-n_mall_box_coin {
	display: none;
}

/* 0424菫ｮ豁｣ */

.c-n_mall_box_coin span {
  color: #e75381;
}

.c-n_button_shop {
  width: 51%;
  max-width: 500px;
  margin: 75px auto 0;
}


.c-n_title_feature {
  position: relative;
  display: inline-block;
  margin-top: 80px;
}

.c-n_title_feature::after {
  position: absolute;
  top: -20px;
  right: -20px;
  display: block;
  width: 35px;
  height: 35px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_title_special.svg);
  background-repeat: no-repeat;
}

.c-n_mall_feature_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}

.c-n_mall_feature_box {
  width: 31.8%;
  max-width: 312px;
}


.c-n_mall_shoplist {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 90px auto 0;
  text-align: center;
}

.c-n_mall_list_text {
  margin-right: 25px;
  font-size: 30px;
  font-weight: 700;
}

.c-n_mall_list_text span {
  font-size: 50px;
  color: #e75381;
}

.c-n_shoplist_button {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}

.c-n_button_shoplist,
.c-n_button_mall {
  width: 48.5%;
  max-width: 476px;
}

/* DDuet繝｢繝ｼ繝ｫ縺ｧ雋ｯ繧√ｋ 縺薙％縺ｾ縺ｧ */

/* 繧ｳ繧､繝ｳ繧奪Duet蜆ｪ蠕�虻縺ｫ莠､謠� 繧ｳ繧､繝ｳ繧貞ｯ�ｻ倥☆繧� */
.c-n_coin_group {
  padding: 33px 0 63px;
  border-top: 2px solid #e75381;
  background-color: #fff5f2;
}

.c-n_coin_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.coin_title {
  text-align: center;
}

.c-n_coin_change {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 54%;
  max-width: 533px;
}

.c-n_coin_change::after {
	position: absolute;
	right: -12.5%;
	display: block;
	width: 3px;
	/* height: 616px; */
	content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_dot.svg);
	/* background-repeat: no-repeat; */
	    background-repeat: repeat-y;
    background-size: cover;
    background-position-y: 0;
		height: 100%; /* 0614菫ｮ豁｣莠句漁螻 */
		/* 0512菫ｮ豁｣ */

}



.c-n_ticket {
  width: 47.6%;
  max-width: 254px;
  margin-top: 40px;
}

.c-n_ticket_table {
  width: 100%;
  font-size: 16px;
  border: 2px solid #e75381;
}

.c-n_ticket_table td {
  border: 1px solid #e75381;
}

.c-n_table_title {
  font-size: 19px;
  color: #fff;
  background-color: #e75381;
}

.c-n_table_title span {
  margin-right: 10px;
  padding: .5em .8em;
  font-size: 16px;
  color: #333;
  border-radius: 15px;
  background-color: #fff;
}

.c-n_ticket_table_column01 {
  width: 33%;
  padding: .3em 0;
}

.c-n_ticket_table_column02 {
  width: 22%;
  padding: .2em 1em;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
}

.c-n_ticket_table_column03 {
	width: 42%;
	/* padding: .2em 1em; */
	padding: .2em 1em .2em 50px;
	/* 0502菫ｮ豁｣ */
	font-size: 16px;
	text-align: left;
	background-color: #fff;
}

.c-n_button_change {
	width: 79.7%;
	max-width: 425px;
	/* margin-top: 20px; */
	margin: 20px auto 0;
	/* 0512菫ｮ豁｣ */
}

.c-n_coin_change_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 26px;
  padding: 15px;
  border-radius: 16px;
  background-color: #ffd6ca;
}

.c-n_coin_change_info_image {
  width: 73px;
  /* max-width: 73px; */
}

.c-n_coin_change_info_text {
  width: 409px;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
}

.c-n_coin_change_info_text a {
  font-weight: 700;
  text-decoration: underline;
  color: #e75381;
}


.c-n_coin_donation {
  width: 33%;
  max-width: 326px;
}

.c-n_ainowa {
  margin-top: 40px;
}

.c-n_button_donation {
  margin-top: 20px;
}

/* 繧ｳ繧､繝ｳ繧奪Duet蜆ｪ蠕�虻縺ｫ莠､謠� 繧ｳ繧､繝ｳ繧貞ｯ�ｻ倥☆繧� 縺薙％縺ｾ縺ｧ*/


/* 繧ｳ繧､繝ｳ縺ｧ繝医け繝医け 縺ｿ縺ｪ縺輔∪縺ｮ螢ｰ */
.c-n_voice {
  width: 100%;
  padding: 55px 0 20px;
  background: linear-gradient(150deg, rgba(255, 162, 204, 1) 0%, rgba(255, 178, 166, 1) 100%);
}

.c-n_voice_title {
  width: 94%;
  max-width: 922px;
  margin: 0 auto;
}

.c-n_voice_update {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
}

.c-n_voice_container {
  margin-top: 30px;
}

.c-n_voice_box {
  position: relative;
  width: 100%;
  /* padding: 40px 90px; */
  border-radius: 50px;
  background-color: #fff;
}

.c-n_voice_box:nth-child(n+2) {
  margin-top: 70px;
}


.c-n_voice_box:nth-child(odd):after {
  position: absolute;
  bottom: -43px;
  left: 90px;
  display: block;
  width: 52px;
  height: 65px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_speechbubble-left.svg);
  background-repeat: no-repeat;
}

.c-n_voice_box:nth-child(even):after {
  position: absolute;
  right: 90px;
  bottom: -43px;
  display: block;
  width: 52px;
  height: 65px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_speechbubble-right.svg);
  background-repeat: no-repeat;
}



.c-n_voice_box_title {
  position: relative;
  padding: 40px 90px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  transition: .4s;
  text-align: left;
}


.c-n_voice_box_title::before,
.c-n_voice_box_title::after {
	position: absolute;
	top: 50%;
	right: 70px;
	width: 20px;
	height: 2px;
	content: '';
	transition: all .4s;
	background-color: #e75381;
}

.c-n_voice_box_title::after {
  transform: rotate(90deg);
}

.c-n_voice_box_title.close::after {
  transform: rotate(180deg);
}

.c-n_voice_box_content {
  display: none;
  padding: 0 90px 40px;
}

.c-n_voice_customer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
}


.c-n_voice_customer_box {
	width: 90px;
}

.c-n_voice_customer_image,
.c-n_voice_dduet_image {
	width: 80px;
}

.c-n_voice_name {
	margin-top: 10px;
	font-size: 18px;
}

.c-n_voice_customer_text {
  width: 84.25%;
  max-width: 674px;
  font-size: 18px;
  line-height: 1.44;
  text-align: left;
}

.c-n_voice_dduet {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px 0 0;
  padding-bottom: 0;
}

.c-n_voice_dduet::after {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_voice_dot.svg);
  background-repeat: no-repeat;
}

.c-n_voice_dduet_text_group {
  /* text-align: left; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 84.25%;
  max-width: 674px;
}

.c-n_voice_dduet_text {
  font-size: 18px;
  line-height: 1.44;
  text-align: left;
}

a.c-n_voice_link {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
  color: #e75381;
}

a.c-n_voice_link:nth-child(n+3) {
  margin-top: 0;
}

.c-n_button_contribution {
  width: 51%;
  max-width: 500px;
  margin: 75px auto 0;
}

.c-n_voice_description {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.6875;
  text-align: left;
}

/* 繧ｳ繧､繝ｳ縺ｧ繝医け繝医け 縺ｿ縺ｪ縺輔∪縺ｮ螢ｰ 縺薙％縺ｾ縺ｧ */
.c-n_coin_guide {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 30px 0 20px;
}

.c-n_coin_guide_image {
	width: 47%;
	max-width: 470px;
}

.c-n_coin_guide_text {
	display: flex;
	margin-top: 10px;
	font-size: 28px;
	color: #e75381 !important;
}

.c-n_coin_guide_text::after {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-left: 10px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_coin_arrow.svg);
  background-repeat: no-repeat;
}

/* DDuet繧ｳ繧､繝ｳ雋ｯ繧∵婿繝ｻ菴ｿ縺�婿 */
#c-n_duskin_slide .slick-slide {
  margin: 0 10px;
}

#c-n_mall_feature .slick-slide {
  margin: 0 10px;
}

.slick-prev,
.slick-next {
  width: 14px;
  height: 28px;
}

.slick-prev:before,
.slick-next:before {
  display: block;
  width: 14px;
  height: 28px;
  content: '';
  background-image: url(/excludes/images/p/coin/index02/c-n_arrow_prev.svg);
  background-repeat: no-repeat;
}


.slick-next:before {
  background-image: url(/excludes/images/p/coin/index02/c-n_arrow_next.svg);
}

#c-n_cp_slide .slick-prev:before {
  background-image: url(/excludes/images/p/coin/index02/c-n_cp_prev.svg);
}

#c-n_cp_slide .slick-next:before {
  background-image: url(/excludes/images/p/coin/index02/c-n_cp_next.svg);
}

.slick-dots {
  bottom: -40px;
}

.slick-dots li {
  width: auto;
  height: 10px;
  margin: 0 22px;
  padding: 0;
}

.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
}

.slick-dots li button:before {
  width: 10px;
  height: 10px;
  content: '';
  opacity: 1;
  border-radius: 50%;
  background-color: #d3d3d3;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #e75381;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
/* 0502霑ｽ蜉� */
.tab-menu {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 478px;
	margin-top: 34px;
}

.tab {
	cursor: pointer;
	padding: 7px 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A3A3A3;
	width: 32%;
	font-weight: bold;
	color: white;
	font-size: 19px;
	line-height: 1;
}

.tab::before {
	content: "";
	font-size: 16px;
	font-weight: bold;
	border-radius: 11px;
	width: 70px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	color: #333;
	margin-right: 6px;
	line-height: 1;
}

.tab.now::before {
	content: "蜿嶺ｻ倅ｸｭ";
	background-color: yellow;
}

.tab.next::before {
	content: "谺｡蝗�";
}

.tab.end::before {
	content: "邨ゆｺ�";
}

.tab.active {
	background-color: #e75381;
}

.tab-content {
	width: 100%;
	max-width: 478px;
}

.tab-content .tab-pane {
	display: none;
}

.tab-content .tab-pane.active {
	display: block;
}</pre></body></html>