@charset "utf-8";
/* CSS Document */


.main_area{
	position: sticky;
	top: 0;
	z-index: -1;
}
.main-kv{
	position: relative;
	background-image: url("../images/kv_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	height: 100svh;
	z-index: 0;
}
.main-kv::after{
	content: "";
	position: absolute;
	bottom: calc(100svh - 100vh);
	left: 0;
	right: 0;
	background-color: #000528;
	width: 100%;
	height: calc(100vh - 100svh);
	z-index: 0;
}
.main-kv > img{
	visibility: hidden;
	font-size: 0;
}
.main_area-circle{
	position: relative;
	width: 375px;
	height: 375px;
	margin-top: calc(-50.667% - 12px);
	z-index: 2;
	overflow-x: clip;
}
/* .main_area-circle::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	margin-top: 12px;
	border-radius: 50%;
	z-index: 0;
} */
.main_area-circle .main-circle{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	margin-top: 12px;
	border-radius: 50%;
	z-index: 0;
	transform-origin: top center;
}
.main_area-circle .new{
	position: relative;
	left: 42%;
	background-color: #00adb9;
	width: 65px;
	padding: 25.35px 0;
	margin-top: -12px;
	margin-left: -33.333%;
	font-family: "ゴシックMB101 M JIS2004 AP";
	font-size: 14.3px;
	color: #fff;
	text-align: center;
	line-height: 1;
	border-radius: 50%;
	z-index: 1;
}
.main_area-circle .main-title{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 375px;
	/* margin-top: 4.533%; */
	margin-top: -3%;
	font-family: "ゴシックMB101 B JIS2004 AP";
	color: #00adb9;
	line-height: 1.2;
	z-index: 1;
}
.main_area-circle .main-title .ttl_l01{
	font-size: 25px;
}
.main_area-circle .main-title .ttl_l02{
	font-size: 36.652px;
	text-align: center;
}
.main_area .main-bg-color{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100vh;
	display: block;
	background-color: #000528;
	opacity: 0;
	z-index: 0;
}
@media screen and (max-width: 768px) {
	.main-kv {
		background-image: url("../images/kv_sp.jpg");
	}
	.main_area-circle{
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		margin-top: -52.467%;
	}
	/* .main_area-circle::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		padding-bottom: 100%;
		margin-top: 12px;
		border-radius: 50%;
		z-index: 0;
	} */
	.main_area-circle .main-circle {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		padding-bottom: 100%;
		margin-top: 12px;
		border-radius: 50%;
		z-index: 0;
	}
	.main_area-circle .new{
		width: 17.333%;
		padding: 6.933% 0;
		margin-top: -3.2%;
		font-size: 3.813vw;
	}
	.main_area-circle .main-title{
		margin-top: -4%;
		width: 100%;
		padding-bottom: 20px;
	}
	.main_area-circle .main-title .ttl_l01{
		font-size: 6.667vw;
	}
	.main_area-circle .main-title .ttl_l02{
		font-size: 9.773vw;
	}
}
@media screen and (min-width: 769px) {
}

.item_area{
	position: relative;
	/* padding-top: calc(41.333% + 12px); */
	padding-top: 1px;
	padding-bottom: 21.333%;
	/* margin-top: -41.333%; */
}
.item_area #item-lnk-area {
	translate: 0 12px;
}
.item_area .item-tama{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 100%;
	width: 32%;
	padding-bottom: 32%;
	margin-left: -13.3%;
	margin-top: calc(80.766% + 12px);
	z-index: 2;
}
.item_area .item-copy{
	position: relative;
	width: 100%;
	margin: 82px 0 28px;
	line-height: 1;
	text-align: center;
	z-index: 2;
}
.item_area .item-copy span{
	display: inline-block;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 34px;
	color: #fff;
	transform-origin: center;
	transform: scale(1.25, 1);
}
.item_area .item-img{
	position: relative;
	width: 62.7%;
	margin: 0 auto 7.867%;
	font-size: 0;
	z-index: 2;
}
.item_area .item-packet{
	position: relative;
	width: 65.661%;
	margin: 0 25.866% 10.8% auto;
	font-size: 0;
	z-index: 2;
}
.item_area .item-packet::after {
	content: "";
	background: url(../images/img_pkg_circle.png) no-repeat center center/cover;
	position: absolute;
	top: -6.5%;
	right: -26.804%;
	width: 22.331%;
	height: auto;
	aspect-ratio:  1 / 1;
}
.item_area .item-info{
	position: relative;
	width: 83.345%;
	margin: 0 auto 7.733%;
	z-index: 2;
	display: grid;
	justify-content: space-between;
	align-items: start;
	grid-template-columns: 55.712% 44.288%;
}
.item_area .item-info.item_teiki-info{
	margin: 0 auto 3.466%;
}
.item_area .item-info_name{
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	position: relative;
	/* padding-bottom: 4.470%; */
	margin-bottom: 0.7%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	line-height: 1;
	color: #fff;
}
.item-info_name-color {
	color: #00adb9;
}
.item_area .item-info_price{
	grid-column: 1 / 2;
	position: relative;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.03em;
}
.item_area .item_regular-info .item-info_price .price{
	position: relative;
	display: block;
	width: 69.862%;
	margin: 5.281% auto 0 0;
	font-size: 0;
}
.item_area .item_teiki-info .item-info_price .price{
	position: relative;
	display: block;
	width: 80%;
	margin: 5.281% auto 0 0;
	font-size: 0;
}
.item_area .item-lnk{
	grid-column: 2 / 3;
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
}
.item_area .item_teiki-info .item-lnk{
	grid-column: 2 / 3;
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 4%;
	z-index: 2;
}
.item_area .item-lnk a{
	position: relative;
	display: block;
	background-color: #fff;
	padding: 12.282% 12.154% 12.282% 0;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 12px;
	color: #00adb9;
	letter-spacing: 0.04em;
	line-height: 1;
	text-align: center;
	border-radius: 8vw;
}
.item_area .item-lnk a::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3125rem 0.5625rem;
  border-left-color: #00adb9;
  border-right: 0;
  width: 0;
  height: 0;
	margin: auto 14%;
  vertical-align: middle;
  line-height: 1;
}
.item_area .item-bg-color{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-color: #000528;
	opacity: 0;
	z-index: 0;
}
.item_area .item_info-cap {
	margin-top: 0;
	position: relative;
	z-index: 2;
	margin-inline: auto;
	width: 83.345%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	line-height: 1.65;
	color: #fff;
}
.item_area .item_info-cap a {
	text-decoration: underline;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.item_area{
		/* padding-top: 51%; */
		margin-top: 0;
	}
	.item_area .item-tama{
		margin-top: calc(80.766% + 12px);
	}
	.item_area .item-copy{
		margin: 9.333% 0 7.466%;
		margin: 21.866vw 0 8%;
	}
	.item_area .item-copy span{
		font-size: 9.067vw;
		letter-spacing: -0.02em;
	}
	.item_area .item-info_name{
		font-size: 4vw;
	}
	.item_area .item-info_price{
		font-size: 4vw;
	}
	.item_area .item-lnk a{
		font-size: 3.2vw;
	}
	.item_area .item-lnk a::after{
		border-width: 1.3125vw 2.0625vw;
	}
	.item_area .item_info-cap {
		font-size: 2.666vw;
	}
}
@media screen and (min-width: 769px) {
}

.source_area{
	position: relative;
	background-color: #000528;
	padding-bottom: 38%;
}
.source_area .source_area-wrap{
	position: relative;
}
.source_area .source_area-wrap:nth-child(2){
	margin-bottom: 8.633%;
}
.source_area-circle{
	position: relative;
	padding-bottom: 11.333%
}
.source_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.source_area-circle .ability_circle02{
	margin-top: -32%;
}
.source_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.source_area-contents{
	position: absolute;
	top: 0;
	width: 100%;
}
.source_area-contents .source_area-title{
	position: relative;
	padding-top: 29.267%;
	font-size: 45px;
	line-height: 1.631;
	color: #00adb9;
	text-align: center;
}

.source01-circle,
.source02-circle{
	position: relative;
	padding-bottom: 1.867%;
}
.source01-circle .circle,
.source02-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.source01-circle .circle {
	margin-top: -30.5%;
}
.source02-circle .circle {
	margin-top: -31%;
}
.source01-circle .source01_circle01,
.source02-circle .source02_circle01{
	margin-top: 0;
}
.source01-circle .circle span,
.source02-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.source01-circle .source01_circle01 span,
.source02-circle .source02_circle01 span{
	background-color: #00adb9;
}
.source01-contents,
.source02-contents{
	position: absolute;
	top: 0;
	width: 100%;
}
.source01-contents .source01-title,
.source02-contents .source02-title{
	padding-top: 27.567%;
	margin-bottom: 20.8%;
	font-size: 47px;
	color: #fff;
	line-height: 1.277;
	text-align: center;
}
.source02-contents .source02-title{
	margin-bottom: 19.667%;
}
.source01-contents [class^="source01-img"],
.source02-contents [class^="source02-img"]{
	position: relative;
	margin: 0 auto;
	font-size: 0;
}
.source01-contents [class^="source01-img"]{
	width: 51.733%;
	padding-left: 9.867%;
}
.source01-contents .source01-img01{
	margin-bottom: 6.133%;
}
.source01-contents .source01-img02{
	margin-bottom: 6.933%;
}
.source02-contents .source02-img01{
	width: 49.333%;
	padding-left: 2.267%;
	margin-bottom: 3.733%;
}
.source02-contents .source02-img02{
	width: 66%;
	padding-right: 1.733%;
	margin-bottom: 8.533%;
}
.source02-contents .source02-img03{
	width: 72.933%;
	padding-left: 9.6%;
}
.source_area-wrap .source01-cap,
.source_area-wrap .source02-cap{
	width: 82.133%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	color: #fff;
	line-height: 1.65;
}
.source_area-wrap .source01-cap {
	margin-top: 6.6%;
}
.source_area-wrap .source02-cap {
	margin-top: 6.6%;
}
.source_area-wrap .source01-cap .italic {
	font-style: italic;
}
@media screen and (max-width: 768px) {
	.source_area-contents .source_area-title{
		font-size: 12vw;
	}

	.source01-contents .source01-title,
	.source02-contents .source02-title{
		font-size: 12.533vw;
	}
	.source02-contents .source02-title{
		margin-bottom: 18.667%;
	}
	.source_area-wrap .source01-cap,
	.source_area-wrap .source02-cap{
		font-size: 2.667vw;
	}
}
@media screen and (min-width: 769px) {
}

.about_area{
	position: relative;
	/* background-color: #000528; */
	z-index: 2;
}
.about_area-circle{
	position: relative;
	padding-bottom: 16.667%;
}
.about_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.about_area-circle .about_circle02,
.about_area-circle .about_circle03,
.about_area-circle .about_circle04{
	margin-top: -30.4%;
}
.about_area-circle .circle span{
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.about_area-contents{
	position: absolute;
	top: 0;
	z-index: 1;
}
.about_area-contents .about_area-title{
	margin-top: 30.467%;
	margin-bottom: 26.267%;
	padding-left: 6%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 47px;
	color: #00adb9;
	line-height: 1.489;
	text-align: center;
}
.about_area-contents .about_area-fig{
	position: relative;
	margin-bottom: 8.333%;
	font-size: 0;
}
.about_area-contents .about_fig{
	position: relative;
	width: 72.867%;
	padding-left: 3.6%;
	margin: 0 auto;
}
.about_area-contents .about_area-img{
	position: relative;
	margin-bottom: 10.667%;
	font-size: 0;
}
.about_area-contents .about_img{
	position: relative;
	width: 70.733%;
	margin: 0 auto;
}
.about_area-contents .about_area-txt{
	font-family: "見出ゴMB31 JIS2004 AP";
	color: #00adb9;
	text-align: center;
	z-index: 2;
}
.about_area-contents .about_ttl{
	margin-bottom: 1.6%;
	font-size: 32px;
	line-height: 1.34;
}
.about_area-contents .about_txt{
	font-size: 16px;
	line-height: 1.75;
}
.about_area::after{
	content: '';
	/* position: absolute; */
	display: block;
	background: url("../images/s03_bg.png") no-repeat center;
	background-size: contain;
	width: 100%;
	padding-bottom: 33.71%;
	margin-top: -1px;

	position: relative;
	z-index: -1;
	/* bottom: -125px; */
}
@media screen and (max-width: 768px) {
	.about_area-contents .about_area-title{
		font-size: 12.533vw;
	}
	.about_area-contents .about_ttl{
		font-size: 8.533vw;
	}
	.about_area-contents .about_txt{
		font-size: 4.267vw;
	}
	.about_area::after{
		margin-top: 0;
		/* bottom: -125px; */
	}
}
@media screen and (min-width: 769px) {
}

.visual_area{
	margin-top: calc(-33.6% + 1px);
	position: relative;
	background-color: #fff;
}
.visual_area-bg{
	position: relative;
	font-size: 0;
	z-index: 0;
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
}

.item_sc_area{
	position: relative;
	background-color: #fff;
	padding-top: 6.667%;
	margin: -8% 0 57.334%;
}
.item_sc_area::before,
.item_sc_area::after{
	content: '';
	position: absolute;
	display: block;
	background: url("../images/s05_bg.png") no-repeat center;
	background-size: 100% auto;
	width: 100%;
	padding-bottom: 22.667%;
	margin-top: 0;
}
.item_sc_area::before{
	margin-top: calc(-29.234% + 1px);
}
.item_sc_area::after{
	margin-top: -1px;
	transform: scale(1,-1);
}
.item_sc_area .item_sc-img{
	position: relative;
	width: 62.7%;
	margin: 0 auto 7.667%;
	font-size: 0;
	z-index: 2;
}
.item_sc_area .item_sc-packet{
	position: relative;
	width: 65.661%;
	margin: 0 25.866% 10.8% auto;
	font-size: 0;
	z-index: 2;
}
.item_sc_area .item_sc-packet::after {
	content: "";
	background: url(../images/img_pkg_circle.png) no-repeat center center/cover;
	position: absolute;
	top: -6.5%;
	right: -26.804%;
	width: 22.331%;
	height: auto;
	aspect-ratio:  1 / 1;
}
.item_sc_area .item_sc-info{
	position: relative;
	width: 83.345%;
	margin: 0 auto 7.733%;
	z-index: 2;
	display: grid;
	justify-content: space-between;
	align-items: start;
	grid-template-columns: 55.712% 44.288%;
}
.item_sc_area .item_sc-info.item_teiki-info{
	margin: 0 auto 3.466%;
}
.item_sc_area .item_sc-info_name{
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	position: relative;
	/* padding-bottom: 4.470%; */
	margin-bottom: 0.7%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	line-height: 1;
	color: #3c3c3c;
}
.item_sc-info_name-color {
	color: #00adb9;
}
.item_sc_area .item_sc-info_price{
	grid-column: 1 / 2;
	position: relative;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	line-height: 1;
	color: #3c3c3c;
	letter-spacing: 0.03em;
}
.item_sc_area .item_regular-info .item_sc-info_price .price{
	position: relative;
	display: block;
	width: 69.862%;
	margin: 5.281% auto 0 0;
	font-size: 0;
}
.item_sc_area .item_teiki-info .item_sc-info_price .price{
	position: relative;
	display: block;
	width: 81.724%;
	margin: 5.281% auto 0 0;
	font-size: 0;
}
.item_sc_area .item_sc-lnk{
	grid-column: 2 / 3;
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
}
.item_sc_area .item_teiki-info .item_sc-lnk{
	grid-column: 2 / 3;
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 4%;
	z-index: 2;
}
.item_sc_area .item_sc-lnk a{
	position: relative;
	display: block;
	background-color: #00adb9;
	padding: 12.282% 12.154% 12.282% 0;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	border-radius: 8vw;
}
.item_sc_area .item_sc-lnk a::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3125rem 0.5625rem;
  border-left-color: #fff;
  border-right: 0;
  width: 0;
  height: 0;
	margin: auto 13.5%;
  vertical-align: middle;
  line-height: 1;
}
.item_sc_area .item_sc-bg-color{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-color: #000528;
	z-index: 0;
}
.item_sc_area .item_sc_info-cap {
	margin-top: 0;
	margin-inline: auto;
	padding-bottom: 2.666%;
	position: relative;
	z-index: 2;
	width: 83.345%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	line-height: 1.65;
	color: #6e6e6e;
}
.item_sc_area .item_sc_info-cap a {
	text-decoration: underline;
	color: #6e6e6e;
}
@media screen and (max-width: 768px) {
	.item_sc_area .item_sc-info_name{
		font-size: 4vw;
	}
	.item_sc_area .item_sc-info_price{
		font-size: 4vw;
	}
	.item_sc_area .item_sc-lnk a{
		font-size: 3.2vw;
	}
	.item_sc_area .item_sc-lnk a::after{
		border-width: 1.3125vw 2.0625vw;
	}
	.item_sc_area .item_sc_info-cap {
		font-size: 2.666vw;
	}
}
@media screen and (min-width: 769px) {
}

.granule_area{
	position: relative;
	padding-bottom: 39.2%;
	margin-top: 34.667%;
}
.granule_area-circle{
	position: relative;
}
.granule_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.granule_area-circle .granule_circle02,
.granule_area-circle .granule_circle03{
	margin-top: -30.5%;
}
.granule_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.granule_area-contents{
	position: absolute;
	top: 0;
}
.granule_area-contents .granule_area-title{
	position: relative;
	padding-top: 21.4%;
	margin-bottom: 4.267%;
	font-family: "見出ゴMB31 JIS2004 AP";
	color: #00adb9;
	text-align: center;
}
.granule_area-contents .granule_head{
	margin-bottom: 2.4%;
	font-size: 36px;
	line-height: 1.482;
}
.granule_area-contents .granule_img{
	width: 80.4%;
	margin: 0 auto;
	font-size: 0;
}
.granule_area-contents .granule_area-img{
	position: relative;
	margin-bottom: 6.667%;
}
.granule_area-contents .granule_area-img_example{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: 5.333%;
	font-size: 0;
}
.granule_area-contents .granule_area-img [class^="example0"]{
	position: relative;
	width: 35.915%;
	margin-right: 12%;
}
.granule_area-contents .granule_area-img [class^="example0"]:nth-child(2n){
	margin-top: 5.634%;
}
.granule_area-contents .granule_area-img .example_name{
	position: absolute;
	left: 62.745%;
	display: block;
	background-color: #00adb9;
	width: 73.725%;
	padding: 30.588% 0;
	margin-top: -25.098%;
	font-size: 17px;
	color: #fff;
	text-align: center;
	line-height: 1;
	border-radius: 50%;
	z-index: 1;
}
.granule_area-contents .granule_area-txt{
	position: relative;
	color: #00adb9;
	text-align: center;
}
.granule_area-contents .granule_ttl{
	position: relative;
	margin-bottom: 1.867%;
	font-size: 27px;
	line-height: 1.444;
}
.granule_area-contents .granule_txt{
	position: relative;
	font-size: 17px;
	line-height: 1.882;
}
@media screen and (max-width: 768px) {
	.granule_area-contents .granule_head{
		font-size: 9.6vw;
	}
	.granule_area-contents .granule_area-img .example_name{
		font-size: 4.533vw;
	}
	.granule_area-contents .granule_ttl{
		font-size: 7.2vw;
	}
	.granule_area-contents .granule_txt{
		font-size: 4.533vw;
	}
}
@media screen and (min-width: 769px) {
}

.detail_area{
	position: relative;
	padding-bottom: 39.2%;
}
.detail_area-circle{
	position: relative;
}
.detail_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.detail_area-circle .detail_circle02,
.detail_area-circle .detail_circle03,
.detail_area-circle .detail_circle04{
	margin-top: -30.5%;
}
.detail_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.detail_area-contents{
	position: absolute;
	top: 0;
	padding-top: 14.667%;
}
.detail_area-contents .detail_area-img{
	position: relative;
	margin-bottom: 11.2%;
	font-size: 0;
}
.detail_area-contents .detail_area-txt + .detail_area-img{
	margin-bottom: 13.6%;
}
.detail_area-contents .detail_img{
	width: 70.733%;
	margin: 0 auto;
}
.detail_area-contents .detail_area-txt{
	position: relative;
	height: 167.5px;
	margin-bottom: 12%;
	font-family: "見出ゴMB31 JIS2004 AP";
	color: #00adb9;
	text-align: center;
}
.detail_area-contents .detail_ttl{
	position: relative;
	font-size: 36px;
}
.detail_area-contents .detail_txt{
	position: relative;
	font-size: 16px;
	line-height: 1.75;
}
@media screen and (max-width: 768px) {
	.detail_area-contents .detail_area-txt {
		height: 44.667vw;
	}
	.detail_area-contents .detail_ttl{
		font-size: 9.6vw;
	}
	.detail_area-contents .detail_txt{
		font-size: 4.267vw;
	}
}
@media screen and (min-width: 769px) {
}

.comment_area{
	position: relative;
	padding-bottom: 29.333%;
}
.comment_area-circle{
	position: relative;
}
.comment_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.comment_area-circle .comment_circle02{
	margin-top: -35%;
}
.comment_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.comment_area-contents{
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 1;
}
.comment_area-contents .comment_area-graph{
	position: relative;
	width: 100%;
	margin-bottom: 4.967%;
}
.comment_area-graph .chart-container {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: #BDE5E9;
	display: block;
	font-size: 0;
	border-radius: 100vmax;
	transform-origin: top center;
}
.comment_area-graph .chart-container::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	display: block;
	width: 69.92%;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	border-radius: 100vmax;
	transform-origin: top center;
}
.comment_area-graph .chart-container svg {
	transform: rotate(-90deg);
}
.comment_area-graph .chart-container svg circle {
  fill: none;
	stroke:#00adb9;
  stroke-width: 14.933%;
	stroke-dasharray: 0,1002;
  stroke-dashoffset: 0;
}
.comment_area-graph .chart-container.chart-is-active svg circle {
	animation: graphAnime01 1.5s forwards cubic-bezier(0.33, 1, 0.68, 1);
}
@keyframes graphAnime01 {
  0% {
    stroke-dasharray: 0,1002;
  }
  50%, 100% {
    stroke-dasharray: 1003,1002;
  }
}
.comment_area-contents .comment_head{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 69.916%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin: calc(31.667% + 10px) auto 0;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 36px;
	line-height: 1.555;
	text-align: center;
	color: #00adb9;
}
.comment_area-contents .comment_area-copy{
	width: 69.333%;
	margin: 0 auto 12.533%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 17px;
	color: #00adb9;
	letter-spacing: 0.01em;
	line-height: 1.75;
	text-align: center;
}
.comment_area-contents .comment_area-copy sup{
	font-size: 10px;
}
.comment_area-message{
	background-color: #fff;
	width: 100%;
	padding: 42.667% 0 22.167%;
	margin-top: -35%;
	border-radius: 50vw;
	transform-origin: top center;
}
.comment_area-message .message-wrap{
	position: relative;
	display: block;
	transform-origin: top center;
}
.comment_area-message .message_img{
	width: 70.933%;
	margin: 0 auto 5.333%;
	font-size: 0;
	overflow: hidden;
	border-radius: 100vmax;
	border: 2px solid #00aab4;
}
.comment_area-message .message_text{
	width: 80%;
	margin: 0 auto 2.133%;
}
.comment_area-message .message_text-ttl{
	margin-bottom: 3.333%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	line-height: 2;
	color: #00adb9;
	white-space: nowrap;
}
.comment_area-message .message_text-ttl .message_ttl_st{
	display: inline-block;
	font-family: "見出ゴMB31 JIS2004 AP";
	margin-bottom: 1.333%;
	font-size: 27px;
	line-height: 1.481;
}
.comment_area-message .message:nth-child(3) .message_ttl_st {
	margin-bottom: 3.733%;
}
.comment_area-message .message_text-txt{
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 18px;
	color: #1e1e1e;
	text-align: justify;
	line-height: 1.889;
}
.comment_area-message .message_cap{
	width: 80%;
		margin: 0 auto 11.733%;
	/* padding-bottom: 16%; */
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	line-height: 1.65;
	color: #6e6e6e;
}
.comment_area-message .message_cap:nth-child(4) {
	margin-bottom: 9.6%;
}
.comment_area-message .message_notes {
	width: 80%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 16px;
	line-height: 1.718;
	color: #6e6e6e;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.comment_area-contents{
		width: 100%;
	}
	.comment_area-contents .comment_area-chart{
		width: 100%;
	}
	.comment_area-contents .chart-container{
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.comment_area-contents .comment_head{
		margin: calc(31.667% + 10px) auto 0;
		font-size: 9.6vw;
	}
	.comment_area-contents .comment_area-copy{
		font-size: 4.533vw;
		letter-spacing: -0.01em;
	}
	.comment_area-contents .comment_area-copy sup{
		font-size: 2.667vw;
	}
	.comment_area-message .message_text-ttl{
		font-size: 4vw;
	}
	.comment_area-message .message_text-ttl .message_ttl_st{
		font-size: 7.2vw;
	}
	.comment_area-message .message_text-txt{
		font-size: 4.8vw;
	}
	.comment_area-message .message_cap{
		font-size: 2.667vw;
	}
	.comment_area-message .message_notes {
		font-size: 4.266vw;
	}
}
/* 
.comment_area{
	position: relative;
	padding-bottom: 29.333%;
}
.comment_area-circle{
	position: relative;
}
.comment_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.comment_area-circle .comment_circle02{
	margin-top: -32%;
}
.comment_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.comment_area-contents{
	position: absolute;
	top: 0;
}
.comment_area-contents .comment_area-graph{
	position: relative;
	margin-bottom: 5.267%;
}
.comment_area-contents .comment_area-chart{
	margin: -10px -5px 0;
}
.comment_area-contents .chart-container{
	position: relative;
	width: 385px;
	height: 385px;
	margin: 0;
}
.comment_area-contents .comment_head{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 45.467%;
	padding-left: 5.333%;
	margin: calc(30.667% + 10px) auto 0;
}
.comment_area-contents .comment_area-copy{
	width: 69.333%;
	margin: 0 auto 12.533%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 16px;
	color: #00adb9;
	letter-spacing: 0.01em;
	line-height: 1.75;
	text-align: center;
}
.comment_area-contents .comment_area-copy sup{
	font-size: 10px;
}
.comment_area-message{
	background-color: #fff;
	width: 100%;
	padding: 14.667% 0 28%;
	margin-top: -32%;
	border-radius: 50vw;
}
.comment_area-message .message-wrap{
	position: relative;
	display: block;
}
.comment_area-message .message_img{
	width: 70.733%;
	margin: 0 auto 5.333%;
	font-size: 0;
}
.comment_area-message .message_text{
	width: 80%;
	margin: 0 auto 11.2%;
}
.comment_area-message .message_text-ttl{
	margin-bottom: 2.333%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	color: #00adb9;
}
.comment_area-message .message_text-ttl .message_ttl_st{
	display: inline-block;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 27px;
	letter-spacing: -0.04em;
}
.comment_area-message .message_text-txt{
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	color: #1e1e1e;
	text-align: justify;
	line-height: 2;
}
.comment_area-message .message_cap{
	width: 80%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	color: #6e6e6e;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.comment_area-contents{
		width: 100%;
	}
	.comment_area-contents .comment_area-chart{
		width: 100%;
		margin: -1.333% 0 0;
	}
	.comment_area-contents .chart-container{
		width: 100%;
		height: 100vw;
	}
	.comment_area-contents .comment_head{
		margin: calc(30.667% + 10px) auto 0;
	}
	.comment_area-contents .comment_area-copy{
		font-size: 4.267vw;
		letter-spacing: -0.01em;
	}
	.comment_area-contents .comment_area-copy sup{
		font-size: 2.667vw;
	}
	.comment_area-message .message_text-ttl{
		font-size: 4vw;
	}
	.comment_area-message .message_text-ttl .message_ttl_st{
		font-size: 7.2vw;
	}
	.comment_area-message .message_text-txt{
		font-size: 4vw;
	}
	.comment_area-message .message_cap{
		font-size: 2.667vw;
	}
}
@media screen and (min-width: 769px) {
} */

.recommend_area{
	position: relative;
	padding-bottom: 29.333%;
}
.recommend_area-circle{
	position: relative;
}
.recommend_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.recommend_area-circle .recommend_circle02{
	margin-top: -32%;
}
.recommend_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.recommend_area-contents{
	position: absolute;
	top: 0;
}
.recommend_area-contents .recommend_area-graph{
	position: relative;
	margin-bottom: 5.267%;
}
.recommend_area-contents .recommend_area-chart{
	margin: -10px -5px 0;
}
.recommend_area-contents .chart-container{
	position: relative;
	width: 385px;
	height: 385px;
	margin: 0;
}
.recommend_area-contents .recommend_head{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 45.467%;
	padding-left: 5.333%;
	margin: calc(30.667% + 10px) auto 0;
}
.recommend_area-contents .recommend_area-copy{
	width: 69.333%;
	margin: 0 auto 12.533%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 16px;
	color: #00adb9;
	letter-spacing: 0.01em;
	line-height: 1.75;
	text-align: center;
}
.recommend_area-contents .recommend_area-copy sup{
	font-size: 10px;
}
.recommend_area-message{
	background-color: #fff;
	width: 100%;
	padding: 14.667% 0 28%;
	margin-top: -32%;
	border-radius: 50vw;
}
.recommend_area-message .message-wrap{
	position: relative;
	display: block;
}
.recommend_area-message .message_img{
	width: 70.733%;
	margin: 0 auto 5.333%;
	font-size: 0;
}
.recommend_area-message .message_text{
	width: 80%;
	margin: 0 auto 11.2%;
}
.recommend_area-message .message_text-ttl{
	margin-bottom: 2.333%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	color: #00adb9;
}
.recommend_area-message .message_text-ttl .message_ttl_st{
	display: inline-block;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 27px;
	letter-spacing: -0.04em;
}
.recommend_area-message .message_text-txt{
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 15px;
	color: #1e1e1e;
	text-align: justify;
	line-height: 2;
}
.recommend_area-message .message_cap{
	width: 80%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	color: #6e6e6e;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.recommend_area-contents{
		width: 100%;
	}
	.recommend_area-contents .recommend_area-chart{
		width: 100%;
		margin: -1.333% 0 0;
	}
	.recommend_area-contents .chart-container{
		width: 100%;
		height: 100vw;
	}
	.recommend_area-contents .recommend_head{
		margin: calc(30.667% + 10px) auto 0;
	}
	.recommend_area-contents .recommend_area-copy{
		font-size: 4.267vw;
		letter-spacing: -0.01em;
	}
	.recommend_area-contents .recommend_area-copy sup{
		font-size: 2.667vw;
	}
	.recommend_area-message .message_text-ttl{
		font-size: 4vw;
	}
	.recommend_area-message .message_text-ttl .message_ttl_st{
		font-size: 7.2vw;
	}
	.recommend_area-message .message_text-txt{
		font-size: 4vw;
	}
	.recommend_area-message .message_cap{
		font-size: 2.667vw;
	}
}
@media screen and (min-width: 769px) {
}


.lineup_area-contents .lineup_area-title{
	color: #00adb9;
}

.faq_area-contents .faq_area-title{
	color: #00adb9;
}
.faq_area-contents .faq-q::before,
.faq_area-contents .faq-a::before{
	color: #00adb9;
}
.faq_area-contents .faq-a .faq_txt{
	color: #00adb9;
}
.faq_area-contents .faq-q .faq-icon{
	border: solid 1px #00adb9;
}
.faq_area-contents .faq-q .faq-icon::before,
.faq_area-contents .faq-q .faq-icon::after{
	background-color: #00adb9;
}

.outline_area-contents .outline_area-title{
	color: #00adb9;
}
.outline_area-contents .outline_area-detail{
	border: solid 1px #00adb9;
}
.outline_area-contents .outline-detail_ttl{
	border-bottom: solid 1px #00adb9;
	color: #00adb9;
}
.outline_area-contents .outline-detail_txt{
	border-bottom: solid 1px #00adb9;
}

.fix_btn a{
	background-color: #00adb9;
}


/* .item_area .item-lnk,
.item_area .item-info_price,
.item_sc_area .item_sc-lnk,
.item_sc_area .item_sc-info_price,
.lineup_origo .lineup_lnk,
.fix_btn {
	display: none!important;
}
.item_area {
	padding-bottom: 26.133%;
}
.item_area .item-info {
	margin-bottom: 6.511%;
}
.item_area .item-info_name {
	border-bottom: none!important;
}
.item_sc_area {
	padding-bottom: 5.867%;
}
.item_sc_area .item_sc-info_name {
	margin-bottom: 0!important;
	border-bottom: none!important;
}
.item_sc_area .item_sc-info {
	margin-bottom: 7.279%;
}
.item_sc_area .item_sc-info_price .price{
	margin-bottom: 0!important;
} */