@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: 43%;
	background-color: #00a3eb;
	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: #00a3eb;
	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: -3.8%;
		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%;
	/* 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: 35px 0 30px; */
	margin: 82px 0 30px;
	line-height: 1;
	text-align: center;
	z-index: 2;
}
.item_area .item-copy span{
	position: relative;
	right: -1.6%;
	display: inline-block;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 40px;
	color: #fff;
	transform-origin: center;
	transform: scale(1.25, 1);
}
/* .item_area .item-copy span .spacer {
	margin-left: 0.5em;
} */
.item_area .item-img{
	position: relative;
	width: 61.4%;
	margin: 0 auto 9.867%;
	font-size: 0;
	z-index: 2;
}
.item_area .item-packet{
	position: relative;
	width: 68.053%;
	margin: 0 auto 11.466% 8.8%;
	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: -5.5%;
	right: -22.335%;
	width: 18.416%;
	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: #00a3eb;
}
.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: #00a3eb;
	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: #00a3eb;
  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 8%;
		margin: 21.866vw 0 8%;
	}
	.item_area .item-copy span{
		font-size: 10.667vw;
	}
	.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) {
}
.tama_area{
	background-color: #000528;
	position: relative;
	padding-top: 1px;
	padding-bottom: 45.333%;
	margin-top: 0;
	z-index: 2;
}
.tama_area .tama-copy{
	position: relative;
	width: 100%;
	margin: 35px 0 30px;
	line-height: 1;
	text-align: center;
	z-index: 2;
	overflow-y: clip;
}
/* @media screen and (min-width: 751px) {
	.tama_area .tama-copy{
		height: 42.8px;
	}
} */
.tama_area .tama-copy span{
	display: inline-block;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 42.8px;
	color: #fff;
	transform-origin: center;
	transform: scale(1.25, 1);
}
.tama_area .tama-img{
	position: relative;
	width: 100%;
	margin: 0 auto 9.867%;
	font-size: 0;
	z-index: 2;
	transform-origin: center;
}
.tama-img-wrap {
	position: relative;
	width: 375px;
	height: auto;
	aspect-ratio: 1 / 1;
}
.tama-about_circle01 {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	transform-origin: center;
}
.tama-about_circle01 span{
	position: absolute;
	inset: 0;
	display: block;
	background-color: #fff;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}
.tama-about_area-title{
	width: 59.2%;
	margin: 23.467% auto 25.333%;
	font-size: 0;
}
@media screen and (max-width: 768px) {
	.tama_area{
		padding-top: 44.533%;
		margin-top: 0;
	}
	.tama_area .tama-copy{
		margin: 9.333% 0 8%;
	}
	.tama_area .tama-copy span{
		font-size: 11.413vw;
	}
	.tama-img-wrap {
		width: 100%;
	}
}
.about_area{
	position: relative;
	/* background-color: #000528; */
	padding-bottom: 23.333%;
	z-index: 1;
}
.about_area-circle{
	position: relative;
	margin-bottom: 8.468%;
}
.about_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.about_area-circle .about_circle02,
.about_area-circle .about_circle03{
	margin-top: -32%;
}
.about_area-circle .about_circle04 {
	margin-top: -27%;
}
.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;
}
.about_area-contents .about_area-title{
	width: 59.2%;
	margin: 24.567% auto 25.333%;
	font-size: 0;
}
.about_area-contents .about_area-title img{
	position: relative;
	right: -6%;
}
.about_area-contents .about_area-txt{
	/* margin-bottom: 9.067%; */
	margin-bottom: 5.667%;
	font-family: "見出ゴMB31 JIS2004 AP";
	color: #00a3eb;
	text-align: center;
	z-index: 2;
}
.about_area-contents .about_txt{
	font-size: 25px;
	line-height: 1.76;
}
.about_area-contents .about_txt sup{
	display: inline-block;
	font-size: 10px;
	position: relative;
	right: 3.2%;
	vertical-align: top;
}
.about_area-contents .about_area-img{
	position: relative;
	margin-bottom: 9.867%;
	font-size: 0;
}
.about_area-contents .about_img{
	position: relative;
	width: 80.067%;
	margin: 0 auto;
}
.about_area-contents .about_area-rate{
	position: relative;
	margin-top: 0;
}
.about_area-contents .about_rate_img{
	width: 61.933%;
	margin: 0 auto;
}
.about_area .about_area-cap{
	width: 82.133%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	color: #fff;
	line-height: 1.65;
}
@media screen and (max-width: 768px) {
	.about_area-contents .about_txt{
		font-size: 6.667vw;
	}
	.about_area-contents .about_txt sup{
		font-size: 2.667vw;
	}
	.about_area .about_area-cap{
		font-size: 2.667vw;
	}
}
@media screen and (min-width: 769px) {
}

.stomach_area{
	position: relative;
	background-color: #000528;
	padding-bottom: 29.333%;
	z-index: 2;
}
.stomach_area-circle{
	position: relative;
}
.stomach_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.stomach_area-circle .stomach_circle02,
.stomach_area-circle .stomach_circle03{
	margin-top: -30.5%;
}
.stomach_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.stomach_area-contents{
	position: absolute;
	top: 0;
}
.stomach_area-contents .stomach_area-title{
	position: relative;
	/* margin-bottom: 2.133%; */
	height: 216.352px;
	margin-bottom: 15.11px;
	color: #00a3eb;
	text-align: center;
	z-index: 1;
}
.stomach_area-contents .stomach_head{
	margin-top: 19.867%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 45px;
	line-height: 1.311;
}
.stomach_area-contents .stomach_head sup{
	display: inline-block;
	margin-top: 2.667%;
	font-size: 10px;
	vertical-align: top;
}
.stomach_area-contents .stomach_cap{
	/* width: 52.533%; */
	margin: 2.5% auto 0;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	color: #6e6e6e;
	line-height: 1.5;
}
.stomach_area-contents .stomach_area-img{
	position: relative;
}
.stomach_area-contents .stomach_img{
	position: relative;
	width: 100%;
	margin: -10% auto 0;
}
.stomach_area-contents .stomach_area-txt{
	margin-top: -9.5%;
	position: relative;
	color: #00a3eb;
	text-align: center;
	z-index: 1;
}
.stomach_area-contents .stomach_ttl{
	/* margin-top: 4.533%; */
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 27px;
	line-height: 1.481;
}
.stomach_area-contents .stomach_txt{
	margin-top: 1.6%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 15px;
	line-height: 1.933;
}
@media screen and (max-width: 768px) {
	.stomach_area-contents .stomach_head{
		margin-top: 17.667%;
		font-size: 12vw;
	}
	.stomach_area-contents .stomach_head sup{
		display: inline-block;
		margin-top: 2.667%;
		font-size: 10px;
		vertical-align: top;
	}
	.stomach_area-contents .stomach_area-title{
		height: 57.694vw;
		margin-bottom: 4.029vw;
	}
	.stomach_area-contents .stomach_cap{
		font-size: 2.667vw;
	}
	.stomach_area-contents .stomach_ttl{
		margin-top: 2.533%;
		font-size: 7.2vw;
	}
	.stomach_area-contents .stomach_txt{
		font-size: 4vw;
		letter-spacing: -0.03em;
	}
}
@media screen and (min-width: 769px) {
}

.deliver_area{
	position: relative;
	background-color: #000528;
	padding-bottom: 0;
	z-index: 1;
	/* overflow-x: clip; */
}
.deliver_area-circle .circle {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	background-color: #000528;
}
.deliver_area-circle .deliver_circle02,
.deliver_area-circle .deliver_circle04,
.deliver_area-stomach_img,
.deliver_area-intestine_img {
	margin-top: -30.333%;
}
.deliver_area-stomach_img,
.deliver_area-intestine_img {
	background-color: #000528;
	border-radius: 100vmax;
}
.deliver_stomach-circle,
.deliver_area-stomach {
	margin-bottom: 30.4%;
}
.deliver_area-contents {
	position: absolute;
	top: 0;
}
.deliver_area .deliver_area-stomach{
	position: relative;
	/* padding-bottom: 5.333%; */
}
.deliver_area .deliver_area-intestine{
	/* position: absolute;
	top: 0; */
	position: relative;
	/* top: 0;
	padding-bottom: 5.333%;
	opacity: 0; */
}
.deliver_area-stomach_txt,
.deliver_area-intestine_txt {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
}

.deliver_area-chart {
	position: absolute;
	inset: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	background: linear-gradient(-41.0275deg, #f3e194 8.8337%, #efce85 20.7914%, #dba24a 34.6834%, #f7e6b0 53.605%, #da9e42 74.3028%, #efce85 86.1567%, #f3e194 95.8382%);
	font-size: 0;
	transform-origin: top center;
}
.deliver_area-chart.chart-container svg {
	rotate: -90deg;
	scale: 1 -1;
}
.deliver_area-chart.chart-container svg circle {
  fill: none;
	stroke:#000528;
  stroke-width: 14.933%;
	stroke-dasharray: 1003,1002;
  stroke-dashoffset: 0;
}
.deliver_area-chart.chart-container.chart-is-active svg circle {
	animation: deliverAnim 1.5s forwards cubic-bezier(0.33, 1, 0.68, 1);
}
@keyframes deliverAnim {
  0% {
    stroke-dasharray: 1003,1002;
  }
  50%, 100% {
    stroke-dasharray: 0,1002;
  }
}
.deliver_area .deliver-stomach_txt,
.deliver_area .deliver-intestine_txt{
	position: absolute;
	inset: 0;
	margin: auto;
	width: 97.867%;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	box-sizing: border-box;
	background-color: #000528;
	/* margin-bottom: 10.667%; */
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 38px;
	color: #fff;
	line-height: 1.474;
	text-align: center;
	/* opacity: 0; */
}
.deliver_area .deliver-stomach_txt {
	padding-top: 31.3%;
}
.deliver_area .deliver-intestine_txt {
	padding-top: 27.3%;
}
.deliver_area .deliver-stomach_img,
.deliver_area .deliver-intestine_img{
	background-color: #000528;
	position: relative;
	font-size: 0;
	box-sizing: border-box;
	border-radius: 100vmax;
	/* border: 4px solid #323232; */
}
.deliver_area .deliver-intestine_img-chg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.deliver_area .deliver-stomach_cap {
	position: absolute;
	bottom: 1.7%;
	right: 7%;
	display: block;
	width: fit-content;
	font-size: 10px;
	letter-spacing: 0.05em;
	color: #ffffff99;
}
.deliver_area .deliver_area-copy{
	margin-top: 9.5%;
	position: relative;
	opacity: 0;
}
.deliver_area .deliver-copy_txt{
	position: relative;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 32px;
	color: #fff;
	line-height: 1.465;
	text-align: center;
}
.deliver_area .deliver-copy_txt .deliver_txt-st{
	display: inline-block;
	margin-bottom: 3.667%;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 38.6px;
	letter-spacing: -0.04em;
	line-height: 1;
	transform-origin: top center;
	transform: scale(1.25, 1);
}
.deliver_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: -1.5%; */
	margin-top: -1px;
}
@media screen and (max-width: 768px) {
	.deliver_area .deliver-stomach_txt,
	.deliver_area .deliver-intestine_txt{
		font-size: 10.133vw;
	}
	.deliver_area .deliver-copy_txt{
		font-size: 8.533vw;
	}
	.deliver_area .deliver-copy_txt .deliver_txt-st{
		font-size: 10.293vw;
		letter-spacing: -0.04em;
	}
	.deliver_area .deliver-stomach_cap {
		font-size: 2.666vw;
	}
}
@media screen and (min-width: 769px) {
}

.visual_area{
	margin-top: 4%;
	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: 4.267%;
	margin: -7.467% 0 57.334%; */
	padding-top: 5.867%;
	/* margin: -2.467% 0 37.734%; */
	margin: -5.5% 0 37.734%;
}
.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(-26.934% + 1px);
	margin-top: calc(-28.534% + 1px);
}
.item_sc_area::after{
	/* margin-top: -1px; */
	margin-top: -3%;
	transform: scale(1,-1);
}
.item_sc_area .item_sc-img{
	position: relative;
	width: 62.4%;
	margin: -7.466% auto 9.867%;
	font-size: 0;
	z-index: 2;
}
.item_sc_area .item_sc-img .item_sc-img_catch{
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	margin-top: 14.286%;
	margin-right: -28.571%;
}
.item_sc_area .item_sc-packet{
	position: relative;
	width: 68.053%;
	margin: 0 auto 11.466% 8.8%;
	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: -5.5%;
	right: -22.335%;
	width: 18.416%;
	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: #00a3eb;
}
.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: 80%;
	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: #00a3eb;
	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) {
}

.technology_area{
	position: relative;
	padding-bottom: 32%;
	margin-top: 34.667%;
}
.technology_area-circle{
	position: relative;
}
.technology_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.technology_area-circle .technology_circle02,
.technology_area-circle .technology_circle03,
.technology_area-circle .technology_circle04{
	margin-top: -32%;
}
.technology_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.technology_area-contents{
	position: absolute;
	top: 0;
}
.technology_area-contents .technology_area-title{
	position: relative;
	padding-top: 26.733%;
	margin-bottom: 14.667%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 36px;
	line-height: 1.556;
	color: #00a3eb;
	text-align: center;
}
.technology_area-contents .technology_area-fig{
	position: relative;
	margin-bottom: 15%;
}
.technology_area-contents .technology_fig{
	width: 78.267%;
	padding-left: 5.067%;
	margin: 0 auto;
	font-size: 0;
}
.technology_area-contents .technology_area-txt{
	position: relative;
	margin-bottom: 15.933%;
	height: 160px;
	font-family: "見出ゴMB31 JIS2004 AP";
	color: #00a3eb;
	text-align: center;
}
.technology_area-contents .technology_txt{
	position: relative;
	margin-bottom: 8%;
	font-size: 22px;
	line-height: 1.818;
}
.technology_area-contents .technology_img{
	position: relative;
	/* width: 71.392%; */
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.technology_area-contents .technology_area-title{
		font-size: 9.6vw;
	}
	.technology_area-contents .technology_txt{
		font-size: 5.867vw;
	}
	.technology_area-contents .technology_area-txt{
		height: 42.667vw;
	}
}
@media screen and (min-width: 769px) {
}

.ability_area{
	position: relative;
	padding-bottom: 19.4%;
}
.ability_area .ability_area-wrap{
	position: relative;
}
.ability_area .ability_area-wrap:nth-child(n+2):nth-child(-n+3){
	margin-bottom: 13.333%;
}
.ability_area-circle{
	position: relative;
	padding-bottom: 31.333%
}
.ability_area-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.ability_area-circle .ability_circle02,
.ability_area-circle .ability_circle03,
.ability_area-circle .ability_circle04,
.ability_area-circle .ability_circle05{
	margin-top: -32%;
}
.ability_area-circle .circle span{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.ability_area-contents{
	position: absolute;
	top: 0;
	width: 100%;
}
.ability_area-contents .ability_area-title{
	position: relative;
	padding-top: 27.333%;
	margin-bottom: 18.667%;
	font-size: 36px;
	line-height: 1.5;
	color: #00a3eb;
	text-align: center;
}

.ability_area-contents .ability_area-fig01,
.ability_area-contents .ability_area-fig02 {
	position: relative;
	margin-bottom: -1.667%;
}
.ability_area-contents .ability_area-fig03 {
	position: relative;
	margin-bottom: 6.86%;
}
.ability_area-contents .ability-fig {
	position: relative;
	width: 56.736%;
	margin-inline: auto;
}

.ability_area-contents .ability_area-desc{
	position: relative;
	margin-bottom: 18.667%;
}

.ability_area-contents .ability_area-ttl{
	position: relative;
	margin-bottom: 2%;
	font-size: 28px;
	line-height: 1.481;
	color: #00a3eb;
	text-align: center;
}
.ability_area-contents .ability_area-txt{
	position: relative;
	margin-bottom: 3.2%;
	font-size: 16px;
	line-height: 1.933;
	color: #00a3eb;
	text-align: center;
}
.ability_area-contents .ability_area-cap {
	position: relative;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: #6e6e6e;
	text-align: center;
}
.ability_change-circle {
	position: relative;
	padding-bottom: 5.867%;
}
.ability_change-circle .circle {
	position: relative;
	display: block;
	width: 100%;
}
.ability_change-circle .change_circle01 {
	z-index: 1;
}
.ability_change-circle .change_circle02 {
	margin-top: -32%;
}
.ability_change-circle .circle span{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.ability_change-circle .change_circle01 span {
	background-color: #00a3eb;
}
.ability_change-circle .change_circle02 span {
	background-color: #fff;
}
.ability-change-contents {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.ability-change-contents .change_ttl {
	padding-block: 27.4% 30.8%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 36px;
	line-height: 1.527;
	letter-spacing: 0.01em;
	color: #fff;
	text-align: center;
}
.ability-change-contents .change_detail {
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0.01em;
	color: #00a3eb;
	text-align: center;
}

.ability_change01-circle,
.ability_change02-circle,
.ability_change03-circle{
	position: relative;
	padding-bottom: 5.867%;
}
.ability_change02-circle .circle,
.ability_change03-circle .circle{
	position: relative;
	display: block;
	width: 100%;
}
.ability_change01-circle .change01_circle02,
.ability_change02-circle .change02_circle02,
.ability_change03-circle .change03_circle02{
	margin-top: -32%;
}
.ability_change01-circle .circle span,
.ability_change02-circle .circle span,
.ability_change03-circle .circle span{
	position: relative;
	display: block;
	background-color: #00a3eb;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
}
.ability_change01-circle .change01_circle02 span,
.ability_change02-circle .change02_circle02 span,
.ability_change03-circle .change03_circle02 span{
	background-color: #fff;
}
.ability-change01-contents,
.ability-change02-contents,
.ability-change03-contents{
	position: absolute;
	top: 0;
	width: 100%;
}
.ability-change01-contents .change01_ttl,
.ability-change02-contents .change02_ttl,
.ability-change03-contents .change03_ttl{
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	padding-top: 1.333%;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 0;
	border-radius: 100vmax;
	overflow: hidden;
}
.ability-change02-contents .change02_ttl{
	padding-top: 0;
	margin-top: -1px;
}
.ability-change01-contents .change01_detail,
.ability-change02-contents .change02_detail,
.ability-change03-contents .change03_detail{
	position: relative;
	font-size: 0;
	text-align: center;
}
.change01_detail-img,
.change02_detail-img,
.change03_detail-img{
	margin: 0 auto 6.667%;
	font-size: 0;
}
.change01_detail-img{
	width: 78.067%;
	margin-top: -14.4%;
}
.change02_detail-img{
	width: 63.667%;
	padding-right: 1.867%;
	margin-top: -16.133%;
}
.change03_detail-img{
	width: 62.867%;
	padding-left: 5.333%;
	margin-top: -18.133%;
	margin-bottom: 4%;
}
.change01_detail-txt,
.change02_detail-txt,
.change03_detail-txt{
	font-size: 15px;
	color: #00a3eb;
	line-height: 1.5;
}
.ability_area-wrap .change01_cap,
.ability_area-wrap .change02_cap,
.ability_area-wrap .change03_cap{
	width: 82.133%;
	margin: 0 auto;
	font-family: "中ゴシックBBB JIS2004 AP";
	font-size: 10px;
	line-height: 1.65;
}
@media screen and (max-width: 768px) {
	.ability_area-contents .ability_area-title{
		font-size: 9.6vw;
	}
	.ability_area-contents .ability_area-ttl{
		font-size: 7.467vw;
	}
	.ability_area-contents .ability_area-txt{
		font-size: 4.267vw;
	}
	.ability_area-contents .ability_area-cap {
		font-size: 2.933vw;
	}
	.ability-change-contents .change_ttl {
		font-size: 9.6vw;
	}
	.ability-change-contents .change_detail {
		font-size: 5.333vw;
	}

	.change01_detail-txt,
	.change02_detail-txt,
	.change03_detail-txt{
		font-size: 4vw;
	}
	.ability_area-wrap .change01_cap,
	.ability_area-wrap .change02_cap,
	.ability_area-wrap .change03_cap{
		font-size: 2.667vw;
	}
}
@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: #BCE2F6;
	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:#00a3eb;
  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: #00a3eb;
}
.comment_area-contents .comment_area-copy{
	width: 69.333%;
	margin: 0 auto 12.533%;
	font-family: "見出ゴMB31 JIS2004 AP";
	font-size: 17px;
	color: #00a3eb;
	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 #47bcf0;
}
.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: #00a3eb;
	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-graph .chart-container {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: rgb(188, 225, 246);
	display: block;
	font-size: 0;
	border-radius: 100vmax;
}
.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;
}
.comment_area-graph .chart-container svg {
	transform: rotate(-90deg);
}
.comment_area-graph .chart-container svg circle {
  fill: none;
	stroke:#00a3eb;
  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: 979.2,1002;
  }
}
.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: #00a3eb;
	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: #00a3eb;
}
.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%;
	}
	.comment_area-contents .chart-container{
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.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: #00a3eb;
	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: #00a3eb;
}
.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: #00a3eb;
}

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

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

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




.contentImg,
.circle,
.commonCircle,
.commonContent {
	transform-origin: top center;
}
.lCommonPopCircle {
	transform-origin: top center;
	z-index: 1;
}
.lCommonPopContent {
	transform-origin: top center;
	z-index: 2;
}
.img-circle.commonPopCircle span {
	background-color: transparent!important;
}

/* 
.item_area .item-lnk,
.item_area .item-info_price,
.item_sc_area .item_sc-lnk,
.item_sc_area .item_sc-info_price,
.lineup_bifidobacterium .lineup_lnk,
.fix_btn {
	display: none!important;
}
.item_area .item-info_name {
	border-bottom: none!important;
}
.item_sc_area {
	padding-bottom: 2.667%;
}
.item_sc_area .item_sc-info_name {
	margin-bottom: 0!important;
	border-bottom: none!important;
}
.item_sc_area .item_sc-img{
	margin-top: -2.5%;
}
.item_sc_area .item_sc-info {
	margin-bottom: 8%;
}
.item_sc_area .item_sc-info_price .price{
	margin-bottom: 0!important;
}
.lineup_area-contents .lineup_origo {
	margin-top: 36.557%;
} */