@charset "UTF-8";
/* Base */
/*
breakpoint
*/
/*
viewport
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
/*
@mixin mq($media) {
	@if $media == sm {
		@media (min-width: 576px) {
			@content;
		}
	}
	@elseif $media == md {
		@media (min-width: 768px) {
			@content;
		}
	}
	@elseif $media == lg {
		@media (min-width: 992px) {
			@content;
		}
	}
	@elseif $media == xl {
		@media (min-width: 1200px) {
			@content;
		}
	}
}
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.pc-only {
	display: none !important;
}

.sa {
	opacity: 0;
	transition: .6s ease;
}

.sa.-up {
	transform: translateY(30px);
}

.sa.-right {
	transform: translateX(30px);
}

.sa.-left {
	transform: translateX(-30px);
}

.sa.is-show {
	opacity: 1;
	transform: none;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 3.75vw;
	line-height: 2;
	color: #333;
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.is-nav {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

button {
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	background: none;
}

.l-main {
	padding-top: 20vw;
}

.l-wrapper {
	width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 801px) {
	.sp-only {
		display: none !important;
	}
	.pc-only {
		display: block !important;
	}
	.sa.-sp-up {
		transform: translateY(30px);
	}
	body {
		font-size: 1.5rem;
		line-height: 2;
	}
	.l-main {
		padding-top: 70px;
	}
	.l-wrapper {
		width: calc(100% - 40px);
	}
}

@media screen and (min-width: 1240px) {
	.l-wrapper {
		width: 1200px;
	}
}

/* Layout */
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 7% 0 5.5%;
	background: #fff;
	z-index: 1000;
}

.header__wrap {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

.header__head {
	width: 27.375vw;
}

.header__head a {
	display: block;
}

.header__head a img {
	width: 100%;
}

.header__btn {
	z-index: 1;
	cursor: pointer;
}

.header__btn > span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.header__btn > span span {
	position: relative;
	width: 7vw;
	height: .5vw;
	background: #333;
	transition: .3s;
}

.header__btn > span span::before, .header__btn > span span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: .5vw;
	left: 0;
	background: #333;
	transition: .3s;
}

.header__btn > span span::before {
	top: -2vw;
}

.header__btn > span span::after {
	bottom: -2vw;
}

.header__btn > span small {
	font-size: 3.5vw;
	line-height: 2;
	font-weight: bold;
	letter-spacing: .15em;
	text-indent: .15em;
	transform: translateY(3vw);
}

.header__btn.is-opened {
	z-index: 3000;
}

.header__btn.is-opened > span span {
	background: none;
}

.header__btn.is-opened > span span::before {
	top: 0;
	transform: rotate(45deg);
}

.header__btn.is-opened > span span::after {
	bottom: 0;
	transform: rotate(-45deg);
}

.header__btn:focus {
	outline: 0;
}

@media screen and (min-width: 801px) {
	.header {
		padding: 0;
	}
	.header__wrap {
		align-items: center;
		width: calc(100% - 40px);
		height: 70px;
	}
	.header__head {
		width: 134px;
	}
	.header__head a {
		transition: .3s;
	}
	.header__head a:hover:hover {
		opacity: .7;
	}
	.header__btn {
		transform: translateY(3px);
	}
	.header__btn > span span {
		width: 26px;
		height: 2px;
	}
	.header__btn > span span::before, .header__btn > span span::after {
		height: 2px;
	}
	.header__btn > span span::before {
		top: -8px;
	}
	.header__btn > span span::after {
		bottom: -8px;
	}
	.header__btn > span small {
		font-size: 1.4rem;
		letter-spacing: .1em;
		text-indent: .1em;
		transform: translateY(13px);
	}
}

@media screen and (min-width: 1240px) {
	.header__wrap {
		width: 1200px;
	}
}

.nav {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 25vw 0 5vw;
	overflow-y: scroll;
	background: rgba(255, 255, 255, 0.95);
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

.nav.is-opened {
	opacity: 1;
	visibility: visible;
}

.nav__items {
	margin-bottom: 8.75vw;
}

.nav__item {
	border-bottom: .25vw solid #eee;
}

.nav__item a {
	display: block;
	padding: 35px 0;
	padding: 4.375vw 0;
	font-size: 4vw;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.nav__sns {
	display: flex;
	justify-content: center;
}

.nav__icon {
	width: 11vw;
}

.nav__icon + .nav__icon {
	margin-left: 7.75vw;
}

.nav__icon img {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.nav {
		padding: 100px 0 40px;
	}
	.nav__wrap {
		width: 400px;
		margin: 0 auto;
	}
	.nav__items {
		margin-bottom: 49px;
	}
	.nav__item {
		border-width: 1px;
	}
	.nav__item a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 110px;
		padding: 23px 0;
		box-sizing: border-box;
		font-size: 1.6rem;
		transition: .3s;
	}
	.nav__item a:hover:hover {
		opacity: .5;
	}
	.nav__icon {
		width: 44px;
		transition: .3s;
	}
	.nav__icon:hover:hover {
		opacity: .5;
	}
	.nav__icon + .nav__icon {
		margin-left: 31px;
	}
}

@media screen and (max-width: 800px) {
	.nav {
		padding: 25vw 0 25vw;
	}
}

.footer {
	background: #666;
}

.footer__nav {
	width: 49.00375vw;
	margin: 0 auto;
	padding: 9.1% 0 9.4%;
	box-sizing: border-box;
}

.footer__item {
	font-size: 3.25vw;
	line-height: 3;
	color: #fff;
}

.footer__item a {
	display: block;
}

.footer__copy {
	font-size: 3vw;
	line-height: 5;
	color: #666;
	text-align: center;
	background: #333;
}

@media screen and (min-width: 801px) {
	.footer__nav {
		width: 706px;
		padding: 70px 0;
	}
	.footer__items {
		display: flex;
		justify-content: center;
	}
	.footer__item {
		font-size: 1.3rem;
	}
	.footer__item + .footer__item {
		margin-left: 26px;
	}
	.footer__item a {
		transition: .3s;
	}
	.footer__item a:hover {
		opacity: .7;
	}
	.footer__copy {
		font-size: 1.2rem;
		line-height: 5;
	}
}

/* Object */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide > div {
	margin-bottom: -11px;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 44px;
	width: 44px;
	cursor: pointer;
	color: transparent;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	border: none;
	outline: none;
	z-index: 100;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	opacity: .7;
	outline: none;
	color: transparent;
}

.lab-tab__items > .slick-prev, .lab-tab__items >
.slick-next {
	width: 39px;
	height: 80px;
}

.lab-tab__items > .slick-prev.slick-disabled, .lab-tab__items >
.slick-next.slick-disabled {
	visibility: hidden;
}

.slick-prev {
	left: 10px;
	background: rgba(255, 255, 255, 0.5) url(../img/icn_prev.png) no-repeat center/8px auto;
}

.lab-tab__items > .slick-prev {
	background: url(../img/icn_prev_2.png) no-repeat center/contain;
}

.slick-next {
	right: 10px;
	background: rgba(255, 255, 255, 0.5) url(../img/icn_next.png) no-repeat center/8px auto;
}

.lab-tab__items > .slick-next {
	background: url(../img/icn_next_2.png) no-repeat center/contain;
}

.slick-dots {
	position: absolute;
	display: flex !important;
	justify-content: center;
	bottom: 4.5%;
	left: 50%;
	transform: translateX(-50%);
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 8px;
	width: 8px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li + li {
	margin-left: 17px;
}

.slick-dots li button {
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
	opacity: .7;
}

.slick-dots .slick-active button {
	background: #888;
}

@media screen and (max-width: 767px) {
	.slick-slide > div {
		margin-bottom: -2.1875vw;
	}
	.slick-prev, .slick-next {
		width: 11vw;
		height: 11vw;
	}
	.lab-tab__items > .slick-prev, .lab-tab__items >
.slick-next {
		width: 4.875vw;
		height: 10vw;
	}
	.slick-prev {
		left: 0;
		background: rgba(255, 255, 255, 0.5) url(../img/icn_prev.png) no-repeat center/2vw auto;
	}
	.lab-tab__items > .slick-prev {
		left: 2%;
	}
	.slick-next {
		right: 0;
		background: rgba(255, 255, 255, 0.5) url(../img/icn_next.png) no-repeat center/2vw auto;
	}
	.lab-tab__items > .slick-next {
		right: 2%;
	}
	.slick-dots {
		bottom: 5%;
	}
	.slick-dots li {
		width: 2vw;
		height: 2vw;
	}
	.slick-dots li + li {
		margin-left: 4.25vw;
	}
}

.heading-1 {
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	letter-spacing: .11em;
	text-indent: .11em;
	color: #003F72;
}

.heading-1 strong {
	color: #189C4E;
}

.heading-1.-cholesterol {
	position: relative;
	padding-top: 15.4%;
	text-align: left;
}

.heading-1.-cholesterol span {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30vw;
	height: 30vw;
	top: 2.6%;
	right: 0;
	font-size: 2.5vw;
	line-height: 1.7335;
	color: #003F72;
	text-align: center;
	letter-spacing: .05em;
	text-indent: .05em;
	background: url(../img/bg_baloon_02_blue_sp.png) no-repeat center/contain;
}

.heading-2 {
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.heading-2 strong {
	color: #4d9120;
}

@media screen and (min-width: 801px) {
	.heading-1 {
		font-size: 2.4rem;
	}
	.heading-1.-cholesterol {
		padding-top: 130px;
		text-align: center;
		color: #003F72;
	}
	.heading-1.-cholesterol span {
		width: 180px;
		height: 180px;
		top: -40px;
		right: 72%;
		transform: translateX(50%);
		font-size: 1.5rem;
		line-height: 1.73333;
		background: url(../img/bg_baloon_02_blue_pc.png) no-repeat center/contain;
	}
	.heading-2 {
		font-size: 2.4rem;
	}
}

.mv__item {
	display: block;
}

.mv__item.-type-1 {
	background: url(../img/mv_01_bg.jpg) no-repeat center/cover;
}

.mv__item.-type-2 {
	background: url(../img/mv_02_bg.jpg) no-repeat center/cover;
}

.mv__item.-type-3 {
	background: url(../img/mv_03_bg.jpg) no-repeat center/cover;
}

.mv__image {
	max-width: 1300px;
	margin: 0 auto;
}

.mv__image img {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.mv__item {
		transition: .3s;
	}
	.mv__item:hover {
		opacity: .7;
	}
}

/* コレステロール、脂肪 */
.cf-mv {
	display: flex;
	min-height: 600px;
}

.cf-mv strong {
	color: #149549;
}

.mv-left,
.mv-right {
	width: 50%;
}

.mv-right {
	background-color: #fafafa;
}

.mv-right-wrapper {
	padding: 10%;
}

.mv-right h1 {
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: .3em;
	margin-bottom: 40px;
	color: #003F72;
}

.mv-right p {
	letter-spacing: .15em;
	margin-bottom: 40px;
	color: #003F72;
}

.mv-right .btn-common a {
	margin: 0;
}

@media screen and (max-width: 800px) {
	.cf-mv {
		display: block;
		min-height: inherit;
	}
	.mv-left, .mv-right {
		width: 100%;
	}
	.mv-left {
		position: relative;
	}
	.mv-left::before {
		content: "";
		display: block;
		padding-top: 50%;
	}
	.mv-left .mv-left-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.mv-right-wrapper {
		padding: 5.6% 20px;
	}
	.mv-right-wrapper h1 {
		font-size: 5vw;
		margin-bottom: 20px;
	}
	.mv-right p {
		margin-bottom: 20px;
	}
}

.btn-common a {
	text-align: center;
	width: 200px;
	font-size: 2rem;
	transition: .3s;
	position: relative;
	display: block;
	margin: 0 auto;
	line-height: 3;
	color: #fff;
	letter-spacing: .15em;
	text-indent: .15em;
	border-radius: 7.5vw;
	background: #003F72;
	cursor: pointer;
}

@media screen and (max-width: 800px) {
	.btn-common a {
		width: 50vw;
		font-size: 5vw;
	}
}

.btn-common a::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 13px;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	background: url(../img/icn_arrow_1.png) no-repeat center/contain;
}

@media screen and (max-width: 800px) {
	.btn-common a::after {
		width: 2vw;
		height: 3.25vw;
	}
}

@media screen and (min-width: 801px) {
	.btn-common a:hover {
		opacity: 0.7;
	}
}

.btn-common a.--w-390 {
	width: 48.75vw;
	font-size: 3.75vw;
}

@media screen and (min-width: 801px) {
	.btn-common a.--w-390 {
		width: 18.57143vw;
		font-size: 1.28571vw;
	}
}

.btn-common a.--w-390::after {
	width: 1.75vw;
	height: 2.75vw;
	top: 50%;
	right: 10%;
}

@media screen and (min-width: 801px) {
	.btn-common a.--w-390::after {
		width: 0.64286vw;
		height: 1vw;
	}
}

.btn-common a.--bg-green {
	background: #006629;
}

.btn-common a.--bg-jasmine {
	background: #2f74c6;
}

.btn-common a.--bg-oolong {
	background: #c0551d;
}

.btn-common a.--bg-gray {
	background: #666666;
}

.btn-pagetop {
	position: absolute;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 11vw;
	height: 11vw;
	bottom: 1.5%;
	right: 3%;
	background: rgba(255, 255, 255, 0.3);
}

.btn-pagetop img {
	width: 3.5vw;
}

@media screen and (min-width: 801px) {
	.btn-pagetop {
		width: 44px;
		height: 44px;
		bottom: 15px;
		right: 10px;
		transition: .3s;
	}
	.btn-pagetop:hover {
		opacity: .7;
	}
	.btn-pagetop img {
		width: 14px;
	}
}

.movie-sec {
	background: #cee3cf;
}

@media screen and (min-width: 801px) {
	.movie-sec {
		padding: 100px 0 115px 0;
	}
}

@media screen and (max-width: 800px) {
	.movie-sec {
		padding: 11.25vw 0 15vw 0;
	}
}

.movie-sec.--bg-green {
	background: #cee3cf;
}

.movie-sec.--bg-blue {
	background: #cae5f2;
}

@media screen and (min-width: 801px) {
	.movie-sec .heading-3 {
		height: 38px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 800px) {
	.movie-sec .heading-3 {
		height: 14.75vw;
		margin-bottom: 6.25vw;
	}
}

.movie-sec .heading-3 img {
	margin: auto;
	height: 100%;
}

.movie-sec .movie-wrap {
	max-width: 1100px;
	margin: auto;
}

@media screen and (min-width: 801px) {
	.movie-sec .movie-wrap {
		width: 78.57143vw;
	}
}

@media screen and (max-width: 800px) {
	.movie-sec .movie-wrap {
		width: 100%;
	}
}

.movie-sec .movie-wrap .iframe-wrap {
	margin: 0 auto;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.movie-sec .movie-wrap .iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Project */
/*
identifer:top-note
*/
.top-note {
	padding: 5.4% 0 6.3%;
}

@media screen and (min-width: 801px) {
	.top-note {
		padding: 41px 0 49px;
	}
}

.top-note.-type-1 {
	background: #add1af;
}

.top-note.-type-2 {
	background: #dbc79b;
}

.top-note.-type-3 {
	background: #a5d4ea;
}

.top-note__heading {
	margin-bottom: 4.1%;
	letter-spacing: .15em;
}

@media screen and (min-width: 801px) {
	.top-note__heading {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 801px) {
	.top-note__items {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (min-width: 801px) {
	.top-note__item {
		width: 47%;
		max-width: 550px;
	}
}

.top-note__item + .top-note__item {
	margin-top: 4.3%;
}

@media screen and (min-width: 801px) {
	.top-note__item + .top-note__item {
		margin-top: 0;
	}
}

.top-note__txt {
	font-size: 3vw;
	line-height: 2;
	letter-spacing: .15em;
	margin-top: 1rem;
}

@media screen and (min-width: 801px) {
	.top-note__txt {
		font-size: 1.2rem;
	}
}

.top-note__txt:nth-of-type(1) {
	margin-top: 0;
}

.top-note__list li {
	font-size: 3vw;
	line-height: 2;
	letter-spacing: .15em;
}

@media screen and (min-width: 801px) {
	.top-note__list li {
		font-size: 1.2rem;
	}
}

.top-note__list li::before {
	content: '・';
}

.product-sec__head__wrap {
	background: #cee3cf;
}

.product-sec__head__wrap.--bg-green {
	background: #cee3cf;
}

.product-sec__head__wrap.--bg-blue {
	background: #cae5f2;
}

.product-sec__head {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 75vw;
	margin: 0 auto;
	padding: 6.4% 0 5.2%;
	color: #fff;
	background: #56b15c;
}

.product-sec__head.--bg-green {
	background: #56b15c;
}

.product-sec__head.--bg-blue {
	background: #2f74c6;
}

@media screen and (min-width: 801px) {
	.product-sec__head {
		width: 500px;
		margin-bottom: 0;
		padding: 70px 0 58px;
	}
}

.product-sec__head strong {
	font-size: 5.25vw;
	line-height: 1.42857;
	font-weight: bold;
	letter-spacing: .25em;
	text-indent: .25em;
}

@media screen and (min-width: 801px) {
	.product-sec__head strong {
		font-size: 2.8rem;
	}
}

.product-sec__head small {
	font-size: 2.625vw;
	line-height: 2.38095;
	letter-spacing: .28em;
	text-indent: .28em;
}

@media screen and (min-width: 801px) {
	.product-sec__head small {
		font-size: 1.4rem;
	}
}

.product-sec__head small::before, .product-sec__head small::after {
	content: '-';
}

.product-sec__head small::before {
	margin-right: .5em;
}

.product-sec__head small::after {
	margin-left: .5em;
}

.product-intro {
	background: #cee3cf;
}

.product-intro__wrap {
	padding-top: 12.4%;
}

@media screen and (min-width: 801px) {
	.product-intro__wrap {
		padding-top: 100px;
		overflow: hidden;
	}
}

.product-intro__wrap.-type-1 {
	padding-top: 6.8%;
	background: #cee3cf;
}

@media screen and (min-width: 801px) {
	.product-intro__wrap.-type-1 {
		padding-top: 79px;
	}
}

.product-intro__wrap.-type-2 {
	background: #e9ddc4;
}

.product-intro__wrap.-type-3 {
	background: #c9e5f2;
}

.product-intro__heading {
	display: flex;
	justify-content: center;
	margin-bottom: 7.2%;
}

@media screen and (min-width: 801px) {
	.product-intro__heading {
		margin-bottom: 56px;
	}
}

.product-intro__heading img {
	width: auto;
}

@media screen and (max-width: 800px) {
	.product-intro__heading img {
		height: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.product-intro__heading img {
		height: 40px;
	}
}

@media screen and (max-width: 800px) {
	.-type-2 > .product-intro__heading img {
		height: 6.5vw;
	}
}

@media screen and (max-width: 800px) {
	.-type-3 > .product-intro__heading img {
		height: 6.5vw;
	}
}

.product-intro__box {
	padding-bottom: 11.6%;
}

@media screen and (min-width: 801px) {
	.product-intro__box {
		position: relative;
		display: flex;
		padding-bottom: 97px;
	}
}

@media screen and (min-width: 1240px) {
	.product-intro__box::before {
		content: '';
		position: absolute;
		transform: translateY(-50%);
	}
}

.product-intro__box.-type-1 {
	padding-bottom: 14%;
}

@media screen and (min-width: 1240px) {
	.product-intro__box.-type-1 {
		padding-bottom: 92px;
	}
	.product-intro__box.-type-1::before {
		width: 400px;
		height: 539px;
		top: 26%;
		right: -200px;
		background: url(../img/bg_product_01.png) no-repeat center/contain;
	}
}

.product-intro__box.-type-2 {
	padding-bottom: 18%;
}

@media screen and (max-width: 800px) {
	.product-intro__box.-type-2 {
		padding-bottom: 5%;
	}
}

@media screen and (min-width: 1240px) {
	.product-intro__box.-type-2::before {
		width: 392px;
		height: 392px;
		top: 19.1%;
		right: -200px;
		background: url(../img/bg_product_02.png) no-repeat center/contain;
	}
}

@media screen and (min-width: 1240px) {
	.product-intro__box.-type-3::before {
		width: 399px;
		height: 394px;
		top: 10.5%;
		right: -200px;
		background: url(../img/bg_product_03.png) no-repeat center/contain;
	}
}

.product-intro__fig {
	margin: 0 auto 8.2%;
}

@media screen and (min-width: 801px) {
	.product-intro__fig {
		margin-bottom: 0;
	}
}

.product-intro__fig img {
	width: 100%;
	margin: auto;
}

.product-intro__box.-type-1 > .product-intro__fig {
	width: 19.25vw;
	margin-bottom: 10.5%;
}

@media screen and (min-width: 801px) {
	.product-intro__box.-type-1 > .product-intro__fig {
		width: 154px;
		margin: auto;
	}
}

.product-intro__box.-type-2 > .product-intro__fig {
	width: 33.25vw;
}

@media screen and (min-width: 801px) {
	.product-intro__box.-type-2 > .product-intro__fig {
		width: 266px;
	}
}

.product-intro__box.-type-3 > .product-intro__fig {
	width: 33.25vw;
}

@media screen and (min-width: 801px) {
	.product-intro__box.-type-3 > .product-intro__fig {
		width: 266px;
	}
}

@media screen and (min-width: 801px) {
	.product-intro__items {
		flex-shrink: 0;
		width: 50%;
		margin-left: 40px;
		padding-top: 103px;
	}
}

@media screen and (min-width: 1240px) {
	.product-intro__items {
		margin-left: 0;
	}
}

@media screen and (min-width: 801px) {
	.product-intro__box.-type-1 > .product-intro__items {
		padding-top: 43px;
	}
}

.product-intro__item {
	position: relative;
	display: flex;
	box-sizing: border-box;
}

.product-intro__item + .product-intro__item {
	margin-top: 6.1%;
}

@media screen and (min-width: 801px) {
	.product-intro__item + .product-intro__item {
		margin-top: 42px;
	}
}

.product-intro__item:nth-of-type(2n) {
	margin-left: 13%;
}

@media screen and (min-width: 801px) {
	.product-intro__item:nth-of-type(2n) {
		margin-left: 12%;
	}
}

@media screen and (min-width: 1240px) {
	.product-intro__item:nth-of-type(2n) {
		margin-left: 194px;
	}
}

.product-intro__num {
	flex-shrink: 0;
	height: 7.75vw;
}

@media screen and (min-width: 801px) {
	.product-intro__num {
		height: 55px;
	}
}

.product-intro__num img {
	width: auto;
	height: 100%;
}

.product-intro__item.-type-1 > .product-intro__num {
	margin-right: 3%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-1 > .product-intro__num {
		margin-right: 30px;
	}
}

.product-intro__item.-type-2 > .product-intro__num {
	margin-right: 2.4%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-2 > .product-intro__num {
		margin-right: 16px;
	}
}

.product-intro__item.-type-3 > .product-intro__num {
	margin-right: 4.7%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-3 > .product-intro__num {
		margin-right: 24px;
	}
}

.product-intro__item.-type-4 > .product-intro__num {
	margin-right: 3%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-4 > .product-intro__num {
		margin-right: 29px;
	}
}

.product-intro__detail {
	display: flex;
	flex-direction: column;
}

.product-intro__detail ol {
	margin-bottom: 2.3%;
}

.product-intro__detail ol li {
	font-size: 3.75vw;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: .2em;
}

.product-intro__detail ol + span {
	display: block;
	font-size: 3.25vw;
	line-height: 2.30769;
	font-weight: normal;
	letter-spacing: .18em;
	transform: translateX(1.9%);
}

@media screen and (min-width: 801px) {
	.product-intro__detail ol li {
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.product-intro__detail ol + span {
		font-size: 1.4rem;
		line-height: 2.14286;
	}
}

.product-intro__detail strong {
	font-size: 3.75vw;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: .2em;
}

@media screen and (min-width: 801px) {
	.product-intro__detail strong {
		font-size: 1.8rem;
		line-height: 1.6;
	}
}

.product-intro__detail small {
	font-size: 2.75vw;
	line-height: 3;
	letter-spacing: .2em;
}

@media screen and (min-width: 801px) {
	.product-intro__detail small {
		font-size: 1.3rem;
		line-height: 2.30769;
	}
}

.product-intro__item.-type-1 > .product-intro__detail {
	padding-top: 3.2%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-1 > .product-intro__detail {
		padding-top: 32px;
	}
}

.product-intro__item.-type-2 > .product-intro__detail {
	padding-top: 3.7%;
}

.product-intro__item.-type-2 > .product-intro__detail small {
	transform: translateX(1.6%);
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-2 > .product-intro__detail {
		padding-top: 30px;
	}
	.product-intro__item.-type-2 > .product-intro__detail small {
		margin-top: 6px;
	}
}

.product-intro__item.-type-3 > .product-intro__detail {
	margin-right: -2%;
	padding-top: 3%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-3 > .product-intro__detail {
		margin-right: 0;
		padding-top: 33px;
	}
}

.product-intro__item.-type-4 > .product-intro__detail {
	padding-top: 4.7%;
}

@media screen and (min-width: 801px) {
	.product-intro__item.-type-4 > .product-intro__detail {
		padding-top: 32px;
	}
}

/* lineup */
.product-lineup {
	background: #cee3cf;
}

.product-lineup__sec__flexbox {
	display: flex;
}

@media screen and (max-width: 800px) {
	.product-lineup__sec__flexbox {
		flex-direction: column;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec__flexbox {
		flex-direction: row;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__sec__flexbox.--col3 .product-lineup__sec {
		width: 100%;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec__flexbox.--col3 .product-lineup__sec {
		width: 33.333333%;
	}
}

.product-lineup__sec__flexbox.--col3 .product-lineup__items__wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 800px) {
	.product-lineup__sec__flexbox.--col3 .product-lineup__items__wrap {
		height: auto;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec__flexbox.--col3 .product-lineup__items__wrap {
		height: 67.85714vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__sec {
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec {
		padding-top: 6.42857vw;
		padding-bottom: 3.21429vw;
	}
}

.product-lineup__sec.--tea-green {
	background-color: #cee3cf;
}

@media screen and (max-width: 800px) {
	.product-lineup__sec.--tea-green {
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec.--tea-green {
		padding-top: 3.57143vw;
		padding-bottom: 3.21429vw;
	}
}

.product-lineup__sec.--bg-leaf {
	position: relative;
}

.product-lineup__sec.--bg-leaf::before {
	content: '';
	position: absolute;
	background: url(../img/bg_product_01-02.png) no-repeat center/contain;
}

@media screen and (max-width: 800px) {
	.product-lineup__sec.--bg-leaf::before {
		content: none;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__sec.--bg-leaf::before {
		width: 28.57143vw;
		height: 40.21429vw;
		left: 0vw;
		top: 6.35714vw;
	}
}

.product-lineup__sec.--tea-jasmine {
	background-color: #c9e5f2;
}

.product-lineup__sec.--tea-oolong {
	background-color: #e9ddc4;
}

.product-lineup__sec.--tea-online {
	background-color: #f5f5f5;
}

.product-lineup__items-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 800px) {
	.--tea-green .product-lineup__items-title {
		height: 13.875vw;
		margin-bottom: 11.875vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-green .product-lineup__items-title {
		height: 5.28571vw;
		margin-bottom: 2.14286vw;
	}
}

.--tea-green .product-lineup__items-title img {
	margin: auto;
}

@media screen and (max-width: 800px) {
	.--tea-green .product-lineup__items-title img {
		height: 13.875vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-green .product-lineup__items-title img {
		height: 2.64286vw;
	}
}

@media screen and (max-width: 800px) {
	.--tea-jasmine .product-lineup__items-title {
		height: 15vw;
		margin-bottom: 5vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-jasmine .product-lineup__items-title {
		height: 5.28571vw;
	}
}

.--tea-jasmine .product-lineup__items-title img {
	margin: auto;
}

@media screen and (max-width: 800px) {
	.--tea-jasmine .product-lineup__items-title img {
		height: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-jasmine .product-lineup__items-title img {
		height: 5.28571vw;
	}
}

@media screen and (max-width: 800px) {
	.--tea-oolong .product-lineup__items-title {
		height: 15vw;
		margin-bottom: 5vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-oolong .product-lineup__items-title {
		height: 5.28571vw;
	}
}

.--tea-oolong .product-lineup__items-title img {
	margin: auto;
}

@media screen and (max-width: 800px) {
	.--tea-oolong .product-lineup__items-title img {
		height: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-oolong .product-lineup__items-title img {
		height: 5.28571vw;
	}
}

@media screen and (max-width: 800px) {
	.--tea-online .product-lineup__items-title {
		height: 15vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-online .product-lineup__items-title {
		height: 5.28571vw;
	}
}

.--tea-online .product-lineup__items-title img {
	margin: auto;
}

@media screen and (max-width: 800px) {
	.--tea-online .product-lineup__items-title img {
		height: 6.25vw;
	}
}

@media screen and (min-width: 801px) {
	.--tea-online .product-lineup__items-title img {
		height: 2.42857vw;
	}
}

.product-lineup__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

@media screen and (max-width: 800px) {
	.--ryokucha .product-lineup__item {
		margin-bottom: 12.5vw;
	}
	.--ryokucha .product-lineup__item:last-child {
		margin-bottom: 0vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__item .image {
		margin-bottom: 4vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__item .image {
		margin-bottom: 1.57143vw;
	}
}

.product-lineup__item .caption {
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

@media screen and (max-width: 800px) {
	.product-lineup__item .caption {
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 10.625vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__item .caption {
		font-size: 1.14286vw;
		line-height: 1.7;
		margin-bottom: 1.42857vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items__btnwrap {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items__btnwrap {
		margin-bottom: 2.35714vw;
	}
}

.product-lineup__items.--ryokucha {
	margin: auto;
	display: flex;
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha {
		width: 85.5vw;
		flex-direction: column;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha {
		width: 50.71429vw;
		flex-direction: row;
		justify-content: center;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha .item1 {
		margin-right: 0vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha .item1 {
		margin-right: 5vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha .item1 > .image {
		width: 37.125vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha .item1 > .image {
		width: 13.64286vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha .item2 {
		margin-right: 0vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha .item2 {
		margin-right: 5vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha .item2 > .image {
		width: 37.125vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha .item2 > .image {
		width: 13vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--ryokucha .item3 > .image {
		width: 19.375vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--ryokucha .item3 > .image {
		width: 6.64286vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--jasmine .image {
		width: 28.125vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--jasmine .image {
		width: 10.71429vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--oolong .image {
		width: 28.125vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--oolong .image {
		width: 10.71429vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--online .item01 .image {
		width: 22vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--online .item01 .image {
		width: 8.07143vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--online .item02 .image {
		width: 22vw;
	}
}

@media screen and (min-width: 801px) {
	.product-lineup__items.--online .item02 .image {
		width: 8.07143vw;
	}
}

@media screen and (max-width: 800px) {
	.product-lineup__items.--online:first-child {
		margin-bottom: 15.625vw;
	}
}

.top-measures {
	padding: 5.4% 0 7.6%;
	background: #f5f5f5;
}

@media screen and (min-width: 801px) {
	.top-measures {
		padding: 36px 0 49px;
	}
}

.top-measures__ttl {
	display: inline-block;
	margin-bottom: 56px;
}

@media screen and (max-width: 800px) {
	.top-measures__ttl {
		display: block;
	}
}

.top-measures__ttl__wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 12px 12px 12px 40px;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 53px;
}

@media screen and (max-width: 800px) {
	.top-measures__ttl__wrap {
		display: block;
		border-radius: 20px;
		padding: 16px 12px;
	}
}

@media screen and (max-width: 800px) {
	.top-measures__ttl .nutritionist {
		width: 230px;
		margin: 0 auto;
	}
}

.top-measures__ttl h2 {
	font-size: 2.6rem;
	font-weight: bold;
	margin-right: 45px;
	letter-spacing: .15em;
}

@media screen and (max-width: 800px) {
	.top-measures__ttl h2 {
		font-size: 4.5vw;
		text-align: center;
		margin-right: 0;
		margin-bottom: 16px;
	}
}

.top-measures__ttl .nutritionist {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #f5f5f5;
	padding: 8px 16px 8px 8px;
	border-radius: 45px;
}

.top-measures__ttl .nutritionist img {
	width: 64px;
	margin-right: 12px;
}

.top-measures__ttl .nutritionist p {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	letter-spacing: .15em;
}

.top-measures__head {
	display: flex;
	justify-content: center;
	margin-bottom: 5.3%;
	font-size: 4.5vw;
	line-height: 2.72222;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 801px) {
	.top-measures__head {
		margin-bottom: 35px;
		font-size: 2.2rem;
		line-height: 2.22727;
	}
}

.top-measures__head::before, .top-measures__head::after {
	content: '';
	content: none;
	width: 5.25vw;
	height: 12.25vw;
}

@media screen and (min-width: 801px) {
	.top-measures__head::before, .top-measures__head::after {
		width: 21px;
		height: 49px;
	}
}

.top-measures__head::before {
	margin-right: 3.8%;
	background: url(../img/bg_top_05.png) no-repeat center/contain;
}

@media screen and (min-width: 801px) {
	.top-measures__head::before {
		margin-right: 29px;
	}
}

.top-measures__head::after {
	margin-left: 3.8%;
	background: url(../img/bg_top_06.png) no-repeat center/contain;
}

@media screen and (min-width: 801px) {
	.top-measures__head::after {
		margin-left: 29px;
	}
}

.top-measures__head span {
	letter-spacing: .2em;
	text-indent: .2em;
}

@media screen and (max-width: 800px) {
	.top-measures__head span {
		line-height: 2;
	}
}

@media screen and (min-width: 801px) {
	.top-measures__head span {
		letter-spacing: 5px;
		text-indent: 5px;
	}
}

.top-measures__items {
	display: flex;
	justify-content: space-between;
	margin: 0 -2.8%;
}

@media screen and (min-width: 801px) {
	.top-measures__items {
		max-width: 1050px;
		margin: 0 auto;
	}
}

.top-measures__items_01 {
	margin-bottom: 56px;
}

.top-measures__item {
	width: 46.25vw;
}

@media screen and (min-width: 801px) {
	.top-measures__item {
		max-width: 500px;
	}
}

.top-measures__item a {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	transition: .3s;
}

.top-measures__item a::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7.5vw;
	height: 7.5vw;
	background: #666 url(../img/icn_arrow_1.png) no-repeat center/1.25vw 2vw;
}

@media screen and (min-width: 801px) {
	.top-measures__item a::after {
		width: 30px;
		height: 30px;
		background: #666 url(../img/icn_arrow_1.png) no-repeat center/5px 8px;
	}
}

@media screen and (min-width: 801px) {
	.top-measures__item a:hover {
		opacity: .7;
	}
}

.top-measures__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 10% 0 12%;
}

@media screen and (min-width: 801px) {
	.top-measures__heading {
		padding: 24px 0 31px;
	}
}

.top-measures__heading strong {
	margin-bottom: 2.2%;
	font-size: 5.5vw;
	line-height: 1.36364;
	font-weight: bold;
	letter-spacing: .2em;
	text-indent: .2em;
}

@media screen and (min-width: 801px) {
	.top-measures__heading strong {
		font-size: 2.2rem;
		line-height: 1.18182;
	}
}

@media screen and (max-width: 800px) {
	.top-measures__heading strong {
		font-size: 3.5vw;
	}
}

.top-measures__heading small {
	width: 100%;
	font-size: 3.25vw;
	line-height: 1.92308;
	text-align: center;
	letter-spacing: .2em;
	text-indent: .2em;
}

@media screen and (min-width: 801px) {
	.top-measures__heading small {
		font-size: 1.6rem;
		line-height: 1.125;
	}
}

.top-measures__heading small::before, .top-measures__heading small::after {
	content: '-';
}

.top-measures__heading small::before {
	margin-right: 3%;
}

@media screen and (min-width: 801px) {
	.top-measures__heading small::before {
		margin-right: 8px;
	}
}

.top-measures__heading small::after {
	margin-left: 3%;
}

@media screen and (min-width: 801px) {
	.top-measures__heading small::after {
		margin-left: 8px;
	}
}

.top-measures__heading img {
	height: 8vw;
}

@media screen and (max-width: 800px) {
	.top-measures__heading img {
		height: 15vw;
	}
}

.top-measures__image {
	width: 100%;
	order: -1;
}

.top-measures__image img {
	width: 100%;
}

.top-catechin {
	padding: 36.9% 0 29.5%;
	background: url(../img/bg_top_03_sp.png) no-repeat center/cover;
}

@media screen and (min-width: 801px) {
	.top-catechin {
		height: 400px;
		padding: 115px 0 0;
		box-sizing: border-box;
		background: url(../img/bg_top_03_pc.png) no-repeat center/cover;
	}
}

.top-catechin__wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.top-catechin__wrap .catechin-ttl {
	color: #4d9120;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 5px;
	margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
	.top-catechin__wrap .catechin-ttl {
		font-size: 4.5vw;
		text-align: center;
	}
}

.top-catechin__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 6%;
	color: #4d9120;
}

@media screen and (min-width: 801px) {
	.top-catechin__head {
		margin-bottom: 28px;
	}
}

.top-catechin__head small {
	font-size: 2.75vw;
	line-height: 1.81818;
	letter-spacing: .3em;
	text-indent: .3em;
}

@media screen and (min-width: 801px) {
	.top-catechin__head small {
		font-size: 1.6rem;
	}
}

.top-catechin__head strong {
	font-size: 7.5vw;
	line-height: 1.33333;
	letter-spacing: .3em;
	text-indent: .3em;
}

@media screen and (min-width: 801px) {
	.top-catechin__head strong {
		font-size: 4.4rem;
	}
}

.top-catechin__txt {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28.125vw;
	height: 29vw;
	top: -94%;
	left: calc(50% + 344px);
	transform: translateX(-50%);
	font-size: 2.8125vw;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
	background: url(../img/bg_top_04.png) no-repeat center/contain;
}

@media screen and (max-width: 800px) {
	.top-catechin__txt {
		top: -62%;
		left: 80%;
	}
}

@media screen and (min-width: 801px) {
	.top-catechin__txt {
		width: 150px;
		height: 154px;
		top: -22%;
		left: calc(50% + 302px);
		font-size: 1.5rem;
		line-height: 1.4;
	}
}

@media screen and (min-width: 1240px) {
	.top-catechin__txt {
		left: 78.4%;
	}
}

.top-catechin__btn {
	width: 65vw;
	font-size: 3.5vw;
	line-height: 3;
	color: #448717;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	border: .25vw solid #4d9120;
	border-radius: 44px;
	background: url(../img/icn_arrow_2.png) no-repeat center right 5.3vw/1.75vw 2.75vw;
}

@media screen and (min-width: 801px) {
	.top-catechin__btn {
		width: 260px;
		font-size: 1.4rem;
		line-height: 2.85714;
		border-width: 2px;
		border-radius: 22px;
		background: url(../img/icn_arrow_2.png) no-repeat center right 20px/7px 11px;
	}
}

@media screen and (min-width: 801px) {
	.top-catechin__btn:hover {
		opacity: .7;
	}
}

@media screen and (min-width: 801px) {
	.top-links {
		height: 500px;
		box-sizing: border-box;
		overflow: hidden;
	}
}

.top-links.-catechin {
	padding: 19.8% 0 7.5%;
	background: url(../img/bg_top_01_sp.png) no-repeat center/cover;
}

@media screen and (min-width: 801px) {
	.top-links.-catechin {
		padding: 50px 0;
		background: url(../img/bg_top_01_pc.png) no-repeat center/cover;
	}
}

.top-links.-cholesterol {
	padding: 80px 0;
	height: auto;
	background: url(../img/bg_top_02_sp.png) no-repeat center/cover;
}

@media screen and (min-width: 801px) {
	.top-links.-cholesterol {
		padding: 80px 0;
		background: url(../img/bg_top_02_pc.png) no-repeat center/cover;
	}
}

.top-links.-cholesterol .l-wrapper {
	max-width: 1010px;
	margin: 0 auto;
}

.top-links.-cholesterol .l-wrapper h2 {
	margin-left: 0;
}

.top-links.-cholesterol .l-wrapper .btn-common {
	display: inline-block;
}

.top-links__wrap {
	padding-left: 0;
	display: block;
}

@media screen and (min-width: 801px) {
	.top-links__wrap {
		display: flex;
		justify-content: center;
	}
}

@media screen and (min-width: 1240px) {
	.top-links__wrap {
		justify-content: flex-start;
	}
}

.top-links__wrap.-cholesterol {
	padding-left: 0;
	display: block;
}

@media screen and (min-width: 801px) {
	.top-links__wrap.-cholesterol {
		padding-left: 5%;
	}
}

.top-links__heading-1 {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 24.8%;
	padding-left: 18.2%;
	box-sizing: border-box;
}

@media screen and (min-width: 801px) {
	.top-links__heading-1 {
		flex-shrink: 0;
		min-width: 405px;
		margin: 0 4% 0 0;
		padding: 161px 0 0 5%;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 1240px) {
	.top-links__heading-1 {
		margin-right: 130px;
		padding-left: 148px;
	}
}

.top-links__heading-1::before {
	content: '';
	position: absolute;
	width: 3.75vw;
	height: 38.75vw;
	top: 60%;
	left: 6.7%;
	transform: translateY(-50%);
	background: url(../img/icn_top_01.png) no-repeat center/contain;
}

@media screen and (min-width: 801px) {
	.top-links__heading-1::before {
		width: 15px;
		height: 155px;
		top: 47.8%;
		left: 1.7%;
	}
}

@media screen and (min-width: 1240px) {
	.top-links__heading-1::before {
		top: 49.4%;
		left: 21.7%;
	}
}

.top-links__heading-1 small {
	font-size: 2.5vw;
	line-height: 2;
	color: #765a11;
	letter-spacing: .28em;
}

@media screen and (min-width: 801px) {
	.top-links__heading-1 small {
		font-size: 1.3rem;
	}
}

.top-links__heading-1 strong {
	position: relative;
	font-size: 5.25vw;
	line-height: 1.28571;
	color: #836517;
	letter-spacing: .3em;
	text-indent: -.1em;
}

@media screen and (min-width: 801px) {
	.top-links__heading-1 strong {
		font-size: 2.6rem;
	}
}

.top-links__heading-2 {
	position: relative;
	padding-left: 18.3%;
	box-sizing: border-box;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	color: #e75478;
	letter-spacing: .3em;
	padding: 0;
	margin-bottom: 40px;
	white-space: nowrap;
}

@media screen and (min-width: 801px) {
	.top-links__heading-2 {
		order: 1;
		margin: 0 0 0 9%;
		padding-left: 0;
		padding: 129px 0 0;
		font-size: 2.6rem;
		line-height: 2;
		padding: 0;
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 1240px) {
	.top-links__heading-2 {
		margin-left: 188px;
		padding: 0;
		margin-bottom: 40px;
	}
}

.top-links__heading-2::before {
	content: '';
	position: absolute;
	top: 5.3%;
	left: 45.4%;
	transform: translateX(-50%);
	width: 6.25vw;
	height: 5.375vw;
	background: url(../img/icn_top_03.png) no-repeat center/contain;
}

@media screen and (max-width: 800px) {
	.top-links__heading-2::before {
		left: 63.4%;
	}
}

@media screen and (min-width: 801px) {
	.top-links__heading-2::before {
		width: 33px;
		height: 28px;
		top: 5.3%;
		left: 45.4%;
		transform: translate(-50%, -50%);
	}
}

.top-links__link {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	letter-spacing: .15em;
	background: #fff;
}

@media screen and (min-width: 801px) {
	.top-links__link {
		width: 300px;
		transition: .3s;
	}
}

.top-links__link::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7.5vw;
	height: 7.5vw;
}

@media screen and (min-width: 801px) {
	.top-links__link::after {
		width: 30px;
		height: 30px;
	}
}

@media screen and (min-width: 801px) {
	.top-links__link:hover {
		opacity: .7;
	}
}

.-catechin > .top-links__link {
	padding: 8.8% 4.2% 10.4%;
	border-top: .25vw solid #957728;
}

@media screen and (min-width: 801px) {
	.-catechin > .top-links__link {
		position: relative;
		padding: 107px 47px;
		border-width: 1px;
	}
}

.-catechin > .top-links__link strong {
	color: #836517;
}

.-catechin > .top-links__link::after {
	background: #957728 url(../img/icn_link.png) no-repeat center/2.5vw 2.25vw;
}

@media screen and (min-width: 801px) {
	.-catechin > .top-links__link::after {
		background: #957728 url(../img/icn_link.png) no-repeat center/10px 9px;
	}
}

.-cholesterol > .top-links__link {
	padding: 8.8% 4.2% 7.1%;
	border-top: 0.25vw solid #e75478;
}

@media screen and (min-width: 801px) {
	.-cholesterol > .top-links__link {
		padding: 85px 48px 89px;
		border-width: 1px;
	}
}

.-cholesterol > .top-links__link strong {
	color: #e75478;
}

.-cholesterol > .top-links__link small {
	margin-top: 1.3%;
	font-size: 3vw;
	line-height: 2;
	color: #999;
	letter-spacing: .15em;
}

@media screen and (min-width: 801px) {
	.-cholesterol > .top-links__link small {
		font-size: 1.2rem;
		margin-top: 15px;
	}
}

.-cholesterol > .top-links__link::after {
	background: #e75478 url(../img/icn_arrow_1.png) no-repeat center/1.25vw 2vw;
}

@media screen and (min-width: 801px) {
	.-cholesterol > .top-links__link::after {
		background: #e75478 url(../img/icn_arrow_1.png) no-repeat center/5px 8px;
	}
}

.top-links__link.-disabled {
	pointer-events: none;
}

.top-links__link.-disabled::after {
	content: none;
}

/*
page:/oiocha/catechin/index.html
 */
.top-page .mv__image {
	max-width: 100%;
}

.top-page .cf-content {
	text-align: center;
	padding: 64px 0;
}

/*
page:/oiocha/catechin/lineup.html
 */
@media screen and (max-width: 800px) {
	.lineup-page .-type-1 > .product-intro__num {
		margin-right: 3%;
	}
}

.lineup-page .product-intro__box.-type-1 {
	padding-bottom: 97px;
}

@media screen and (max-width: 800px) {
	.lineup-page .product-intro__box.-type-1 {
		padding-bottom: 11.6%;
	}
}

.lineup-page .product-intro__box.-type-2 {
	padding-bottom: 97px;
}

@media screen and (max-width: 800px) {
	.lineup-page .product-intro__box.-type-2 {
		padding-bottom: 11.6%;
	}
}

.lineup-page .product-intro__wrap.-type-1 .product-intro__heading img {
	height: 50px;
}

@media screen and (max-width: 800px) {
	.lineup-page .product-intro__wrap.-type-1 .product-intro__heading img {
		height: 8vw;
	}
}

.cholesterol .mv-left {
	background-image: url(../img/cholesterol-mv-img.jpg);
	background-size: cover;
	background-position: right;
}

.cholesterol__item {
	padding: 4.1% 0 7.6%;
}

.cholesterol__item:nth-of-type(even) {
	background: #D3EBFF;
}

.cholesterol__check {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5.4%;
	padding: 4.2% 0 4.7%;
	border: .5vw solid #fae8ed;
	border-radius: 5vw;
}

.cholesterol .cholesterol-check__head strong {
	text-align: center;
}

.cholesterol__check img {
	width: 86.5vw;
}

.cholesterol__detail {
	margin-top: 5.2%;
	padding: 6.1% 5.6%;
	box-sizing: border-box;
	border-radius: 5vw;
	background: #fff;
}

.cholesterol__txt {
	margin-bottom: 3.8%;
	letter-spacing: .15em;
	color: #003F72;
}

.cholesterol__ldl {
	width: 100%;
}

.cholesterol__ldl img {
	width: 100%;
}

.cholesterol__plus {
	width: 100%;
	margin-top: 5.4%;
	border: 2px solid #D3EBFE;
	border-radius: 25px;
}

.cholesterol__plus img {
	width: 100%;
}

.cholesterol-intro {
	padding: 9.9% 0 7%;
	background: #D3EBFF;
}

.cholesterol-intro__head {
	position: relative;
	margin-bottom: -28.2%;
	padding-left: 4.4%;
	box-sizing: border-box;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	color: #003F72;
	letter-spacing: .3em;
}

.cholesterol-intro__head::before {
	content: '';
	position: absolute;
	top: -11.6%;
	left: 65.1%;
	transform: translateX(-50%);
	width: 7.25vw;
	height: 6.125vw;
	background: url(../img/icn_top_03.png) no-repeat center/contain;
}

.cholesterol-intro__fig {
	padding-left: 4.4%;
}

.cholesterol-intro__fig img {
	width: 43.625vw;
	margin: 0 0 4.5% auto;
}

.cholesterol-intro__fig figcaption {
	font-size: 2.5vw;
	line-height: 1.6;
	color: #999;
	letter-spacing: .17em;
}

.cholesterol-check {
	position: relative;
	padding: 20.4% 0 12.9%;
	background: linear-gradient(185deg, #f5f4f9, #f8f8fa);
}

.cholesterol-check::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 21.125vw;
	top: -1%;
	left: 0;
	background: url(../img/bg_cholesterol_01_sp.png) no-repeat center/contain;
}

.cholesterol-check__head {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 5.8%;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	letter-spacing: .15em;
	color: #003F72;
}

.cholesterol-check__head small {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28.125vw;
	height: 28.125vw;
	top: -20%;
	right: 2%;
	font-size: 2.8125vw;
	line-height: 1.73333;
	color: #ec7591;
	letter-spacing: .1em;
	text-indent: .1em;
	background: url(../img/bg_baloon_02.png) no-repeat center/contain;
}

.cholesterol-check__head strong {
	color: #189C4E;
}

.cholesterol-check__items {
	margin-bottom: 10%;
}

.cholesterol-check__item + .cholesterol-check__item {
	margin-top: 4.3%;
}

.cholesterol-check__item label {
	position: relative;
}

.cholesterol-check__item input {
	position: absolute;
	top: 0;
	left: -100vw;
	opacity: 0;
}

.cholesterol-check__item input + span {
	display: flex;
	align-items: baseline;
	font-size: 4.5vw;
	line-height: 1.4;
	letter-spacing: .2em;
	cursor: pointer;
	color: #003F72;
}

.cholesterol-check__item input + span::before {
	content: '';
	flex-shrink: 0;
	width: 3vw;
	height: 3vw;
	margin-right: 2vw;
	box-sizing: border-box;
	border-radius: .375vw;
	border: .25vw solid #d2d2d2;
	background: #f5f6f8;
}

.cholesterol-check__item input:focus + span::before {
	box-shadow: 0 0 .375vw .25vw #6adba8;
}

.cholesterol-check__item input:checked + span::before {
	background: url(../img/icn_check.png) no-repeat center/contain;
}

.cholesterol-check__btn {
	position: relative;
	display: block;
	width: 50vw;
	margin: 0 auto;
	font-size: 5vw;
	line-height: 3;
	color: #fff;
	letter-spacing: .15em;
	text-indent: .15em;
	border-radius: 7.5vw;
	background: #003F72;
	cursor: pointer;
}

.cholesterol-check__btn::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 3.25vw;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	background: url(../img/icn_arrow_1.png) no-repeat center/contain;
}

@media screen and (max-width: 800px) {
	.cholesterol .mv-left {
		background-image: url(../img/cholesterol-mv-img-sp.jpg);
		background-size: cover;
		background-position: center;
	}
	.cholesterol .cholesterol-check__head {
		text-align: center;
	}
	.cholesterol .cholesterol-check__head small {
		width: 32.125vw;
		height: 32.125vw;
		top: -7%;
	}
}

@media screen and (min-width: 801px) {
	.cholesterol__item {
		padding: 68px 0 80px;
	}
	.cholesterol__check {
		max-width: 900px;
		margin: 37px auto 0;
		padding: 42px 0 37px;
		border-width: 2px;
		border-radius: 20px;
	}
	.cholesterol .cholesterol-check__wrap {
		padding-top: 196px;
	}
	.cholesterol__check img {
		max-width: 730px;
	}
	.cholesterol__detail {
		max-width: 900px;
		margin-top: 37px;
		margin: 37px auto 0;
		padding: 53px 85px 72px;
	}
	.cholesterol__txt {
		width: 535px;
		margin: 0 auto 32px;
		transform: translateX(7px);
		color: #003F72;
	}
	.cholesterol-intro {
		padding: 39px 0 49px;
	}
	.cholesterol-intro__wrap {
		display: flex;
		justify-content: center;
	}
	.cholesterol-intro__head {
		flex-shrink: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding: 108px 0 0;
		font-size: 3.6rem;
		line-height: 2;
	}
	.cholesterol-intro__head::before {
		width: 48px;
		height: 40px;
		top: 26.6%;
		left: 106%;
		transform: translate(-50%, -50%);
	}
	.cholesterol-intro__fig {
		width: 480px;
		padding-left: 0;
	}
	.cholesterol-intro__fig img {
		width: 360px;
		margin: 0 auto 23px;
		transform: translateX(-7px);
	}
	.cholesterol-intro__fig figcaption {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.cholesterol-check {
		padding: 86px 0 75px;
		background: #D3EBFF;
	}
	.cholesterol-check::before {
		content: none;
	}
	.cholesterol-check__wrap {
		max-width: 787px;
		height: 1075px;
		margin: 0 auto;
		padding-top: 226px;
		box-sizing: border-box;
		border-radius: 25px;
		background: url(../img/bg_cholesterol_01_pc.png) no-repeat center left 59%/cover;
	}
	.cholesterol-check__head {
		align-items: center;
		margin-bottom: 62px;
		font-size: 2.4rem;
		color: #003F72;
	}
	.cholesterol-check__head small {
		width: 150px;
		height: 150px;
		top: -112px;
		right: 15%;
		font-size: 1.5rem;
		line-height: 1.73333;
	}
	.cholesterol-check__items {
		width: 489px;
		margin: 0 auto 43px;
	}
	.cholesterol-check__item + .cholesterol-check__item {
		margin-top: 21px;
	}
	.cholesterol-check__item input + span {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.cholesterol-check__item input + span::before {
		width: 10px;
		height: 10px;
		margin-right: 10px;
		border-width: 1px;
		border-radius: 3px;
	}
	.cholesterol-check__item input:focus + span::before {
		box-shadow: 0 0 3px 2px #6adba8;
	}
	.cholesterol-check__btn {
		width: 200px;
		font-size: 2rem;
		transition: .3s;
	}
	.cholesterol-check__btn::after {
		width: 8px;
		height: 13px;
	}
	.cholesterol-check__btn:hover {
		opacity: .7;
	}
}

@media screen and (min-width: 1240px) {
	.cholesterol-intro__wrap {
		justify-content: space-between;
		padding: 0 66px 0 140px;
	}
	.cholesterol-check__wrap {
		position: relative;
	}
	.cholesterol-check__wrap::before, .cholesterol-check__wrap::after {
		content: '';
		position: absolute;
		width: 150px;
	}
	.cholesterol-check__wrap::before {
		height: 141px;
		top: 230px;
		right: -210px;
		background: url(../img/icn_check_01.png) no-repeat center/contain;
	}
	.cholesterol-check__wrap::after {
		height: 147px;
		bottom: 185px;
		left: -205px;
		background: url(../img/icn_check_02.png) no-repeat center/contain;
	}
}

.lab__item {
	overflow: hidden;
	padding: 9.7% 0 7.5%;
}

.lab__item:nth-of-type(even) {
	background: #f5f5f5;
}

.lab__item.-narrow {
	padding: 5% 0 7%;
}

.lab__intro {
	display: flex;
	margin-bottom: 5.6%;
}

.lab__heading-1 {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 23.75vw;
	height: 23.75vw;
	margin-top: 1%;
	margin: 1% 6.4% 0 0;
	font-size: 2.52vw;
	line-height: 1.6002;
	font-weight: bold;
	color: #37770d;
	text-align: center;
}

.lab__heading-1.-type-1 {
	background: url(../img/bg_lab_3.png) no-repeat center/contain;
}

.lab__heading-1.-type-2 {
	color: #fff;
	background: url(../img/bg_lab_4.png) no-repeat center/contain;
}

.lab__lead {
	letter-spacing: .15em;
}

.lab__lead strong {
	color: #4d9120;
}

.-type-1 + .lab__lead {
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	letter-spacing: .03em;
}

.lab__box-1 {
	padding: 8.6% 5.1% 5.6%;
	border: .5vw solid #f5f5f5;
}

.lab__fig-1 {
	width: 77.125vw;
	margin-bottom: 2.6%;
	padding-left: 1.2%;
}

.lab__fig-1 img {
	width: 100%;
}

.lab__txt {
	letter-spacing: .15em;
}

.lab__txt + .lab__txt {
	margin-top: 9.3%;
}

.lab__txt strong {
	color: #4d9120;
}

.lab__heading-2 {
	margin-bottom: 4.4%;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.lab__heading-2 strong {
	color: #4d9120;
}

.lab__box-3 {
	margin-bottom: 6%;
	padding: 6% 5.4% 6.5%;
	background: #fff;
}

.lab__fig-2 {
	margin-right: -5.5%;
}

.lab__fig-2 img {
	width: 100%;
}

.lab__video {
	position: relative;
	max-width: 780px;
	max-height: 438px;
	margin: 0 auto;
	padding-top: 56.25%;
}

.lab__video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.lab__video * {
	width: 100%;
}

.lab__movie__ttl {
	padding-top: 142px;
}

.lab__movie__list {
	display: flex;
	justify-content: space-between;
	max-width: 780px;
	margin: 0 auto;
}

.lab__movie__list li {
	width: 46%;
	background-color: #fff;
}

.lab__movie__list .movie-wrapper {
	width: 100%;
	position: relative;
}

.lab__movie__list .movie-wrapper::before {
	content: "";
	display: block;
	padding-top: 56.2%;
}

.lab__movie__list li iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.lab__movie__list li h3 {
	padding: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: .15em;
}

@media screen and (min-width: 801px) {
	.lab__item {
		padding: 30px 0 80px;
	}
	.lab__item.-narrow {
		padding: 67px 0 80px;
	}
	.lab__intro {
		max-width: 780px;
		margin: 0 auto 39px;
	}
	.lab__heading-1 {
		width: 170px;
		height: 170px;
		margin: 0 38px 0 0;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.lab__lead {
		padding-top: 86px;
	}
	.-type-1 + .lab__lead {
		padding-top: 83px;
		font-size: 2.4rem;
		letter-spacing: .15em;
	}
	.lab__box-1 {
		max-width: 780px;
		margin: 0 auto;
		padding: 40px 41px 50px;
		box-sizing: border-box;
		border-width: 2px;
	}
	.lab__box-1.-col-2 {
		display: flex;
	}
	.lab__fig-1 {
		width: 253px;
		margin: 0 28px 0 0;
		padding: 10px 0 0;
	}
	.lab__box-2 {
		width: 418px;
	}
	.lab__txt + .lab__txt {
		margin-top: 30px;
	}
	.lab__heading-2 {
		margin-bottom: 36px;
		font-size: 2.4rem;
	}
	.lab__box-3 {
		max-width: 780px;
		margin: 0 auto 40px;
		padding: 43px 40px;
		box-sizing: border-box;
	}
	.lab__fig-2 {
		max-width: 1200px;
		margin: 0 auto -58px;
	}
	.lab__video {
		height: 438px;
		padding-top: 0;
	}
}

@media screen and (max-width: 800px) {
	.lab__movie__ttl {
		padding-top: 48px;
	}
	.lab__movie__list {
		flex-wrap: wrap;
	}
	.lab__movie__list li {
		width: 100%;
	}
	.lab__movie__list li + li {
		margin-top: 24px;
	}
	.lab__movie__list li h3 {
		font-size: 4vw;
	}
}

.lab-intro {
	position: relative;
	padding: 32.5% 0 33.5%;
	background: url(../img/bg_lab_1_sp.png) no-repeat center/cover;
}

.lab-intro__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #4d9120;
}

.lab-intro__head small {
	font-size: 2.75vw;
	line-height: 1.81818;
	letter-spacing: .3em;
	text-indent: .3em;
}

.lab-intro__head strong {
	font-size: 7.5vw;
	line-height: 1.33333;
	letter-spacing: .3em;
	text-indent: .3em;
}

.lab-intro__txt {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26.25vw;
	height: 26.25vw;
	top: 26.1%;
	left: 79.6%;
	transform: translate(-50%, -50%);
	font-size: 2.625vw;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
	background: url(../img/bg_top_04.png) no-repeat center/contain;
}

.lab-system {
	margin-top: -2.4%;
}

.lab-system__heading {
	margin-bottom: 5.3%;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	color: #4d9120;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.lab-system__item {
	padding: 6% 6% 7.2%;
	box-sizing: border-box;
	border: .5vw solid #f5f5f5;
	background: #fff;
}

.lab-system__txt {
	letter-spacing: .15em;
}

.lab-system__txt strong {
	color: #4d9120;
}

.lab-system__note {
	margin-top: 1%;
	font-size: 3vw;
	line-height: 2;
	letter-spacing: .15em;
}

.lab-system__fig {
	width: 96.2%;
	margin: 7.4% auto 9%;
}

.lab-system__fig img {
	width: 100%;
}

.lab-system__data {
	display: flex;
	flex-direction: column;
}

.lab-system__source {
	padding: 0 2.6%;
	font-size: 2.5vw;
	line-height: 2;
	color: #999;
	letter-spacing: .15em;
}

.lab-system__points {
	display: flex;
	order: -1;
	justify-content: space-between;
	margin-bottom: 8%;
}

.lab-system__point {
	width: 34.75vw;
}

.lab-system__point img {
	width: 100%;
}

.lab-tab {
	padding-bottom: 1.2%;
	background: #fff;
}

.lab-tab__buttons {
	display: flex;
	margin-bottom: 2.5%;
}

.lab-tab__buttons li {
	width: 50%;
}

.lab-tab__btn {
	display: block;
	width: 100%;
	margin: 0;
	padding: 7.4% 0;
	font-size: 3vw;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	cursor: pointer;
}

.lab-tab__btn[aria-selected="true"] {
	pointer-events: none;
	color: #4d9120;
}

.lab-tab__btn[aria-selected="false"] {
	color: #fff;
	background: #bbb;
}

.lab-tab__wrap {
	padding: 0 2.5%;
	box-sizing: border-box;
}

.lab-tab__items[aria-hidden="true"] {
	display: none;
}

@media screen and (min-width: 801px) {
	.lab-intro {
		height: 500px;
		padding: 217px 0 0;
		box-sizing: border-box;
		background: url(../img/bg_lab_1_pc.png) no-repeat center/cover;
	}
	.lab-intro__head small {
		font-size: 1.6rem;
	}
	.lab-intro__head strong {
		font-size: 4.4rem;
	}
	.lab-intro__txt {
		width: 150px;
		height: 154px;
		top: 29.8%;
		left: 70.8%;
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.lab-system {
		margin-top: 60px;
	}
	.lab-system__heading {
		margin-bottom: 37px;
		font-size: 2.4rem;
	}
	.lab-system__item {
		max-width: 780px;
		margin: 0 auto;
		padding: 42px 40px;
		border-width: 2px;
	}
	.lab-system__note {
		margin-top: 17px;
		font-size: 1.3rem;
	}
	.lab-system__fig {
		width: 551px;
		margin: 55px auto 31px;
	}
	.lab-system__source {
		width: 551px;
		margin: 0 auto;
		font-size: 1.2rem;
		line-height: 2.33333;
	}
	.lab-system__points {
		width: 551px;
		margin: 0 auto 48px;
	}
	.lab-system__point {
		width: 232px;
	}
	.lab-tab {
		max-width: 780px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.lab-tab__buttons {
		margin-bottom: 29px;
	}
	.lab-tab__btn {
		padding: 18px 0;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.lab-tab__btn:hover {
		opacity: .7;
	}
}

@media screen and (min-width: 1240px) {
	.lab-system__fig {
		margin-bottom: 21px;
	}
	.lab-system__data {
		position: relative;
		display: block;
	}
	.lab-system__points {
		position: absolute;
		top: -173px;
		left: 50%;
		width: 169%;
		margin: 0;
		transform: translateX(-50%);
	}
	.lab-system__points {
		top: -290px;
	}
}

.image-box img {
	width: 100%;
	max-width: inherit;
}

.image-box.graph {
	position: relative;
	vertical-align: bottom;
	margin: 7.4% auto 9%;
}

.image-box.graph > span {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.image-box.graph > span.info-graph2 {
	display: block;
	width: 0;
}

.image-box.graph > span.info-graph3 {
	display: block;
	opacity: 0;
}

.image-box.graph > span.info-graph4 {
	display: block;
	opacity: 0;
}

@media screen and (min-width: 801px) {
	.image-box.graph {
		margin: 55px auto 31px;
	}
}

@media screen and (min-width: 1240px) {
	.image-box.graph {
		margin-bottom: 21px;
	}
}

.result {
	padding: 9.8% 0 7.6%;
	background: #D3EBFF;
}

.result__intro {
	margin-bottom: 8.7%;
	padding: 6.5% 7.2% 8.5%;
	box-sizing: border-box;
	border-radius: 5vw;
	background: #fff;
}

.result__head {
	margin-bottom: 4.7%;
	font-size: 5vw;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	color: #003F72;
}

.result__head strong {
	color: #149549;
}

.result__image {
	width: 100%;
	margin-bottom: 3.7%;
}

.result__image img {
	width: 100%;
	margin-bottom: 6.6%;
}

.result__image figcaption {
	padding: 4.3% 6.6%;
	box-sizing: border-box;
	font-size: 4vw;
	line-height: 2;
	letter-spacing: .15em;
	border-radius: 2.5vw;
	background: #fffcd1;
	color: #003F72;
}

.result__image figcaption strong {
	color: #149549;
}

.result__sns dt {
	display: flex;
	justify-content: center;
	margin-bottom: 9.2%;
	font-size: 5.5vw;
	line-height: 2.22727;
	font-weight: bold;
}

.result__sns dt::before, .result__sns dt::after {
	content: '';
	width: 5.25vw;
	height: 12.25vw;
}

.result__sns dt::before {
	margin-right: 5.8%;
	background: url(../img/bg_top_05.png) no-repeat center/contain;
}

.result__sns dt::after {
	margin-left: 5.8%;
	background: url(../img/bg_top_06.png) no-repeat center/contain;
}

.result__sns dt span {
	letter-spacing: .2em;
	text-indent: .2em;
}

.result__buttons {
	display: flex;
	justify-content: center;
}

.result__btn {
	width: 15.40625vw;
}

.result__btn + .result__btn {
	margin-left: 9%;
}

.result__btn a {
	display: block;
}

.result__btn img {
	width: 100%;
}

.result__back {
	font-weight: bold;
	color: #003F72;
}

.result__back span {
	display: block;
	margin-bottom: 3.5%;
	font-size: 4.25vw;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.result__back a {
	display: block;
	font-size: 5vw;
	line-height: 3;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	border-radius: 5vw;
	background: #fff;
	background: #fff url(../img/icn_arrow_03.png) no-repeat center right 5%/3.125vw 6vw;
}

.result-detail {
	margin-bottom: 7%;
	overflow: hidden;
	border-radius: 5vw;
}

.result-detail__head {
	position: relative;
	font-size: 5vw;
	line-height: 3;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
	background: #e8849c;
	cursor: pointer;
}

.result-detail__head::before {
	content: '';
	position: absolute;
	width: 7.5vw;
	height: 7.5vw;
	top: 50%;
	right: 3%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #d56e87;
}

.result-detail__head span {
	position: relative;
	display: block;
}

.result-detail__head span::before, .result-detail__head span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #f9f9f9;
}

.result-detail__head span::before {
	width: 4.6875vw;
	height: .75vw;
	right: 4.5%;
}

.result-detail__head span::after {
	width: .75vw;
	height: 4.6875vw;
	right: 6.8%;
	transition: .3s;
}

.result-detail__head.is-opened span::after {
	transform: translateY(-50%) rotate(90deg);
}

.result-detail__items {
	height: 0;
	padding: 7.2% 7.2% 8.4%;
	padding: 0 7.2%;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	transition: .3s;
}

.result-detail__items.is-opened {
	height: auto;
	padding: 7.2% 7.2% 8.4%;
}

.result-detail__item {
	padding: 6% 5% 5%;
	border-radius: 2.5vw;
	background: #fffcd1;
}

.result-detail__item + .result-detail__item {
	margin-top: 3%;
}

.result-detail__heading {
	position: relative;
	margin-bottom: 6.6%;
	padding-bottom: 6.8%;
	font-size: 4vw;
	line-height: 1.4;
	font-weight: bold;
	color: #149549;
	text-align: center;
	letter-spacing: .15em;
	text-indent: .15em;
}

.result-detail__heading::after {
	content: '';
	position: absolute;
	width: 100%;
	height: .75vw;
	bottom: 0;
	left: 0;
	background: url(../img/bg_result_01.png) center/contain;
}

.result-detail__detail dt {
	margin-bottom: 3.4%;
	font-size: 4vw;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: .15em;
}

.result-detail__detail dd {
	font-size: 3.75vw;
	line-height: 2;
	letter-spacing: .15em;
}

.result-detail__detail dd strong {
	color: #149549;
}

@media screen and (min-width: 801px) {
	.result {
		padding: 80px 0;
	}
	.result__wrap {
		width: 700px;
		margin: 0 auto;
	}
	.result__intro {
		padding: 52px 50px 59px;
		border-radius: 20px;
	}
	.result__head {
		margin-bottom: 33px;
		font-size: 2.4rem;
		line-height: 1.6;
	}
	.result__image {
		margin-bottom: 57px;
	}
	.result__image img {
		margin-bottom: 31px;
	}
	.result__image figcaption {
		padding: 36px 79px;
		font-size: 1.6rem;
		border-radius: 20px;
	}
	.result__sns dt {
		margin-bottom: 20px;
		font-size: 2.2rem;
		line-height: 2.22727;
	}
	.result__sns dt::before, .result__sns dt::after {
		width: 21px;
		height: 49px;
	}
	.result__sns dt::before {
		margin-right: 29px;
	}
	.result__sns dt::after {
		margin-left: 29px;
	}
	.result__sns dt span {
		letter-spacing: 5px;
		text-indent: 5px;
	}
	.result__btn {
		width: 62px;
	}
	.result__btn + .result__btn {
		margin-left: 30px;
	}
	.result__btn a {
		transition: .3s;
	}
	.result__btn a:hover {
		opacity: .7;
	}
	.result__back span {
		margin-bottom: 16px;
		font-size: 2rem;
		line-height: 1.6;
	}
	.result__back a {
		font-size: 2.4rem;
		line-height: 3.33333;
		border-radius: 20px;
		background: #fff url(../img/icn_arrow_03.png) no-repeat center right 32px/14px 26px;
		transition: .3s;
	}
	.result__back a:hover {
		opacity: .7;
	}
	.result-detail {
		margin-bottom: 53px;
		border-radius: 20px;
	}
	.result-detail__head {
		font-size: 2.4rem;
		line-height: 3.33333;
	}
	.result-detail__head::before {
		width: 40px;
		height: 40px;
		right: 19px;
	}
	.result-detail__head span::before {
		width: 25px;
		height: 4px;
		right: 26px;
	}
	.result-detail__head span::after {
		width: 4px;
		height: 25px;
		right: 36px;
	}
	.result-detail__items {
		padding: 0 50px;
	}
	.result-detail__items.is-opened {
		padding: 50px;
	}
	.result-detail__item {
		padding: 28px 30px 34px;
		border-radius: 10px;
	}
	.result-detail__item + .result-detail__item {
		margin-top: 16px;
	}
	.result-detail__heading {
		margin-bottom: 26px;
		padding-bottom: 25px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.result-detail__heading::after {
		height: 3px;
	}
	.result-detail__detail dt {
		margin-bottom: 19px;
		font-size: 1.7rem;
		line-height: 1.4;
	}
	.result-detail__detail dd {
		font-size: 1.5rem;
	}
}

.result__detail__link {
	color: #149549;
	word-break: break-all;
}

.result-detail__detail dt {
	line-height: 2;
}

@media screen and (max-width: 800px) {
	.result__image {
		margin-bottom: 14%;
	}
}

.product__description {
	border: 2px solid #FAE8ED;
	padding: 24px 112px;
	border-radius: 20px;
	position: relative;
	margin-bottom: 56px;
}

.product__description h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #149549;
	background-color: #FAE8ED;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	text-align: center;
	width: 112px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: .15em;
}

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

.product__description__img {
	width: 60px;
}

.product__description__list {
	width: calc(100% - 88px);
}

.product__description__list li {
	font-size: 1.6rem;
	padding-left: 24px;
	position: relative;
	margin-bottom: 16px;
	letter-spacing: .15em;
}

.product__description__list li:last-of-type {
	margin-bottom: 0;
}

.product__description__list li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #149549;
	position: absolute;
	top: 12px;
	left: 0;
}

@media screen and (max-width: 800px) {
	.product__description {
		margin-top: 14%;
		padding: 12% 4%;
	}
	.product__description__list li {
		font-size: 3.5vw;
	}
}

.link__list h2 {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: .15em;
	text-align: center;
	margin-bottom: 32px;
	color: #003F72;
}

.link__list h2 strong {
	color: #149549;
}

.link__list ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 56px;
}

.link__list li {
	width: 47%;
	border: 2px solid #f5f5f5;
	position: relative;
}

.link__list li figure {
	margin-bottom: 20px;
}

.link__list li h3 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: .15em;
}

.link__list li h3 span {
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
}

.link__list li::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background-color: #666;
	position: absolute;
	bottom: 0;
	right: 0;
}

.link__list li::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	bottom: 10px;
	right: 11px;
}

@media screen and (max-width: 800px) {
	.link__list ul {
		margin-bottom: 40px;
	}
	.link__list h2 {
		font-size: 5vw;
	}
	.link__list li h3 {
		font-size: 3.5vw;
		margin-bottom: 24%;
	}
	.link__list li h3 span {
		font-size: 3vw;
	}
}

.measures {
	padding: 4.9% 0 6.7%;
}

@media screen and (min-width: 801px) {
	.measures {
		padding: 68px 0 80px;
	}
}

.measures-intro {
	display: flex;
	flex-direction: column;
	padding-bottom: 5.6%;
	background: #fafafa;
}

.measures-intro__head {
	margin-left: 9.3%;
	font-size: 5vw;
	line-height: 2;
	font-weight: bold;
	letter-spacing: .3em;
}

.measures-intro__head strong {
	color: #4d9120;
}

.measures-intro__image {
	order: -1;
	width: 100%;
	min-height: 0%;
	margin-bottom: 5.5%;
}

.measures-intro__image img {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.measures-intro {
		position: relative;
		flex-direction: row;
		align-items: center;
		height: 40.322vw;
		max-height: 500px;
		padding-bottom: 0;
	}
	.measures-intro::before {
		content: '';
		position: absolute;
		width: 50%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.measures-intro.-motion::before {
		background: url(../img/img_motion_01.jpg) no-repeat center/cover;
	}
	.measures-intro.-meal::before {
		background: url(../img/img_meal_01.jpg) no-repeat center/cover;
	}
	.measures-intro__head {
		width: 50%;
		margin-left: auto;
		padding-left: 3.87096vw;
		box-sizing: border-box;
		font-size: 2.41935vw;
		line-height: 2;
	}
	.meal .measures-intro__head,
	.motion .measures-intro__head {
		font-size: 3.2rem;
	}
	.measures-intro__image {
		display: none;
	}
}

@media screen and (min-width: 1240px) {
	.measures-intro__head {
		font-size: 3rem;
		padding-left: 48px;
	}
}

@media screen and (max-width: 800px) {
	.meal .measures-intro__head,
	.motion .measures-intro__head {
		margin-left: 6.3%;
	}
}

.measures__item {
	display: flex;
	flex-direction: column;
	margin-top: 5.7%;
	padding: 7.8% 5.2% 6.2%;
	box-sizing: border-box;
	border: .5vw solid #f5f5f5;
}

.measures__item.-meal {
	padding: 5% 5.2% 3.1%;
}

@media screen and (min-width: 801px) {
	.measures__item {
		flex-direction: row;
		justify-content: space-between;
		max-width: 780px;
		margin: 38px auto 0;
		padding: 31px 43px 27px 38px;
		border-width: 2px;
	}
	.measures__item.-meal {
		padding: 43px 46px 36px 39px;
	}
}

.-motion > .measures__detail {
	padding-top: 10px;
}

@media screen and (min-width: 801px) {
	.measures__detail {
		width: 460px;
	}
	.meal .meal_vegefirst .measures__detail {
		width: 382px;
	}
	.motion .motion-flex .measures__detail {
		width: 390px;
	}
}

.measures__txt {
	font-size: 3.75vw;
	line-height: 2;
	letter-spacing: .15em;
}

.measures__txt + .measures__txt {
	margin-top: 9.4%;
}

.measures__txt strong {
	color: #4d9120;
}

.motion .measures__txt__01 {
	margin-bottom: 32px;
}

@media screen and (min-width: 801px) {
	.measures__txt {
		font-size: 1.5rem;
	}
	.measures__txt + .measures__txt {
		margin-top: 30px;
	}
}

.measures__image {
	order: -1;
	margin: 0 auto;
}

.-motion > .measures__image {
	width: 34.875vw;
	margin-bottom: 5%;
}

.-meal > .measures__image {
	width: 47.5vw;
	margin-bottom: 6%;
}

.measures__image img {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.measures__image {
		order: 1;
		flex-shrink: 0;
		margin: 0;
	}
	.-motion > .measures__image {
		width: 202px;
		margin-bottom: 0;
	}
	.-meal > .measures__image {
		width: 206px;
		margin-bottom: 0;
	}
	.meal .meal_vegefirst .-meal > .measures__image {
		width: 312px;
		margin: 50px -20px 0 0;
	}
	.motion .motion-flex .measures__image {
		width: 260px;
		margin-top: -32px;
	}
}

@media screen and (max-width: 800px) {
	.meal_vegefirst .measures__image {
		width: 70vw;
	}
	.motion__life .measures__image {
		width: 65vw;
	}
}

.measures-coach {
	padding: 6.6% 0 12.4%;
}

.measures-coach__message {
	width: 50vw;
	height: 50vw;
	margin: 0 auto 4.8%;
	box-sizing: border-box;
	font-size: 3.6vw;
	line-height: 2;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .09em;
	text-indent: .09em;
	background: url(../img/bg_baloon_01.png) no-repeat center/contain;
}

.measures-coach__message strong {
	color: #ffff00;
}

.measures-coach__message.-motion {
	padding-top: 12%;
}

.measures-coach__message.-meal {
	padding-top: 15.4%;
}

.measures-coach__item {
	display: flex;
	align-items: flex-start;
}

.measures-coach__data dt {
	display: flex;
	flex-direction: column;
	margin-bottom: 6.9%;
	font-weight: bold;
}

.measures-coach__data dt small {
	margin-bottom: 6%;
	font-size: 3.75vw;
	line-height: 1.4;
	color: #999;
	letter-spacing: .15em;
}

.measures-coach__data dt strong {
	font-size: 4.5vw;
	line-height: 1.4;
	letter-spacing: .15em;
}

.measures-coach__data dd {
	font-size: 3.75vw;
	line-height: 1.4;
	letter-spacing: .15em;
}

.measures-coach__image {
	order: -1;
	flex-shrink: 0;
	width: 40vw;
	margin-right: 5.5%;
	padding-top: 1%;
}

.measures-coach__image img {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.measures-coach {
		padding: 60px 0 100px;
	}
	.measures-coach__message {
		width: 250px;
		height: 250px;
		margin-bottom: 0;
		font-size: 1.8rem;
	}
	.measures-coach__message.-motion {
		padding-top: 53px;
	}
	.measures-coach__message.-meal {
		padding-top: 53px;
	}
	.measures-coach__item {
		justify-content: center;
	}
	.measures-coach__data {
		padding-top: 43px;
	}
	.measures-coach__data dt {
		margin-bottom: 16px;
	}
	.measures-coach__data dt small {
		font-size: 1.5rem;
		line-height: 1.33333;
	}
	.measures-coach__data dt strong {
		font-size: 2.4rem;
		line-height: 1.16667;
	}
	.measures-coach__data dd {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.measures-coach__image {
		width: 250px;
		margin-right: 26px;
		margin: -34px 26px 0 0;
	}
	.meal .measures-coach {
		padding: 180px 0 100px;
	}
	.motion .measures-coach {
		padding: 240px 0 100px;
	}
	.meal .measures-coach__image,
	.motion .measures-coach__image {
		width: 240px;
	}
	.meal .measures-coach__item,
	.motion .measures-coach__item {
		max-width: 932px;
		margin: 0 auto;
	}
	.meal .measures-coach__data dt,
	.motion .measures-coach__data dt {
		margin-top: -210px;
	}
	.meal .measures-coach__data dd,
	.motion .measures-coach__data dd {
		line-height: 2;
	}
}

@media screen and (max-width: 800px) {
	.meal .measures-coach__item,
	.motion .measures-coach__item {
		display: block;
	}
	.meal .measures-coach__image,
	.motion .measures-coach__image {
		width: 60vw;
		margin: 5% auto 10%;
	}
}

@media screen and (min-width: 801px) {
	.meal .measures__comment,
	.motion .measures__comment {
		width: 100%;
		margin-bottom: 16px;
	}
}

.fat .mv-left {
	background-image: url(../img/fat-mv-img.jpg);
	background-size: cover;
}

.fat .cholesterol-check__head strong {
	text-align: center;
}

.fat .fat-intro {
	padding: 80px 0;
}

.fat .fat-intro .l-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

.fat .fat-intro h2 {
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: .15em;
	margin-bottom: 40px;
}

.fat .fat-intro strong {
	color: #EA6182;
}

.fat .fat-intro .fat-flex {
	display: flex;
	justify-content: space-between;
}

.fat .fat-intro p {
	font-size: 1.6rem;
	letter-spacing: .15em;
	line-height: 2;
	width: 52.4%;
}

.fat .fat-intro figure {
	width: 41.2%;
}

.fat .cholesterol__item h3 {
	font-size: 2rem;
	font-weight: bold;
	color: #EA6182;
	letter-spacing: .15em;
	margin-bottom: 32px;
}

.fat .cholesterol__item h3 span {
	display: block;
	font-size: 1.6rem;
	color: #333;
}

.fat .cholesterol__item .cholesterol__txt {
	width: 100%;
	margin: 0 0 40px;
	font-size: 1.6rem;
}

.fat .cholesterol__item strong {
	color: #149549;
}

.fat .fat_table h4 {
	font-weight: bold;
	margin-bottom: 16px;
}

.fat .fat_table table {
	width: 100%;
	white-space: 0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	margin-bottom: 16px;
}

.fat .fat_table table th,
.fat .fat_table table td {
	padding: 12px 16px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.fat .fat_table table th {
	width: 24%;
	text-align: left;
	background-color: #EA6182;
	color: #fff;
	font-weight: bold;
}

.fat .fat_table table th span {
	display: block;
	font-size: 1.2rem;
	padding-top: 16px;
}

.fat .fat_table .source {
	font-size: 1.2rem;
	color: #707070;
}

.fat .fat_table table .table-pink {
	background-color: #FAE8ED;
}

.fat .border-pink {
	max-width: 900px;
	border: 2px solid #FAE8ED;
	border-radius: 20px;
	margin: 0 auto;
}

.fat .border-blue {
	max-width: 900px;
	border: 2px solid #D3EBFE;
	border-radius: 20px;
	margin: 0 auto;
}

.fat .border-pink p {
	padding: 53px 85px 72px;
	letter-spacing: .15em;
}

.fat .border-blue p {
	padding: 53px 85px 72px;
	letter-spacing: .15em;
	color: #003F72;
}

@media screen and (max-width: 800px) {
	.fat .mv-left {
		background-image: url(../img/fat-mv-img-sp.jpg);
		background-size: cover;
	}
	.fat .cholesterol-check__head {
		text-align: center;
	}
	.fat .cholesterol-check__head small {
		width: 32.125vw;
		height: 32.125vw;
		top: -7%;
	}
	.fat .fat-intro {
		padding: 8% 0;
	}
	.fat .fat-intro h2 {
		text-align: center;
		font-size: 5vw;
		margin-bottom: 8%;
	}
	.fat .fat-intro .fat-flex {
		flex-wrap: wrap;
	}
	.fat .fat-intro p {
		width: 100%;
		font-size: 100%;
		margin-bottom: 8%;
	}
	.fat .fat-intro figure {
		width: 100%;
	}
	.fat .cholesterol__item h3 {
		font-size: 4.5vw;
		margin-bottom: 8%;
	}
	.fat .cholesterol__item h3 span {
		font-size: 4vw;
	}
	.fat .cholesterol__item .cholesterol__txt {
		font-size: 100%;
	}
	.fat .fat_table table {
		font-size: 3vw;
	}
	.fat .fat_table table th, .fat .fat_table table td {
		padding: 2%;
	}
	.fat .border-pink p {
		font-size: 100%;
		padding: 8%;
	}
	.fat .border-blue p {
		font-size: 100%;
		padding: 8%;
	}
	.fat .heading-1.-cholesterol {
		padding-top: 0;
		margin-bottom: 8%;
		text-align: center;
	}
	.fat .heading-1.-cholesterol span {
		width: 35vw;
		height: 35vw;
	}
	.fat .cholesterol__item {
		padding: 8% 0 12%;
	}
	.fat .fat_table table th {
		width: 27%;
	}
	.fat .fat_table table th span {
		font-size: 2.8vw;
	}
}

@media screen and (min-width: 801px) {
	.fat .cholesterol-check__wrap {
		padding-top: 196px;
	}
	.fat .heading-1.-cholesterol span {
		width: 208px;
		height: 208px;
		font-size: 1.4rem;
		top: -30px;
	}
	.fat .heading-1.-cholesterol {
		padding-top: 0;
		margin-bottom: 40px;
	}
}

.meal__item {
	padding: 4.9% 0 7.5%;
}

.meal__item:nth-child(odd) {
	background: #f5f5f5;
}

.meal__lead {
	margin-top: 3.3%;
	letter-spacing: .15em;
}

.meal-warning {
	margin-top: 6%;
	padding: 8.3% 5.7%;
	box-sizing: border-box;
	background: #fff;
}

.meal-warning__items {
	margin-bottom: 6.4%;
}

.meal-warning__item {
	display: flex;
	font-size: 4.5vw;
	line-height: 1.94444;
	font-weight: bold;
	color: #e60012;
	letter-spacing: .15em;
}

.meal-warning__item + .meal-warning__item {
	margin-top: 3.4%;
}

.meal-warning__item::before {
	content: '';
	width: 8.45vw;
	height: 8.75vw;
	margin-right: 4%;
	background: url(../img/icn_meal_01.png) no-repeat center/contain;
}

.meal-warning__txt {
	margin-bottom: 3.3%;
	letter-spacing: .15em;
}

.meal-warning__txt strong {
	color: #4d9120;
}

.meal-warning__fig {
	width: 100%;
}

.meal-warning__fig img {
	width: 100%;
}

.meal-recommend {
	margin-top: 5.4%;
}

.meal-recommend__items {
	margin-bottom: 6.3%;
}

.meal-recommend__item {
	display: flex;
	flex-direction: column;
}

.meal-recommend__item + .meal-recommend__item {
	margin-top: 6.3%;
}

.meal-recommend__heading {
	display: flex;
	justify-content: center;
	margin-bottom: 3.1%;
	font-size: 4.5vw;
	line-height: 1.94444;
	font-weight: bold;
	color: #4d9120;
	letter-spacing: .15em;
}

.meal-recommend__heading::before {
	content: '';
	width: 8.45vw;
	height: 8.75vw;
	margin-right: 4%;
	background: url(../img/icn_meal_02.png) no-repeat center/contain;
}

.meal-recommend__txt {
	letter-spacing: .15em;
}

.meal-recommend__image {
	order: -1;
	min-height: 0%;
	margin-bottom: 5.8%;
}

.meal-recommend__image img {
	width: 100%;
}

.meal-recommend__recommend {
	padding: 6% 4.7% 6.2%;
	box-sizing: border-box;
	letter-spacing: .15em;
	border: .5vw solid #f5f5f5;
}

.meal-recommend__recommend strong {
	color: #4d9120;
}

.meal-point {
	margin-top: 5.9%;
}

.meal-point__item + .meal-point__item {
	margin-top: 7.2%;
}

.meal-point__item dt {
	display: flex;
	margin-bottom: 5.7%;
	font-size: 4.5vw;
	line-height: 1.94444;
	font-weight: bold;
	letter-spacing: .15em;
}

.meal-point__item dt::before {
	content: '';
	flex-shrink: 0;
	width: 8.45vw;
	height: 8.75vw;
	margin-right: 3%;
	background: url(../img/icn_meal_02.png) no-repeat center/contain;
}

.meal-point__item dt span {
	display: flex;
	flex-direction: column;
	font-size: 4vw;
	line-height: 1.5625;
}

.meal-point__item dt small {
	font-size: 4vw;
	line-height: 1.5625;
}

.meal-point__item dt strong {
	font-size: 4.5vw;
	line-height: 1.94444;
	color: #4d9120;
}

.meal-point__item dt strong small {
	margin-bottom: 0;
	font-size: 3.5vw;
	line-height: 1.78571;
}

.meal-point__heading {
	display: flex;
	justify-content: center;
	margin-bottom: 5.7%;
	font-size: 4.5vw;
	line-height: 1.94444;
	font-weight: bold;
	color: #4d9120;
	letter-spacing: .15em;
}

.meal-point__heading::before {
	content: '';
	width: 8.45vw;
	height: 8.75vw;
	margin-right: 3%;
	background: url(../img/icn_meal_02.png) no-repeat center/contain;
}

.meal-point__image {
	width: 100%;
}

.meal-point__image img {
	width: 100%;
	margin-bottom: 2%;
}

.meal-point__image figcaption {
	font-size: 3.75vw;
	line-height: 1.4;
	letter-spacing: .15em;
}

.meal .meal_vegefirst .meal-recommend__heading,
.motion .meal-recommend__heading {
	justify-content: flex-start;
	margin-bottom: 32px;
}

@media screen and (min-width: 801px) {
	.meal__item {
		padding: 66px 0 80px;
	}
	.meal__lead {
		max-width: 700px;
		margin: 30px auto 0;
	}
	.meal-warning {
		max-width: 920px;
		margin: 44px auto 0;
		padding: 40px 42px 48px;
	}
	.meal-warning__items {
		margin-bottom: 31px;
	}
	.meal-warning__item {
		width: 348px;
		margin: 0 auto;
		font-size: 2rem;
		line-height: 1.75;
	}
	.meal-warning__item + .meal-warning__item {
		margin-top: 10px;
	}
	.meal-warning__item::before {
		width: 35px;
		height: 35px;
		margin-right: 13px;
	}
	.meal-warning__txt {
		max-width: 700px;
		margin: 0 auto 22px;
	}
	.meal-recommend {
		margin-top: 39px;
	}
	.meal-recommend__items {
		display: flex;
		justify-content: space-between;
		max-width: 920px;
		margin: 0 auto 40px;
	}
	.meal-recommend__item {
		width: 47.826%;
	}
	.meal-recommend__item + .meal-recommend__item {
		margin-top: 0;
	}
	.meal-recommend__heading {
		font-size: 2rem;
		line-height: 1.75;
	}
	.meal-recommend__heading::before {
		width: 35px;
		height: 35px;
		margin-right: 13px;
	}
	.meal-recommend__txt {
		font-size: 1.3rem;
	}
	.meal-recommend__image {
		margin-bottom: 19px;
	}
	.meal-recommend__recommend {
		max-width: 780px;
		margin: 0 auto;
		padding: 42px 38px 40px;
		border-width: 2px;
	}
	.meal-point {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 960px;
		margin: 42px auto -45px;
	}
	.meal-point__item {
		display: flex;
		flex-direction: column;
		width: 31.25%;
		margin-bottom: 45px;
	}
	.meal-point__item + .meal-point__item {
		margin-top: 0;
	}
	.meal-point__item dt {
		margin-bottom: 12px;
		font-size: 1.6rem;
		line-height: 1.4375;
		letter-spacing: .1em;
	}
	.meal-point__item dt::before {
		width: 23px;
		height: 23px;
		margin-right: 8px;
	}
	.meal-point__item dt span {
		font-size: 1.3rem;
		line-height: 1.47692;
	}
	.meal-point__item dt small {
		margin-bottom: 2px;
		font-size: 1.3rem;
		line-height: 1.47692;
	}
	.meal-point__item dt strong {
		font-size: 1.6rem;
		line-height: 1.1875;
	}
	.meal-point__item dt strong small {
		font-size: 1.2rem;
		line-height: 1.33333;
	}
	.meal-point__item dd {
		margin-top: auto;
	}
	.meal-point__heading {
		margin-bottom: 17px;
		font-size: 1.6rem;
		line-height: 1.4375;
	}
	.meal-point__heading::before {
		width: 23px;
		height: 23px;
		margin-right: 8px;
	}
	.meal-point__image img {
		margin-bottom: 6px;
	}
	.meal-point__image figcaption {
		font-size: 1.3rem;
		line-height: 1.61538;
	}
}

@media screen and (max-width: 800px) {
	.meal .meal_vegefirst .meal-recommend__heading,
	.motion .meal-recommend__heading {
		margin-bottom: 24px;
	}
}

.motion__measures {
	padding: 5.3% 0 6.9%;
	background: #f5f5f5;
}

.motion .motion__life {
	display: block;
}

.motion__everyday {
	padding: 72px 0 0;
	margin-bottom: 40px;
}

.motion .motion__items__lead {
	margin-bottom: 40px;
	padding: 0 92px;
}

.motion .motion__content {
	background-color: #fff;
	padding: 40px 92px;
}

.motion .motion__content {
	margin-bottom: 64px;
}

.motion .motion__items p,
.motion .motion__items li {
	letter-spacing: .15em;
}

.motion .motion__items strong {
	color: #4d9120;
}

.motion .motion__items ul {
	margin-bottom: 24px;
}

.motion .motion__items li {
	padding-left: 24px;
	position: relative;
	margin-bottom: 16px;
}

.motion .motion__items li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #4d9120;
	position: absolute;
	top: 12px;
	left: 0;
}

.motion .motion__items .motion__img__list {
	text-align: center;
}

.motion .motion__items .motion__img__list figure {
	display: inline-block;
	width: 240px;
}

.motion .motion__items .motion__img__list figure:first-of-type {
	margin-right: 32px;
}

@media screen and (min-width: 801px) {
	.motion__measures {
		padding: 66px 0 76px;
	}
	.motion__items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 962px;
		margin: 39px auto -34px;
	}
	.motion__item {
		width: 31.185%;
		margin-bottom: 34px;
	}
	.motion__item + .motion__item {
		margin-top: 0;
	}
	.motion__heading {
		margin-bottom: 13px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.motion__txt {
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.motion__image {
		margin-bottom: 25px;
	}
	.motion .motion-flex {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1240px) {
	.motion__heading.-row {
		min-height: 44px;
	}
}

@media screen and (max-width: 800px) {
	.motion .motion__items__lead {
		padding: 0;
	}
	.motion .motion__content {
		padding: 32px 20px;
		margin-bottom: 24px;
	}
	.motion__everyday {
		padding: 5.3% 0;
		margin-bottom: 0;
	}
	.motion .motion__items__lead {
		margin-bottom: 24px;
	}
}

/*# sourceMappingURL=style.css.map */