/*----------------------------------------
全体
----------------------------------------*/

body {
	font-size: 1.8vw;
	line-height: 2.8vw;
}

.wrapper {
	width: 97.5%;
}

.list {
	margin-bottom: 2vw;
}

.list li {
	margin-left: 2vw !important;
}

_::-webkit-full-page-media, _:future, :root .list li {
	margin-left: 2.4vw !important;
}

.num-list {
	margin-bottom: 2vw;
}

.num-list li {
	margin-left: 2vw !important;
}

.num-list li:nth-child(n+10) {
	margin-left: 2.8vw !important;
}

.num-list-2 {
	margin-bottom: 2vw;
}

.num-list-2 li {
	padding-left: 3.3vw;
}

.check-list {
	margin-bottom: 2vw;
}

.check-list li {
	margin-bottom: 1vw;
	min-height: 2.5vw;
	padding-left: 3.75vw;
}

.check-list li::before {
	border: 0.4vw solid #000;
	height: 2.5vw;
	top: 0.3vw;
	width: 2.5vw;
}

.check-list li::after {
	border-right: 0.45vw solid #ff0000;
	border-bottom: 0.45vw solid #ff0000;
	left: 1.2vw;
	height: 2.2vw;
	top: -0.1vw;
	width: 1.4vw;
}

.douga {
	width: 75%;
}

.text-base {
	padding-left: 1.8vw;
}

.text-base-2 {
	padding-left: 3.6vw;
}

.text-base-3 {
	padding-left: 5.4vw;
}

.text-base-4 {
	padding-left: 7.2vw;
}

.text-base-5 {
	padding-left: 9vw;
}

.pc {
	display: none;
}

.pc.tab {
	display: block;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: block;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: none;
}

.mobi {
	display: none;
}

.m20 {
	margin: 2vw !important;
}

.mt20 {
	margin-top: 2vw !important;
}

.mb20 {
	margin-bottom: 2vw !important;
}

.no-mt20 {
	margin-top: -2vw !important;
}

.mt-20 {
	margin-top: 2vw !important;
}

.mb-20 {
	margin-bottom: 2vw !important;
}

.ml20 {
	margin-left: 2vw !important;
}

.mr20 {
	margin-right: 2vw !important;
}

.m40 {
	margin: 4vw !important;
}

.mt40 {
	margin-top: 4vw !important;
}

.mb40 {
	margin-bottom: 4vw !important;
}

.ml40 {
	margin-left: 4vw !important;
}

.mr40 {
	margin-right: 4vw !important;
}

.m60 {
	margin: 6vw !important;
}

.mt60 {
	margin-top: 6vw !important;
}

.mt-60 {
	margin-top: 6vw !important;
}

.mb60 {
	margin-bottom: 6vw !important;
}

.mb-60 {
	margin-bottom: 6vw !important;
}

.ml60 {
	margin-left: 6vw !important;
}

.mr60 {
	margin-right: 6vw !important;
}

.m80 {
	margin: 8vw !important;
}

.mt80 {
	margin-top: 8vw !important;
}

.mb80 {
	margin-bottom: 8vw !important;
}

.ml80 {
	margin-left: 8vw !important;
}

.mr80 {
	margin-right: 8vw !important;
}

.m100 {
	margin: 10vw !important;
}

.mt100 {
	margin-top: 10vw !important;
}

.mb100 {
	margin-bottom: 10vw !important;
}

.ml100 {
	margin-left: 10vw !important;
}

.mr100 {
	margin-right: 10vw !important;
}

.p20 {
	padding: 2vw !important;
}

.pt20 {
	padding-top: 2vw !important;
}

.pb20 {
	padding-bottom: 2vw !important;
}

.pl20 {
	padding-left: 2vw !important;
}

.pr20 {
	padding-right: 2vw !important;
}

.p40 {
	padding: 4vw !important;
}

.pt40 {
	padding-top: 4vw !important;
}

.pb40 {
	padding-bottom: 4vw !important;
}

.pl40 {
	padding-left: 4vw !important;
}

.pr40 {
	padding-right: 4vw !important;
}

.p60 {
	padding: 6vw !important;
}

.pt60 {
	padding-top: 6vw !important;
}

.pb60 {
	padding-bottom: 6vw !important;
}

.pl60 {
	padding-left: 6vw !important;
}

.pr60 {
	padding-right: 6vw !important;
}

.p80 {
	padding: 8vw !important;
}

.pt80 {
	padding-top: 8vw !important;
}

.pb80 {
	padding-bottom: 8vw !important;
}

.pl80 {
	padding-left: 8vw !important;
}

.pr80 {
	padding-right: 8vw !important;
}

.p100 {
	padding: 10vw !important;
}

.pt100 {
	padding-top: 10vw !important;
}

.pb100 {
	padding-bottom: 10vw !important;
}

.pl100 {
	padding-left: 10vw !important;
}

.pr100 {
	padding-right: 10vw !important;
}

/*----------------------------------------
文字スタイル
----------------------------------------*/

.fs15 {
	font-size: 1.5vw !important;
	line-height: 2.5vw !important;
}

.fs23 {
	font-size: 2.3vw !important;
	line-height: 3.3vw !important;
}

.fs30 {
	font-size: 3vw !important;
	line-height: 4vw !important;
}

.fs40 {
	font-size: 4vw !important;
	line-height: 5vw !important;
}

.fs50 {
	font-size: 5vw !important;
	line-height: 6vw !important;
}

/*----------------------------------------
画像関連
----------------------------------------*/

/*----------------------------------------
header
----------------------------------------*/

/*----------------------------------------
TOPページ
----------------------------------------*/

/*------------------------------
TOP KV
------------------------------*/

.top-kv::before {
	background: url(images/top-kv-img.jpg) no-repeat;
	padding-bottom: 62.239%;
}

.top-kv-in {
	bottom: 1.6vw;
}

.top-kv-in-btn {
	padding: 22px;
	width: 33.5vw;
}

.top-kv-in-btn-in {
	border: 3px solid;
	box-shadow: 0 0 30px 5px rgba(249,98,8,1);
	font-size: 1.6vw;
	line-height: 1.5;
	padding: 0.9vw 2vw;
}

.top-kv-in-btn-in .big {
	font-size: 1.6vw;
}

.top-kv-in-btn-caution-text {
	font-size: 1.4vw;
	letter-spacing: 0.04vw;
	margin-top: 0;
}

/*------------------------------
お悩み
------------------------------*/

.top-worry-content {
	background: url(images/top-worry-bg.jpg) no-repeat;
}

.top-worry-content .wrapper {
	padding: 3.75vw 0 4.6vw;
	width: 80%;
}

.top-worry-content-title-img {
	left: 1.2vw;
	width: 44.5vw;
}

.top-worry-content-title-img .img-banner {
	background: url(images/top-worry-title-img.png) no-repeat;
	padding-bottom: 10.232%;
}

.top-worry-content-img-list {
	margin-top: 2vw;
}

.top-worry-content-img-list li {
	margin-bottom: -1vw;
}

/*------------------------------
サポート
------------------------------*/

.top-support-content::before {
	background: url(images/top-support-bg.jpg) no-repeat;
	padding-bottom: 39.583%;
}

.top-support-content-main-img {
	top: -3.5vw;
	width: 77vw;
}

/*------------------------------
量の時代から効率の時代へ
------------------------------*/

.top-about-content {
	background: url(images/top-about-bg.jpg) no-repeat;
}

.top-about-content .wrapper {
	padding: 9.5vw 0 11.6vw;
}

.top-about-content-title-in-text {
	font-size: 5vw;
	left: auto;
}

.top-about-content-text {
	font-size: 2.3vw;
	letter-spacing: 0.05vw;
	left: auto;
	margin-top: 6.3vw;
}

.top-about-content-text p {
	margin-bottom: 1.7vw;
}

.top-about-content-text .big {
	font-size: 3.3vw;
}

/*------------------------------
JAPAN QUALITY
------------------------------*/

.top-info-content .wrapper {
	padding: 9vw 0 11.7vw;
}

.top-info-content-title-in-text {
	font-size: 5vw;
	left: auto;
}

.top-info-content-con {
	margin: 2.8vw 0 0;
}

.top-info-content-con section {
	margin-bottom: 10.2vw;
}

.top-info-content-con-title {
	margin-bottom: 3.6vw;
	padding: 0.4vw 1vw;
}

.top-info-content-con-title-in-text {
	font-size: 5vw;
	letter-spacing: 0.12vw;
}

.top-info-content-con-text {
	font-size: 2.5vw;
	letter-spacing: 0.065vw;
	margin: 0 0.7vw;
}

.top-info-content-con-text p {
	margin-bottom: 4.9vw;
}

.top-info-content-con-text-emblem-list {
	top: 13.2vw;
}

.top-info-content-con-text-emblem-list li {
	float: left;
	margin-right: 0.2vw;
	width: 26.6vw;
}

.top-info-content-con-text-img {
	float: right;
	width: 50.2vw;
}

.top-info-content-con-in {
	margin-top: 6.1vw;
	padding: 3.3vw 4vw 3.1vw;
}

.top-info-content-con-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.03vw;
}

.top-info-content-con-in-text p {
	margin-bottom: 2vw;
}

/*------------------------------
CTA
------------------------------*/

.top-cta-content::before {
	background: url(images/top-cta-bg.jpg) no-repeat;
	padding-bottom: 45.833%;
}

.top-cta-content-main-img {
	left: 3vw;
	top: -2.8vw;
	width: 89vw;
}

.top-cta-content-in {
	top: 32.1vw;
}

.top-cta-content-in-btn {
	padding: 22px;
	width: 33.5vw;
}

.top-cta-content-in-btn-in {
	border: 3px solid;
	box-shadow: 0 0 30px 5px rgba(249,98,8,1);
	border-radius: 100px;
	font-size: 1.5vw;
	letter-spacing: 0.07vw;
	padding: 0.85vw;
}

.top-cta-content-in-text {
	font-size: 1.4vw;
	letter-spacing: 0.02vw;
	margin-top: 0;
}

/*------------------------------
総力結集
------------------------------*/

.top-main-content::before {
	background: url(images/top-main-bg.jpg) no-repeat;
	padding-bottom: 277.70%;
}

.top-main-content-main-img {
	width: 100%;
}

/*------------------------------
4つの柱
------------------------------*/

.top-main-content-point {
	top: 65.9vw;
}

.top-main-content-point-title-img {
	left: auto;
	width: 48vw;
}

.top-main-content-point-title-img .img-banner {
	background: url(images/top-point-title-img.png) no-repeat;
	padding-bottom: 12.620%;
}

.top-main-content-point-img-list {
	margin-top: 1.1vw;
}

.top-main-content-point-img-list li.li-zinc {
	margin-left: 5vw;
	margin-bottom: -1vw;
}

.top-main-content-point-img-list li.li-citrulline {
	margin: 0 2.5vw 3.2vw 7.2vw
}

.top-main-content-point-img-list li.li-ginger {
	margin: 0 2.6vw 1.2vw 5vw;
}

.top-main-content-point-img-list li.li-calopeptide {
	margin-left: 7vw;
}

/*------------------------------
3つの理由
------------------------------*/

.top-main-content-reason {
	top: 220.4vw;
}

.top-main-content-reason-title-img {
	left: auto;
	width: 51.9vw;
}

.top-main-content-reason-title-img .img-banner {
	background: url(images/top-reason-title-img.png) no-repeat;
	padding-bottom: 11.741%;
}

.top-main-content-reason-con {
	margin: 1.7vw auto 0;
	width: 89vw;
}

.top-main-content-reason-con section {
	float: left;
	margin-right: -3.8vw;
	width: 32.5vw;
}

.top-main-content-reason-con section::before {
	background: url(images/top-reason-bg.png) no-repeat;
	padding-bottom: 119.55%;
}

.top-main-content-reason-con section.sec-long::before {
	background: url(images/top-reason-bg-long.png) no-repeat;
	padding-bottom: 142.42%;
}

.top-main-content-reason-con section:nth-child(1),
.top-main-content-reason-con section:nth-child(3) {
	margin-top: 2.7vw;
}

.top-main-content-reason-con section:nth-child(2) {
	margin-right: -5.5vw;
}

.top-main-content-reason-con-in {
	top: 6.4vw;
	width: 22.5vw;
}

.top-main-content-reason-con section.sec-long .top-main-content-reason-con-in {
	top: 7.7vw;
}

.top-main-content-reason-con-in-title {
	font-size: 1.8vw;
	letter-spacing: 0.1vw;
	left: 0.5vw;
}

.top-main-content-reason-con-in-text {
	font-size: 1vw;
	line-height: 1.84;
	letter-spacing: 0.125vw;
	margin: 2.5vw 1.5vw 0 3vw;
}

.top-main-content-reason-con-in-text p {
	margin-bottom: 1.9vw;
}

/*------------------------------
よくあるご質問
------------------------------*/

.top-qa-content {
	background: url(images/top-qa-bg.jpg) no-repeat;
}

.top-qa-content .wrapper {
	padding: 9.3vw 0 9.5vw;
}

.top-qa-content-title-in-text {
	font-size: 5vw;
	left: auto;
}

.top-qa-content-con {
	margin: 3.5vw 0 0;
}

.top-qa-content-con-dl {
	margin-bottom: 3.7vw;
	padding: 2.8vw 2.3vw 2.2vw;
}

.top-qa-content-con-dl dt {
	border-bottom: 0.3vw solid;
	padding: 0 3.2vw 1.5vw;
}

.top-qa-content-con-dl-dt-in-text {
	font-size: 3vw;
	letter-spacing: -0.02vw;
	padding-left: 7.2vw;
}

.top-qa-content-con-dl-dt-in-text::before {
	font-size: 3vw;
	line-height: 4vw;
	height: 4vw;
	top: 0.4vw;
	width: 4vw;
}

.top-qa-content-con-dl dd {
	font-size: 2vw;
	padding: 2.4vw 1.4vw 0 10.3vw;
}

.top-qa-content-con-dl dd::before {
	font-size: 3vw;
	line-height: 4vw;
	left: 3.2vw;
	height: 4vw;
	top: 2.6vw;
	width: 4vw;
}

.top-qa-content-con-dl dd p {
	margin-bottom: 2vw;
}

/*------------------------------
商品詳細
------------------------------*/

.top-intro-content .wrapper {
	padding: 9.3vw 0 4.9vw;
	width: 97.5%;
}

.top-intro-content-title-img {
	left: auto;
	width: 80.1vw;
}

.top-intro-content-title-img .img-banner {
	background: url(images/top-intro-title-img.png) no-repeat;
	padding-bottom: 5.9483%;
}

.top-intro-content-main-text {
	font-size: 2.5vw;
	letter-spacing: -0.012vw;
	left: auto;
	margin-top: 3.9vw;
}

.top-intro-content-main-text p {
	margin-bottom: 2vw;
}

.top-intro-content-main-text + .of {
	padding-bottom: 3.2vw;
}

.top-intro-content-main-img {
	left: -6vw;
	top: -13.1vw;
	width: 51.2vw;
}

.top-intro-content-in {
	float: right;
	margin: 3.9vw 0 0 0;
	width: 58.6vw;
}

.top-intro-content-in::before {
	background: url(images/top-intro-bg.jpg) no-repeat;
	padding-bottom: 76.703%;
}

.top-intro-content-in-in {
	top: 2.1vw;
}

.top-intro-content-in-in-title-in-text {
	font-size: 2.4vw;
}

.top-intro-content-in-in-line {
	margin: 1vw auto 0;
	width: 52.6vw;
}

.top-intro-content-in-in-line::before {
	background: url(images/top-intro-line-img.png) no-repeat;
	padding-bottom: 0.3412%;
}

.top-intro-content-in-in-tb {
	margin: 2.5vw auto 0;
	width: 85%;
}

.top-intro-content-in-in-tb table th {
	font-size: 1.4vw;
	letter-spacing: 0.07vw;
	padding-bottom: 2.4vw;
	width: 15.3%;
}

.top-intro-content-in-in-tb table td {
	font-size: 1.4vw;
	letter-spacing: 0.07vw;
	padding: 0 0 2.4vw 3.1vw;
}

.top-intro-content-btn {
	margin: 3.8vw auto 0;
	padding: 22px;
	width: 60vw;
}

.top-intro-content-btn-in {
	border: 3px solid;
	box-shadow: 0 0 30px 5px rgba(249,98,8,1);
	border-radius: 100px;
	font-size: 2.6vw;
	letter-spacing: 0.07vw;
	padding: 1.8vw;
}

.top-intro-content-btn-in .big {
	font-size: 3.1vw;
}

.top-intro-content-text {
	font-size: 1.6vw;
	left: auto;
	margin-top: 1.5vw;
}

/*----------------------------------------
個別ページ
----------------------------------------*/

/*----------------------------------------
404ページ
----------------------------------------*/

/*----------------------------------------
sidebar
----------------------------------------*/

/*----------------------------------------
footer
----------------------------------------*/

footer {
	background: url(images/foot-bg.jpg) no-repeat;
}

.foot-in .wrapper {
	padding-top: 7.8vw;
}

.foot-in-logo {
	width: 42.1vw;
}

.foot-in-text {
	font-size: 2.6vw;
	margin-top: 0.3vw;
}

.foot-copyright .wrapper {
	padding: 7.2vw 0 4.2vw;
}

.foot-copyright-text {
	font-size: 1.8vw;
}

/*----------------------------------------
Edge CSSハック
----------------------------------------*/

@supports (-ms-ime-align: auto) {



}

/*----------------------------------------
IE11以下 CSSハック
----------------------------------------*/

@media screen\0 {



}

/*----------------------------------------
Firefox CSSハック
----------------------------------------*/

@-moz-document url-prefix() {



}

/*----------------------------------------
Safari CSSハック
----------------------------------------*/

_::-webkit-full-page-media, _:future, :root .num-list li {
	margin-left: 3vw !important;
}

_::-webkit-full-page-media, _:future, :root .num-list li:nth-child(n+10) {
	margin-left: 4vw !important;
}