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

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;
}

.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
----------------------------------------*/

.head-in.fixed {
	border-bottom: 1px solid;
}

.head-in .wrapper {
	padding: 1.6vw 0;
}

.head-in-logo {
	float: left;
	margin-left: 1.25vw;
	width: 24.6vw;
}

body#thanks .head-in-logo {
	margin: 1.359vw 0;
	margin-left: 1.25vw;
}

.head-in-logo .img-banner {
	background: url(images/logo.png) no-repeat;
	padding-bottom: 12.195%;
}

.head-in-contact-btn {
	float: right;
	margin-right: 1.25vw;
	width: 19.6vw;
}

.head-in-contact-btn-in {
	border-radius: 100px;
	font-size: 1.6vw;
	padding: 1.6vw;
}

.head-in-contact-btn-in-text {
	padding-left: 2.6vw;
}

.head-in-contact-btn-in-text-icon {
	width: 1.5vw;
}

.head-in-contact-btn-in-text-icon::before {
	background: url(images/icon-send.png) no-repeat;
	padding-bottom: 100%;
}

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

.top-main-title-in-in {
	border-bottom: 0.2vw dashed;
	font-size: 4vw;
	letter-spacing: 0.08vw;
	padding-bottom: 0.5vw;
}

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

.top-kv {
	background: url(images/top-kv-img-new.jpg) no-repeat;
	margin-top: 8.8vw;
	padding-bottom: 44.444%;
}

.top-kv .wrapper {
	height: 43.9vw;
	padding-top: 9.2vw;
	width: 90%;
}

.top-kv-title-main-in {
	background-image: repeating-linear-gradient(90deg, #0089ce, #0089ce 1.2vw, transparent 1.2vw, transparent 2.4vw);
	background-size: 100% 0.3vw;
}

.top-kv-title-main-in-in {
	font-size: 6.2vw;
	letter-spacing: 0.65vw;
}

.top-kv-title-main-in-in .big {
	font-size: 7.8vw;
	top: 0.2vw;
}

.top-kv-title-sub {
	margin-top: 1.8vw;
}

.top-kv-title-sub-in-in {
	font-size: 3.12vw;
}

/*------------------------------
紹介
------------------------------*/

.top-intro-content .wrapper {
	padding: 7.9vw 0;
}

.top-intro-content-main-text {
	font-size: 2.8vw;
	letter-spacing: 0.07vw;
}

.top-intro-title + .top-intro-content-main-text {
	margin-top: 1.9vw;
}

.top-intro-content-point-con {
	margin: 4.6vw 0 -2%;
}

.top-intro-content-point-con section {
	float: left;
	margin: 0 2% 2% 0;
	padding-top: 3.2vw;
	width: 32%;
}

.top-intro-content-point-con section:nth-child(3n),
.top-intro-content-point-con section:last-child {
	margin-right: 0;
}

.top-intro-content-point-con-icon {
	width: 6.4vw;
}

.top-intro-content-point-con-icon::before {
	padding-bottom: 100% !important;
}

.top-intro-content-point-con section.sec-lot .top-intro-content-point-con-icon::before {
	background: url(images/top-intro-icon-1.png) no-repeat;
}

.top-intro-content-point-con section.sec-deadline .top-intro-content-point-con-icon::before {
	background: url(images/top-intro-icon-2.png) no-repeat;
}

.top-intro-content-point-con section.sec-track .top-intro-content-point-con-icon::before {
	background: url(images/top-intro-icon-3.png) no-repeat;
}

.top-intro-content-point-con section.sec-storage .top-intro-content-point-con-icon::before {
	background: url(images/top-intro-icon-4.png) no-repeat;
}

.top-intro-content-point-con section.sec-prescription .top-intro-content-point-con-icon::before {
	background: url(images/top-intro-icon-5.png) no-repeat;
}

.top-intro-content-point-con-in {
	border: 0.3vw solid;
	border-radius: 16px;
	padding: 3.7vw 2vw 1.6vw;
}

.top-intro-content-point-con-in-text {
	font-size: 1.8vw;
}

.top-intro-title {
	margin-top: 3.9vw;
	padding-bottom: 1.3vw;
}

.top-intro-title::after {
	border-width: 1.3vw 0.8vw 0;
}

.top-intro-title-in {
	border-radius: 100px;
	padding: 0.5vw 5.3vw 0.9vw;
}

.top-intro-title-in-in {
	font-size: 2.4vw;
	letter-spacing: 0.08vw;
}

.top-intro-title-in-in .big {
	font-size: 3.6vw;
}

.top-intro-content-btn {
	margin: 3.9vw auto 0;
	width: 36vw;
}

.top-intro-content-btn-in {
	border-radius: 100px;
	font-size: 2vw;
	padding: 1.9vw;
}

.top-intro-content-btn-in-text {
	padding-left: 2.8vw;
}

.top-intro-content-btn-in-text-icon {
	width: 1.5vw;
}

.top-intro-content-btn-in-text-icon::before {
	background: url(images/icon-send.png) no-repeat;
	padding-bottom: 100%;
}

/*------------------------------
国内トップクラスの実績
------------------------------*/

.top-achievements-content .wrapper {
	padding: 7.8vw 0;
}

.top-achievements-content-con {
	margin: 4.6vw 0 -2%;
}

.top-achievements-content-con section {
	float: left;
	margin: 0 2% 2% 0;
	width: 23.5%;
}

.top-achievements-content-con section:nth-child(4n),
.top-achievements-content-con section:last-child {
	margin-right: 0;
}

.top-achievements-content-con-bg::before {
	background: url(images/top-achievements-circle-bg.png) no-repeat;
	padding-bottom: 100%;
}

.top-achievements-content-con-in {
	padding-top: 7.8vw;
}

.top-achievements-content-con section.sec-line-2 .top-achievements-content-con-in {
	padding-top: 6.8vw;
}

.top-achievements-content-con-in-main-title-in-in {
	font-size: 1.7vw;
}

.top-achievements-content-con section.sec-line-2 .top-achievements-content-con-in-main-title-in-in {
	font-size: 1.5vw;
}

.top-achievements-content-con-in-title {
	margin-top: 1.1vw;
}

.top-achievements-content-con section.sec-line-2 .top-achievements-content-con-in-title {
	margin-top: 0.2vw;
}

.top-achievements-content-con-in-title-in::after {
	bottom: 0.6vw;
	height: 1.2vw;
}

.top-achievements-content-con-in-title-in-in {
	font-size: 2.2vw;
}

.top-achievements-content-con-in-title-in-in .big {
	font-size: 5.2vw;
}

.top-achievements-content-caution-text {
	font-size: 1.8vw;
	letter-spacing: 0.06vw;
	margin: 2.8vw 0 0 0;
}

/*------------------------------
育毛研究の専門家チーム
------------------------------*/

.top-expert-content .wrapper {
	padding: 7.8vw 0;
}

.top-expert-content-main-img-list {
	margin: 4.5vw 0 -2%;
}

.top-expert-content-main-img-list li {
	float: left;
	margin: 0 2% 2% 0;
	width: 49%;
}

.top-expert-content-main-img-list li:nth-child(2n),
.top-expert-content-main-img-list li:last-child {
	margin-right: 0;
}

.top-expert-content-main-img-list-img {
	border-radius: 24px;
}

.top-expert-content-in {
	border-radius: 24px;
	margin: 4vw 0 0;
	padding: 3.2vw 3.9vw;
}

.top-expert-content-in-title {
	border-bottom: 0.2vw dashed;
	padding-bottom: 0.7vw;
}

.top-expert-content-in-title-in-in {
	font-size: 2.8vw;
	letter-spacing: 0.09vw;
}

.top-expert-content-in-in {
	margin-top: 2.3vw;
}

.top-expert-content-in-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.05vw;
}

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

.top-expert-content-con {
	margin: 3.8vw 0 0;
}

.top-expert-content-con section {
	margin-bottom: 5.8vw;
}

.top-expert-content-con-img {
	padding: 0 0.5vw 0.5vw 0;
	width: 47.2vw;
}

.top-expert-content-con-img::after {
	border-radius: 24px;
	height: calc(100% - 0.5vw);
	width: calc(100% - 0.5vw);
}

.top-expert-content-con-img-in {
	border-radius: 24px;
}

.top-expert-content-con-in {
	width: 46.6vw;
}

.top-expert-content-con-in-title-num {
	width: 5vw;
}

.top-expert-content-con-in-title-num::before {
	background: url(images/icon-drop-yellow.png) no-repeat;
	padding-bottom: 142%;
}

.top-expert-content-con-in-title-num::after {
	font-size: 2.8vw;
	top: 2.3vw;
}

.top-expert-content-con-in-title-main {
	margin-top: 1.8vw;
}

.top-expert-content-con-in-title-main-in-in {
	font-size: 2.4vw;
	letter-spacing: 0.04vw;
}

.top-expert-content-con-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.04vw;
	margin-top: 2.3vw;
}

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

.top-expert-content-btn {
	margin: 5vw auto 0;
	width: 28vw;
}

.top-expert-content-btn-in {
	border-radius: 100px;
	font-size: 1.8vw;
	padding: 1.6vw;
}

.top-expert-content-btn-in-text {
	padding-left: 3vw;
}

.top-expert-content-btn-in-text-icon {
	width: 1.8vw;
}

.top-expert-content-btn-in-text-icon::before {
	background: url(images/icon-comment.png) no-repeat;
	padding-bottom: 100%;
}

/*------------------------------
確かな品質と安全性
------------------------------*/

.top-safety-content {
	background: url(images/top-safety-bg.jpg);
	background-position: top center;
}

.top-safety-content-bg.bg-1 {
	top: 77.2vw;
	width: 10.4vw;
}

.top-safety-content-bg.bg-1::before {
	background: url(images/top-safety-bg-1.png) no-repeat;
	padding-bottom: 94.155%;
}

.top-safety-content-bg.bg-2 {
	bottom: 29.1vw;
	width: 11.9vw;
}

.top-safety-content-bg.bg-2::before {
	background: url(images/top-safety-bg-2.png) no-repeat;
	padding-bottom: 100.67%;
}

.top-safety-content .wrapper {
	padding: 7.8vw 0 8.5vw;
}

.top-safety-content-in {
	border-radius: 24px;
	margin: 4.7vw 0 0;
	padding: 3.2vw 4vw 2.7vw;
}

.top-safety-content-in-img {
	border: 0.2vw solid;
	border-radius: 12px;
	float: right;
	width: 25.5vw;
}

.top-safety-content-in-in {
	float: left;
	width: 58.2vw;
}

.top-safety-content-in-in-title {
	border-bottom: 0.2vw dashed;
	padding-bottom: 0.7vw;
}

.top-safety-content-in-in-title-in-in {
	font-size: 2.8vw;
	letter-spacing: 0.05vw;
}

.top-safety-content-in-in-in {
	margin-top: 2.4vw;
}

.top-safety-content-in-in-in-text {
	float: left;
	font-size: 1.8vw;
	letter-spacing: 0.05vw;
	width: 35.5vw;
}

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

.top-safety-content-in-in-in-img {
	float: right;
	margin-top: 0.3vw;
	width: 20.7vw;
}

.top-safety-content-con {
	margin: 4.1vw 0 0;
}

.top-safety-content-con section {
	margin-bottom: 5.8vw;
}

.top-safety-content-con-img {
	padding: 0 0.5vw 0.5vw 0;
	width: 47.2vw;
}

.top-safety-content-con-img::after {
	border-radius: 24px;
	height: calc(100% - 0.5vw);
	width: calc(100% - 0.5vw);
}

.top-safety-content-con-img-in {
	border-radius: 24px;
}

.top-safety-content-con-in {
	width: 46.6vw;
}

.top-safety-content-con-in-num {
	width: 5vw;
}

.top-safety-content-con-in-num::before {
	background: url(images/icon-drop-blue.png) no-repeat;
	padding-bottom: 142%;
}

.top-safety-content-con-in-num::after {
	font-size: 2.8vw;
	top: 2.3vw;
}

.top-safety-content-con-in-text {
	font-size: 2.4vw;
	letter-spacing: -0.02vw;
	margin-top: 1.8vw;
}

/*------------------------------
訪間工場
------------------------------*/

.top-visiting-content-bg.bg-1 {
	left: 11vw;
	top: 15.2vw;
	width: 9.7vw;
}

.top-visiting-content-bg.bg-1::before {
	background: url(images/top-visiting-bg-1.png) no-repeat;
	padding-bottom: 152.57%;
}

.top-visiting-content-bg.bg-2 {
	right: 11.2vw;
	top: 14.9vw;
	width: 7vw;
}

.top-visiting-content-bg.bg-2::before {
	background: url(images/top-visiting-bg-2.png) no-repeat;
	padding-bottom: 158.57%;
}

.top-visiting-content-bg.bg-3 {
	left: 3.7vw;
	top: 40.2vw;
	width: 6.4vw;
}

.top-visiting-content-bg.bg-3::before {
	background: url(images/top-visiting-bg-3.png) no-repeat;
	padding-bottom: 193.75%;
}

.top-visiting-content-bg.bg-4 {
	right: 1.9vw;
	top: 36.1vw;
	width: 10vw;
}

.top-visiting-content-bg.bg-4::before {
	background: url(images/top-visiting-bg-4.png) no-repeat;
	padding-bottom: 153%;
}

.top-visiting-content-bg.bg-5 {
	bottom: 3.8vw;
	left: 1.7vw;
	width: 11vw;
}

.top-visiting-content-bg.bg-5::before {
	background: url(images/top-visiting-bg-5.png) no-repeat;
	padding-bottom: 86.428%;
}

.top-visiting-content-bg.bg-6 {
	bottom: 5vw;
	right: 1.8vw;
	width: 9.5vw;
}

.top-visiting-content-bg.bg-6::before {
	background: url(images/top-visiting-bg-6.png) no-repeat;
	padding-bottom: 101.73%;
}

.top-visiting-content .wrapper {
	padding: 7.9vw 0;
}

.top-visiting-content-text {
	font-size: 1.8vw;
	letter-spacing: 0.05vw;
	margin-top: 4.6vw;
}

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

.top-visiting-content-movie {
	border: 0.4vw solid;
	height: 43.5vw;
	margin: 4vw auto 0;
	width: 75%;
}

/*------------------------------
こんなお悩みありませんか？
------------------------------*/

.top-worries-content .wrapper {
	padding: 7.7vw 0 1.3vw;
}

.top-worries-content-comment-con {
	margin-top: 5vw;
}

.top-worries-content-comment-con section {
	margin-right: 1.3vw;
	width: 27.2vw;
}

.top-worries-content-comment-con section:nth-child(1) {
	margin-top: 5vw;
}

.top-worries-content-comment-con section:nth-child(3) {
	margin-top: 5.9vw;
}

.top-worries-content-comment-con section:nth-child(5) {
	margin-top: 3vw;
}

.top-worries-content-comment-con section:nth-child(3n),
.top-worries-content-comment-con section:last-child {
	margin-right: 0;
}

.top-worries-content-comment-con-bg::before {
	background: url(images/top-worries-comment-bg-1.png) no-repeat;
	padding-bottom: 52.302% !important;
}

.top-worries-content-comment-con section:nth-child(2) .top-worries-content-comment-con-bg::before,
.top-worries-content-comment-con section:nth-child(3) .top-worries-content-comment-con-bg::before,
.top-worries-content-comment-con section:nth-child(5) .top-worries-content-comment-con-bg::before {
	background: url(images/top-worries-comment-bg-2.png) no-repeat;
}

.top-worries-content-comment-con-text {
	font-size: 1.6vw;
	top: 4.8vw;
}

.top-worries-content-comment-con-text.line-2 {
	top: 3.3vw;
}

.top-worries-content-comment-con-text.line-3 {
	top: 2.2vw;
}

.top-worries-content-comment-con-text.line-4 {
	top: 1.1vw;
}

.top-worries-content-flow-icon {
	margin: 4.8vw auto 0;
	width: 3.8vw;
}

.top-worries-content-flow-icon::before {
	background: url(images/top-worries-flow-icon.png) no-repeat;
	padding-bottom: 126.31%;
}

.top-worries-content-human-img {
	bottom: -4vw;
}

.top-worries-content-human-img.woman-img {
	left: 3.8vw;
	width: 13.6vw;
}

.top-worries-content-human-img.woman-img::before {
	background: url(images/top-worries-woman-img.png) no-repeat;
	padding-bottom: 171.59%;
}

.top-worries-content-human-img.man-img {
	right: 3.8vw;
	width: 14.6vw;
}

.top-worries-content-human-img.man-img::before {
	background: url(images/top-worries-man-img.png) no-repeat;
	padding-bottom: 161.82%;
}

/*------------------------------
私たちが解決します！
------------------------------*/

.top-solution-content {
	margin-top: 0;
}

.top-solution-content .wrapper {
	padding: 2.1vw 0 7.8vw;
}

.top-solution-content-title {
	padding-bottom: 2vw;
}

.top-solution-content-title::before {
	border-width: 2vw 1vw 0;
}

.top-solution-content-title::after {
	border-width: 1.8vw 0.8vw 0;
	bottom: 0.5vw;
}

.top-solution-content-title-in {
	border: 0.3vw solid;
	border-radius: 100px;
	padding: 0.9vw 6.6vw;
}

.top-solution-content-title-in-in {
	font-size: 4vw;
	letter-spacing: 0.1vw;
}

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

.top-solution-content-con section {
	border: 0.4vw solid;
	height: 29vw;
	margin: 0 3.5vw 1vw 0;
	width: 29vw;
}

.top-solution-content-con section:nth-child(3n),
.top-solution-content-con section:last-child {
	margin-right: 0;
}

.top-solution-content-con-in-title-in-in {
	font-size: 2.3vw;
	letter-spacing: 0.1vw;
}

.top-solution-content-con-in-text {
	font-size: 1.4vw;
	letter-spacing: 0.08vw;
	margin: 2.3vw 1vw 0;
}

.top-solution-content-btn {
	margin: 5.4vw auto 0;
	width: 35.5vw;
}

.top-solution-content-btn-in {
	border-radius: 100px;
	font-size: 2vw;
	padding: 1.9vw;
}

.top-solution-content-btn-in-text {
	padding-left: 3vw;
}

.top-solution-content-btn-in-text-icon {
	width: 1.9vw;
}

.top-solution-content-btn-in-text-icon::before {
	background: url(images/icon-send-2.png) no-repeat;
	padding-bottom: 100%;
}

.top-solution-content-human-img.woman-img {
	left: 2.8vw;
	width: 18.3vw;
}

.top-solution-content-human-img.woman-img::before {
	background: url(images/top-solution-woman-img.png) no-repeat;
	padding-bottom: 138.76%;
}

.top-solution-content-human-img.man-img {
	right: 2.6vw;
	width: 19.9vw;
}

.top-solution-content-human-img.man-img::before {
	background: url(images/top-solution-man-img.png) no-repeat;
	padding-bottom: 127.86%;
}

/*------------------------------
スピーディーに対応
------------------------------*/

.top-step-content .wrapper {
	padding: 7.8vw 0 6.2vw;
}

.top-step-content .top-main-title-in-in {
	font-size: 3.2vw;
}

.top-step-content .top-main-title-in-in + br + .top-main-title-in-in {
	margin-top: 0.5vw;
}

.top-step-content-con {
	margin: 4.7vw 0 0;
}

.top-step-content-con section {
	margin-bottom: 4.6vw;
}

.top-step-content-con section:last-child {
	margin: 0 5vw;
}

.top-step-content-con-title-main {
	border-top: 0.2vw solid;
	border-bottom: 0.2vw solid;
	float: left;
	padding: 0.6vw 1vw;
}

.top-step-content-con-title-main.title-1 {
	border-left: 0.2vw solid;
	width: 36.5vw;
}

.top-step-content-con-title-main.title-2 {
	width: 56.5vw;
}

.top-step-content-con-title-main.title-3 {
	width: 53.7vw;
}

.top-step-content-con-title-main.title-3::before {
	border-top: 0.2vw solid;
	border-right: 0.2vw solid;
	left: -1.7vw;
	height: 3.6vw;
	top: 0.6vw;
	width: 3.6vw;
}

.top-step-content-con-title-main::after {
	border-top: 0.2vw solid;
	border-right: 0.2vw solid;
	height: 3.6vw;
	right: -1.8vw;
	top: 0.6vw;
	width: 3.6vw;
}

.top-step-content-con-title-main-in-in {
	font-size: 2.4vw;
}

.top-step-content-con-flow-con {
	margin-top: 1.8vw;
}

.top-step-content-con .top-step-content-con-flow-con section {
	float: left;
	margin: 0 3vw 0 0;
	padding-top: 2.6vw;
	width: 16.6vw;
}

.top-step-content-con .top-step-content-con-flow-con section:nth-child(5n),
.top-step-content-con .top-step-content-con-flow-con section:last-child {
	margin-right: 0;
}

.top-step-content-con section:last-child .top-step-content-con-flow-con section:last-child {
	margin-left: 9.8vw;
}

.top-step-content-con section:last-child .top-step-content-con-flow-con section:last-child::before {
	background: url(images/icon-plus.png) no-repeat;
	left: -10.4vw;
	height: 3.8vw;
	top: 7.4vw;
	width: 3.8vw;
}

.top-step-content-con-flow-con-num {
	border: 0.2vw solid;
	height: 4.8vw;
	width: 4.8vw;
}

.top-step-content-con-flow-con-num-in {
	font-size: 2.4vw;
}

.top-step-content-con-flow-con-in {
	border-radius: 16px;
	height: 13.5vw;
}

.top-step-content-con-flow-con-in-img {
	width: 8vw;
}

.top-step-content-con-flow-con-title {
	margin-top: 1.1vw;
}

.top-step-content-con-flow-con-title-in-in {
	font-size: 2vw;
}

.top-step-content-img-list {
	margin: 6.3vw calc(50% - 50vw) 0;
}

.top-step-content-img-list .slick-slide {
	margin-right: 2.5vw;
}

.top-step-content-img-list .slick-slide[data-slick-index="0"],
.top-step-content-img-list .slick-slide[data-slick-index="5"] {
	width: 29.8vw;
}

.top-step-content-img-list .slick-slide[data-slick-index="1"],
.top-step-content-img-list .slick-slide[data-slick-index="6"] {
	width: 35.4vw;
}

.top-step-content-img-list .slick-slide[data-slick-index="2"],
.top-step-content-img-list .slick-slide[data-slick-index="7"] {
	width: 27vw;
}

.top-step-content-img-list .slick-slide[data-slick-index="3"],
.top-step-content-img-list .slick-slide[data-slick-index="8"] {
	width: 25.5vw;
}

.top-step-content-img-list .slick-slide[data-slick-index="-1"],
.top-step-content-img-list .slick-slide[data-slick-index="4"],
.top-step-content-img-list .slick-slide[data-slick-index="9"] {
	width: 25.8vw;
}

/*------------------------------
お客様の声
------------------------------*/

.top-voice-content .wrapper {
	padding: 7.4vw 0;
}

.top-voice-content-con {
	margin: 4.6vw 0 0;
}

.top-voice-content-con section {
	margin-bottom: 2.4vw;
}

.top-voice-content-con-info {
	float: left;
	width: 13.4vw;
}

.top-voice-content-con-info-title-in-in {
	font-size: 2vw;
}

.top-voice-content-con-in {
	float: right;
	width: 80.1vw;
}

.top-voice-content-con-in-comment {
	padding-left: 2.1vw;
}

.top-voice-content-con-in-comment::before {
	border-width: 2.2vw 1vw 0;
}

.top-voice-content-con-in-comment-in {
	border-radius: 16px;
	padding: 2.2vw 1.9vw;
}

.top-voice-content-con-in-comment-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.05vw;
}

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

/*------------------------------
育毛独自原料
------------------------------*/

.top-material-content .wrapper {
	padding: 8.1vw 0 7.9vw;
}

.top-material-content-con {
	margin: 4.7vw 0 -4%;
}

.top-material-content-con section {
	float: left;
	margin: 0 4% 4% 0;
	width: 48%;
}

.top-material-content-con section:nth-child(2n),
.top-material-content-con section:last-child {
	margin-right: 0;
}

.top-material-content-con-img {
	padding: 0 0.5vw 0.5vw 0;
}

.top-material-content-con-img::after {
	border-radius: 24px;
	height: calc(100% - 0.5vw);
	width: calc(100% - 0.5vw);
}

.top-material-content-con-img-in {
	border-radius: 24px;
}

.top-material-content-con-title {
	margin-top: 2.3vw;
}

.top-material-content-con section.sec-mulberry-bark .top-material-content-con-title {
	padding-left: 2.5vw;
}

.top-material-content-con section.sec-mulberry-bark .top-material-content-con-title-icon {
	width: 1.5vw;
}

.top-material-content-con section.sec-mulberry-bark .top-material-content-con-title-icon::before {
	background: url(images/icon-mulberry-bark.png) no-repeat;
	padding-bottom: 226.66%;
}

.top-material-content-con section.sec-banjiro .top-material-content-con-title {
	padding-left: 3.5vw;
}

.top-material-content-con section.sec-banjiro .top-material-content-con-title-icon {
	width: 2.7vw;
}

.top-material-content-con section.sec-banjiro .top-material-content-con-title-icon::before {
	background: url(images/icon-banjiro.png) no-repeat;
	padding-bottom: 125.92%;
}

.top-material-content-con-title-in {
	padding: 0.1vw 0.7vw;
}

.top-material-content-con-title-in-in {
	font-size: 2.4vw;
}

.top-material-content-con-text {
	font-size: 1.8vw;
	letter-spacing: 0.025vw;
	margin-top: 1.6vw;
}

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

.top-material-content-con-btn {
	margin-top: 1vw;
}

.top-material-content-con-btn-in {
	font-size: 1.6vw;
	letter-spacing: 0.03vw;
}

.top-material-content-con-btn-in-text {
	padding-right: 1.2vw;
}

.top-material-content-con-btn-in-text::after {
	border-top: 0.2vw solid;
	border-right: 0.2vw solid;
	height: 0.8vw;
	width: 0.8vw;
}

/*------------------------------
製品ラインナップ
------------------------------*/

.top-lineup-content .wrapper {
	padding: 7.6vw 0;
}

.top-lineup-content-con {
	margin: 4.5vw 10vw -4%;
}

.top-lineup-content-con section {
	float: left;
	margin: 0 4% 4% 0;
	width: 48%;
}

.top-lineup-content-con section:nth-child(2n),
.top-lineup-content-con section:last-child {
	margin-right: 0;
}

.top-lineup-content-con-img {
	padding: 0 0.5vw 0.5vw 0;
}

.top-lineup-content-con-img::after {
	border-radius: 24px;
	height: calc(100% - 0.5vw);
	width: calc(100% - 0.5vw);
}

.top-lineup-content-con-img-in {
	border-radius: 24px;
}

.top-lineup-content-con-title {
	margin-top: 1.6vw;
}

.top-lineup-content-con-title-in-in {
	font-size: 2.4vw;
}

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

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

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

.top-qa-content-con-dl {
	border-radius: 16px;
	margin-bottom: 2vw;
	padding: 2vw 1.8vw;
}

.top-qa-content-con-dl-dt-in-icon {
	width: 1.6vw;
}

.top-qa-content-con-dl-dt-in-icon::before {
	background: url(images/icon-plus.png) no-repeat;
	padding-bottom: 100%;
}

.top-qa-content-con-dl dt.dt-open .top-qa-content-con-dl-dt-in-icon::before {
	background: url(images/icon-minus.png) no-repeat;
	padding-bottom: 12.5%;
}

.top-qa-content-con-dl-dt-in-in {
	font-size: 1.8vw;
	letter-spacing: 0.05vw;
	min-height: 3.1vw;
	padding: 0.2vw 0 0 4.8vw;
}

.top-qa-content-con-dl-dt-in-in::before {
	font-size: 1.8vw;
	line-height: 3.1vw;
	height: 3.1vw;
	width: 3.1vw;
}

.top-qa-content-con-dl dd {
	border-top: 1px dashed;
	font-size: 1.6vw;
	letter-spacing: 0.045vw;
	margin-top: 2vw;
	padding-top: 1.9vw;
}

/*------------------------------
お問い合わせ
------------------------------*/

.top-contact-content {
	background: url(images/top-contact-bg.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
}

.top-contact-content .wrapper {
	padding: 7.8vw 0 9.9vw;
}

.top-contact-content-in {
	border-radius: 24px;
	margin: 4.6vw 7.2vw 0;
	padding: 5.5vw;
}

.top-contact-content-in-form-tb table th {
	font-size: 1.8vw;
	padding: 1.3vw 0 3.2vw;
	width: 32.5%;
}

.top-contact-content-in-form-tb-th-box {
	border-radius: 100px;
	font-size: 1.4vw;
	padding: 0 1.3vw;
	top: 1.6vw;
}

.top-contact-content-in-form-tb table td {
	font-size: 1.8vw;
	padding: 0 0 3.2vw 5vw;
}

.top-contact-content-in-form-tb table td input[type="text"],
.top-contact-content-in-form-tb table td input[type="email"] {
	border: 1px solid;
	border-radius: 5px;
	font-size: 1.8vw;
	padding: 1.2vw 1vw;
}

.top-contact-content-in-form-tb table td textarea {
	border: 1px solid;
	border-radius: 5px;
	font-size: 1.8vw;
	height: 17.8vw;
	padding: 1.2vw 1vw;
}

.top-contact-content-check-text {
	margin-top: 3.3vw;
}

.top-contact-content-check-text label::before {
	border: 1px solid;
	border-radius: 2px;
	height: 1.8vw;
	top: 0.4vw;
	width: 1.8vw;
}

.top-contact-content-check-text-in {
	font-size: 1.8vw;
	padding-left: 4.3vw;
}

.top-contact-content-check-text input[type="checkbox"]:checked + .top-contact-content-check-text-in::before {
	border-right: 0.3vw solid;
	border-bottom: 0.3vw solid;
	left: 0.8vw;
	height: 1.6vw;
	top: 0.05vw;
	width: 1.2vw;
}

.top-contact-content-in-in {
	border-radius: 6px;
	margin-top: 3.1vw;
	padding: 3.9vw 2vw 5.1vw;
}

.top-contact-content-in-in-tel {
	float: left;
}

.top-contact-content-in-in-tel-title-in {
	border-radius: 100px;
	padding: 0.05vw 1.5vw;
}

.top-contact-content-in-in-tel-title-in-in {
	font-size: 1.6vw;
}

.top-contact-content-in-in-tel-num {
	margin-top: 0.4vw;
}

.top-contact-content-in-in-tel-num-in {
	font-size: 3.6vw;
	letter-spacing: 0.04vw;
}

.top-contact-content-in-in-tel-num-in-text {
	padding-left: 2.6vw;
}

.top-contact-content-in-in-tel-num-in-text-icon {
	top: 1.3vw;
	width: 1.8vw;
}

.top-contact-content-in-in-tel-num-in-text-icon::before {
	background: url(images/icon-tel.png) no-repeat;
	padding-bottom: 100%;
}

.top-contact-content-in-in-mail {
	float: left;
	margin-left: 4.7vw;
}

.top-contact-content-in-in-mail-title-in {
	border: 1px solid;
	border-radius: 100px;
	padding: 0.05vw 1.5vw;
}

.top-contact-content-in-in-mail-title-in-in {
	font-size: 1.6vw;
}

.top-contact-content-in-in-mail-btn {
	margin-top: 0.9vw;
}

.top-contact-content-in-in-mail-btn-in {
	font-size: 1.6vw;
	letter-spacing: 0.09vw;
}

.top-contact-content-in-in-mail-btn-in-text {
	padding-left: 3.6vw;
}

.top-contact-content-in-in-mail-btn-in-text-icon {
	top: 0.8vw;
	width: 2vw;
}

.top-contact-content-in-in-mail-btn-in-text-icon::before {
	background: url(images/icon-mail.png) no-repeat;
	padding-bottom: 80%;
}

.top-contact-content-in-send-btn {
	margin: 3.1vw auto 0;
	width: 38.8vw;
}

.top-contact-content-in-send-btn-in {
	border-radius: 100px;
	font-size: 1.8vw;
	padding: 2.2vw;
}

.grecaptcha-badge {
	bottom: 2vw !important;
}

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

.main {
	margin-top: 8.8vw;
}

.page-main-title-in-in {
	border-bottom: 0.2vw dashed;
	font-size: 4vw;
	letter-spacing: 0.08vw;
	padding-bottom: 0.5vw;
}

/*------------------------------
プライバシーポリシー
------------------------------*/

.privacy-content .wrapper {
	padding: 7.8vw 0;
}

.privacy-content-in {
	border-radius: 24px;
	margin: 4.6vw 7.2vw 0;
	padding: 5.5vw;
}

.privacy-content-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.04vw;
}

.privacy-content-in-text p {
	margin-bottom: 2vw;
}

/*------------------------------
エラー・確認ページ
------------------------------*/

.top-contact-content-in-text {
	font-size: 1.8vw;
	letter-spacing: 0.04vw;
}

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

.top-contact-content-in-send-btn-list li {
	float: left;
	margin-right: 2vw;
	width: 30vw;
}

.top-contact-content-in-send-btn-list-btn-in {
	border-radius: 100px;
	font-size: 1.8vw;
	padding: 2.2vw;
}

/*------------------------------
お問い合わせありがとうございます
------------------------------*/

.top-contact-content-in-thanks-text {
	font-size: 1.8vw;
	letter-spacing: 0.04vw;
}

.top-contact-content-in-thanks-text p {
	margin-bottom: 2vw;
}

/*------------------------------
情報
------------------------------*/

.note-content .wrapper {
	padding: 4.9vw 0 5.1vw;
}

.note-content-img {
	float: left;
	width: 33.3vw;
}

.note-content-text {
	float: right;
	font-size: 1vw;
	margin: 1vw 0 0 5vw;
	width: 9vw;
}

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

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

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

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

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

.foot-in-address {
	font-size: 1.6vw;
	letter-spacing: 0.05vw;
	margin-top: 2vw;
}

.foot-copyright .wrapper {
	padding: 3.1vw 0 2.4vw;
}

.foot-copyright-text {
	font-size: 1.6vw;
	letter-spacing: 0.05vw;
}

/*----------------------------------------
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;
}